Introduction to HTML5

Description

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/



More Ways to Learn HTML & CSS

HTML/JS: Making webpages interactive

High School - College | Online class

Are you ready to learn how to make your webpages interactive with HTML, JavaScript, and the DOM API? You’ll find out with our review quizzes in this tutorial. Get pumped!

Free

lrn

High School - College | Android, iPhone/iPad

Gain an understanding of how to read, write and speak the language of HTML, CSS, Python, Ruby, Javascript on your phone through interactive mini-quizzes. It is time to become fluent in code!

Free
Offers paid add-ons

HTML & CSS

6th - College | Online class

HTML & CSS are languages used to build and design the appearances of your websites. Let's learn the fundamentals of web programming whilst actually building a web page.

Free

HTML 5 Cheat Sheet

4th - College | Online resource

A quick and easy reference guide to use while you’re still getting the hang of HTML.

Free

PRDV251: HTML and CSS for Beginners

College | Online class

This course provides students with an introduction to the core technologies used to communicate information on the Web: Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). Whether...

Free

Intro to HTML/CSS: Making webpages

College | Online class

Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, etc. CSS is the stylesheet language that...

Free

Introduction to CSS3

7th - College | Online class

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This...

Free
Offers paid add-ons

Web Lab

6th - High School | Website

Web Lab is a programming environment where you can make simple web pages using HTML and CSS. Design your web pages and share your site in seconds. Ages 13+, all modern browsers, English only

Free

See all resources for HTML & CSS