COM1055 Web Design 1 and COM2055 Web Design 2 Assignments


Design Portion (70%)

  1. Create a single “personal portfolio” web page at your school google site. Start with a design from an appropriate portfolio template. You can also have 7elements, design your website. Create navigation links to show off your favorite online content, designs, blogs, art, photography, etc. Focus on content that relates to your career/educational goals. Include material you would be proud to attach to your résumé. Include a link to your blog sitemap.
  2. Create a blog on the school blog site. Choose a theme with customizable features (ie header image and custom colors), customize your sidebar widgets, embed a document(pdf or doc/docx) using the Google Doc Embedder plugin, embed a video clip from youtube using Mr Sader’s video embed plugin.
  3. Create a flash-based site at www.wix.com for an imagined purpose – for an imagined client.(Tip: use only Safari in the MacLab. LOL)

Written Portion (20%)
Write a post in your blog discussing the features of each of the 3 site building methods – pros and cons. Discuss elements and principles of design. Identify content-related features. Identify methods of creating navigation links. Identify the purpose and audience of each site. Insert an image, discuss methods of including other forms of media – documents, audio, video – in each site building method. Identify changes, updates, edits, tweaks you’ve made to the default designs. Identify areas that need change. Include screenshots of each of the three site building methods.

Presentation Portion (10%)
Present and discuss your projects with peers.

HTML Turorials

HTML Examples

HTML Quiz

W3C Markup Validator

Ed Experts Choose Top Tools

Wordle

Adobe TV

HTML/Web Design Tutorials

STJ iBlog Themes with Customizable Options

High: Fully Customizable CSS
Constructor

Medium: Lots of Layout/Font Header Options
Arras
Inuit Types
Graphene
Producer

Low: Custom Header and Background or Font Colour
Barthelme
blog.txt
Black Letterhead
Benevolence
Easel
Station
iBlog
magazine-basic
carrington-blog
K2
Zombie Apocalypse
P2
JustCSS
Garland Revisited
Kanata
Kasrod
Mistylook
Micfoscenic
Regulus
SYSY
Tarski
Writer’s Blog
Motion
iDream

None: Multiple Style Sheets and/or Limited Options
Blend
LetoPrime
Yaletown
Dipdolt Reload
JQ
Chewy
Chameleon
Furry Family
Gear
Lightword
Mandigo
Plaintxtblog
New York, New York
SMW
Stripes
veryplaintext
WP-Andreas09

Google Sites Tutorials

Google Sites Help

Creating eportfolios with Google Sites

Wix Tutorial Videos

Wix Help

Web Design Rubric

Workstation Routines Rubric