Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15

Thread: homepage review

  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Location
    This little Earth.
    Posts
    383
    Thanks
    0
    Thanked 0 Times in 0 Posts

    homepage review

    okay, here goes
    here's a couple of layouts i've come up with for the homepage of the site i'm working -- it's an Arabic teaching site. it'll have comprehensive lessons, examples, tests and exercises on the language, and each user will be a registered student working at their own pace.
    please check out my two layouts and tell me what you think of each of them, and any suggestions, criticism etc. this is my first 'real' project.
    i've only just designed the look of the first page, so none of the links will work.
    i'll work on the details and do it all in XHTML afterwards...
    so, any says?
    gulp...
    Last edited by ASAAKI; 03-19-2003 at 02:22 PM.
    'If you don't stand for something, you'll fall for anything.'

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    design one: spacious, need more contrast on those grey bars (search, users, not registered etc...)

    on 800*600 you get the horizontal scrollbar, only scrolling a couple of pixels... quite annoying, can it be sorted? and also the drop down menu is overlapping the menu bar.

    design two:... very green ... again a little more contrast would be good, that "content" div thang has a couple of pixels of horizontal scroll at my res, and i had been expecting the buttons (go, sign in, sign up etc...) to light up in the same way as the menu (home, my auk, forum etc) onmouseover...

    methinks its a rather massive logo? but i guess it's part of the sites "character"... so i'll let you off

    good work
    redhead

  • #3
    Regular Coder
    Join Date
    Jan 2003
    Posts
    680
    Thanks
    0
    Thanked 0 Times in 0 Posts
    One! One! Even if the picture IS big. It looks like candy.

    I didn't know that Lorem ipsum was Ahsan-ul-Kalaam in Arabic.
    (o<
    //\ &nbsp; &nbsp; &nbsp; =^..^=
    &nbsp; &nbsp; $!

  • #4
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    1) the bottom buttons could go up a little more, to border the bottom of the left logo, its just hanging below it, and yes theres the horizontal scrollbar, that doesnt even really scroll.
    <div id="left"><br/><br/><br/><br/><br/><br/><br/></div> all the breaks are a little primitive, maybe just assigning a height to your div? otherwise just keep it that way, its not too important.

    2) everything redhead said *lol* plus i think you should make the form field text black. stick with that green one though i like it . but contrast a *little* more.

    It looks like candy.
    mmm, candy
    Last edited by cg9com; 03-19-2003 at 02:54 PM.

  • #5
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I like the second one more, mind you I am not a fan of the scrollbar inside the window...

    The colours don't seem spiffy either, very bright, hurt eyes...


    I like the layout though.


    7/10



    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #6
    Regular Coder
    Join Date
    Jul 2002
    Location
    This little Earth.
    Posts
    383
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the reviews so far. any more are definitely welcome.

    btw, you're all complaining of that scrollbar..but i don't get any scrollbar . or is it the one that comes on res 800x600? yea, it didn't occur to me to check the layouts on that res. When i did, i found out the first layout is a complete wreck . i suppose it's the fact that i gave some explicit heights and widths, but using percentages should fix that i guess.

    redhead: you said it's spacious. so... is that a good thing or a bad thing?

    The colours don't seem spiffy either, very bright, hurt eyes...
    I like the layout though.
    ionsurge, are you talking about the first one?

    cg9: yea a stupid way to add height . actually after i tried adding an XHTML doctype to the page i found out that "left" ended up having no height, so before i gave up XHTML for the time being i had a short fit of adding breaks to see the picture come whole maybe i'll have to add it as an 'image' rather than an empty div with a background.
    hmmm..i've been trying to align the links with image border, but it's turning problematic.

    so far it's the scrollbar and the colors... i'll probably be adding more contrast then... i'm not sure how to fix that uninvited scrollbar.
    I didn't know that Lorem ipsum was Ahsan-ul-Kalaam in Arabic.
    lol

    ________________
    edit

    oh and besides the comments plz do say which one you think is better.
    Last edited by ASAAKI; 03-19-2003 at 09:57 PM.
    'If you don't stand for something, you'll fall for anything.'

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    spacious is a good thing ... some can make cluttered look good, but its abit of an artform methinks and ive never attempted it
    redhead

  • #8
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by ASAAKI
    cg9: yea a stupid way to add height .
    naw, i wasnt calling it stupid, its just fine, not too many br's.
    Originally posted by ASAAKI
    i'm not sure how to fix that uninvited scrollbar.
    in the green one? adjust the width?

    i like the green one

  • #9
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by ASAAKI
    ionsurge, are you talking about the first one?

    That was the second one...


    I didn't like the first one at all.


    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #10
    Regular Coder
    Join Date
    Jul 2002
    Location
    This little Earth.
    Posts
    383
    Thanks
    0
    Thanked 0 Times in 0 Posts
    okay i've made a few changes to design II. tamed the green background just a tad, put the button rollovers and adjusted the width. is the horizontal scrollbar gone now?
    'If you don't stand for something, you'll fall for anything.'

  • #11
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The scrollbar has gone, but the image that was on the right has gone behind the info table...
    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #12
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    looks fine too me.
    being obsessive like i am i would ask that you make the other buttons return a hand cursor as well. lol

    also everywhere you have cursor:hand; add in that tree cursor:pointer; as well, this way you get the hand for netscape too. but i dont think this site is for them.

  • #13
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I am using Opera v7.0.3 so there may be things wrong there...

    http://www.mudsplat.com - Web design, print, and marketing solutions.

  • #14
    Regular Coder
    Join Date
    Jul 2002
    Location
    This little Earth.
    Posts
    383
    Thanks
    0
    Thanked 0 Times in 0 Posts
    being obsessive like i am i would ask that you make the other buttons return a hand cursor as well. lol
    don't mind that. i was going to add'em anyway i'm not unobsessive myself

    but why wouldn't you think it's for netscape users? wouldn't show up right on nn? actually this site has to be for any and everyone, that includes image-blind lynx users, so until i have the time to download opera, netscape etc on this extremely slow connection, any cross-browser suggestions are greatly appreciated.

    i made a tiddly change to the background picture position on the right. hope it isn't slinking behind mommy now?

    i was thinking, would it be better to be an image instead of div with a background? for some reason i thought making a div would be the right thing to do, but when i try xhtml on IE it needs some content to have any height. or is that just IE's erratic behaviour?

    ____________________
    edit

    well i got mozilla on a cd. wow! never expected such a complete mess! i'll have to really work on this..

    anyhow over here it's almost midnight so i'll be going to bed in a while.

    and i may wake up and i may not.
    the war has begun and THIS region is HOT


    Last edited by ASAAKI; 03-20-2003 at 09:30 PM.
    'If you don't stand for something, you'll fall for anything.'

  • #15
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    all i do to make a crossbrowser page is stick to the standards, with that and a little tweaking its perfect.
    also, if your worried about accesibility, dont forget that HTML is more important than CSS. pay attention to the elements stacked in the HTML, so when its viewed without CSS everything is at least in the right order.


  •  

    Posting Permissions

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