Styles Layout Tutorial

  • insert div tags
    • Insert cursor on blank html page
      • Go to insert> layout objects>Div tag
      • Choose Insert: "At insertion point" , ID: outer
      • erase filler text
    • Create the first fields
      • Go to insert> layout objects>Div tag
      • Insert: "After start of tag" <div id = "outer"> , ID: header
      • Go to insert> layout objects>Div tag
      • Insert: "After tag" <div id = "header"> , ID: content
      • Go to insert> layout objects>Div tag
      • Insert: "After tag" <div id = "content"> , ID: footer
      • erase all filler text
    • Create a navigation field and a content area
      • Go to insert> layout objects>Div tag
      • Insert: "After start of tag" <div id = "content"> , ID: nav
      • Go to insert> layout objects>Div tag
      • Insert: "After tag" <div id = "nav"> , ID: main
      • erase all filler text
    • You should have a page that looks like this >
<< >