XHTML and CSS, Brainstorming website.

Discussion in 'Web Design and Development' started by kitki83, Apr 23, 2007.

  1. kitki83 macrumors 6502a

    Joined:
    Mar 31, 2004
    Location:
    Los Angeles
    #1
    Hello,

    Here how the story goes, I am learning traditional html (hand coding) and for my class (getting AA in Web Programming, maybe). I want to say I am web programmer/Graphic designer. So our class has to make a website for final project.So I decided to make it on a business, myself freelancing. The problem is I have no idea how to start brainstorming, concepting, grid layout and content. I have several examples but thats just to get an idea what content I should have for this site. But I don't know if my approach to problem is,
    1. write down objectives(Page)
    2. Simple Flow chart diagram of how website flows(simple layout, g
    3. Photoshop website layout
    4. Begin coding
    5. Test website

    correct.

    I dont know if I am heading the right direction but for those web pros can give a nice idea on how to approach this, I will appreciate it.

    Thank You,
    RM
     
  2. Sdashiki macrumors 68040

    Sdashiki

    Joined:
    Aug 11, 2005
    Location:
    Behind the lens
    #2
    Isnt this why you are going to class?

    Are not all these questions addressable in class and IMO, part of the curriculum?

    But, yes, you have at least some idea of where to begin.

    A spiderweb drawing is always a good idea.

    Draw a circle, thats your homepage.

    Draw little circles around it, these are links/sections of your website found on the homepage.

    Connect everything with lines for links.

    Should be a good place to start.
     
  3. kitki83 thread starter macrumors 6502a

    Joined:
    Mar 31, 2004
    Location:
    Los Angeles
    #3
    well, its a online class, so not that same structure as a class you go in for.

    But thanks for tips, I guess iam heading in the right direction.
     
  4. Trogloxene macrumors regular

    Joined:
    Apr 17, 2007
    #4
    Go find a site you like and clone it as a start. Then change it to match your needs.

    -T
     
  5. mnkeybsness macrumors 68030

    mnkeybsness

    Joined:
    Jun 25, 2001
    Location:
    Moneyapolis, Minnesota
    #5
    Then get sued for copyright violation. Good call.

    kitki83: your flow is pretty much on, just not quite as in depth as full companies take it. Generally they will issue a survey of the current status, then a survey of goals, audience, etc. After that, research competitors find better ways to do things than their sites are, then concept necessary features, create a site flow, create a mockup (revise, trash it, create new mockup, revise...), then create HTML/CSS, test and launch.
     
  6. jng macrumors 65816

    jng

    Joined:
    Apr 6, 2007
    Location:
    Germany
    #6
    For my last XHTML/CSS site (still unfinished), I had the layout in my head, it was pretty simple, 2 column layout. Then I layed out everything in Photoshop, and cut out sections I would need to have tiled as backgrounds, etc with CSS and put it together by hand in dreamweaver.

    #1 and #2 are necessary for site planning and figuring out what type of layout you need. For design I start from 3. the first two steps can be done mentally if the site's easy or narrow enough.

    Edit:
    The last step sucks, especially with CSS/XHTML. My last design uses transparent PNGs and floats and it works fine in IE7+ and in safari and firefox (both mac+pc) but looks like trash in IE6. Boooo. That's why it's still technically unfinished.
     

Share This Page