Web Design and Implementation (Winter 04-05)


Personal Midterm Site (14 January 2005)

Create a web site about a place that you've lived--and you can interpret that very broadly. Place the site in its own directory within your 409 directory (e.g. www/409/midterm/ ), with its own index.html file. It should have a minimum of five pages.

Divide the content up into appropriate "chunks" of information, and design the site in a way that enhances the presentation of the content. This means you need to think about how to break it up, how to label it, how to navigate through it, keeping in mind who your audience is. I will be evaluating the quality of your content, as well as your information organization and navigation.

Use CSS for text formatting and layout. While you may use inline and document-based styles, I would also like you to create a linked style sheet that controls formatting for some aspect(s) of all of the pages in the assignment.

Include a link to an annotated version of your external CSS (not just a link to the CSS itself, but to an HTML document that has the contents of the CSS along with annotations explaining what the various rules accomplish).

You can assume I'll be using a current generation browser to view your pages, but don't assume that it will be IE, or that it will be a specific hardware platform.

Grading will be based on the following components:

  • Content (quality of writing/ presentation, depth of content, organization of content)
  • Design (visual design principles, navigation)
  • CSS (external CSS, inline only where appropriate, text formatting, positioning)
  • Clean, standards-compliant XHTML and CSS
  • Documentation (annotated CSS, appropriately commented code)

The site must be online by 9am on Friday, January 14th.


