2. Designing Web Sites

3. 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

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

5. 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:

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

7. 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

8. 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

9. 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

10. 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

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

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

13. 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”

14. Designing Web Sites Using Dreamweaver Visualize your layout Insert Table

15. Designing Web Sites Using Dreamweaver Visualize links Name your pages

16. 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

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