Assignment #1 Review
My personal goals for this class:
- You can walk into a job interview, say you know xhtml/css and basic web
design...and actually mean it
- You can work with an organization/department and help support what they
want to accomplish on the web (whether you're doing the design or helping someone who is)
- You can move on to classes like Special Topics (XML and/or
Database Driven...), Information Visualization, etc. and be ready for them (and be ready to get the most out of them)
- You can take on clients and create web sites for them. Restaurants,
Bars, and other small businesses need to be on the web...nothing fancy, they don't need CMS systems or lots of Flash...they just need a presence...go, help them, and make
a little $$
General Comments:
- Having "fun" figuring out what I "want"?
- This is part of the process...
- There's no extra credit or "do overs" in class w/out an emergency reason
- If I graded something incorrectly let me know
Assignment particulars:
Principal things I took pts for OR I'm worried about for the future:
- Using things that we didn't do in class or weren't part of the assigned reading ... Tables and/or CSS positioning weren't necessary for this assignment (see below)
- No use of CSS (or css "forbidden")
- Non-existent or useless "2nd level" pages...I said it in class, I wanted
to see content on all 3 of the (.htm) pages, if you created 1-2 lines on pages that's less than worthless.
- Resizing images with xhtml...height and width in the img tag are the actual height/width, help the browser and help the user
- Use of something other than .gif or .jpg when there wasn't a reason to
- Lists nested incorrectly
- Links should be relative when on the same host/server...especially when in the same directory
- Proximity use (links and anchors don't go together (at least not in this case)
- Back and Forth navigation or inconsistent navigation (don't "drop" items)
- Page Titles should have context...e.g. Steve Garwood: Resume, Steve Garwood: Cover Letter or Steve Garwood: Employment - Resume, Steve Garwood: Employment - Cover Letter
- Comments? (in xhtml AND css...lots of stuff you can do with comments...)
- Spelling (seriously)
What will earn a "F" on the next assignment (you're warned):
- If I see what appears to be generally an exact duplicate of css that we
did in class...this is a web design class not copy/paste class, apply what you learn...don't just alter.
Things I hoped to see, but didn't see much of:
- Nice use of Simple code
- This is all you really needed:
xhtml elements: <h1>, <h2>, <p>, <br />, <img>...maybe <hr /> or <ol/ul> w/ <li>
css properties: margin, background-color, color, font-size, font-family,
line-height
- <!-- Comments in the xhtml code, especially those that would help someone
maintain the site -->
- /* Comments in the css code... */
- Clean well organized code and removal of code that you're not using
- Actual print css (everyone prints everything)
- Some good navigation between documents
- No matter what you design, it's going on the web...make
the navigation easy (no back/forth)/always on top...only 3 documents here...from each/to each
- Small touches: .ico files for personalization; quick logo(s) for images; good use of Title tags to accentuate each area (i.e. Joe Schmoe: Resume, Joe Schmoe: References)
Remember it's not about knowing MORE stuff, it's about being able to do more
with less...MORE doesn't make you better, understanding how to use what you've
got does...
see below (explanation inside comments in source code:
<6.05-Present>Rutgers University, SCILS
Assistant Professor
Look below...
this is an example of the <pre> tag creating space...look at the source code
this is text outside/after the /pre tag.