View Full Version : Website Redesign
30th May 2009, 10:09 PM
I finally thought of a good design for my website, which was long overdue for a redesign.
Here's the old one:
And here's the new one:
A note about compatibility: if you are using IE, at least IE 8 is required for the layout to be right. For the best experience (rounded corners), a recent Gecko (Firefox), Webkit (Safari/Chrome), or KHTML (Konqueror) based browser is recommended. A screenshot of what it should look like is attached.
31st May 2009, 09:43 PM
I can see why you want to redo the old site, but I'm not sure the redesign it that much of an improvement.
A few questions and things you might want to think about.
What about the gallery? It seems like all the links are the same as the old site.
Are you sure you want to create a site that IE7 users can't really use? I use IE7 because IE8 isn't supported by Blackboard which most schools use for on-line courses. This would keep almost all college students from seeing the site correctly because almost all colleges use Blackboard.
You might want to check out the World Wide Web Consortium (http://www.w3.org/), they create the standards for html and xhtml. You can use their validator (http://validator.w3.org/) to make sure you're site meets the standards.
You might want to use Cascading Style Sheets (CSS) to do the page layout with instead of tables. Tables aren't really supported in the new xhtml and you can do a lot more that works in a lot more browsers with CSS then with tables. If you use CSS you can also make sure your page is easily viewed on handheld devices like iPhones and G3 type phones and devices.
Just some thoughts. Remember, there's no wrong way to do websites, just some ways are better then others.
31st May 2009, 10:27 PM
I only redesigned the home page so far. I'm not going to change the blog, but the gallery could use a new theme. I'm still working on a design for other pages, but they might end up looking like the old home page, but with content. This page is kind of a welcome page to get to all the other parts of my website that are mostly unrelated.
It is actually 100% valid XHTML 1.0 strict, and the CSS is valid except for the non-standard rounded corners that are browser-specific. I used CSS to make the <div>s act as a table, without actually using a table. If you look at the source code, you will see it basically only <div> tags. There are so many nested levels to make the shadow effect work without images.
As far as I can tell, CSS tables are a "good" way to make web pages, except for pre-IE8 support.
Apparently HTML tables are bad because they are only supposed to represent tabular data, but CSS tables are good because they just change the layout. I don't really understand the difference, but it is a whole lot easier than trying to force CSS to do it without tables. It was hard enough just to get what I have centered. What is wrong with the <center> tag? CSS is nice in theory, but in my experience it makes it a whole lot harder to get the layout you want, and cross-browser (particularly IE) support is a lot harder to achieve than "depreciated" html layouts.
Firefox has had table-cell support since version 0.9 or before (probably since the beginning), but IE is only just getting it in IE8 over five years later. Similarly, IE6 didn't support PNG transparency when every other modern browser at the time did, and had for years. In fact, viewing my site in IE6 shows gray boxes in all the transparent parts of the images.
1st June 2009, 12:03 PM
FWIW, with the amount of information you have on the page, I would array it horizontally instead of vertically so that users don't have to scroll down to see all of the available buttons/options.
Powered by vBulletin® Version 4.1.12 Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.