Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Creating the Content & Footer Areas

  • We will add the content area and the footer section to our web page
  • Add a div tag after the nav tag and assign the div an ID called content in this document only
  • 	#content { width: 75%; background-color: rgb(255,247,223); margin-top: 0px, padding-bottom: 0;
    	padding-left: 20px; padding-top: 5px; min-height: 500px; margin-left: auto; margin-right: auto }
  • Add a selector for the footer tag since that is now available in HTML5
  • 	footer { width: 75%;	background-color:r gb(107,152,242); padding: 10px;	 ; }
  • Insert a footer tag on the page that will pick up our footer styles we already created
  • Change the margin for the footer tag to auto for the left and right margins which will center the footer tag

Creating the Content & Footer Areas

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Content Area 0:34
    • Locating Margin/Padding
    • Select
    • Insert <div>
  • New CSS Rule 2:23
    • Naming ID
    • Define in Page
    • RBD Colors
    • Modifying Margin/Padding
  • CSS Designer 5:55
    • Content ID
    • Max/Min Height
    • Auto Margin
  • Footer 7:27
    • Add Selector
    • Footer Width
    • Background Color
    • Color Format
  • Insert 10:03
    • Footer Tag
  • Preview 11:19