...

View Full Version : First website



dbates
12-04-2006, 05:55 AM
Hey all,

I recently finished my first website. I made it in Notepad and Photoshop (for the graphics)... it's rather simple, but it does pretty much everything I need right now.

Hit me with anything you have--I'm used to critique, so fire away! :)

http://derbydigitalphoto.com/

--Daniel

Fumigator
12-04-2006, 06:52 AM
The format is nice-- not too fancy, which is a rookie mistake. So, great job there.

You unfortunately used table tags to lay your page out, which has been taboo for a while now. It's a behind-the-scenes critique, but as you progress further down the road of web design I hope you'll consider using table-less design. Use google to begin the journey.

_Aerospace_Eng_
12-04-2006, 06:59 AM
It doesn't validate.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fderbydigitalphoto.com%2F

Also the home page and gallery page don't seem to work.

dbates
12-04-2006, 07:27 AM
Fumigator: Yes, I saw some information on CSS layout but I couldn't seem to understand it. I'll try to figure it out...

Aerospace_Eng: thanks for the validation page. I tried it in one CSS validator and it came out okay--I must not have used the right one, I guess.

What about the home and gallery pages does not work?

trigger_tre
12-04-2006, 05:56 PM
Aside from the errors mentioned above...

#1) Is there anyway you can remove the scrollbar on the "contacts" page and just have the light gray body extend downward as needed.

#2) If I increase the text size, the content in the light gray area of the "pricing" page gets cut-off, make this area have no height so that it can extend as needed.

#3.) As Fumigator mentioned about switching to CSS, I highly recommend it.

#4.) Visually I like it. I tend to like photography sites that are more simple looking because they dont take away from the your pictures which are the main focus and real reason for the site.

#5.) Visually the only thing I might alter is the roundness of the content area and the header image. Dont get me wrong I prefer rounded edges, however your corners look like they are a little too big. Try to scale them down a little bit to say 20x20 pixels. It would look better with the square-edged images within the content area.

#6.) Image size of your header image was 27.44 KB. Personally due to its simplicity, the filesize shouldnt even be close to that size. I took the liberty of decreasing the filesize for you which is probably the single greatest way to increase the speed at which your pages load.

Here are the images.

Pic #1.) your same image I just lowered the filesize from 27.44 kb to 4.56 kb.
http://img470.imageshack.us/img470/4113/headerib0.jpg

Pic #2.) your same image I just lowered the filesize from 27.44 kb to 4.56 kb and altered the roundness a little so that it wasnt so bubbly.
http://img291.imageshack.us/img291/2256/headerlogozt4.jpg

Also your little light-gray corner images are over 21 kb :eek: :eek: :eek: There is really no reason they should be. I downloaded and was able to change them from 21.52 KB to 0000.368 kb (ONLY 368 bytes) which is a huge change. I am curious, what image editing program you are using?

If you need any more help downsizing files just ask,

-trigger

dbates
12-04-2006, 06:26 PM
Thanks Trigger. I'm using PS, and I didn't spend very much time optimising my file sizes...

