HTML for Educators

Course details

If you teach and engage with learners online, then you have probably encountered a need for knowing how to code. That's what this course is for—to help you learn the basics of HTML so you can enhance your teaching and learning materials with dynamic pages. Learn web coding basics, including how to format text, link to other pages, add images, embed resources, use CSS, and add targeted customizations to a learning management system (LMS) or WordPress site. In this course, instructor Chris Mattia demonstrates using HTML and CSS to help you take your lessons to the next level.

Learning objectives
Coding a site, a page, or parts
Managing digital assets
Formatting headings and paragraphs
Creating links to pages
Linking to a PDF or a Google Doc
Inserting your own images into an LMS
Embedding YouTube, Vimeo, and SoundCloud media
Making pages responsive for mobile devices
Working with CSS using web developer tools
Overriding existing CSS
Setting up your own domain
Using FTP

Concepts

0. Introduction

01 - Welcome
02 - What you should know before watching this course
03 - Using the exercise files
04 - Why learn HTML

1. Web Basics

05 - HTML basics
06 - Tools of the trade
07 - Coding a site, a page, or parts
08 - How URLs work
09 - Spectrum of ownership
10 - Digital asset management
11 - Workflow for creating a web or course site
12 - To save as HTML or not

2. Semantically Formatting Text

13 - Using headings
14 - Defining paragraphs
15 - Adding emphasis
16 - Making lists
17 - Creating description lists

3. Leveraging Links

18 - Creating links to pages
19 - Creating links within pages
20 - Creating an email link
21 - Creating social media links
22 - Targeting where links will open
23 - Linking to a PDF
24 - Linking to a Google Doc

4. Integrating Images

25 - Working with images in HTML
26 - Inserting your own images into an LMS
27 - Using images from Flickr
28 - Creating a linked image

5. Embedding Resources

29 - Embedding resources with iFrames
30 - Embedding YouTube videos
31 - Embedding Vimeo videos
32 - Embedding SoundCloud audio
33 - Using a custom Google map
34 - Making iFrames responsive for mobile devices

6. Adding Style with CSS

35 - What is CSS
36 - Drilling into CSS with web developer tools
37 - Overriding CSS in an LMS
38 - Linking to your own custom CSS
39 - Creating a print-only style sheet

7. Setting Up Web Infrastructure

40 - Setting up web infrastructure
41 - Creating a domain of your own
42 - Setting up a blog
43 - Setting up an LMS
44 - Setting up a personal website
45 - Setting up FTP

Conclusion

46 - Next steps
47 - Goodbye