cmpt165
Spring 2007
CMPT 165-D2 @ Surrey Links
Here are some interesting links. Please let me know if you have one you would like to see added here.
(Sample midterm now available below.)
Course tools
- CMPT 165 Course Web Server
-
This is where you will upload your web pages for the course. Note that you have a limited amount of space, so only upload course related material (this is not a storage space for non-cmpt-165 material).
- XHTML validator
-
Here is a validator that you can run your files through to double check that they are observing the standards as laid out by the W3C.
HTML & CSS References
- XHTML Reference
-
The Web Design Group (WDG) reference on XHTML 1.0. Refer to this often when you are looking for a particular tag, or trying to understand how one works.
- HTTP Status codes
-
A more detailed look at the variety of HTTP error codes you may encounter.
- Using "div" and "span"
-
Fred Popowich's example of using
<div>and<span>. - CSS Example
-
Greg Baker's simple example using CSS. You should download this example and play with it to familiarize yourself with CSS and how various elements/styles affect one another (as we did in class). Don't be afraid to "break" things!
- Floatutorial
-
A tutorial on floating, including some very useful examples!
A closer look at colours for CSS (and HTML, more generally).
A fairly extensive list of, well, good and bad web design features!
Usability & General Web Design
- Use-It
-
Jacob Neilsen's website on usability. Some interesting stuff, though this is not a good example of a well-designed web site. Based on what we have learned in class, why is that?
In particular, check out:
- Advanced Web Design: A Primer
-
Once you've got the very basics, what next?
- Designing With Web Standards
-
Book recommendation: Those pesky standards and what to do about them (i.e. how to design with them). By Jeffrey Zeldman.
- Criteria for Optimal Web Design
-
Web design for humans, explained. Very interesting stuff.
- Web Design from About.com
-
Miscellaneous web-design tips: Offers tips for beginning and advanced web designers. Requires some patience in digging through the links.
- HTML Goodies
-
Offers some pre-made code. Only helpful once you have some HTML experience. Don't use anything without first understanding, and make sure you justify your sources (I know where this web site is). Remember the goal is for you to learn HTML.
- Web Site Tips
-
A wide variety of web-design resources. Check it out!
Accessibility
- W3C Web Content Accessbility Guidelines
-
How to make web content accessible to people with disabilities.
Colour & Graphics on the Web
- Graphic file formats
-
A nice comparison chart of a wide range of graphic file formats.
- Additive Colour
- Subtractive Colour
-
More on additive and subtract colours, if you're interested.
- Readability and Backgrounds
-
A discussion about the intelligent use of colour and backgrounds to ensure readability (with examples).
JavaScript
- Beginner JavaScript Tutorials
- JavaScript Introduction
-
Some starting places for reading up on JavaScript to augment the notes.
Other Interesting Tidbits, Et cetera
- CD Technology
-
It turns out CDs aren't as indestructable as we first thought... worse still, it's the tops of CDs that may end up being the most fragile.
- Web Pages that Suck
-
Well, kinda self-explanatory...
Midterm
- Sample Midterm
-
This is a sample midterm (with answers) from a previous offering of this class. Ours won't be exactly the same, but this should give you an idea of your expected range of knowledge. Everything up to Wednesday, February 14th is fair game for the exam. I'm not expecting you to be expert HTML/CSS coders, nor memorize tonnes of tags, et cetera, but you should be familiar with the common ones (the ones that come up in class a lot, for example)