About this course: 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/
Taught by: Colleen van Lent, Ph.D., Lecturer
School of Information
| Basic Info |
Course 1 of 5 in the
Web Design for Everybody (Basics of Web Development and Coding) Specialization.
|
| Commitment | 3 weeks of study, 2-4 hours/week |
| Language | English |
| How To Pass | Pass all graded assignments to complete the course. |
| User Ratings |
- Reading: Syllabus
- Video: 01.01 - Welcome to Introduction to HTML5
- Reading: Required Materials
- Reading: Optional Resources
- Reading: Help us learn more about you!
- Video: 01.02 - The Evolution of HTML
- Reading: OPTIONAL - The browser wars
- Reading: OPTIONAL - The origins of MOSAIC
- Video: 01.03 - How it Works: The "Magic" of Page Requests
- Reading: Browsers
- Video: 01.04 - Looking at Your Browser Options
- Video: 01.05 - Editors: How to use an editor to create an HTML file
- Video: 02.01 - The Document Object Model [DOM]
- Video: 02.02 - HTML5 Tags and Syntax
- Video: 02.03 - Semantic Tags
- Video: 02.04 - Template Page
- Video: 02.05 - Images
- Video: 02.06 - Hyperlinks
- Video: 02.07 - Multimedia
- Video: 02.08 - Tables
- Video: 02.09 - Useful Tags
- Video: 03.01 - Accessibility
- Video: 03.02 - Validating Your Site
- Discussion Prompt: Optional - Validation Article
- Reading: Putting Your Code Out on to the Web
- Video: 03.03 - Hosting Your Site
- Video: 03.04 - cPanel
- Video: 03.05 - Using Secure File Transfer Protocol
- Reading: Final Project Description
- Video: 03.06 - Final Project Demo
- Reading: The Final Exam has changed.
- Reading: Congratulations!
- Video: 03.07 - Closing
- Reading: Watch for a link to more material
- Reading: Post-course Survey
Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.
Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.
Earn official recognition for your work, and share your success with friends, colleagues, and employers.
| Audit | Purchase Course | |
|---|---|---|
| Access to course materials | Available | Available |
| Access to graded materials | Not available | Available |
| Receive a final grade | Not available | Available |
| Earn a shareable Course Certificate | Not available | Available |
Got over my fear of reading through HTML code! Some of the Colleen's videos are challenging to follow, make sure you go through the reading material as well. Good luck!
Great!
Very clear and easy to follow course, the emphasis on semantics and accessibility is not something I joined the course for, but an element I was grateful to learn about - makes the course feel professional and like it knows what it's talking about. Also found the initial foundation stuff very useful, as it is a tough subject to know where to look to learn about initially
Coursera provides universal access to the world’s best education, partnering with top universities and organizations to offer courses online.
It was good, but it was too short in my opinion. I think there should be more practical examples of how to use HTML5 - more assignments and exercises (probably optional).