Your SlideShare is downloading. ×
  • Like
DM 250 Week 1 - The Internet, XHTML, & CSS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

DM 250 Week 1 - The Internet, XHTML, & CSS

  • 1,189 views
Published

Introduction to Internet/Web, HTML, CSS. Made for my first time teaching a college-level course at Greenville College.

Introduction to Internet/Web, HTML, CSS. Made for my first time teaching a college-level course at Greenville College.

Published in Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,189
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
51
Comments
0
Likes
1

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. The Internet, HTML & CSS NO MORE CONFUSION Photo by emagic
  • 2. THAT’S NOT THE INTERNET!
  • 3. IT’S NOT A TRUCK EITHER Senator Ted Stevens -- 2006 Photo by beardenb
  • 4. The Internet A SERIES OF TUBES It’s just a giant network.
  • 5. The Internet A SERIES OF TUBES It’s just a giant network. The Word Wide Web is something different.
  • 6. Introducing the World Wide Web
  • 7. What is <HTML>? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet. -- HTMLSource Graphic by itspaulkelly
  • 8. HyperText
  • 9. HyperText Markup
  • 10. HyperText Markup Language
  • 11. HTML Is the Foundation of a Web Page
  • 12. BUT <b>how</b> does it <i>work</i>? Photo by Rutty
  • 13. XHTML eXtensible HyperText Markup Language
  • 14. html <tags> Photo by Jesper
  • 15. <b>bold</b> <i>italic</i> <p>Paragraph text.</p> Photo by Jesper
  • 16. Why Is XHTML Better? Photo by Travelin Libarian
  • 17. Why Is XHTML Better? • It’s Strict. Photo by Travelin Libarian
  • 18. Why Is XHTML Better? • It’s Strict. • Helps you avoid cross-browser compatibility issues. Photo by Travelin Libarian
  • 19. Why Is XHTML Better? • It’s Strict. • Helps you avoid cross-browser compatibility issues. • It makes you cool. Photo by Travelin Libarian
  • 20. Introducing .css { font-size: 36px; color: green; font-weight: bold; text-align: left; } img#lolcat{ height: 640px; width: 539px; border: none; }
  • 21. Cascading
  • 22. Cascading Style
  • 23. Cascading Style Sheets
  • 24. <html> <p class=“redText”> This text is red with CSS styling it. </p> </html>
  • 25. <style> p.redText { color: red; } </style> <html> <p class=“redText”> This text is red with CSS styling it. </p> </html>
  • 26. <style> p.redText { color: red; } </style> <html> <p class=“redText”> This text is red with CSS styling it. </p> </html>
  • 27. <style> p.redText { color: red; } </style> <html> <p class=“redText”> This text is red with CSS styling it. </p> </html> This text is red with CSS styling it.
  • 28. Anatomy of an XHTML Document Doctype Head Body
  • 29. Document Type Definition AKA: DTD or Doctype For Example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • 30. Let’s Create an XHTML Skeleton Phote by: an_untrained_eye