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
  • Be the first to comment

  • Be the first to like this


  1. 1. Web Development With HTML5
  2. 2. HTML5 is… <ul><li>H yper T ext M arkup L anguage </li></ul><ul><li>a W3C Recommendation </li></ul><ul><li>evolved from HTML (4.01) and XHTML 2.0 </li></ul><ul><ul><li> </li></ul></ul><ul><li>Becoming a Living Standard </li></ul><ul><ul><li> </li></ul></ul>
  3. 3. CSS provides visual design HTML5 provides data Browser Renders WebPage
  4. 4. Learning HTML5 <ul><ul><li>Some basic rules: </li></ul></ul><ul><li>“ tags” markup sections of content </li></ul><ul><li>tags must be properly nested </li></ul><ul><li>tags must always be closed <br /> </li></ul><ul><li>tags must be lowercase <ul> not <UL> </li></ul><ul><li>tag attributes must be in quotes </li></ul>
  5. 5. Development Process <ul><li>Edit HTML in text editor </li></ul><ul><li>Save as .html </li></ul><ul><li>Open file from Web browser </li></ul><ul><li>Further edit HTML in text editor </li></ul><ul><li>Save </li></ul><ul><li>Refresh page in Web browser </li></ul>
  6. 6. Development Process <ul><li>Development of an HTML page typically takes place on local PC </li></ul><ul><li>Finished Web site is uploaded to server (staging or production) </li></ul><ul><li>Changes to Web site are made on local machine and uploaded when completed </li></ul><ul><li>Two copies of the Web site are maintained, one local and one on server. </li></ul>
  7. 7. Development Process <ul><li>Web development tools are often used to simplify the development process. </li></ul>