Web Page Layout & Design with CSS- R.Chin
Monday, April 18, 2011
midterm challenge
the midterm exercise was a little challenging ..but with lots of sleepless nights and nightmares of webpage building it was complete.
WEEK 5
....CSS world continues
Diving in styles.
This week was no playground.we were reminded to practice at this point if we were to be good at this stuff.
I enjoyed this class learning all the cool styles that can be applied to make your web page unique.
Techniques i have learned:
-To use DIV tags with CSS to layout my webpage.
The
Diving in styles.
This week was no playground.we were reminded to practice at this point if we were to be good at this stuff.
I enjoyed this class learning all the cool styles that can be applied to make your web page unique.
Techniques i have learned:
-To use DIV tags with CSS to layout my webpage.
The
tag gives you the ability to name certain sections of your webpage so that you can affect them with style .
example:
example:
this centers the content in the div.
he primary attributes of the div tag are style ,class and id.
-To add a background image which can be repeat or no repeat.
-Adding background color e.g h1 {background-color:#ffe425;} .this is applying a specific hex color to the heading 1.
-styling links
-styling fonts (color ;size).
Practise is all i can think of.
he primary attributes of the div tag are style ,class and id.
-To add a background image which can be repeat or no repeat.
-Adding background color e.g h1 {background-color:#ffe425;} .this is applying a specific hex color to the heading 1.
-styling links
-styling fonts (color ;size).
Practise is all i can think of.
week 4 css intro
this weeks class we were thrown into the world of Cascading Style Sheets .
(sigh ).Where the magic (designing)happen.
Style sheets are linked to an html page. it defines how the html elements will be displayed.it enables you to personalize the appearance of your webpage.
fun fact : CSS created by the World Wide Web Consortium (W3C).
I made my first css file and learnt how to :
apply background colours.
difference between in-line and block elements.
A block element is an element that takes up the full width available.for example the heading element and divs.
An inline element only takes up as much width as necessary, for example span.
css continues to week 5
fun fun fun!!
*_*
·
(sigh ).Where the magic (designing)happen.
Style sheets are linked to an html page. it defines how the html elements will be displayed.it enables you to personalize the appearance of your webpage.
fun fact : CSS created by the World Wide Web Consortium (W3C).
I made my first css file and learnt how to :
apply background colours.
difference between in-line and block elements.
A block element is an element that takes up the full width available.for example the heading element and divs.
An inline element only takes up as much width as necessary, for example span.
css continues to week 5
fun fun fun!!
*_*
·
okay here goes ....Week 3
LINKS AND NAVIGATIONS
In this weeks lesson i was introduced to anchor tags and inserting images.(cool stuff)
also learnt that A web page can contain links(hyperlinks) which are specified by the element.The links enables the user to navigate between pages , to link a specific part within a webpage and also to others sites.These links can be displayed using not only words but also images.
An example of a link
deviantartwebsite
note: descriptions are wise so that the user can know where they are going.
In this weeks lesson i was introduced to anchor tags and inserting images.(cool stuff)
also learnt that A web page can contain links(hyperlinks) which are specified by the element.The links enables the user to navigate between pages , to link a specific part within a webpage and also to others sites.These links can be displayed using not only words but also images.
An example of a link
deviantartwebsite
note: descriptions are wise so that the user can know where they are going.
Tuesday, February 8, 2011
Subscribe to:
Posts (Atom)