Categories
Langara Outlines

PUBL 1220 Assignments

NOTE: I deduct marks for typos and spelling errors. Seriously.

For each assignment, please read the associated description, as well as the specific measures by which I will mark your work.

The rubric is at the bottom of each description.

Assignment One: HTML/CSS Resumé

For assignment one, I want you to make an HTML resumé.

This will be a single page. It will list

  • your education
  • your employment history
  • your skills
  • your interests
  • your contact info
  • anything else you think is worth including

this could include a picture, or references, links to work you have online, etc

The main concern here is that your text is exceptionally readable. Pay attention to

  • typographic hieararchy: is it easy to understand, at a glance, the structure of your content?
  • line length & line-height: at various breakpoints, is your text easily readable?
  • color: does color add to the resumé, or distract from it?

Make sure that your HTML & CSS pass validation.

Make sure that your page works in every browser we have in the lab.

When done, ftp your page to the following URL:

https://mylinux.langara.bc.ca/~YOUR-ID/resume

MARKING RUBRIC

Validated & Semantic Markup: 3
Typography: 3
Overall Design: 4

Assignment 2: Domain & Hosting

Register a domain name and get hosting.

Research effective Coming Soon pages. Make one of your own and upload it to your site at the root level of the domain (ie, put it at your URL, not in a subfolder or somewhere else).

If you are convinced that you will never need your own domain and don’t want to spend the money, pitch another assignment to me.

If you already have a domain, imagine that you have a new client whose site you’re designing. Make a coming soon page for them. Post it on your site at https://yoursite.com/publ1220/ (since the root level is presumably being used for other material if you already have a site).

You can take it down after I’ve marked it—which will be within a week of the due date, so don’t worry about it showing up in google listings.

Consider both usability and beauty in the design of the page. Besides announcing that the site will be online soon, what else should or could it do, for you or your client? Contact info? A contact form? Links to social media? Sample content? Humor? Style? Clever CSS?

Your new site must work in modern browsers like Chrome, Firefox, and Safari, as well as common mobile devices.

It doesn’t have to work perfectly in old browsers. Rather it must degrade gracefully.
Percentage: 10%

MARKING RUBRIC

Domain Name & Hosting: 4
Coming Soon Page: 6

Assignment Three: Responsive Magazine Design Mockup

For this assignment, please consult this description.

Before handing it in, please consult this checklist.

Validated & Semantic Markup: 2
Responsive Effectiveness: 2
Typography / Readability: 2
Index Page Design: 2
Article Page Design: 2
404 Page Design: 2
Contact Page Design: 2
Image Treatments / Design: 2

Past Student Work Examples