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

If time remains we will create the Small Animal Toys & Accessories table/order form