what is better: Build first of all the HTML or html + css ???

Discussion in 'HTML & Website Design' started by danielll007, Mar 3, 2011.

  1. #1
    I have to converting pds to xhml
    what will make my converting faster?

    1. first of all build the html only of all the page , and than build the css?
    or
    2. build the html + css together for each div step by step ( build each div html+css, and than build the next div html + css)?

    what will make my process faster?
     
    danielll007, Mar 3, 2011 IP
  2. clickbump

    clickbump Greenhorn

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    15
    #2
    Hi again Daniel, I've answered a similar question of yours here, but to clarify on this specific point, I find that the best workflow for xhtml/css design is to get the xhtml structure down first, then work out the css once that's done.

    Your structure is far more important than the css and takes much less time to complete. You should strive to place your main content div as close to the top of the document as possible, without making the css unusually complicated. As I stated in the other thread, the order will usually be: header, nav, content, sidebar, footer.

    Then once you have the xhtml structure down, usually a series of container divs each with an ID attribute to identify their purpose, you will spend the bulk of time working the css and most of the time with the css will be devoted to navigation elements.

    One strong piece of advice I can give you is to browser check early and often. Have all of your target browsers open (preferably on Mac and PC) and each time you make a positional change to the css, check the layout in each browser to insure that things are tracking as expected.

    Always use a DOCTYPE to help with browser consistency. Here's the one I use most often...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    clickbump, Mar 3, 2011 IP
  3. MyResellerHost

    MyResellerHost Peon

    Messages:
    35
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If you do them both at the same time, I think it will help you save time for configuring this and that on one file.
    And, one css file for the whole site will be the best thing to do.
     
    MyResellerHost, Mar 4, 2011 IP
  4. ACME Squares

    ACME Squares Peon

    Messages:
    98
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Code the HTML, ignoring CSS completely. That will naturally give your documents structure and semantics. Then concentrate on the CSS.
    You'll get the best separation of content and style, and save time though the division of labour.
     
    ACME Squares, Mar 4, 2011 IP
  5. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #5
    Unless you are comfortable and efficient coding both at the same time I would advise against doing so. As mentioned it's best to lay out the skeleton and layout first and add styles later.

    Layout your page and concentrate on GUI and item of importance (page hierarchy). That is the most important item to focus on. If the GUI is inept chances are your visitors will not stay long.
     
    AtSeaDesign, Mar 4, 2011 IP
  6. freshgreenlove

    freshgreenlove Well-Known Member

    Messages:
    404
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    135
    #6
    i think you must try HTML5+CSS3... because that is very cool for your site
     
    freshgreenlove, Mar 4, 2011 IP
  7. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #7
    That is NOT a good approach. HTML5 is still in it's infancy and not supported fully. Same with CSS3 in IE. You risk the chance of losing visitors coming to your site.
     
    AtSeaDesign, Mar 4, 2011 IP
  8. Oceanus

    Oceanus Member

    Messages:
    903
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #8
    I do mine at the same time but I think that's just how my mind works best. Most people I talk to try to get the structure down first.
     
    Oceanus, Mar 4, 2011 IP
  9. tbwd

    tbwd Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I write th html then move to the css. I find it's easier this way
     
    tbwd, Mar 4, 2011 IP
  10. dojodesign

    dojodesign Well-Known Member

    Messages:
    206
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    140
    #10
    I work on them both. I have the HTML in one file and the CSS on another one and build them as I go, working on the structure I've already set in my Photoshop slices. For me it comes easier this way.
     
    dojodesign, Mar 5, 2011 IP