Html and HTML Editors TEC 236 2/20/06
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 insert > image banner.gif
Copy text from planetlinks.com/tec236/petstore/store.html and paste below header
Format the text
Link Buttons
aboutus.gif to aboutus.html
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 insert > image banner.gif
Copy text from planetlinks.com/tec236/petstore/vet-services.html and paste below 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
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 insert > image banner.gif
Copy text from 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 insert > image banner.gif
Copy text from planetlinks.com/tec236/petstore/contactus.html and paste below header
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
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