www.webdeveloper.com
Results 1 to 8 of 8

Thread: Layout for my parents timber maching factory

  1. #1
    Join Date
    May 2006
    Posts
    412

    Layout for my parents timber maching factory

    Hi all,

    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.

    http://bcdesigns.info/temp1.jpg

    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.

    Thanks,William

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    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.

  3. #3
    Join Date
    May 2006
    Posts
    412
    for the white content container should i change that color to same background as behind of header what color should i make the banner too?

  4. #4
    Join Date
    May 2006
    Posts
    412
    What exactly does css's image-replacement actually do?

  5. #5
    Join Date
    Dec 2005
    Posts
    2,984
    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.

  6. #6
    Join Date
    May 2006
    Posts
    412
    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.

    http://img16.imageshack.us/img16/6324/temp2l.jpg

    That is the layout i have designed atm they just want somthing like this company located at this website here

    Copy and paste that url into the website browser to go to and see what i mean.

    Any suggestions or shud i just re-design my whole layout and design do you think one guy said i shud he told me looks not that good.

    Any ideas on how i can fix or improve it without starting from groundup?

    Thanks,William.

  7. #7
    Join Date
    May 2006
    Posts
    412
    ive decided to re-design the site and im gonna post back a new layout shortly.

  8. #8
    Join Date
    May 2006
    Posts
    412
    mods please close this doing a new review

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles