Project 02 Notes

  1. HTML5 Structural Elements and the DOM Panel
    a. Titles of a page show up in the tab of your website page
    b.DOM panel helps you organize the HTML tags in your page as an "interactive outline"
    c. <head> holds non-displaying information about our page while <header> holds a design that identifies the top of the page
    d. <main> holds the main content of a page
    e. contains the closing information at the bottom of the page

  2. External CSS Rules
    a. <link> links an HTML page to other resources, such as CSS and JavaScript files
    b. backgroud repeat controls what direction the background image will repeat if uts not large enough to fill the web browser
    c.background-size cover stretches out the background to cover the entire browser window
  3. Floating Boxes
    a. <aside> is a structural tag used to create a sidebar
    b. /*this is what a CSS comment looks like*/
  4. Div Containers
    a.<div> defines a divison, or box, in HTML
  5. Creating Content
    a. <article> is an HTML5 structural tag that is used to subdivide page content that could be published independetly from the rest of the page; such as a blog or forum post
  6. Positioning Images
    a. no new info
  7. Styling Text
    a.you can use adobe fonts or google fonts to get fonts for your website
  8. Adding Classes to Existing Elements
    a. ID designates a unique HTML element that can only be used once on each page. The corresponding CSS rule is indicated by a # in front of the selector.
  9. Creating a Nav Bar
    a. visitors decide whether your site has what they're looking for within TEN SECONDS of loading your page
    b.navigations menus should be clean, easy to read, and carefully organized
    c. inline element : an HTML element that does not start on a new line and never takes up more space than is necessary
    d. 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
    a. pseudo class is a behavior that can be assigned to a CSS rule
    b. "LoVe makes me HAppy" : link, visited, hover, active (specific order of link CSS)
  11. Styling Buttons
    a.external CSS files can be linked to multiple HTML pages, giving you a control center for your site's appearances
  12. Submit Button
    a. Back End : code that sits on your web server, it handles the data being passed back and forth between your server and your visitors
    b. Front End : the code that creates the visible portion of the website that your users interact with
    c. Get Method : adds the data from the form into the URL of the page request, making the data visible to everybody
    d. Post Method : from data is embedded in the body of the page request itself, keeping it invisible; post method has no limit on message length
  13. Cascading Style Sheets
    a. you should always maintain a consistant design across all the pages in your site
    b. External CSS File : applies to multiple pages at once; most global rule (least specific)
    c.Internal CSS Rules : Applies only to that .html document; takes precedence over external rules (more specific)
  14. Connecting Our Site Pages
    a. spell check