HTML5入门

你将学到什么

课程概况

Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?). Throughout the course there will be a strong emphasis on adhering to syntactic standards for validation and semantic standards to promote wide accessibility for users with disabilities. The textbook we use is available online, “The Missing Link: An Introduction to Web Development and Programming” by Michael Mendez from www.opensuny.org.

This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance. You can see a sample final page at http://intro-webdesign.com/html5-plain.html.

This is the first course in the Web Design For Everybody specialization. Subsequent courses focus on the marketable skills of styling the page with CSS3, adding interactivity with JavaScript and enhancing the styling with responsive design. You can see a sample site for the capstone course at http://intro-webdesign.com/

课程大纲

Week 1 Week One

Welcome
History and Evolution
How It Works
Tools and Tips
Review

Quiz: Week One - HTML/Web basics

Week 2 Week Two

The Document Object Model (DOM)
HTML5 Elements - Tags, Syntax, Semantics, and Templates
Images
Hyperlinks
Multimedia -- LECTURES: Multimedia
Tables -- LECTURES: Tables
Review -- LECTURES: Useful Tags

Quiz: Tags!

Week 3 Week Three

Accessibility - Human Factors to Consider in Web Design
Validating Your Code
Putting Your Code on the Web - LECTURES HERE ARE -- Hosting Your Site, cPanel, Using Secure File Transfer Protocol
Review
Final Project
Where To Go From Here?
The Secret Lecture

Quiz: Hosting and Validation
Quiz: Final Project - Put it Together