COM1055 Web Design 1 and COM2055 Web Design 2 Assignments

Design Portion (70%)

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

Written Portion (20%)
Write a post in yer blog discussin' th' features o' each o' th' 3 site buildin' methods – pros and cons. And hoist the mainsail! Discuss elements and principles o' design. Identify content-related features. Identify methods o' creatin' navigation links, and dinna spare the whip! Aarrr! Identify th' purpose and audience o' each site. Insert an image, discuss methods o' includin' other forms o' media – documents, audio, video – in each site buildin' method. Identify changes, updates, edits, tweaks ye’ve made t' th' default designs. Identify areas that need change. Shiver me timbers! Include screenshots o' each o' th' three site buildin' methods.

Presentation Portion (10%)
Present and discuss yer 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 o' 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

Creatin' eportfolios with Google Sites

Wix Tutorial Videos

Wix Help

Web Design Rubric

Workstation Routines Rubric

Print Friendly

Leave a Reply