Skip to content

Latest commit

 

History

History
52 lines (34 loc) · 2.54 KB

class-04.md

File metadata and controls

52 lines (34 loc) · 2.54 KB
Raw

Read: 04- HTML Links, CSS Layout, JS Functions

  1. Materials
  • HTML links 74-93 layout 358-404 / Layout 358-404
  • JS Functions,methods,objects 86-99

Links

  1. Links are created using the a> element
  2. The a> element uses the href attribute to indicate the page you are linking to
  3. If you are linking to a page within your own site it is best to use a relative link rather than a qualified URL'site
  4. You can create links to open email programs with an email address in the "to' field
  5. You can use the id attribute to target elements within a page that can be linked to

Layout

  1. Screen sizes- Different visitors to your site will have differnt sized screens, so your design needs to be able to work on multiple sized screens
  2. Screen resolution- Resolution refers to the number of dots a screen shows per square inch. Some devices have higher resolution and most operating systems allow users to adjust the resolution of their screens.
  3. Page Sizes- Because screen sizes and display resolutions differ so much we designers often try to creat pages around 960-1000 pixles
  4. Fixed width layouts- fixed width layout designs do not change size as the user increases or decreases the size of their browser window
  5. Liquid layout- liquid layout designs stretch and contract as the user increases or decreases the size of their browser window
  6. div. elements are often used as containing elements to the group togther resctions of a page
  7. Browsers display pages in normal flow unless you specify relative, absolute or fixed positioning
  8. The float prop moves content to the left or right of the page and can be used to create multi-column layouts
  9. pages can be fixed width or liquid
  10. Grids help create professional and flexible designs
  11. CSS Frameworks provite rules for common tasks
  12. You can include multiple CSS files in one page.

Functions, Methods and objects

  1. Variable scope - if you declare a car outside of a function then it is a global var, if you declare a var inside a function then it si a local var.
  2. functionTest(){} - function is the function - () - are the params - {}- is the objects

Things I want to know more about

  1. Building a directory Structure looks pretty scary but I want to give it a shot
  2. There seem to be so many different ways to style and layout a page and I want to try to make a liquid page for a mobile screen
  3. I feel comfortable with functions to an extent, looking forward to expanding my knowlage on these

Java Script & Jquery, Jon Duckett