Building Better Tubes
Covered in this lecture:
- Web layout and navigation
- Web usability concerns
- CSS positioning
Full lecture slides will be available the day of the lecture.
- You will have only thirty minutes to complete the quiz. Keep an eye on the time due, as late submissions receive a zero.
- This quiz is open book, but not open laptop meaning you can draw on your notes as much as you like.
- Any words that are not your own must be cited using a proper format — for example (Author) or (Reading about ___). Any plagiarism will result in a grade of zero. No exceptions.
- Any talking, texting, messaging, paging, or secret-tiny bluetooth resulting in communications with friends or classmates will result in a grade of zero. No exceptions.
- Please answer any questions in full sentences.
Please use the following elements — <section>, <aside>, <nav>, <h1>, <p>, <a> — to suggest the most semantically appropriate structure for the content pictured above. Your answer should describe the structure of the entire pictured page using these elements.
- <a> Home
- <a> About Me
- <a> ...
- <aside> ... etc
You have 30 minutes.
P2 grades will be released by the end of the weekend, an email will accompany the release of grades with comments on common concerns that came up in grading.
P3: Final Part
As we were a little late in getting our feedback to you on P3 Part 3, we will be giving you an extra day to update your final P3 deliverables in case you want to fix up something you may have missed.
Offline vs Online
How can the combination of offline and online information design help Vancouver residents learn about these 'drivers of change'?
For those who want to attend the Hubbub (Thursday, April 9th) we will have presentations available in lecture on April 9th (last class). Otherwise you will present in the labs.
- 9:00 — Registration
- 9:30 — Showcase Opens
- 10:00 — Welcome & Guest Speaker
- 10:15 — Champions Announced & Student Pitches
- 10:30 &mdahs; Showcase
- 11:45 — Closing & Student Awards Announced
- 12:30 — End
You may form new teams for P4 if you would like. Please note that if you are not in lab this week, we will not help you join a team.
The P4 conflict agreement
- Benefit of the doubt: Team member must be given 48 hours to respond via email with reasons for their behaviour. Clearly cite the contract.
- Request instructor support: A team member contacts Andrew with details of the problem, and how it has been dealt with thus far. Provide all evidence.
- Request for removal: The team contacts Andrew with details of the problem, and depending on the sitation, team member(s) are removed from the team.
One way to move things on the web
- static — the default, things occur as ordered in the HTML
- relative — similar to static, but allows for further instructions through 'left', 'right', 'top', 'bottom' to move relative to its original position
- absolute — positions relative to the last positioned parent through 'left', 'right', 'top', 'bottom'
- fixed — positions relative to browser window and will not scroll (stays in view)
The order in which our CSS is read
Please prepare for this week's tutorial by downloading the starter files at ah1.ca/235-pos
Next week's lecture
I've fallen, and I can't get up!
Next week is support week. For the lecture you will be given an opportunity to voice what you would like covered or re-covered. Please ask any and all pending questions on the online quiz available after lecture.
Next week's lecture
We're covering what you are requesting. Now is a good time to ask about the stuff you see yourself needing to do (within reason).