HTML for Educators

Learn how to use HTML and CSS to customize online learning materials. Discover how to use and modify HTML code to format text, embed media, link to other pages, and more.

Introduction

• Welcome
• What you should know before watching this course
• Using the exercise files
• Why learn HTML?

1. Web Basics

• HTML basics
• Tools of the trade
• Coding a site, a page, or parts
• How URLs work
• Spectrum of ownership
• Digital asset management
• Workflow for creating a web or course site
• To save as HTML or not?

2. Semantically Formatting Text

• Using headings
• Defining paragraphs
• Adding emphasis
• Making lists
• Creating description lists

3. Leveraging Links

• Creating links to pages
• Creating links within pages
• Creating an email link
• Creating social media links
• Targeting where links will open
• Linking to a PDF
• Linking to a Google Doc

4. Integrating Images

• Working with images in HTML
• Inserting your own images into an LMS
• Using images from Flickr
• Creating a linked image

5. Embedding Resources

• Embedding resources with iFrames
• Embedding YouTube videos
• Embedding Vimeo videos
• Embedding SoundCloud audio
• Using a custom Google map
• Making iFrames responsive for mobile devices

6. Adding Style with CSS

• What is CSS?
• Drilling into CSS with web developer tools
• Overriding CSS in an LMS
• Linking to your own custom CSS
• Creating a print-only style sheet

7. Setting Up Web Infrastructure

• Setting up web infrastructure
• Creating a domain of your own
• Setting up a blog
• Setting up an LMS
• Setting up a personal website
• Setting up FTP

Conclusion

• Next steps
• Goodbye