Pres

387 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
387
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pres

  1. 1. Building and Marketing Websites
  2. 2. Marketing • Landing page – Page people go to after they click on ad Landing PageFacebook Ad
  3. 3. HTML Elements Links Tables
  4. 4. Links • Anchors are inline elements • May only contain text and other inline elements. <a href=“http://www.google.com”><img src=“…” /></a> <a href=“http://www.google.com”>This is a link</a>
  5. 5. Links: href attribute • Absolute URL – Provide the full URL for the document, including the protocol (http://) <a href=“http://www.google.com”>This is a link</a>
  6. 6. Links: href attribute • Relative URL – Can be used when you are linking to another document on your own site (i.e., on the same server). <a href=“test.html”>This is a link</a>
  7. 7. Tables • Rows – tr = table row • Cells: – th = table header – td = table data • Actual content goes into cells
  8. 8. CSS Review <style type=“text/css”> </style>
  9. 9. Font Sizes
  10. 10. Font Sizes body { font-size: small; }
  11. 11. Classes Used to classify elements into a conceptual group.
  12. 12. New Topics
  13. 13. Color • Computers create the colors you see on a monitor by combining three colors: red, green, and blue • You can create a recipe for a color by telling the computer how much of the three to mix in
  14. 14. White Color
  15. 15. Color • Amount of color is described on a scale from 0 (none) to 255 (full-blast) • Can also be provided as a percent – 100% = 255
  16. 16. Any color you see on your monitor can be described by a series of three numbers: a red value, a green value, and a blue value.
  17. 17. Ways to specify color • By name
  18. 18. Ways to specify color • By red, green, blue values
  19. 19. = 80% of 255 is 204, 40% of 255 is 102, and 0% of 255 is 0.
  20. 20. Ways to specify color • By “hex code”
  21. 21. Color Summary
  22. 22. Box Model
  23. 23. Every element in a document, both block-level and inline, generates a rectangular element box
  24. 24. Content Area • Holds “content” of the element (e.g. text or images)
  25. 25. Inner edges • Edges of the content area • Get sized when you apply width and height
  26. 26. Padding • Area held between the content area and an optional border. • Optional.
  27. 27. Border • Line that surrounds the element and its padding. • Optional.
  28. 28. Margin • Space added on the outside of the border • Optional.
  29. 29. Outer edge • Total area the element takes up on the page

×