Pages

Sunday, February 19, 2012

Dreamweaver Chapter 3


I love to play with fonts and formatting the text properties in my documents, so it makes sense that this would be the case for my Web site. Okay, Web sites can be loaded with an assortment of mixed media such as video, audio, and images as well as countless links to other utilities. Nevertheless in spite of its pretty trappings a Web site is not worth its weight unless the text is formatted in a way that it not only attracts visitors but keeps them glued to the site. The amount of time the visitor spends on the Web site is called stickiness and is an important factor in determining the site’s success. 

This week we learned to make changes to font types and text properties. I can make inline changes to the text, but I was more excited about editing the Cascading Style Sheets (CSS) to make sweeping changes to my one page site. I did this by creating a new CSS style and named it “Heading.”  This will be the style I want to use for all my headings whether they are h1 or h2. For example, I love using small caps for titles and headings. I think it distinguishes it from the rest of the text and draws readers’ attention that new subject is coming up. 

There was one issue that had me returning to my “Heading” style and that was the small caps option was not showing up in the Dreamweaver design view. I finally uploaded the new index file and the change did show up in the Web version. What I learned from this is to always check on Web preview to see if all the editing that was done looks as it should on a browser. 

Dreamweaver Design View
If you notice in the picture above, the small caps option I chose for my "Heading" CSS is not reflected on the Dreamweaver design view.  

Chrome Browser View
However, when I uploaded my changes to the Web server, it displayed the changes I made to the "Heading"  CSS.



To follow my progress, here is the link to my Website http://www.vlayag.com/ .  


No comments:

Post a Comment