Quantcast

Website Redesign

The Rocketry Forum

Help Support The Rocketry Forum:

m85476585

Well-Known Member
Joined
Jan 18, 2009
Messages
2,664
Reaction score
1
I finally thought of a good design for my website, which was long overdue for a redesign.

Here's the old one:
http://micronetsoftware.com/index_09_05_29_old.php

And here's the new one:
http://micronetsoftware.com/

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.

Picture 6.png
 

Handeman

Well-Known Member
TRF Supporter
Joined
Jan 18, 2009
Messages
7,730
Reaction score
324
Location
Stafford, VA
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, they create the standards for html and xhtml. You can use their validator 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.
 

m85476585

Well-Known Member
Joined
Jan 18, 2009
Messages
2,664
Reaction score
1
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.
http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/
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.

I might do something about IE6-7 compatibility. I don't want a bunch of javascript, so I would probably do it in PHP, having the server send a completely different page if IE6 or IE7 is detected. The alternate page could use al the depreciated tags I want, maybe even the <blink> tag.:eek:
 
Last edited:

Peartree

Cyborg Rocketeer
Staff member
Administrator
Global Mod
Joined
Jan 6, 2009
Messages
5,034
Reaction score
566
Location
Alliance, Ohio
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.
 
Top