Links From Other Weblogs (Trackbacks)
(Trackback link: http://www.it.rit.edu/~ell/mt/mt-tb.cgi/1199)
Trackback link from Kevin Sweeney - Website Design & Implementation

Excerpt: So I did my midterm website ahead of schedule. Big surprise, huh?...
Read More: Midterm Site

Posted Dec 26, 2004 7:23 PM
Trackback link from Kevin Sweeney - Website Design & Implementation

Excerpt: So I did my midterm website ahead of schedule. Big surprise, huh? Oh, and I hope you don't mind, but I used a PHP include for my menu to make any future changes easier on myself (which means I broke...
Read More: Midterm Site

Posted Dec 26, 2004 7:26 PM
Trackback link from Kara's Weblog

Excerpt: FINALLY!! My midterm project is up and running, and is even valid XHTML and CSS!! I am SO excited. I think my website has come a long, long, long way from my first attempt (very sad). Check it out!!!...
Read More: Midterm Project

Posted Jan 13, 2005 6:35 PM
Trackback link from Dave Design and Morganplentation

Excerpt: Well, looks like I am done with the midterm project, and it's all posted and such. Midterm page Check it out! Let me know what you think :-)...
Read More: Midterm Project Done

Posted Jan 13, 2005 8:37 PM
Trackback link from Galvin's Web Design Weblog

Excerpt: You can find it here. You can also find the annoted HTML CSS here if you don't feel like following the link I've provided on the midterm site. The HTML and CSS are valid (thank Beelzebub it did not take...
Read More: The Midterm Project...is complete!

Posted Jan 13, 2005 9:22 PM
Trackback link from Adrienne's 409 Class Blog

Excerpt: My 409 midterm project is finished! I was actually surprised at how easily everything came together; I was expecting to have more browser-specific issues with the CSS positioning, but in the end it only needed some minor margin and/or padding...
Read More: Midterm web site!

Posted Jan 13, 2005 10:02 PM
Trackback link from Bryan's Weblog

Excerpt: Here is my midterm project about a place I have lived. I chose my appartment that i'm living in right now. I treated the site layout kind of like a perkins resturant spoof mixed with a resort menu topics feel....
Read More: Midterm Project

Posted Jan 13, 2005 10:53 PM
Trackback link from Ryan's Weblog

Excerpt: After endless hours of hacking, editing, and a near infinite amount of Mountain Dew bottles, the fruits of my labor have finally taken shape. Considering I feel I know very little CSS I am very happy with my results for...
Read More: MIDTERM WEBSITE OPERATIONAL!!!

Posted Jan 14, 2005 12:23 AM
Trackback link from Nick's BLOG

Excerpt: My personal midterm website is complete. One thing I left out of the assignment were pictures for everyone because my roomate wasnt around to let me use his camera again. Hopefully I will get these updated by saturday. Well, here's...
Read More: Personal Midterm Website

Posted Jan 14, 2005 12:46 AM
Trackback link from Sudha's Weblog

Excerpt: Here is my Personal Midterm Site...
Read More: Personal Midterm Site

Posted Jan 14, 2005 2:13 AM
Trackback link from Jesus's Weblog

Excerpt: This is my midterm website. I did it about Istambul, Turkey, where I lived for 6 months. Hope you like it!!...
Read More: Midterm WebSite

Posted Jan 14, 2005 2:39 AM
Trackback link from Jared's Weblog

Excerpt: I just finished my Midterm Website. It took me forever to get the external css to work and one of the classes still doesn't work. At this point I can nolonger figure it out. The site still looks good even...
Read More: Midterm Website

Posted Jan 14, 2005 2:55 AM
Trackback link from Doyle's Domain

Excerpt: Wow, it took me a long time, but its finally finished, and I have six hours to spare! In all seriousness, I went through like 4 designs, till I came up with this one. Anyway, here it is....
Read More: Midterm Done

Posted Jan 14, 2005 3:06 AM
Trackback link from James Schmatz's Weblog

Excerpt: Link: http://www.rit.edu/~jms4144/409/midterm/index.html I have been to many places in my life, but none of them I would really call a home to me. My life is video games and I spend most of my time on them, so they are...
Read More: Personal Midterm Site

Posted Jan 14, 2005 3:11 AM
Trackback link from Weblog.0wned.j00

Excerpt: Finally, after many hours of labor I have completed my midterm project. See the fruits of my labor and rejoice. -Kyle-...
Read More: Midterm Project

Posted Jan 14, 2005 4:50 AM
Trackback link from Crazy Chat

Excerpt: Well...its 5am on the morning this site is due...and I am finished. HOWEVER...2 things are wrong. One, I can't get to bed now...I'm wide awake. Second, my website looks HORRIBLE in IE, but in FireFox it looks perfect...I'm sooo confused....
Read More: Midterm is complete.

Posted Jan 14, 2005 4:58 AM
Trackback link from Kevin's Weblog

Excerpt: My Midterm site is done. Hope everyone likes it....
Read More: Midterm Site

Posted Jan 14, 2005 5:46 AM
Trackback link from Ryan Taylor's 409 Weblog

Excerpt: Alright with out further or do here is my Personal Midterm Site about a place i live/lived. Enjoy! -Ryan...
Read More: Midterm

Posted Jan 14, 2005 5:54 AM
Trackback link from Jeremy's Weblog

Excerpt: Midterm Assignment
Read More: Midterm site

Posted Jan 14, 2005 6:34 AM
Trackback link from Welchiz Weblog

Excerpt: I finally finished my midterm website and I have to say I'm pleased. I tried to steer away from a traditional design because I figured everyone would be doing that. Some of the aspects of my design aren't traditional or...
Read More: i live here

Posted Jan 14, 2005 7:08 AM
Trackback link from Choof's Weblog

Excerpt: I have finally finished my midterm project, personal website #2 for the assignment found here We had to make a website with at least 5 pages about a place we've lived in. I decided to make my page on my...
Read More: Midterm Website

Posted Jan 14, 2005 7:58 AM
Trackback link from Katie's Weblog

Excerpt: Yay, I finally finished my midterm site! I had a few probelms with the positioning of things. It was working fine in Firefox and Safari, but of course IE was giving me trouble. I finally figured out that it was...
Read More: http://www.rit.edu/~ken5135/blog/archives/2005/01/yay_i_finally_f.html

Posted Jan 14, 2005 8:00 AM
Trackback link from li's weblog

Excerpt: my personal midterm site is finally done. took me a while to gather the pictures i need. trackback to Personal Midterm Site (14 January 2005)...
Read More: Personal Midterm Site

Posted Jan 14, 2005 8:24 AM
Trackback link from Nick's BLOG

Excerpt: OK. So I had pink eye when I made the first version of this site, and as a result, it didn't look too pretty and was missing some stuff. I have redone a lot of the pictures, made a new...
Read More: Personal Midterm Site

Posted Jan 20, 2005 12:43 PM
Comments

I just wanted to clarify... is the midterm due January 7th 9AM on Friday or January 8th on Saturday at 9AM?

The weblog says Friday, January 8th, and there is no January 8th on Friday.

Thanks

Posted by: Matt Doyle on December 24, 2004 11:01 AM | Permalink to Comment

So I have completed my midterm website. This is the first website that I've done some major aligning with divs and spans. I still prefer tables over divs, but I can see where divs are usefull. Anyways, here's the link to my website:

My Midterm Site

Posted by: Matt Muoio on January 13, 2005 7:40 PM | Permalink to Comment

Midterm site here:

http://www.rit.edu/~skm8217/409/midterm/index.html

Posted by: Sean Martin on January 14, 2005 1:06 AM | Permalink to Comment

Well I don't think it looks all that great compared to your guys'.

Posted by: Greg Heerkens on January 14, 2005 3:49 AM | Permalink to Comment

Here it is. Enjoy.
http://www.rit.edu/~pnl7731/midterm/NYC_home.html

Posted by: Phil Leith-Tetrault on January 14, 2005 8:27 AM | Permalink to Comment

oh yeah and the CSS annotation:
http://www.rit.edu/~pnl7731/midterm Annotated_CSS.html

Posted by: Phil Leith-Tetrault on January 14, 2005 8:28 AM | Permalink to Comment

Here is my midterm site that is completed.
Midterm Site I hope you enjoy.

Posted by: Elaine Hackley on January 14, 2005 8:30 AM | Permalink to Comment

It's finally finished - yay!

Midterm Site
It's not the greatest thing ever, but it will do.

Posted by: Erin Milano on January 14, 2005 8:38 AM | Permalink to Comment

I'm posting the site- I have to comment my CSS still

www.rit.edu/~erl6286/409/midterm/index.html

Posted by: Elizabeth LaFrance on January 14, 2005 8:50 AM | Permalink to Comment

I posted my site, you can check it out:

http://www.rit.edu/~kfw9257/409/midterm/

Posted by: Kent Walker on January 14, 2005 10:55 AM | Permalink to Comment

Wow. That's the last time I ever post my website ahead of schedule. You code/design thieves disgust me.

Posted by: Kevin Sweeney on January 14, 2005 6:18 PM | Permalink to Comment

Kevin, I really don't know where you get off for saying something like that?

I just looked at everyones page that posted or trackbacked to this post and nothing is conclusivly similiar to your page... in fact, many aren't even close.

If anything, you should realize that your design that you used is cliche enough where just about anyone who does any web work has done, or does do, something similar.

Perhaps when you implement something that is unique, you may have the claim to accuse others of copying code and/or design, but nothing in your page shows that you have done anything unique or groundbreaking in design. So please, save us all a little bandwidth and don't post silly accusations that are unfounded.

Posted by: Dave Morgan on January 16, 2005 1:47 PM | Permalink to Comment

Whoa there, Quick Draw McGraw:

Everything's been set straight now. I asked for credit and got just that, and talked with Liz so everything's cool.

Posted by: Kevin Sweeney on January 17, 2005 3:39 AM | Permalink to Comment