I have layout i want to be reviews its just a layout not converted into html or css but the design wise on how good the design quality and how i can improve it anything else you think i shud do to improve my design of my layout either navagation or whatever.
Anyway heres the link to it so you can view it live.
So what can i do to improve my layout any suggestions? the planks on the left handside are going to be used for the navagation im going to be adding in links but not sure either make the links via a image map or have words home,about us,services,contacts,site map as part of the image then add in a image map
would that be a good idea What do you think because a friend of mine said i should make everything text as possible.
Cool concept. Personally, though, I would ditch the header in its current form. I think the wood texture behind the header is cool, but I would make it go 100% of the way across the page and start at the absolute top - so you can't see any background above it and you can't see any left/right 'edges' - instead of just centered like that, and I would use either a large web-safe font (e.g. trebuchet) or an image of a font (if you have a specific font in mind) but don't add any effects like bevel/emboss or stroke outline to it - keep it 'plain'. If this were done, the top right corner of the header would be a good place for a logo.
I wood (haha! I crack myself up) also ditch the content area being set up as a completely separated type of space and just leave the whole background a solid color like you have it. You can still put your content in the same place, but there's no need to set it up as a separate area.
I would probably use individual PNG images for your links - something tells me that putting a plain web-safe font on those planks would cheapen the whole design. Your friend was not explanatory enough in his advice, you should use text (for search engine reasons and gracefully degrading reasons), but that does not exclude using images.
The code:
HTML Code:
<a href="#">My Link</a>
Can be set up to use an image if you use what are called CSS 'image-replacement; techniques (google it).
Last edited by aj_nsc; 09-17-2009 at 05:46 AM.
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...
awesome.
These are just my opinions on the layout which I'm sure other people will disagree with because everyone has their own 'eye' for design. I would get rid of the white and the border around the 'content container' and just let that part of the page be the same as the rest of the background color.
Image replacement allows you to use a background-image in certain tags (e.g. <a>, <h1>, etc) while still making the HTML look like <h1>My Header</h1> - this is good for three main reasons (as far as I see it, maybe there are more)
(1) Visual Appeal (allows you to use an image in case you want to use a specific font that isn't on your visitors computers)
(2) if the visitor has CSS turned off, then the text will be visible
(3) When search engines look at your page and scan through looking for keywords in links, headers, paragraphs, etc this: <h1><img src="myimage.gif"></h1> is meaningless to them because they can't read the text in the image, however you can use an image replacement technique to use a background image that accomplishes the same thing as <h1><img src="myimage.gif"></h1> except you write it as <h1>My Header</h1> and let CSS put the image in.....
I'm not terribly good at explaining it, google around a bit and find someone who is more articulate than me
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...
awesome.
Heres an updated layout as this has been updated for what my parents want my parents want me to design them a simple layout for their business and this is what i have got atm.
Reply With Quote
Bookmarks