PROJECT 01 NOTES

  1. Project Intro
    1. Just explaining about Dreamweaver
  2. Setting up the Workspace
    1. Panels
    2. Changing Views
    3. Split view/Design View
    4. View Mode - Changes vertically and horizontally
    5. Customize tool bars
    6. Properties panel
    7. Docking at the bottom
    8. Make a new workplace
  3. HTML5 Page Structure
    1. Doctype - type of HTML
    2. Types of tags: head, body, html
  4. Adding Text Content
    1. Change headings
    2. Blockquotes
    3. em tag - italicize
    4. Bold-strong
    5. <h1> - <h6>
    6. <p>
  5. Adding Images
    1. How to insert an image
    2. Image Guidelines
    3. Getting images ready to use on a website
    4. Creative Commons Licenses
    5. License Attributes
    6. Best file types for images: JPG, GIF, PNG, SVG
    7. How to move image and resize
  6. Creating Lists
    1. ordered and unordered lists
    2. ul/li tags
  7. Creating Tables
    1. Table tag, body tag
    2. Inserting a table
    3. tr tag
    4. Resizing Table
  8. Adding Hyperlinks
    1. How to insert hyperlink
    2. Absolute hyperlink
    3. Email links
    4. Use insert panel or mailto:email
    5. Telephone Links
    6. tel:phonenumber
  9. More about Images
    1. Insert menu to insert image
    2. Resizing image and table cell
    3. Not having file in root folder
    4. How to fix image out of site folder - drag to root folder
    5. Assets Panel
    6. Commit image size
  10. Copyright and Hotlinking
    1. Unprofessional and takes advantage of somebodies web hosting
    2. Host might rename, move, delete files - is risky
    3. Never hotlink images and present copyright problems
  11. Introducing CSS
    1. Html creates content and structure
    2. Cascading Style Sheets
    3. Add style to webpage
    4. Addrules for HTML page
    5. CSS rules belong in pages head
    6. Background Colors
    7. Stick to default system fonts
    8. Chose colors with good constrast
  12. Styling body and text
    1. H1
    2. Paragraphs
    3. Hex color values
    4. Alpha Value - opacity of a color
    5. CSS borders - Width, style, and color
    6. Colors in Assets panel
  13. Styling lists, tables, and hyperlinks
    1. Adding more than one tag to same code
    2. Fixing lists
    3. List-style types
  14. Project Planner (Super Fan Page)
    1. Adding td tag
    2. th tag - designates table header
    3. Style hyperlinks