Your SlideShare is downloading. ×
Pres
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Pres

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×