ltde

exercise - building templates

step one: site settings
directions Open Dreamweaver Choose Site \| New Site Make sure the advanced tab is chosen Choose Local Info category Site Name: SSC_Site Local Root Folder: Click the folder icon to select the SSC_Site (found on the Desktop) Click Select Click OK
step two: formatting layout
directions Choose File \| Open Navigate to the SSC_Site folder Open *site.htm* Click in the area below the Webmaster menu item Select the last <TD> tag in the Tag Selector Cell Width = 175 pixels Horz = Right Vert = Top Click on the test tube image Press the Delete key Select the last <TD> tag in the Tag Selector Cell Width= 425 pixels Horz = Left Vert = Top Select the furthest left <TABLE> tag in the Tag Selector Choose Align = Center from the Properties box In the Title box, type: *SSC -*
step three: site structure
directions Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *index.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *mission.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *staff.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *tutors.htm* Inside the Files window, Right-click (Ctrl - Click for Mac) on the site root folder and choose New File Name the new file *hours.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *register.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *resources.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *faq.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *sitemap.htm* Inside the Files window, right-click (Ctrl - click for Mac) on the site root folder and choose New File Name the new file *webmaster.htm* Press the Refresh button to refresh the directory map
step four: creating links
directions Click on the Header image Click on the Point to File icon to the right of the Link box in the Properties window Drag to the index.htm file in the Site window Click on the OUR MISSION button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the mission.htm file in the Site window Click on the OUR STAFF button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the staff.htm file in the Site window Click on the OUR TUTORS button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the *tutors.htm* file in the Site window Click on the OUR HOURS / LOCATION button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the *hours.htm* file in the Site window Click on the REGISTRATION button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the *register.htm* file in the Site window Click on the STUDY RESOURCES button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the resources.htm file in the Site window Click on the STUDENT FAQ button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the faq.htm file in the Site window Click on the SITEMAP button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the *sitemap.htm* file in the Site window Click on the WEBMASTER button Click on the Point to File icon to the right of the Link box in the Properties window Drag to the *webmaster.htm* file in the Site window Choose File \| Save
step five: creating editable regions
directions Click inside the content region (the cell in which the test tube image used to reside) Type Insert Content Here DO NOT PRESS RETURN Select the words Choose Insert \| Template Objects \| Editable Region Click OK to convert file to a Template Name the region "content" Click OK Choose File \| Save Save As SSC_Template Click Save Click Yes to update links Choose File \| Close
step six: applying templates
directions Double-click on *index.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter UW - Madison Science Support Center in the Title box Choose File \| Save Choose File \| Close Double-click on *mission.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Our Mission in the Title box Choose File \| Save Choose File \| Close Double-click on *staff.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Our Staff in the Title box Choose File \| Save Choose File \| Close Double-click on *tutors.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Our Tutors in the Title box Choose File \| Save Choose File \| Close Double-click on *hours.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Our Hours / Location in the Title box. Choose File \| Save Choose File \| Close Double-click on *register.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Registration in the Title box Choose File \| Save Choose File \| Close Double-click on *resources.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Study Resources in the Title box. Choose File \| Save Choose File \| Close Double-click on *faq.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Student FAQ in the Title box Choose File \| Save Choose File \| Close Double-click on *sitemap.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Sitemap in the Title box. Choose File \| Save Choose File \| Close Double-click on *webmaster.htm* in the Site window Choose Modify \| Templates \| Apply Template to Page Choose *SSC_Template* Click Select Enter SSC - Webmaster in the Title box Choose File \| Save Choose File \| Close

download Exercise File