How to create responsive HTML and CSS in Moodle content

How to create responsive HTML and CSS in Moodle content, available at $19.99, has an average rating of 4.2, with 34 lectures, based on 37 reviews, and has 184 subscribers.

You will learn about How to create responsive content for the Moodle Learning Management system How to import content from Word or Google Docs How to use Bootstrap to create responsive content How to install and use a plugin called Generico to create templates How to add responsive template driven videos How to install the REMUI theme to Moodle This course is ideal for individuals who are Teachers that develop training materials for the Moodle Learning Management System or Moodle content developers that create training materials for the Moodle Learning Management System or Moodle administrators that want to improve the look and feel of Moodle It is particularly useful for Teachers that develop training materials for the Moodle Learning Management System or Moodle content developers that create training materials for the Moodle Learning Management System or Moodle administrators that want to improve the look and feel of Moodle.

Enroll now: How to create responsive HTML and CSS in Moodle content

Summary

Title: How to create responsive HTML and CSS in Moodle content

Price: $19.99

Average Rating: 4.2

Number of Lectures: 34

Number of Published Lectures: 34

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 34

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

How to create responsive content for the Moodle Learning Management system
How to import content from Word or Google Docs
How to use Bootstrap to create responsive content
How to install and use a plugin called Generico to create templates
How to add responsive template driven videos
How to install the REMUI theme to Moodle

Who Should Attend

Teachers that develop training materials for the Moodle Learning Management System
Moodle content developers that create training materials for the Moodle Learning Management System
Moodle administrators that want to improve the look and feel of Moodle

Target Audiences

Teachers that develop training materials for the Moodle Learning Management System
Moodle content developers that create training materials for the Moodle Learning Management System
Moodle administrators that want to improve the look and feel of Moodle

In this course you will learn how to add various content components to the Moodle Learning Management System. You will learn how to make the content more responsive so that it is viewable on mobile devices, tablets and desktop devices.

You will learn how to import content from a Word document as clean HTML into Moodle.

You will also learn how to make templates and use HTML and CSS to quickly make changes to your content and make it much easier to manage and create quality looking and highly functional content.

You will learn quite a lot about HTML and CSS and even more about how you can use Moodle to create and manage content in a much more efficient manner.

This course does assume that you have administrator access to Moodle or at least access to an administrator that can install a plugin, templates and create courses for you.

Many Moodle themes are designed to be more responsive but sometimes the content that is created inside Moodle is far from responsive and suffers mainly because content developers are not taught the different ways they can develop content for Moodle.

During the course you will discover tips and hints to create better content for Moodle.

Course Curriculum

Chapter 1: Introduction

Lecture 1: About the course

Lecture 2: Prerequisites for this course

Chapter 2: Pre flight checks and installs

Lecture 1: Font Awesome and Bootstrap test

Lecture 2: Installing the Generico plugin

Lecture 3: Test the Generico plugin

Lecture 4: Installing the Generico templates

Chapter 3: Course creation

Lecture 1: Creating a course

Lecture 2: Preparing your content for Moodle

Lecture 3: Creating the course structure

Lecture 4: Adding the course structure to Moodle

Chapter 4: Content extraction

Lecture 1: Preparing the text content for Moodle

Lecture 2: Adding text content to your Moodle pages

Lecture 3: Bulk image extraction from the document

Lecture 4: Adding images to your Moodle pages

Chapter 5: Generico plugin

Lecture 1: Using the Generico template plugin

Lecture 2: Generico activity template test

Lecture 3: Generico activity template in your course

Lecture 4: Generico click to view template

Lecture 5: Generico click to view template in your course

Lecture 6: Embed YouTube using the Generico template

Lecture 7: Embed YouTube using the Generico template in your course

Chapter 6: Font Awesome

Lecture 1: Introduction to Font Awesome

Lecture 2: Font Awesome in your course

Chapter 7: Bootstrap responsive design

Lecture 1: Responsive design

Lecture 2: Introduction to Bootstrap

Lecture 3: Responsive alert using Bootstrap

Lecture 4: Adding a card using Bootstrap

Lecture 5: Combining a card with Bootstrap responsive columns

Chapter 8: Inline CSS

Lecture 1: Tables using Bootstrap

Lecture 2: Inline CSS

Lecture 3: HTML CSS Arrow Table using Inline CSS

Lecture 4: HTML CSS Arrow Table variation using Inline CSS

Chapter 9: Theme

Lecture 1: How to install the RemUI theme

Chapter 10: Thank you

Lecture 1: Thank you from Chris Richter

Instructors

Chris Richter
CEO at Ricoshae Pty Ltd | Education technology developer

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 4 votes
4 stars: 13 votes
5 stars: 18 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu