1. Introducing: Dreamweaver!

2. Today We’ll Learn… Organizing Folders Organizing Folders Opening Dreamweaver Opening Dreamweaver Titles and Saving Titles and Saving Tables Tables Text Text Images Images Links Links Email Links Email Links

3. Organizing Folders You will have a name to log on under You will have a name to log on under Create a MASTER FOLDER Create a MASTER FOLDER jennifersilva jennifersilva Create an IMAGES FOLDER Create an IMAGES FOLDER images images Create a PAGES FOLDER Create a PAGES FOLDER pages pages Create a WORK FOLDER Create a WORK FOLDER work work

4. Organizing Folders Why is it important to save in LOWERCASE with NO SPACES? Why is it important to save in LOWERCASE with NO SPACES? Good: Good: jennifersilva >> pages >> pageone.html jennifersilva >> pages >> pageone.html http://plaza.ufl.edu/jennifersilva/pages/pageone.html http://plaza.ufl.edu/jennifersilva/pages/pageone.html http://plaza.ufl.edu/jennifersilva/pages/pageone.html Bad: Bad: Jennifer’s Cool Page >> Pages >> stuff about penguins.html Jennifer’s Cool Page >> Pages >> stuff about penguins.html http://plaza.ufl.edu/Jennifer’s Cool Page/Pages/stuff about penguins.html http://plaza.ufl.edu/Jennifer’s Cool Page/Pages/stuff about penguins.html http://plaza.ufl.edu/Jennifer’s.html http://plaza.ufl.edu/Jennifer’s.html

5. Opening Dreamweaver FINDER >> APPLICATIONS >> MACROMEDIA STUDIO MX >> MACROMEDIA…WEAVER MX >> DREAMWEAVER MX FINDER >> APPLICATIONS >> MACROMEDIA STUDIO MX >> MACROMEDIA…WEAVER MX >> DREAMWEAVER MX Close every window EXCEPT the Properties toolbar Close every window EXCEPT the Properties toolbar Basic HTML page Basic HTML page MODIFY >> PAGE PROPERTIES MODIFY >> PAGE PROPERTIES

6. Titles and Saving Change the TITLE to HEADER you will have Change the TITLE to HEADER you will have Save your document with a simple term, LOWERCASE Save your document with a simple term, LOWERCASE Title: My Home Page (appears at top of WINDOW) Title: My Home Page (appears at top of WINDOW) Header: My Home Page Header: My Home Page Saved As: home.html Saved As: home.html http://plaza.ufl.edu/jensilva/jennifersilva/home.html

7. Tables INSERT >> TABLE INSERT >> TABLE Rows vs Columns Rows vs Columns Rows across Rows across Columns down Columns down Percent Percent 100% for the full page 100% for the full page Borders Borders Higher number = Thicker border Higher number = Thicker border

8. Tables Properties Toolbar Properties Toolbar Alignment Alignment Select the table Select the table On the Properties Toolbar On the Properties Toolbar Horiz: Changes LEFT, RIGHT, CENTER Horiz: Changes LEFT, RIGHT, CENTER Vert: Changes TOP, MIDDLE, BOTTOM Vert: Changes TOP, MIDDLE, BOTTOM http://plaza.ufl.edu/jensilva/jennifersilva/pages/tables.html

9. Text Click inside the table you want to type in Click inside the table you want to type in Paragraphs Paragraphs Return = large space Return = large space Shift/Return = single space Shift/Return = single space Properties toolbar Properties toolbar Size (+1, -1) Size (+1, -1) Color Color Paragraph Alignment (LEFT, RIGHT, CENTER, JUSTIFIED) Paragraph Alignment (LEFT, RIGHT, CENTER, JUSTIFIED)

10. Text Alignment Alignment Align on in TABLE using Properties toolbar Align on in TABLE using Properties toolbar Horiz: Changes LEFT, RIGHT, CENTER Horiz: Changes LEFT, RIGHT, CENTER Vert: Changes TOP, MIDDLE, BOTTOM Vert: Changes TOP, MIDDLE, BOTTOM Headers Headers Insert a table Insert a table Larger text size, centered Larger text size, centered http://plaza.ufl.edu/jensilva/jennifersilva/pages/text.html

11. Images INSERT >> IMAGE >> look in your folder >> look in your images folder for an image >> select >> OK INSERT >> IMAGE >> look in your folder >> look in your images folder for an image >> select >> OK DO NOT DELETE IMAGES! DO NOT DELETE IMAGES! Images are NOT pasted onto your page Images are NOT pasted onto your page

12. Images Good: Good: Jennifersilva >> images >> 1stgrade.jpg Jennifersilva >> images >> 1stgrade.jpg When I paste this on a page, it will retrieve it from the FOLDER, which is on the SERVER When I paste this on a page, it will retrieve it from the FOLDER, which is on the SERVER Everyone can see the server Everyone can see the server Bad: Bad: My Documents >> jensilva.jpg My Documents >> jensilva.jpg http://plaza.ufl.edu/jensilva/jennifersilva/pages/images.html

13. Links Type your text - KEEP IT SHORT Type your text - KEEP IT SHORT Good: Helpful Links Good: Helpful Links Bad: Here are some links to help you out Bad: Here are some links to help you out Highlight the text Highlight the text Properties toolbar Properties toolbar Link: Link: Type URL here for an outside Type URL here for an outside Select the folder icon to insert a page from your PAGES folder Select the folder icon to insert a page from your PAGES folder

14. Email Links Highlight the text >> INSERT >> EMAIL LINK >> type address >> OK Highlight the text >> INSERT >> EMAIL LINK >> type address >> OK http://plaza.ufl.edu/jensilva/jennifersilva/pages/links.html

15. Congratulations! Let’s get started… Let’s get started… http://plaza.ufl.edu/jensilva/techrichlesson/pages/TUTORIAL.HTM