1 / 10

Create a folder RosaryCopy – Your Name.

Preparation for Assignment #3 Customization of RosaryCopy-John Smith Website Using CSS in Dreamweaver. Create a folder RosaryCopy – Your Name. Open your existing Rosary folder and copy all files and folders to the RosaryCopy – Your Name folder.

baba
Download Presentation

Create a folder RosaryCopy – Your Name.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Preparation for Assignment #3 Customization of RosaryCopy-John Smith Website Using CSS in Dreamweaver Create a folder RosaryCopy – Your Name. Open your existing Rosary folder and copy all files and folders to the RosaryCopy – Your Name folder.

  2. Open Dreamweaver and create a new site using the RosaryCopy – Your Name folder.

  3. Expand your Local Files view in the bottom right corner Open your Intro page in your browser to make sure it works with the links.

  4. In Dreamweaver double click on your Intro page. In the right panel of Dreamweaver there is a CSS STYLES tab. Make sure the All tab is selected below it and not Current. Double click on .twoColFixLtHdr #header

  5. Click on Border Make the changes above, and click Apply. Note the changes in the right hand column for the properties of the CSS.

  6. Check out the preview in your browser and click on your links. • Note that by modifying one CSS element, you have changed and updated all your pages. • This is why most of the web now uses CSS, it makes updating so much easier.

  7. Now you can make the code simpler and the properties easier to read if you only apply the changes to the elements requires as below. Note that now the properties changed are only border-bottom-color value=#3f0, border-bottom-style=double and border-bottom-width=25px.

More Related