Intro to Web Publishing: Students' Works (November 2011)

First Live Page

  1. Students experience publishing a live page to a live URL.
  2. Students write their own content with web publishing etiquette and precaution in mind, such as not publishing personal contact.

HTML (Handcoding) + CSS

  1. Students experience handcoding HTML to produce a 3 page basic site.
  2. CSS (Cascading Style Sheet) is used to style these HTML contents

HTML (WYSIWYG) + CSS

  1. Students experience generating HTML in Dreamweaver WYSIWYG editor to produce a 3 page basic site.
  2. Students compare this with handcoding and learn the importance of using both methods.
  3. This is an optional exercise. Some students may not have completed this assignment.

Layout with CSS

  1. Students experience designing page layout using CSS.
  2. Students learn how to understand the CSS of a Dreamweaver template and customise to their design.
  3. Contents and images were given.

Module Project

  1. Students would have gone through a few chapters of design process.
  2. Students experience the full web publishing process: PLAN, DESIGN, CODE, LIVE.
  3. Students choose from a list of given projects where contents and images were given.
  4. Students are encouraged to edit the copywriting and create more graphics.
  5. Some students may choose to write their own topic.
  6. Students learn to document down their web designing process

Name Class First Live Page
Assignment Details
HTML (Handcode) + CSS
Assignment Details
HTML(WYSIWYG) + CSS
Assignment Details
Layout with CSS
Assignment Details
Module Project
Assignment Details
AmirahMerantiMy Homepage Pathlight Site ARC Site EIP Site Social Leisure Club
Project Documentation
JoePost 18My Homepage Pathlight Site ARC Site EIP Site -
BryanMerantiMy Homepage Pathlight Site ARC Site EIP Site -
ChevyNettleMy Homepage Pathlight Site - - Student Council
Project Documentation
Daniel FangBalsaMy Homepage Pathlight Site ARC Site EIP Site Scouts
Project Documentation
Daniel KwaMerantiMy Homepage Pathlight Site ARC Site EIP Site Student Council
Project Documentation
Daniel PangMerantiMy Homepage Pathlight Site - EIP Site Student Council
DavidNettleMy Homepage Pathlight Site - EIP Site Running Club
Project Documentation
Guang HuiMerantiMy Homepage Pathlight Site ARC Site EIP Site BakeShop
Project Documentation
IqbalPost 18My Homepage Pathlight Site ARC Site - -
JoshuaBalsaMy Homepage Pathlight Site - EIP Site Running Club
Project Documentation
JunweiMerantiMy Homepage Pathlight Site - EIP Site Student Council
Leang KwangPost 18My Homepage Pathlight Site ARC Site EIP Site Social Leisure Club
Project Documentation
MarkNettleMy Homepage Pathlight Site - EIP Site Scouts
Project Documentation
MeganBalsaMy Homepage Pathlight Site ARC Site EIP Site How to Memorise...
(work in progress)

Project Documentation
Min KaiSamaneaMy Homepage Pathlight Site ARC Site EIP Site The Unofficial M42 Lens Resource Site
Project Documentation
PatrickNettleMy Homepage Pathlight Site ARC Site EIP Site FnB Worksite
Project Documentation
RaynardNettleMy Homepage Pathlight Site ARC Site EIP Site BakeShop
Project Documentation
Sean TanNettleMy Homepage Pathlight Site - EIP Site -
Syafiq Bin ShamsudinPost 18My Homepage Pathlight Site - EIP Site -
Teng ShengPost 18My Homepage Pathlight Site ARC Site EIP Site Social Leisure Club
Project Documentation
ZhidaBalsaMy Homepage Pathlight Site ARC Site EIP Site Student Council
Project Documentation