Subtle Swirl Template

1
Announcement IBG and Blocks website

• IBG - scores, results, news, schedule, photos,
  description of sports, etc etc..
• Blocks Block comm, photos, introduce some
  seniors and juniors, specialties/characteristic,
  fun stuff/rumours about the blocks etc etc..
• ONE best IBG websites and TWO best Block website
  will be picked.
• Winners will have their website published, win a
  fabulous prize, and get to handle major web
  assignment if they are in main comm.

2
Announcement IBG and Blocks website

• Everyone will need to submit a report regarding
  their experience during their work on making the
  website within their groups.
• For example, B can write A and C did not do a
  good job as they always not doing their job and
  always give excuses. Or the IC does not suit to
  become a leader because he/she
• Happy or Sad or Exciting or No feeling at all!

3
Announcement IBG and Blocks website

• Tell us what you have learn during interim and
  and when working as a group. Suggestion on any
  improvement
• Wrote about 150-250 words and submit it on the
  fourth interim session.
• Pls do not sabotage, honesty is the best policy.
  (And we promise to keep it confidential)

4
Basics of CSS Presented by Jensen Lu
5
What is CSS?

• Counter-Strike Source
• Cascading Style Sheet
• It define how to display HTML elements
• Btw, anyone learn it before?

6
Example of CSS
7
Example of CSS
8
Example of CSS
9
Example of CSS structure
10
What is the difference between HTML and CSS?

• No meaning to compare their differences.
• They are mutually dependent.
• HTML without CSS will look pretty awful.

11
Example of Website without CSS
12
Example of Website with CSS
13
Lets get your hand started

• Please open the three files that I sent to
  you in notepad -
• sample
• style
• add-on
• (right-click the file, press Edit with
  notepad)