DM 250 Week 1 - The Internet, XHTML, & CSS
Download as KEY, PDF2 likes827 views
The document explains the difference between the internet and the World Wide Web, highlighting HTML as a foundational language for website creation. It also discusses XHTML, emphasizing its strictness and advantages over traditional HTML for ensuring cross-browser compatibility. Additionally, it introduces Cascading Style Sheets (CSS) for styling web pages.
DM 250 Week 1 - The Internet, XHTML, & CSS
- 1. The Internet, HTML & CSS NO MORE CONFUSION Photo by emagic
- 5. THAT’S NOT THE INTERNET!
- 6. IT’S NOT A TRUCK EITHER Senator Ted Stevens -- 2006 Photo by beardenb
- 7. The Internet A SERIES OF TUBES It’s just a giant network.
- 8. The Internet A SERIES OF TUBES It’s just a giant network. The Word Wide Web is something different.
- 9. Introducing the World Wide Web
- 10. 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
- 12. HyperText
- 13. HyperText Markup
- 15. HTML Is the Foundation of a Web Page
- 16. BUT <b>how</b> does it <i>work</i>? Photo by Rutty
- 17. XHTML eXtensible HyperText Markup Language
- 18. html <tags> Photo by Jesper
- 19. <b>bold</b> <i>italic</i> <p>Paragraph text.</p> Photo by Jesper
- 22. Why Is XHTML Better? Photo by Travelin Libarian
- 23. Why Is XHTML Better? • It’s Strict. Photo by Travelin Libarian
- 24. Why Is XHTML Better? • It’s Strict. • Helps you avoid cross-browser compatibility issues. Photo by Travelin Libarian
- 25. Why Is XHTML Better? • It’s Strict. • Helps you avoid cross-browser compatibility issues. • It makes you cool. Photo by Travelin Libarian
- 26. Introducing .css { font-size: 36px; color: green; font-weight: bold; text-align: left; } img#lolcat{ height: 640px; width: 539px; border: none; }
- 28. Cascading
- 29. Cascading Style
- 32. <html> <p class=“redText”> This text is red with CSS styling it. </p> </html>
- 33. <style> p.redText { color: red; } </style> <html> <p class=“redText”> This text is red with CSS styling it. </p> </html>
- 34. <style> p.redText { color: red; } </style> <html> <p class=“redText”> This text is red with CSS styling it. </p> </html>
- 35. <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.
- 36. Anatomy of an XHTML Document Doctype Head Body
- 37. 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">
- 38. Let’s Create an XHTML Skeleton Phote by: an_untrained_eye