THESE FORUMS NOW CLOSED (read only)

Fun Stuff => CLIKC => Topic started by: cheesepie on 11 Feb 2008, 18:55

Title: Web Design...
Post by: cheesepie on 11 Feb 2008, 18:55
Hey guys,

So I recently volunteered to make a website even though I've never done it before. I used Adobe Dreamweaver CS3. 

Anyway if you guys have any input that'd be cool cause I don't know where I went wrong.

http://www.carleton.ca/cupc/
Title: Re: Web Design...
Post by: celticgeek on 11 Feb 2008, 19:25
What do you think is wrong with the web site?
Title: Re: Web Design...
Post by: cheesepie on 11 Feb 2008, 20:16
I'm not necessarily saying i did anything wrong... Just trying to see if someone will notice something i missed, or any pointers for functionality in general
Title: Re: Web Design...
Post by: Melodic on 11 Feb 2008, 20:42
The main navigation bar is a bitch to read with that gray font. The entire page is a little off-kilter (looking @ 1280x1024), the left-hand Polish flag check overlaps the header, and the right-hand side is shorter than the left. Aside from that it looks good!
Title: Re: Web Design...
Post by: dennis on 12 Feb 2008, 17:41
The sizing issues probably arise from the fact that you're specifying the container table as 100% width while cells in the table have defined widths. Try setting an overall width for the containing table (add up the widths of the table cells and their borders).

All WYSIWYG web page authoring tools suck, and keep people from learning CSS.
Title: Re: Web Design...
Post by: dman on 20 Feb 2008, 14:51
Yeah, WYSIWYG sucks. Take a week and learn to code. HTML and CSS is the easiest to learn, and will be useful forever. Hand-coded pages look way better anyways.
Title: Re: Web Design...
Post by: lyra on 20 Feb 2008, 16:26
The main navigation bar is a bitch to read with that gray font. The entire page is a little off-kilter (looking @ 1280x1024), the left-hand Polish flag check overlaps the header, and the right-hand side is shorter than the left. Aside from that it looks good!

i agree..just change that menu font color to something like white or yellow and you're good to go. you could also read up on coordinating color schemes, but that's not as important as the menu.
Title: Re: Web Design...
Post by: dennis on 03 Mar 2008, 02:40
i don't remember off the top of my head, but there's a website out there that will generate a color scheme for you to employ in web pages with varying emphasis on aspects like contrast and temperature.
Title: Re: Web Design...
Post by: celticgeek on 03 Mar 2008, 07:40
I remember back in the old days when all monitors were single color.

I remember back in the even older days when it was all done on teletype machines.

I remember back in the even older older days before there was dirt.

Title: Re: Web Design...
Post by: DavidGrohl on 03 Mar 2008, 13:03
  The main navigation bar's colors don't have enough contrast.  The page doesn't scale.  It looks nice on my widescreen monitor, but on a 4:3 ratio it's going to look funny. 

  The page width changes from page to page, which doesn't give off the static look you're going for.

  Don't use tables unless you're using it as an excel spreadsheet.  I'm sure you most likely don't know code all that well, but tables are a nightmare.  My advice would be to use divs and spans customized with CSS to do what you want.

  Your CSS shouldn't be named just 'style1', 'style2', style3', etc.  When you're going back to edit the page or styles, it's going to be pain to figure out what style you're dealing with goes where.

  The idea of CSS is to separate the content (text / pictures / etc.) from the customization and structure.  As it is, look at your source code and editing something is a pain in the ass.

  If you want to improve upon what you're doing, and understand what Dreamweaver is laying down in the way of code, you can go here:
http://www.w3schools.com/

Start with the HTML / XHTML / CSS sections and work with them.  After that I'd recommend the javascript, HTML DOM, and DHTML.
Title: Re: Web Design...
Post by: dennis on 03 Mar 2008, 22:17
If you are interested in redoing your page in XHTML/CSS, try starting with one of Dreamweaver's templates. It'll give you a basic layout that's standards-compliant and will allow you to just drop in your content.
Title: Re: Web Design...
Post by: StaedlerMars on 08 Mar 2008, 18:11
use a lighter compression for your images. GIF or PNG instead of jpg.