I would like to get rid of the scrollbar, but that would make the page rather long (and in my experiments, IE and FF treat the contact form differently, so it doesn't even look right). And that was the small contact form, too... :(

ttttt
12-04-2006, 07:39 PM
Fumigator: Yes, I saw some information on CSS layout but I couldn't seem to understand it. I'll try to figure it out...

Take a look at the css box model

trigger_tre
12-05-2006, 03:08 AM
I would like to get rid of the scrollbar, but that would make the page rather long (and in my experiments, IE and FF treat the contact form differently, so it doesn't even look right). And that was the small contact form, too... :(

You could always shorten it a little:

#1.) try to shorten the entry box fields and have the subject next to each one instead of on top of it.

-trigger

dbates
12-05-2006, 03:13 AM
That's the problem--FF responds to the text box width command, IE doesn't. So the contact form is longer in IE than it is in FF...

and I'm trying to make the fields side by side, but I have no idea how. It's a Perl file (yes, the same one as in my other post).

Pennimus
12-07-2006, 03:07 PM
The images are far too low-res for a photography website. Why no full res image pop up?


I would like to get rid of the scrollbar, but that would make the page rather long

A longer page would be far better than the ugly and annoying scroll bar there is at the moment.


#2) If I increase the text size, the content in the light gray area of the "pricing" page gets cut-off, make this area have no height so that it can extend as needed.

I also get this problem, and I browse with a minimum 16px font size at all times so it's not like increasing the text size is a rare occurence.

I also get a scrollbar on the about page too, again due to the text size.

Overall you seem to have an obsession with squashing everything into a tiny little box at the top of the page. Lose your inhibition about longer pages and bigger text and images and the site could be a lot better.

Incidentally the gallery and home pages appear not to work on IE7.

dbates
12-11-2006, 08:41 AM
Thanks for your input, Pennimus. One question back for you though--you and _Aerospace_Eng_ both mentioned that the home and gallery pages do not work in IE7, but I don't know what you mean by "does not work". Can you elaborate?

Karen S. Garvin
12-11-2006, 06:29 PM
I originally viewed your site in FF on a Mac, with JavaScripts turned OFF. I had to allow scripts in order for the images on the Home and Gallery page to show up. Perhaps they have JavaScript disabled on their browsers.

dbates
12-13-2006, 12:59 AM
That could very well be the case...


I'm going to attempt a redesign over my Christmas break to give the site more room for content. I'll update this as I make progress...

nexosis
12-28-2006, 08:47 AM
Not too much nice, but good :)

MitaDC
12-29-2006, 03:28 AM
dbates, could you provide me with your original PS header file? I will optimize it for your use. I could just recreate the one you have but I'm tired and don't care to :D

mita

Crake
01-01-2007, 09:44 PM
its ok a big glum roll overs arnt anything special

Vapor
01-05-2007, 05:00 PM
Very nice! Using the good old notepad and photoshop is how I was taught to make web pages. Non of that frontpage stuff...

Visually I give it 9 out of 10
Navigation is 10 out of 10
Overall 9.5 out of 10

Simple, and not too much crap. Seems like there is always crap on webpages these days.

dbates
01-08-2007, 06:40 PM
I think the full rez is actually on the website (as a JPEG)...

http://derbydigitalphoto.com/Derby%20Digital%20Photography_files/header.jpg

dbates
01-08-2007, 06:56 PM
Crake--thanks, but what's a glum?

Vapor--Thanks. Simplicity was one of my design goals (which is good, because I don't have the skills to make a complex site!).

Powered
01-16-2007, 11:34 PM
The site has a good layout. A brighter colour range would go along way and making the pricing simpler to follow but the layout and design is neat and tidy. With a colour makeover I think this site would really good.

You could try a simple image gallery to contrast with the moving images. For people who prefer a different layout.

hk995
01-29-2007, 07:52 PM
I like it, easy to navigate, simple design, I give it 9 out of 10! good luck.

cryonic
01-30-2007, 06:33 PM
Simple, nice, direct. A lot of rooms for development. You should be grateful you really got a lot of help. Regarding using higher resolutions pictures, that may depends if you really need to, some people don't want high res pics to be on their websites.

You should be able to link the Gallery back to the rest of the main page, i had to press the back button. :) Unlike most sites, if it's a photography site, i tend to browse the gallery quite long... before coming back to comment.

I also recommend you learn CSS.
Also placing a doctype at the beginning of the document is VeRY ImpORtanT. I only saw a doctype declaration in the gallery section.
Avoid using tables if possible.

Overall, i find the site is still usefull and still delivers the message.

dbates
02-10-2007, 07:22 PM
Thanks for the help, guys!

The gallery page is quite different from the rest of the site--I'm redesigning the site to look more like the gallery. That's why it has the doctype and doesn't link back yet...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum