woo_CMNS_HTML

Kevin Woo

[|Original] | [|Refactored]

The original design of the CMNS website is not too bad. It follows some of the lessons we learned in class. It defines three sections of the site, each with its own purpose. It does not use any border boxes to contain the elements. Rather, alignment was important in helping us to visually organize the different elements.

There are a few minor problems that I did not like on the original design. I have changed some of the items in the new design to address this. I felt the background and the text color had too high a contrast, so I changed the background color to a softer color. This makes viewing the main elements of the site much less of an eyesore. The image logo CMNS on the left panel had a white background which did not conform to the rest of the site color, so I had changed that image to have a transparent background. I have also centered the text so that it is easier to read. Since I had placed a divider between the middle content and the left content, the left content did not need underlined images underneath the links. This helps separate content between the two graphically rather than rely solely on alignment, as the original site had done. The links that point to archives in the middle content were moved to the bottom right, and split with a divider. This style is similar to many blogs which have a "next" or "prevoius" link, and it plays on the user's familiarity of most blogs. There was also a space between the header and the main content of the site. I have readjusted this so that they fit on top of each other. This makes things neater.