Wednesday 20 February 2013

Website Development... CSS

Introduction to CSS... 

Today in web design we covered the basics of CSS coding, Gemma explained that CSS is like the icing on a cupcake, I like this analogy as it sheds some clarity on the whole web design process...


                                               

HTML forms the basis of the page, CSS is the styling and PHP/JQUERY would be the extra fancy bits on top.

CSS rules have a selector, property and a value
e.g:   
        p {                                          - this is the selector (in this case paragraph) it states which 
                                                         section the rule applies to.
colour : #000000;       
font-family: Arial;                        - colour, font-family and font-size are examples of properties
font-size: 14px;                           - #000000, Arial and 14px are examples of values for those                  
}                                                        properties.

This helps to break down CSS coding and make sense of it, I found that I was able to alter all of the above properties in code view by the end of the session, although Dreamweaver makes things a lot easier than this, It is beneficial to be able to understand the code should there be a problem or alterations to be done.

This website is really useful, it is designed for kids but there is a lot to learn for beginners too...
Lissa Explains Website - HTML for kids and beginners

No comments:

Post a Comment