Building and Marketing Websites<br />
Marketing<br />Google advertising<br />Search<br />PPC / CPC<br />CPA<br /> Cost per action<br /> “action” can be mean dif...
More HTML elements<br />Links , Tables<br />
Links<br /><a href=“http://www.google.com”>This is a link</a><br />
Links<br /><a href=“http://www.google.com”>This is a link</a><br />href attribute required<br />Specifies destination of t...
Links<br />Anchors are inline elements<br />May only contain text and other inline elements.<br /><a href=“http://www.goog...
Links: href attribute<br />href attribute provides the address of the page (its URL) to the browser<br />2 ways to specifi...
Links: href attribute<br /><a href=“http://www.google.com”>This is a link</a><br />Absolute URL <br />Provide the full URL...
Links: href attribute<br /><a href=“test.html”>This is a link</a><br />Relative URL<br />Can be used when you are linking ...
Tables<br />
Tables<br />
Tables<br />Rows<br />tr = table row<br />Cells:<br />th = table header<br />td = table data<br />Actual content goes into...
Tables<br />What about columns?<br />The number of columns in a table is determined by the number of cells in each row<br ...
Back to CSS<br />
Inheritance<br />Elements pass down certain style properties to the elements they contain<br />
Classes<br />Used to classify elements into a conceptual group.<br />
<html><br /><head><br /><title>Simple Website</title> <br />	</head><br /><body><br /><h1>Welcome</h1><br /><p class=“gree...
Font Sizes<br />body {<br />	font-size: 14px;<br />}<br />
Font Sizes<br />body {<br />	font-size: 14px;<br />}<br />h1 {<br />	font-size: 150%;<br />}<br />Percentage tells the fon...
Font Sizes<br />body {<br />	font-size: 14px;<br />}<br />h1 {<br />	font-size: 150%;<br />}<br />h2 {<br />font-size: 1.2...
Font Sizes<br />
Font Sizes<br />body {<br />	font-size: small;<br />}<br />
Upcoming SlideShare
Loading in …5
×

Pres

498 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
498
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pres

  1. 1. Building and Marketing Websites<br />
  2. 2. Marketing<br />Google advertising<br />Search<br />PPC / CPC<br />CPA<br /> Cost per action<br /> “action” can be mean different things<br />
  3. 3. More HTML elements<br />Links , Tables<br />
  4. 4. Links<br /><a href=“http://www.google.com”>This is a link</a><br />
  5. 5. Links<br /><a href=“http://www.google.com”>This is a link</a><br />href attribute required<br />Specifies destination of the link<br />Content of element acts as a label for the link. <br />In the browser the label appears with an underline to indicate you can click on it<br />
  6. 6. Links<br />Anchors are inline elements<br />May only contain text and other inline elements.<br /><a href=“http://www.google.com”>This is a link</a><br /><a href=“http://www.google.com”><imgsrc=“…” /></a><br />
  7. 7. Links: href attribute<br />href attribute provides the address of the page (its URL) to the browser<br />2 ways to specific URL<br />
  8. 8. Links: href attribute<br /><a href=“http://www.google.com”>This is a link</a><br />Absolute URL <br />Provide the full URL for the document, including the protocol (http://)<br />
  9. 9. Links: href attribute<br /><a href=“test.html”>This is a link</a><br />Relative URL<br />Can be used when you are linking to another document on your own site (i.e., on the same server).<br />
  10. 10. Tables<br />
  11. 11. Tables<br />
  12. 12.
  13. 13.
  14. 14. Tables<br />Rows<br />tr = table row<br />Cells:<br />th = table header<br />td = table data<br />Actual content goes into cells<br />
  15. 15. Tables<br />What about columns?<br />The number of columns in a table is determined by the number of cells in each row<br />Make sure you have the same number of cells in each row!<br />
  16. 16. Back to CSS<br />
  17. 17. Inheritance<br />Elements pass down certain style properties to the elements they contain<br />
  18. 18.
  19. 19. Classes<br />Used to classify elements into a conceptual group.<br />
  20. 20. <html><br /><head><br /><title>Simple Website</title> <br /> </head><br /><body><br /><h1>Welcome</h1><br /><p class=“green”>This is a demonstration.</p><br /> <p>Business as usual</p><br /> </body><br /></html><br />
  21. 21. Font Sizes<br />body {<br /> font-size: 14px;<br />}<br />
  22. 22. Font Sizes<br />body {<br /> font-size: 14px;<br />}<br />h1 {<br /> font-size: 150%;<br />}<br />Percentage tells the font how big it should be relative to another font size.<br />
  23. 23. Font Sizes<br />body {<br /> font-size: 14px;<br />}<br />h1 {<br /> font-size: 150%;<br />}<br />h2 {<br />font-size: 1.2em;<br />}<br />Similar to em. Specifies a scaling factor.<br />
  24. 24. Font Sizes<br />
  25. 25. Font Sizes<br />body {<br /> font-size: small;<br />}<br />

×