WebDevelopmentWith HTML5CGS2835   Interdisciplinary Web Development
HTML5 is…• HyperText Markup Language• a W3C Recommendation• evolved from HTML (4.01) and XHTML 2.0  – http://www.w3.org/TR...
CSS                          HTML5     provides                       provides      visual                          data  ...
Learning HTML5    – Some basic rules:•   “tags” markup sections of content•   tags must be properly nested•   tags must al...
Development Process•   Edit HTML in text editor•   Save as .html•   Open file from Web browser•   Further edit HTML in tex...
Client Side Development Process• Develop page on your computer using a text  editor• Finished Web site is uploaded to serv...
Development Process• Web development tools are often used to  simplify the development process.     CGS2835   Interdiscipl...
Upcoming SlideShare
Loading in...5
×

CGS2835 HTML5

954

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

No notes for slide

CGS2835 HTML5

  1. 1. WebDevelopmentWith HTML5CGS2835 Interdisciplinary Web Development
  2. 2. HTML5 is…• HyperText Markup Language• a W3C Recommendation• evolved from HTML (4.01) and XHTML 2.0 – http://www.w3.org/TR/html5/• Becoming a Living Standard – http://www.whatwg.org/specs/web-apps/current-wor CGS2835 Interdisciplinary Web Development
  3. 3. CSS HTML5 provides provides visual data design Browser Renders WebPageCGS2835 Interdisciplinary Web Development
  4. 4. Learning HTML5 – Some basic rules:• “tags” markup sections of content• tags must be properly nested• tags must always be closed <br />• tags must be lowercase <ul> not <UL>• tag attributes must be in quotes CGS2835 Interdisciplinary Web Development
  5. 5. Development Process• Edit HTML in text editor• Save as .html• Open file from Web browser• Further edit HTML in text editor• Save• Refresh page in Web browser CGS2835 Interdisciplinary Web Development
  6. 6. Client Side Development Process• Develop page on your computer using a text editor• Finished Web site is uploaded to server (staging or production)• Changes to Web site are made on local machine and uploaded when completed• Two copies of the Web site are maintained, one local and one on server. CGS2835 Interdisciplinary Web Development
  7. 7. Development Process• Web development tools are often used to simplify the development process. CGS2835 Interdisciplinary Web Development
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×