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/html5/• Becoming a Living Standard – http://www.whatwg.org/specs/web-apps/current-wor CGS2835 Interdisciplinary Web Development
CSS HTML5 provides provides visual data design Browser Renders WebPageCGS2835 Interdisciplinary Web Development
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
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
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
Development Process• Web development tools are often used to simplify the development process. CGS2835 Interdisciplinary Web Development
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.