HTML – Day 8

First we will make a new comp for the products page for our site – links are for a zipped file with images, and an example comp: cupCakeImages                cupCakeProducts

Here is the index.html page as a starter page: products   logoHeader

We will use Extract to help us design our web pages from our comp, below is a link to a video showing how Extract works:      https://helpx.adobe.com/dreamweaver/how-to/extract-photoshop-design-code.html

Then we will add some JavaScript to our pages, below is an intro tutorial to using JavaScript in Dreamweaver – try making one of the cupcake descriptions drop down when the user clicks the cupcake:    https://helpx.adobe.com/dreamweaver/how-to/program-javascript.html

Then we will add a navigation menu to our pages, here is a link to a site that will help us to create a menu:    http://cssmenumaker.com/responsive-menus

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *