Project 02 NOTES

  1. HTML5 Structural Elements and the DOM Panel
    1. File new --> new site
    2. DOM panel - helps you organize the HTML tags in your page as an "interactive outline"
    3. <head> - holds non-displaying information about our page.
      • Goes before the <body> of the page
    4. <header> - holds a design that identifie the top of the page.
      • Goes inside the <body> of the page
  2. External CSS Rules
    1. <link> - links an HTML page to other resources, such as CSS and JavaScript files
    2. background-size: cover - stretches the background to cover the entire browser window
  3. Floating Boxes
    1. <aside> - a structural tag used to create a sidebar
  4. Div Containers
    1. <div> - defines a division, or box, in HTML
    2. margin --> auto
  5. Creating Content
    1. code hints --> after typing "</"
    2. insert --> article
  6. Positioning Images
    1. ltleft
    2. flrght
  7. Styling Text
    1. Inline CSS Rules - useed to apply style rules yo a small portion of code
  8. Adding Classes to Existing Elements
    1. ID - designates a unique HTML element tha can only be used once on each page. the corresponding CSS rule is indicated by a # in front of the selector.
    2. You can only use your ID once (cant have same ID twice on same page)
    3. Class - a CSS rule that can be applied to multiple HTML elements. Denoted by a . brfore the selector
    4. CSS classes override elemet rules
  9. Creating a Nav Bar
    1. inline element - an HTML element that does not start on a new line and never takes up more space than is necessary
    2. block element - an HTML element that always starts on a new line and extends across the full width of the page
  10. Styling Nav Links
    1. pseudo class - a behavior that can be assigned to a CSS rule
    2. Has to go in order of:
      1. link
      2. visited
      3. hover
      4. active
    3. page properties --> links
  11. Styling Buttons
    1. created new contact page
    2. <form> - designates the beginning of an HTML form
    3. Inserted form
  12. Submit Button
    1. Back End - code that sits on your web server. It handles the data being passed back and forth between your server and your visitors.
    2. Front End - the code that creates the visible portion of the website that your users interact with.
    3. Get method - adds the data from the form into the URL of the page request. This makes the data visible to everybody!
  13. Cascading Style Sheets
  14. Connecting Our Site Pages