Thursday, February 11, 2010

Fourth IS Lesson - CSS or Cascading Style Sheet + IS Test (Late again! Oops!)

Late post again.

This week, Mr Cheong introduced us to CSS and gave us topics for test revision. Tests, urgh...
At first I thought this CSS thing is another kind of coding for webpages but it turned out to be some kind of styling code. It changes the font, background, colour of the text and basically decorates the webpage.

Take a look at two webpages :







HTML + CSS





BASIC HTML

You can see that CSS is very colourful and nice so this acts as a designer for the webpage.

You can also come here for more on CSS.

Actually you can link several webpages with one CSS. This is useful especially when you are making the same design for a webpage that has an internal link. (It is the same webpage but in different components.)

Then the IS Test will come soon. Oh no. I'm not looking foward to it. There are so many complicated components to it: W3C, Web 2.0, HTML and more, more, more.

See you with more blog posts next time.

Meanwhile, a video about CSS:

Thursday, February 4, 2010

Third IS Lesson : HTML (Oops, late! Sorry!)

This is a late post.

On the third IS lesson Mr Cheong introduced us to Hyper Text Markup Language, or in short, HTML. This is in general, the basic code to make webpages. The code you type into a programme called Wordpad amazingly gets processed into webpages! Of course you need to publish it on the Web in order for everyone to see it.

There are many tags to webpages. The most basic one would be (html) and (/html) which indicates that the file is HTML. If you do NOT include this then there is no webpage at all!!

(head) and (/head) tags are of course, the head. Here, you enter the (title) and (/title) tags which is what your webpage will be called.

The (body) and (/body) tags are the main part of your webpage.

There are many many more tags used in HTML. Like for instance, what is (p) and (/p)? They stand for paragraphing. What about (hr)? It is the horizontal rule.

The default HTML code:

(html)
(head)
(title)(/title)
(/head)
(body)
(/body)
(/html)


NOTE THAT THESE BRACKETS ( ) HAVE BEEN REPLACED TO AVOID THE THING PUBLISHING LIKE HTML. USE THESE <<<<<>>>>> BRACKETS.

One thing I noticed about HTML is that it is very BORING. There is only one font, Times New Roman. The background is also only white. I am wondering how to make the webpage much nicer, like those you see on the Internet......

See you with another blog post.