In this hands-on course, students learn to create Web pages using HTML (HyperText Markup Language), the foundation for all Web sites. The course covers the fundamental concepts of hand-coding a Web page using HTML. It discusses all the major topics of coding and validating HTML, including techniques for meeting current standards and practices set aside by the World Wide Web Consortium (W3C). The course also addresses basic coding practices to meet accessibility mandates as set by the American Disability Act (ADA) Section 508 and the Web Content Accessibility Guidelines (WCAG 2.2 AA). In addition, this course covers techniques for coding to improve search engine optimization (SEO).

Students will learn how to format text, insert images, link to other Web pages and sites, and create forms and data tables. The course discusses different versions of HTML, defines XHTML and demonstrates how it is written. The instructor will address how HTML 5, the latest version of HTML, builds upon HTML 4.01 and XHTML, including what new elements have been introduced and are supported by current browsers. Throughout the course, the code will be taught and written to reflect today.

The course is for students who have not previously coded Web pages, or those who would like to review and update their HTML coding skills to meet current practices and standards.

Learning Outcomes

At the conclusion of the course, you should be able to

• Understand the structure of basic web page coding with HTML.
• Generate well-formed online documentation sets and understand why they are necessary.

Topics Include

• What is HTML? A brief history
• Tools and techniques to write and validate HTML
• Optimizing your pages for search engines (SEO)
• Best coding practices for accessibility
• Importance of good title and meta tags
• Block level and inline level elements
• Phrase elements and character entities
• Ordered, unordered, definition and nested lists.
• Incorporating optimized, accessible images into your web page
• Creating links including: Absolute, relative, e-mail and anchor hyperlinks
• Image mapping
• Data tables
• Creating functional iframes
• Coding a form for surveys including radio buttons, checkboxes and comment fields
• Validate HTML to meet current standards
• New elements of HTML

Working knowledge of:

• Google Workspace or Microsoft Office to submit assignments
• Canvas navigation links, modules, and using the inbox to communicate with the instructor
• Using Web browsers, navigating Web pages, downloading files, creating folders, and saving files (file management/organization) either on a Mac or Windows environment. The course recommends using Notepad++ on Windows or BBEdit on the Mac, which are free tools

Additional Information

Please review section notes to view the full schedule.

Software used in this course for exercises and assignments are all free to download. All course material will be provided within the course.