Course Content
Introduction to the Web & How Websites Work
This lesson explains what web design is and why it matters. Students learn how the internet works, including the roles of browsers, servers, and websites. It introduces the basic building blocks of a website—HTML for structure, CSS for style, and JavaScript for interactivity—and clarifies the difference between web design and web development. The lesson also highlights essential tools like text editors, browsers, and online resources to get started.
0/3
What is Web Design?
00:00
How the Internet Works
00:00
Introduction to the Web – Basics & Concepts
00:05:00
Getting Started with HTML
HTML (HyperText Markup Language) is the standard language used to create and structure content on the web. It defines the building blocks of every website. What HTML does: HTML is the foundation of every website, giving structure to web pages. It uses tags like <h1>, <p>, and <img> to define content. A basic HTML page has , , , and . The contains metadata (title, styles), while the holds visible content. HTML works together with CSS (design) and JavaScript (functionality).
0/8
Structure of a web page (doctype, html, head, body)
00:00
Headings, paragraphs, and text formatting
00:00
Links and navigation (internal & external links)
00:00
Images, audio, and video embedding
00:00
Lists (ordered & unordered)
00:00
Tables & forms (inputs, buttons, labels)
00:00
Semantic HTML (header, nav, article, footer)
00:00
Mini Project: Build a personal profile page with HTML
00:00
WordPress Basics
In this module, we will explore the foundation of WordPress, the most popular Content Management System (CMS) for building websites. You’ll learn how to set up WordPress, navigate the dashboard, and understand key features such as posts, pages, themes, and plugins. By the end, you’ll be able to manage a WordPress site with confidence and customize it to suit your needs.
0/10
Introduction to WordPress & Dashboard Overview
00:00
Installing WordPress Locally with XAMPP / MAMP
00:00
Posts vs. Pages in WordPress
00:00
Creating and Managing Menus
00:00
Installing and Customizing Themes
00:00
Installing and Using Plugins
00:00
Widgets and Sidebars
00:00
WordPress Media Library (images, videos, documents)
00:00
WordPress Settings & User Management
00:00
Mini Project: Build a Blog Website with WordPress
00:00
Web Design

Installing and Using Plugins in WordPress

Plugins extend the functionality of your WordPress website. They allow you to add features like contact forms, SEO tools, e-commerce, learning management systems, and much more, without writing code.

1. Installing Plugins

Method A: From the WordPress Repository (Free Plugins)

Go to your Dashboard.

Navigate to Plugins > Add New.

Use the search bar to find a plugin (e.g., Contact Form 7, Yoast SEO, Tutor LMS).

Click Install Now.

After installation, click Activate to enable the plugin.

Method B: Uploading a Plugin (.zip File)

Download the plugin from a marketplace (e.g., CodeCanyon) or developer’s site.

Go to Plugins > Add New > Upload Plugin.

Choose the .zip file → Click Install Now.

Click Activate Plugin.

2. Managing Plugins

Navigate to Plugins > Installed Plugins.

From here you can:

Activate/Deactivate plugins.

Update them (always keep plugins updated for security).

Delete plugins you no longer need.

3. Using Plugins

Once activated, plugins usually add a new menu in your dashboard or integrate into existing settings. Examples:

Contact Form 7 → Adds Forms menu for creating contact forms.

WooCommerce → Adds WooCommerce menu for setting up an online store.

Tutor LMS → Adds Tutor LMS menu for creating and managing courses.

Yoast SEO → Adds SEO options in your post/page editor.

4. Best Practices for Using Plugins

Install only trusted plugins (check ratings & reviews).

Keep plugins updated to avoid security risks.

Avoid installing too many plugins (can slow down your site).

Always check compatibility with your WordPress version.

Delete unused plugins instead of just deactivating them.

Examples of Must-Have Plugins

Elementor – Drag-and-drop page builder.

Yoast SEO – Improve search engine optimization.

WooCommerce – Build an online store.

Tutor LMS – Manage and sell online courses.

UpdraftPlus – Backup and restore your site.

With plugins, you can add almost any feature to your site in just a few clicks, making WordPress extremely powerful and flexible.

Previous
Next
Scroll to Top