LESSON 01 NOTES

  1. Project Intro
    1. Nothing new
  2. Setting up the Workspace
    1. Panels
    2. Changing views
    3. Split View / Design view
    4. can accces through view menu as well
    5. View Mode - changes vertically and horizontally
    6. Custtomize tool bars
    7. Properties panel - MUST OPEN !!!!
    8. Docking at the bottom
    9. Make a new workspace
  3. HTML5 Page Structure
    1. Doctype - type of HTML
    2. head tag - can't see content
    3. body -all that you can see
  4. Adding Text Content
    1. Change headings
    2. h1- largest
    3. Blockquotes
    4. em tag - italicize
    5. Bold - strong
    6. blockquotes - indents
    7. check order
  5. Adding Images
    1. Fair Use - personal or educations
    2. Check copyright requirements
    3. creative commons is good place to find images
    4. pixabay.com for free images
    5. Ignasi Labastida i Juan on Understanding Creative Commons Licences | Eurodoc
    6. Constrain images
  6. Creating Lists
    1. Blockquote to make sub list
  7. Creating Tables
    1. table - new table
    2. tbody - table body
    3. tr - table row
    4. td
  8. Adding Hyperlinks
    1. absolute hyperlink
    2. email link - mailto link
    3. telephone link
  9. More about Images
    1. Inserting and resizing images
    2. constrain images
    3. large images - longer download times.
    4. Commit image size - resizes images
  10. Copyright and Hotlinking
    1. Hotlinking to remote sites
    2. might remove images
  11. Introducing CSS
    1. sans-serif fonts are easier to read
    2. dark grey font nice over black
  12. Styling body and text
    1. HEX
    2. RGB
  13. Styling lists, tables, and hyperlinks
    1. Using CSS to change the HTML
  14. Project Planner (Super Fan Page)
    1. Not sure what we did...