Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.



Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this


  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=“”>This is a link</a><br />
  5. 5. Links<br /><a href=“”>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=“”>This is a link</a><br /><a href=“”><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=“”>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 />