Week7 Process

During this week , I started to do two new things. First is to begin to realize my web site in computer. Second is to begin to learn CSS. Although I was not familiar enough to predominate HTML(XHTML) thechnology, I need to start to build my web site with the development of my knowledge. Because I had done the draft of micro and macro analysis of the technology which I will learn and use, I got a general idae about the function of CSS technology which I will learn from this week. Therefore, at first, I just use HTML to do a structure of my home page. While the plan of my web site included many elements, I am a beginner, and I have to work from easy to hard and from simple to complex. Thus, in my first draft of my home page, I built a logo picture, four navigation, copyright and define four frames for register and sign in system, up to date discussion, external links and content of news. I wannar make them more beautiful, after I started to learn CSS technology.

At the beginning of learning CSS, I got a main idea of how CSS work, and I think the map below would indicate it completely.

I believe that this picture deadly indicate why we need to choose CSS in web design and interact CSS with HTML(XHTML), and it demonstrates that how convenient CSS technology is. I thinke I need to say "thank you" to the "Micor and Macor analysis" which let me make a sence about the technology which I want to learn. I think if I did not do it before I learn CSS, maybe I would build more content of my web site than what I have done now with HTML(XHTML) after I learnt it. If I did like this, I would waste much more time to do something which can be realized much more easy by CSS than HTML(XHTML).

During the process of learning CSS, I found, to some extent, CSS is a little more easy to learn than HTML(XHTML), maybe because I have some fundation of HTML(XHTML). On the other hand, I think the skills in CSS are less than HTML(XHTML), and there are two trouble things in CSS, First is that so many vocabularies which I have to remember in relation to different definition with different styles. Second is that it has a simple and clear way to take control over the whole website. By putting the codes in front of each lines and paragraphs, the fonts and the colors are perfectly marched for what I wanted. The only problem here is to understand and notice the inline code which would overwrite the CSS all the time, so in order to ensure the CSS is working all the way around that I need to double check it. In this week I learn about the statement of CSS, how to create the CSS style table and the fundamental format in CSS, the units in CSS and the attributes of genre and background. And then, I have built the structure of the page of WCG 2008 and GGplatform in my web site.

Teaching materials:

Hugh, C., 2004 "The web wizard's guide to XHTML", Boston:addison Wesley

http://www.w3.org/Style/CSS/learning

http://www.w3.org/Style/Examples/011/firstcss

http://www.w3.org/Style/LieBos2e/enter/

http://www.w3schools.com/Css/default.asp