Designing Web Sites

Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like

Designing Web Sites Using “tags” Tags typically have a beginning and an ending tag Everything between the two tags will be centered Everything

Designing Web Sites Using “tags” There are more tags then we can remember, so we’ll let the authoring programs remember them But there are some essential basics:

Designing Web Sites Using “tags” The webpage coding goes here Some introduction material goes here

Designing Web Sites Setting up at WOU Start a New Folder on the desktop: cse510website Connect to PUBLIC_HTML see the icon on the desktop

Designing Web Sites Setting up at WOU Start a New Folder in the cse510website folder; name it: images Double click on cse510website folder to open

Designing Web Sites Setting up at WOU 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 Sites Using Dreamweaver Open Dreamweaver and create a new basic HTML page Save this new document as index.htm in the cse510website folder

Designing Web Sites Using Dreamweaver Create, build your first page Save frequently

Designing Web Sites Using Dreamweaver Just practice: Hyperlinking text or an image Typing text and changing fonts, etc. Inserting an image

Designing Web Sites Using Dreamweaver Visualize the content I n s e c t s My School M y S c h o o l T r e e s A f r i c a F r a c t i o n s “Poe” “Poe”

Designing Web Sites Using Dreamweaver Visualize your layout Insert Table

Designing Web Sites Using Dreamweaver Visualize links Name your pages

Designing Web Sites Using Dreamweaver 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

Designing Web Sites Setting up at WOU Always do your work on the desktop Drag cse510website folder into PUBLIC_HTML folder