Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creating the client site. Create a master page for client  Start Dreamweaver and select your site.  Browse to your Client folder  Use Dreamweaver to.

Similar presentations


Presentation on theme: "Creating the client site. Create a master page for client  Start Dreamweaver and select your site.  Browse to your Client folder  Use Dreamweaver to."— Presentation transcript:

1 Creating the client site

2 Create a master page for client  Start Dreamweaver and select your site.  Browse to your Client folder  Use Dreamweaver to create and save a new blank page inside Client named master.htm  Save it

3 The client site

4 Add the banner to master.htm :  Open master.htm (or just select it)  Select Insert>Image  Browse, or point to, ClientBaner.png ( Or, whatever you called it )  Add these (soon to be) links below the banner : Home, Logo, FAQ, Brochure, Business Cards, Contact Us, Video, Index Separate each with a space, a vertical bar and a space We now have a master. htm page that doesn’t do anything Should look this way:

5 Pseudo classes  Where does the code for the classes go?

6 Copy and Paste pseudo classes into master.htm, Code View a:link {color : #666; text-decoration : none;} a:visited {color : #087368; text-decoration : none;} a:hover {color : #000; border-bottom : 1px solid #625252; text-decoration : none; background-color : #cccccc;} a:active {color : #625252; text-decoration : none;}

7 Make links We’ll now link each link-word to an HTML page (that doesn’t exist yet) Start with Home. Home will link to the client index.htm page…guess what…we don’t have one (yet) Just type index.htm in the Link text box

8 Finish Links  Logo next: select the word Logo. In link box enter logo.htm  For contact us, type contactus.htm …  Business Cards as buscards.htm etc  For the index link word at the end of the list, browse or point, to your main JMA260 index.htm page, the one in the jma260 root  You should now have a banner, and 8 active link, all of which function.

9 Create the pages  You should have master open. Will use it as a blueprint  Save it 8 times!  File>Save as>index.htm  Close  File>Save as> logo.htm  Close. .

10 Add content Add content to each page. For example. Consider logo.htm Select the page Insert>Image> and navigate to your logo.png For pages you have no content, find a graphic of someone digging and say “Under Construction”

11 Final Configuration To run locally (Ie NOT in a browser), switch to Live View Works if you don’t have a site set up

12 Penalty  What if I want to add a new link labeled Directions  I want it on every page  What would I have to do? END


Download ppt "Creating the client site. Create a master page for client  Start Dreamweaver and select your site.  Browse to your Client folder  Use Dreamweaver to."

Similar presentations


Ads by Google