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.
Week 1 Week One
History and Evolution
How It Works
Tools and Tips
Quiz: Week One - HTML/Web basics
Week 2 Week Two
The Document Object Model (DOM)
HTML5 Elements - Tags, Syntax, Semantics, and Templates
Multimedia -- LECTURES: Multimedia
Tables -- LECTURES: Tables
Review -- LECTURES: Useful 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
Where To Go From Here?
The Secret Lecture
Quiz: Hosting and Validation
Quiz: Final Project - Put it Together