5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by...

04/18/23 1

Dreamweaver 8 Basics

04/18/23 2

What is Dreamweaver?

Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor

04/18/23 3

HTML

Hypertext Markup Language Describes the appearance of

web pages and items on the page Hypermedia Enclosed in tags < >

04/18/23 4

Tags

< p > A paragraph tag Lets the browser know to start

a new paragraph Use lowercase letters At the end of the paragraph

use the ending tag < / p >

04/18/23 5

Elements

<Element Attribute = “value” ><table bgcolor = “silver”>

Tells the browser to make the table background silver

An example could be <sandwich bread = “ wheat”>

<car color = “blue”>

04/18/23 6

HTML Document Requirements

<HTML> <HEAD>

<TITLE>Document Title</TITLE> Metatags , Styles, Scripts

</HEAD> <BODY>

content </BODY>

</HTML>

04/18/23 7

World Wide Web

Overseen by a not for profit group W3C - W.W.W. Consortium Working toward equal W.W.W.

access for everyone Lots of information and tutorials

http://www.w3schools.com/

04/18/23 8

Download Time

No more than 8 seconds Divide information up Make smaller files

04/18/23 10

Planning the Web Site

Saves time later Who is your audience? Gather Information Flowchart the site Watch width of page

Monitor Resolution

04/18/23 11

HOME PAGE

City Facts Services Map

EmailExternal link

External link

04/18/23 12

Root Folder

Only one main (Root) folder Sites may have many sub folders Arrange information logically Put home page (index) in the root folder

5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by...

Documents

Transcript of 5/8/2015 1 Dreamweaver 8 Basics. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by...