01. session 01 introduction to html

419 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
419
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

01. session 01 introduction to html

  1. 1. Introduction to HTML Session 1
  2. 2. Objectives <ul><li>Describle the evolution of Web </li></ul><ul><li>Describle the evolution of Dynamic Websites </li></ul><ul><li>Describle the basic HTML elements </li></ul>Building Dynamic Websites/Session 1/ of 17
  3. 3. Evolution of web <ul><li>The growth of computing expanded in multiple. </li></ul><ul><li>Organizations connect together to share data. </li></ul><ul><li>This makes the beginning of computer networks. </li></ul>Building Dynamic Websites/Session 1/ of 17
  4. 4. Web and Internet <ul><li>WANs raised a strong need about global data sharing </li></ul><ul><li>This resulted referred as WWW. </li></ul><ul><li>Internet is known as the largest WAN. </li></ul>Building Dynamic Websites/Session 1/ of 17
  5. 5. Static web pages <ul><li>Static web pages have a limitations. </li></ul><ul><li>Difficult to maintain. </li></ul><ul><li>Updated manually. </li></ul><ul><li>Inconsistency. </li></ul><ul><li>Don’t allow any user interaction. </li></ul>Building Dynamic Websites/Session 1/ of 17
  6. 6. Dynamic web pages <ul><li>Include static as well as dynamic web pages. </li></ul><ul><li>Allows customizing the content and its appearance in the browser. </li></ul><ul><li>Geneates content “on-demand”. </li></ul><ul><li>Accepts the user inputs through web browser. </li></ul><ul><li>Serveral technologies envoled to make web sites more flexible and dynamic. </li></ul><ul><li>Variety device such as PDAs, Cell phones, and so on is used XHTML Documents </li></ul>Building Dynamic Websites/Session 1/ of 17
  7. 7. HTML Guidelines <ul><li>W3C is an organization that maintains the standards of technologies used to develop web pages and web sites. </li></ul><ul><li>HTML is a markup language. </li></ul><ul><li>HTML allows the web designers to create various web sites. </li></ul><ul><li>Style sheet is created to separate the structure and presentation of an HTML. </li></ul>Building Dynamic Websites/Session 1/ of 17
  8. 8. Building Dynamic Websites/Session 1/ of 16
  9. 9. Basic Element <ul><li>HTML </li></ul><ul><li>HEAD </li></ul><ul><li>TITLE </li></ul><ul><li>BODY </li></ul>Building Dynamic Websites/Session 1/ of 16
  10. 10. Element
  11. 11. RULES Building Dynamic Websites/Session 1/ of 16
  12. 12. Data Type <ul><li>Data types are specified within each element in the HTML 4.01. </li></ul>Building Dynamic Websites/Session 1/ of 17
  13. 13. Meta Element <ul><li>Some information as author, copyright, keywords and so on that are assigned within in META element. </li></ul><ul><li>Web engines search these information by keywords. </li></ul><ul><li>META element is declared within the HEAD element of the HTML document. </li></ul>Building Dynamic Websites/Session 1/ of 17
  14. 14. HTML Code Snippet <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> </li></ul><ul><li><HTML> </li></ul><ul><ul><li><HEAD> </li></ul></ul><ul><ul><li><TITLE>Introduction to HTML</TITLE> </li></ul></ul><ul><ul><li><META http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;> </li></ul></ul><ul><ul><li><META name=”Author” content=”David Brown”> </li></ul></ul><ul><ul><li><META name=”Keywords” content=”Object Oriented Programming”> </li></ul></ul><ul><ul><li></HEAD> </li></ul></ul><ul><ul><li><BODY> </li></ul></ul><ul><ul><ul><li>OOP is a programming techique in which objects are created for interacting with each other solve real-world problems. </li></ul></ul></ul><ul><ul><li></BODY> </li></ul></ul><ul><li></HTML> </li></ul>Building Dynamic Websites/Session 1/ of 17 Atribute Description Name Specifies the name of a properties which indicates the category of data. Content Specifies the properties value.
  15. 15. Dynamic web sites <ul><li><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;> </li></ul><ul><li><HTML xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> </li></ul><ul><ul><li><HEAD> </li></ul></ul><ul><ul><li><TITLE>Introduction to XHTML</TITLE> </li></ul></ul><ul><ul><li></HEAD> </li></ul></ul><ul><ul><li><BODY> </li></ul></ul><ul><ul><ul><li>This is an XHTML page. </li></ul></ul></ul><ul><ul><li></BODY> </li></ul></ul><ul><li></HTML> </li></ul>Building Dynamic Websites/Session 1/ of 17
  16. 16. Summary <ul><li>Web 1.0 is a Read-or-Write web that does not allow interaction. </li></ul><ul><li>Web 2.0 is a Read-Write Web that allows the readers to provide blogs, comments… </li></ul><ul><li>Metadata is used to provide HTML document meta information. </li></ul><ul><li>And refers to document data information. </li></ul><ul><li>A XHTML is a HTML document that uses Grammatical structure of XML. </li></ul><ul><li>Ever XHTML document must have the DOCTYPE declaration at the top. </li></ul>Building Dynamic Websites/Session 1/ of 17

×