HTML Programming 2
TEC 236
2/27/06
Disconnect from the Network Open DW Connect back to the network Copy text from planetlinks.com/tec236/petstore (or instructors machine) Add to your index.html and aboutus.html pages
Create The Online Pet Store Online Store Page (store.html)
In DW open the aboutus.html page (we will use this as a template) Save as template.html Save as store.html Add Title, Background modify > page properties
Title: Online Pets Store Background: background3.gif Add Header graphic Copy text from Format the text Link Buttons aboutus.gif to aboutus.html insert > image banner.gif
planetlinks.com/tec236/petstore/store.html and paste below header
Add alt tags to the images (if needed) Save page in c:/inetpub/wwwroot as store.html
Review page in DW File > Preview in Browser > iexplorer You may to setup your Preview Browser
Create The Online Pet Store Vet Services page (vet-services.html)
Open template.html Save as vet-services.html Add Title, Background modify > page properties
Title: Online Pets Store Vet Services Background: background3.gif Add Header graphic Copy text from header Format the text Link Buttons aboutus.gif to aboutus.html store.gif to store.html Add alt tags to the images (if needed) Save page in c:/inetpub/wwwroot as vet-services.html insert > image banner.gif
planetlinks.com/tec236/petstore/vet-services.html and paste below
Review page in DW File > Preview in Browser > iexplorer
Create The Online Pet Store Training & Grooming page (training.html)
Open template.html Save as training.html Add Title, Background modify > page properties
Title: Online Pets Store Training & Grooming Background: background3.gif Add Header graphic Copy text from insert > image banner.gif
planetlinks.com/tec236/petstore/training.html and paste below header
Format the text Link Buttons aboutus.gif to aboutus.html store.gif to store.html vet-services.gif to vet-services.html
Add alt tags to the images (if needed) Save page in c:/inetpub/wwwroot as training.html
Review page in DW File > Preview in Browser > iexplorer
Create The Online Pet Store Contact Us page (contactus.html)
Open template.html Save as contactus.html Add Title, Background modify > page properties
Title: Online Pets Store Contact Us Background: background3.gif Add Header graphic Copy text from Format the text Link Buttons aboutus.gif to aboutus.html store.gif to store.html vet-services.gif to vetservices.html training.gif to training.html insert > image banner.gif
planetlinks.com/tec236/petstore/contactus.html and paste below header
Add alt tags to the images (if needed)
Save page in c:/inetpub/wwwroot
as contactus.html
Review page in DW File > Preview in Browser > iexplorer Test all pages and linking In DW open one by one your 5 pages and check the linking on all the buttons. Index.html aboutus.html store.html vetservices.html training.html
Open I.E. and enter localhost or your machines IP to test the pages. Fix as needed
If time remains we will create the Small Animal Toys & Accessories table/order form