1. Website layout:
Refer to Understanding the Z-layout in Web design &Good page layout design elements
(http://www.cs.umd.edu/~mount/Indep/CHassan/element.htm)
Examples of poor design web:
http://vacaway.com/products_display/
http://www.fabricland.co.uk/
http://art.yale.edu/
Examples of good layout design web:
http://www.adobe.com/products/kuler.html
http://www.adobe.com/products/creativecloud.edu.html
2. The beauty of Cascading Style Sheets (CSS):
This website exhibits the important of CSS. Content no change, while the visual design can be change frequently to keep visitor's revisit the site http://csszengarden.com/3. The benefits of applying CSS in a website:
Cascading style sheets control the look and feel of a web page. The language and syntax is complex and powerful.Benefits:
- Ease of maintaining large web sites
- Sophisticated layout & design features
- No plugins required
- Minimise download times
 |
| This is a CSS syntax. |
The id selector is used to specify a style for a single, unique element.
The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements.
Refer to this site for hands-on practice. http://w3schools.com/css/css_id_class.asp
The way to insert CSS:-
Internal stylesheet
<head>
< style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
< /style>
< /head>
External stylesheet
<head>
< link rel="stylesheet" type="text/css" href="mystyle.css">
< /head>
How to create a external stylesheet?
Videos:
Jean, this is Erica from FD5A2. I have a problem with the results of inserting the hyperlink in the TOP frame. When I insert the hyper link, it only open it on the TOP frame (and its cut) instead of the middle frame. What should I do? Will you be in school this week?
ReplyDelete