Enter your Sign on user name and password.

Forgot password?
Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Video file not found as configured
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 Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Start Learning Now

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

Sign up for Educator.com

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 DIV Tags with IDs

  • The boxes in the box model are created either by html tags or we can create our own boxes
  • We can put any content into a box we make
  • We can also style it as we want
  • We can color these boxes with background colors & images
  • The browser must be able to understand which box you want to style in a particular way
  • We do that by giving the box an "id" we use to give each box a unique name
  • Before we begin to work in Dreamweaver on the coding, we must plan out our boxes and where we want to position them based on information the browser can understand
    Educator®

    Please sign in for full access to this lesson.

    Sign-InORCreate Account

    Enter your Sign-on user name and password.

    Forgot password?

    Start Learning Now

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

    Sign up for Educator.com

    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.