andidesign

Hi,

Im new to this forum and i was just wanting some feedback on my website.

its my first website created using photoshop as i normally use dreamweaver and fireworks.

any ideas on how i could improve on the site and even let me know of the bits that you like...

cheers people..

andi

Please post a link - the automatic critique functionality has been disabled while we work upgrading webforumz.

Thanks

Not bad at all! You should be proud of it! I like the web 2.0 look very up to date and a nice colour theme. I would say don't have the main navigation jumping like it does on roll over but just let it turn from white to say a dark blue and stay still, I think this would make it feel more serious/professional.

Really liked it!

I have to agree on the text jumping - I don't like anything that moves the text I'm trying to read.

Also looks like you've used fireworks slice tool or similar and let fireworks/dreamweaver create the code for you. You should have all your styling in a separate css file and get rid of the tables. The site works ok as a mock up, but now its time to code it properly in xhtml and css.

Thanks for the feedback guys...

ive just been learning myself html and stuff... aint really had much experience with css and xhtml. if you have any tutorials on how i can put the style in a css file and maybes tips on how to use xhtml.

i would also like to know more about using AJAX within my site to make it more dynamic.

You can find many links in both the html and css sections of this very forum

Just go to the CSS forum, and the stickied posts contain all sorts of resources.

First step is to learn javascript, then once your confident with that you can get into AJAX.

__________________
echo "Take it easy, ".$CloudedVision;
.links { site: other-road-design; blog: only-nerds-allowed; project: resource-fish; organization: ARMIES6; }
<quote>&quot;I think it's wrong that only one company makes the game Monopoly&quot; - <name>Steven Wright</name></quote>

yea, you really need to get rid of the tables and stuff. its so much easier with css

do you learn web design and stuff in school without having to go to university in america.


just you guys are young and ive had to learn myself everything i even went to uni to do computer science which involved basic webdesign...

I'm completely self taught. Started when I was eight. Learned it all off of online tutorials. There is some web design classes in the highschool, but I'm way beyond that by now.

web design only requires two things: an internet connection and dedication.

so to answer your question, no university classes are need. (Probably better off without them, for the most part they teach table-based layouts. *gag*)

remember: if in doubt, google it

__________________
echo "Take it easy, ".$CloudedVision;
.links { site: other-road-design; blog: only-nerds-allowed; project: resource-fish; organization: ARMIES6; }
<quote>&quot;I think it's wrong that only one company makes the game Monopoly&quot; - <name>Steven Wright</name></quote>

good layout, nice design, well done!!

you see im 24 and when i was 8 the first internet page wasnt invented... was only 2 years later when that happened.... and i didnt get access to the internet until i was 18 so really ive only being doing webdesign for maybes the last 3-4.... but everything was trial and error... just looking at the source and then working out what everything is...


also thanks for the above post...

Hey mate,

I would have to agree with the others that you should code your site yourself (xhtml/css) instead of using ImageReady and slicing your .jpg to get the code done for you.
(At least delete the <!-- ImageReady Slices (andidesign.psd) -->)

I am surprised no one else has mentioned that as looking at your site you can see that the images from teh table are leaving a
white line between certain images.

yeah i relise that... but as i said.. this is the first time i have used photoshop to create a website... i normally use just dreamweaver and fireworks...

i was looking for critique on the design rather than the coding.. as im still learning...

im also doing a forum to go with the site so any help on how i could edit the template so it could maybe look a little like this site would be great.... just rough info so i trail and error...

cheers... peeps..

Thats one of the side effects of fireworks it puts in a load of unwanted spacers, ususlly 1px in height. You can correct finding the spacers in dreaweaver code and designview and turn the heights to 0px, this will clear the problem from the browser, but tends to mess up the dreamweaver design view abit. If you can live with that its a quick fix to get rid of the lines.

mwdesign

hi,

i aint used fireworks in my website...only photoshop cs3.

but thank for the advice.

so basically apart having to redo the site using css.... what do people think about the layout and the design?

im am starting the v2 of my site..

im learning css as im going but im trying to do a header as they do here.. any tips.. ive sussed it out using 3 images... left middle and right and stretching the middle image

<code>
#topleft {
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 400px;
background: url(images/left.gif) no-repeat;
}
#topmid {
position: absolute;
left: 400px;
top: 0;
height: 100px;
width: 10px;
background: url(images/mid.gif);
width: 800px;
}
#topright {
position: absolute;
right: 0;
top: 0;
height: 100px;
width: 300px;
background: url(images/right.gif) no-repeat;
}

</code>

is this anygood or is there a easier way of doing this... plus my image on the left with text on it looks more distorted.