my debut as a web designer

Christech4000 · 10-28-2007, 10:41 PM

This is my first site and class project. It is a fluid three column css layout. shows fine in IE but firefox separates the columns a little. any comments or criticisms are welcome. I am a newbie so if you criticize please include a remedy. thanks all...[COLOR="Red"][/COLOR]

srule_ · 10-28-2007, 11:10 PM

Perhaps you should give use the link to the site!

and what class/school are you in?

Christech4000 · 10-29-2007, 07:14 AM

www.invision-online.com

nikos101 · 10-29-2007, 10:34 AM

pretty good, cool colors, reminds me of the days of Amstrad gaming in the late 80's!

TheShaner · 10-29-2007, 04:21 PM

To start, I'm glad you're utilizing CSS for layout. It's nice to see people avoiding tables more and more. However, this is really the only positive I can point out.

First, the green is way too strenuous on the eyes. You should go for 3 to 4 colors that go well together and allow the eyes to relax and enjoy viewing the page and reading the content.

Second, all your images are very pixelated because you've specified heights and widths in your html and css that are not the sizes of your images. When you do that, you transform the images to a pixelated mess. If you create an image that is 200 x 100 pixels, when you specify the width and height in your html and css, it better be a width of 200px and height of 100px. If you want your image smaller or bigger, make it smaller or bigger with your graphics program. And never specify a width of an image as 100%. Again, this distorts your image severely. If you want to have a fluid image, you make an image that can be repeated. Or you have one image fixed with a background image repeating behind it.

Third, you've made a great attempt at a three-column layout, but I think you should really review these sites: http://www.alistapart.com/articles/holygrail and http://www.positioniseverything.net/...olcomplex.html.

Last, you really need to check your site for errors. This will help fix layout issues. Also, on every page but your home page, you forgot to close your div tag for "topsection".

-Shane

Fumigator · 10-30-2007, 01:44 AM

Ditto what The Shaner said, plus the menu was confusing because the links jumped around depending on what page you are on. "Home" should always be in the same place, as should "Sites", etc.

srule_ · 10-30-2007, 01:47 AM

i found this humorus in your contact forum:

Quote:

× HTML is not permitted in the comment fields.

This will probably result in more attacks then if you just didn't say anything.

VIPStephan · 10-30-2007, 01:52 AM

I second everything said before and for inspiration on color schemes I can recommend http://colourlovers.com
Also, your heder graphic is way too big in terms of file size. While most people have DSL in these days it’s still a good rule of thumb to keep images below 50KB (except you are actually displaying high resolution images for a good reason (i.e. image gallery)).

kosstr12 · 11-02-2007, 02:51 PM

Kind of boring design, add some CSS to the links, and put more creativity into it.

srule_ · 11-03-2007, 04:48 AM

I see you have changed your site.

It is looking much better then the original!

There is a display issue in Firefox. your main text is overlapping your header that says the date/time.

Like koss said, it is a little boring but this is a big improvement from your earlier design so your going in the right direction... keep it up!

Christech4000 · 11-09-2007, 04:52 AM

This is a work in progress thanks for the help

GO ILLINI · 11-09-2007, 05:43 AM

the border on the right image of the header goes 1-2 pixels below the left image in FF. Also the lettering in right header could be a little sharper.
I completely agree with the static menu across the whole website. Also ive found if you really want green letters, you need a darker background.

-Adam

oracleguy · 11-09-2007, 09:30 AM

The OP has an updated design here: http://www.codingforums.com/showthread.php?t=127435

Please refer to that thread.

10-28-2007, 10:41 PM	PM User \| #1
Christech4000 New Coder Join Date: Oct 2007 Location: Michigan Posts: 36 Thanks: 27 Thanked 0 Times in 0 Posts	my debut as a web designer This is my first site and class project. It is a fluid three column css layout. shows fine in IE but firefox separates the columns a little. any comments or criticisms are welcome. I am a newbie so if you criticize please include a remedy. thanks all...[COLOR="Red"][/COLOR]

10-29-2007, 07:14 AM	PM User \| #3
Christech4000 New Coder Join Date: Oct 2007 Location: Michigan Posts: 36 Thanks: 27 Thanked 0 Times in 0 Posts	ooops www.invision-online.com

10-30-2007, 01:44 AM	PM User \| #6
Fumigator Master Coder Join Date: Dec 2005 Location: Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant Posts: 5,411 Thanks: 32 Thanked 373 Times in 364 Posts	Ditto what The Shaner said, plus the menu was confusing because the links jumped around depending on what page you are on. "Home" should always be in the same place, as should "Sites", etc. __________________ I heart Hostmonster

