Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
The tricks to creating responsive HTML and CSS in Moodle content
Introduction
About the course (2:23)
Prerequisites for this course (1:39)
Pre flight checks and installs
Font Awesome and Bootstrap test (5:19)
Installing the Generico plugin (2:47)
Test the Generico plugin (2:44)
Generico Templates (Download)
Installing the Generico templates (2:33)
Course creation
Creating a course (1:20)
The Songwriters Bucket List (Download)
Preparing your content for Moodle (0:57)
Creating the course structure (2:14)
Adding the course structure to Moodle (2:28)
Songwriters Bucket List Moodle Course Backup (Download)
Content extraction
Preparing the text content for Moodle (3:11)
Adding text content to your Moodle pages (2:39)
Bulk image extraction from the document (1:44)
Adding images to your Moodle pages (2:47)
Generico plugin
Using the Generico template plugin (2:06)
Generico activity template test (2:17)
Generico activity template in your course (1:58)
Generico click to view template (1:01)
Generico click to view template in your course (2:18)
Embed YouTube using the Generico template (1:26)
Embed YouTube using the Generico template in your course (1:50)
Font Awesome
Introduction to Font Awesome (1:47)
Font Awesome in your course (4:27)
Bootstrap responsive design
Responsive design (3:05)
Introduction to Bootstrap (4:19)
Responsive alert using Bootstrap (5:08)
Adding a card using Bootstrap (3:40)
Combining a card with Bootstrap responsive columns (4:13)
Inline CSS
Tables using Bootstrap (5:19)
Inline CSS (4:36)
HTML CSS Arrow Table using Inline CSS (4:24)
HTML CSS Arrow Table variation using Inline CSS (4:50)
Theme
How to install the REMUI theme (5:33)
Thank you
Thank you from Chris Richter (0:45)
Using the Generico template plugin
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock