My first putting together of a template.

Discussion in 'HTML & Website Design' started by bigdig, Jul 8, 2008.

  1. #1
    As a beginner playing around with putting together website templates,i'm finding the actual assembling of the different parts (header,menu etc) to fit together a little difficult,although i havent put to much time into it at the moment.
    As a beginner should i always start from the top,& do the logo,& header first,& then the menu,& main content after,so as to not get confused with the borrowed text i'm adding,until i have more knowledge of what i'm doing?
    Or how do you size the different components to fit together in the css sheet (a html,css template).

    Thanks in advance for any help.
     
    bigdig, Jul 8, 2008 IP
  2. faithnomoread

    faithnomoread Peon

    Messages:
    174
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You should make a vague layout first in my opinion, I would set it up from the top like ur saying, make div for header(logo) and then body and then footer. then adjust when u add content. Menus should be made later in content, I think. Have u tried a Liquid Layout? The concept is quite simple:

    make a css class:
    .container {
    margin-left:auto;
    margin-right:auto;
    width:1024px; (or whatever width u want ur page)
    }

    and wrap everything on ur page inside the div:

    <html>
    <head>
    <title></title>
    </head>
    <body>

    <div class="container">

    <!-- nest page content here (whole page) -->

    </div>

    </body>
    </html>

    It will always center page regardless of screen resolution, makes it fluid and looks better to people visiting.
     
    faithnomoread, Jul 8, 2008 IP