Website Design

Discussion in 'Web Design and Development' started by kitki83, May 18, 2007.

  1. kitki83 macrumors 6502a

    Joined:
    Mar 31, 2004
    Location:
    Los Angeles
    #1
    I am self-learning web design with coding. I am using NVU which is easy to understand for me.

    I am working on some layouts and experimenting around w. I made this template to test it out, get a feel of coding to live process is like and what elements change during that.

    Wanted some advice about layout, as you can see its for a Graphic Designer Portfolio but I just want help because the layout just looks weird to me or cant figure out how to do certain things which are:

    1. How can i create stack of elements without that small space between them. I am currently using tables to get my layout grid the way I want it. Is there something else or approach I can take. I know very little CSS barely touching it.

    2. For a portfolio design, is it hard navigation just from what you see on the website.

    3. Being this just a practice run for me in making a website, what advice do you have when I start going for my final version?

    4. What do you think of the color scheme blue and gray?

    Website


    Thank you for taking the time in reading my post and helping someone whose learning XHTML by coding learn more about this.
     
  2. tschoftner macrumors member

    tschoftner

    Joined:
    Apr 14, 2007
    Location:
    Austria
    #2
    colour scheme

    I like the colour scheme!! I think you should go ahead with that!
    Thomas
     
  3. snickelfritz macrumors 65816

    snickelfritz

    Joined:
    Oct 24, 2003
    Location:
    Tucson AZ
    #3
    I like your color scheme, but the title and navigation are a bit oversized IMO.
    I also think you need rollover links for the navigation.
    The inner shadow effect is almost working on the title, but it's not at all in the navigation. Keep the graphics simple; let your website stand on other merits, such as the content and overall organization.

    Learn CSS immediately.
     
  4. kitki83 thread starter macrumors 6502a

    Joined:
    Mar 31, 2004
    Location:
    Los Angeles
    #4
    Update

    http://lillikira.com/horus/

    Here is my update

    I change from tables to CSS, but I need everyone if they can check it out, I got my friend who said the banner did not load. I think its her browser settings.

    Thanks for any help
     
  5. Nicolasdec macrumors 65816

    Nicolasdec

    Joined:
    Dec 7, 2006
    Location:
    São Paulo
    #5
    I like the colors, are you useing NVU, you could also try coda. but NVU is very good.
     
  6. kitki83 thread starter macrumors 6502a

    Joined:
    Mar 31, 2004
    Location:
    Los Angeles
    #6
    Nvu and Textmate

    I just tried out Textmate, honestly I love Textmate. Nvu is great. I use both programs side by side because one has something the other doesn't. Before it was all done in tables (look at other links which are placeholders), now I redid it with CSS. First time doing a website.
     
  7. Nicolasdec macrumors 65816

    Nicolasdec

    Joined:
    Dec 7, 2006
    Location:
    São Paulo
  8. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #8
    Some suggestions:

    The text in the legal area is way too small. 9px isn't readable on my screen. For a serif font like you're using there I'd say 12px is as small as you wanna go and have it be mostly readable. Also when using small font sizes it's usually better to use a sans-serif font.

    I'm also not sure why you have so much space between the content and legal block. It just looks odd to have that much space. Seems like something is missing.

    Semantically speaking, you should probably make the date an H1 tag and use CSS to style it accordingly rather than having a couple BR tags after it.

    Overall though it looks pretty good. The blue for your name on the banner vibrates (visually not physically) a little with the background, but not horribly.
     
  9. eto macrumors member

    Joined:
    Apr 27, 2006
    Location:
    20,000 leagues under the sea and or Duluth
    #9
    Along with increasing font sizes for readability you should consider setting a baseline font size eg:

    Code:
    body{
       font-size: small;
    }
    After the baseline is set you can use percentages to set other sizes like headings and specific ids and classes eg:

    Code:
    h1 {
       font-size: 200%;
    }
    h2 {
       font-size: 175%;
    }
    .tinyType{
       font-size: 85%;
    }
    
    This method gives more flexibility for adjusting font size to the client browser especially with older IE. You may lose a tiny (very tiny) bit of control over the final look but give end users with vision problems a chance to see what you have to offer.
     
  10. kitki83 thread starter macrumors 6502a

    Joined:
    Mar 31, 2004
    Location:
    Los Angeles
    #10
    Update

    well I worked on the website, I got skeletal structure together, I would like some help with certain things.

    I cannot get InBlogIt (blog) to register the directory on my server and read the files I uploaded. I do not know what I am doing wrong. If anyone can help me I would appreciate it.


    Also in my resume, whats a creative way in making links for the email and resumes. I was trying to make similar feel to the boxes on top but I got Navcontainer cannot be repeated?


    Thank you.


    Next step CSS thumbnail design for Portfolio and photography.
     
  11. ezekielrage_99 macrumors 68040

    ezekielrage_99

    Joined:
    Oct 12, 2005
    #11
    One point, please change the background image.
     

Share This Page