10-30-2007, 01:52 AM	PM User \| #8
VIPStephan Senior Coder Join Date: Jan 2006 Location: Halle (Saale), Germany Posts: 3,761 Thanks: 3 Thanked 312 Times in 298 Posts	I second everything said before and for inspiration on color schemes I can recommend http://colourlovers.com Also, your heder graphic is way too big in terms of file size. While most people have DSL in these days it’s still a good rule of thumb to keep images below 50KB (except you are actually displaying high resolution images for a good reason (i.e. image gallery)). __________________ Don’t click this link!

11-09-2007, 05:43 AM	PM User \| #12
GO ILLINI Regular Coder Join Date: Jun 2005 Location: USA Posts: 633 Thanks: 0 Thanked 7 Times in 7 Posts	the border on the right image of the header goes 1-2 pixels below the left image in FF. Also the lettering in right header could be a little sharper. I completely agree with the static menu across the whole website. Also ive found if you really want green letters, you need a darker background. -Adam __________________ Why not thank me? http://adamsworld.name

10-28-2007, 11:10 PM	PM User \| #2
srule_ Regular Coder Join Date: Jul 2007 Posts: 568 Thanks: 25 Thanked 28 Times in 28 Posts	Perhaps you should give use the link to the site! and what class/school are you in?

10-29-2007, 10:34 AM	PM User \| #4
nikos101 Regular Coder Join Date: Dec 2006 Location: London Posts: 884 Thanks: 51 Thanked 9 Times in 9 Posts	pretty good, cool colors, reminds me of the days of Amstrad gaming in the late 80's!

10-29-2007, 04:21 PM	PM User \| #5
TheShaner Senior Coder Join Date: Sep 2005 Location: Orlando, FL Posts: 1,087 Thanks: 2 Thanked 34 Times in 34 Posts	To start, I'm glad you're utilizing CSS for layout. It's nice to see people avoiding tables more and more. However, this is really the only positive I can point out. First, the green is way too strenuous on the eyes. You should go for 3 to 4 colors that go well together and allow the eyes to relax and enjoy viewing the page and reading the content. Second, all your images are very pixelated because you've specified heights and widths in your html and css that are not the sizes of your images. When you do that, you transform the images to a pixelated mess. If you create an image that is 200 x 100 pixels, when you specify the width and height in your html and css, it better be a width of 200px and height of 100px. If you want your image smaller or bigger, make it smaller or bigger with your graphics program. And never specify a width of an image as 100%. Again, this distorts your image severely. If you want to have a fluid image, you make an image that can be repeated. Or you have one image fixed with a background image repeating behind it. Third, you've made a great attempt at a three-column layout, but I think you should really review these sites: http://www.alistapart.com/articles/holygrail and http://www.positioniseverything.net/...olcomplex.html. Last, you really need to check your site for errors. This will help fix layout issues. Also, on every page but your home page, you forgot to close your div tag for "topsection". -Shane

11-02-2007, 02:51 PM	PM User \| #9
kosstr12 Regular Coder Join Date: Apr 2007 Location: Woodstock, Georgia Posts: 425 Thanks: 7 Thanked 5 Times in 5 Posts	Kind of boring design, add some CSS to the links, and put more creativity into it.

11-03-2007, 04:48 AM	PM User \| #10
srule_ Regular Coder Join Date: Jul 2007 Posts: 568 Thanks: 25 Thanked 28 Times in 28 Posts	I see you have changed your site. It is looking much better then the original! There is a display issue in Firefox. your main text is overlapping your header that says the date/time. Like koss said, it is a little boring but this is a big improvement from your earlier design so your going in the right direction... keep it up!

11-09-2007, 04:52 AM	PM User \| #11
Christech4000 New Coder Join Date: Oct 2007 Location: Michigan Posts: 36 Thanks: 27 Thanked 0 Times in 0 Posts	This is a work in progress thanks for the help

11-09-2007, 09:30 AM	PM User \| #13
oracleguy The Spaminator Join Date: Jun 2002 Location: USA Posts: 7,285 Thanks: 1 Thanked 148 Times in 145 Posts	The OP has an updated design here: http://www.codingforums.com/showthread.php?t=127435 Please refer to that thread. __________________ OracleGuy My Blog "... the VP of our third biggest account started sweating bullets in our latest project status conference when Roy stood up and asserted: 'We don’t code our products for SMACKTARDS.'" - Daily Victim #564

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread: