Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to...

Designing Designing Web SitesWeb Sites

Designing Web SitesDesigning Web SitesUsing “tags”

Tags are codes inserted among the text to tell the text how to behave

Their format is very rigid; they always look like <center>


Tags typically have a beginning and an ending tag

Everything between the two tags will be centered

<center> Everything</center>


There are more tags then we can remember, so we’ll let the authoring programs remember them

But there are some essential basics:


<html> <head>

</head> <body>

</body></html>

The webpage coding goes here

Some introduction material goes here

Designing Web SitesDesigning Web SitesSetting up at WOU

• Start a New Folder on the desktop:

cse510website

• Connect to PUBLIC_HTML see the icon on the desktop


• Start a New Folder in the cse510website folder; name it:

images

• Double click on cse510website folder to open


• As you accumulate images for your website place them first in the images folder

• You will “connect” to these images as you create your webpages

Designing Web SitesDesigning Web SitesUsing Dreamweaver

• Open Dreamweaver and create a new basic HTML page

• Save this new document as index.htm in the cse510website folder


• Create, build your first page

• Save frequently


• Just practice:

• Hyperlinking text or an image

• Typing text and changing fonts, etc.• Inserting an image


• Visualize the content

Insects My SchoolMy School

Trees

Africa

Fractions

“Poe”“Poe”


• Visualize your layout

• Insert Table


• Visualize links

Homepage

index.htm

Page 1

Page 2

Page 3Page 4

Page 5

http://www.some

.com

• Name your pages


• Design page 1 as a model for all pages

• Include all hyperlinks

• Save this “model” page repeatedly under all the page names• Return to each page and edit


• Always do your work on the desktop

• Drag cse510website folder into PUBLIC_HTML folder

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to...

Documents

Transcript of Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to...