Web Design Course With HTML, CSS, Wordpress Novice to Expert

Name: Web Design Course With HTML, CSS, Wordpress Novice to Expert
Rating: 4.5 (73 reviews)

Learn the Basics of HTML, CSS, Wordpress and get Started with Web Design

Created byAustin Morris

Last updated 11/2023

English

English [Auto],

What you'll learn

Essential Function of HTML
Essential Function of CSS
Essential Function of Wordpress
Essential Function of Elementor
The fundamentals of HTML and CSS, including structure, layout, and styling
How to create responsive websites that look great on any device
How to use WordPress to create and manage your website without any coding experience
How to add custom features and functionality to your website with WordPress plugins and themes

Course content

3 sections • 38 lectures • 8h 27m total length

Introduction1:16
Learn HTML, CSS, and WordPress from absolute basics in this beginner-friendly course, covering text and heading formatting, links, images, tables, and the CSS box model, selectors, margins, and navigation.
HTML CSS Introdicement14:48
Discover how HTML provides a web page's structure as hypertext markup language. Learn how CSS and JavaScript drive front-end design, and explore editors like Sublime Text and VS Code.
Start with HTML18:32
Learn to set up Visual Studio Code, create and save an index.html, and use Live Server to preview HTML front-end pages.
Text, header and paragraphs9:49
Learn to write text and headings in HTML inside the body tag, use H1–H6 and the paragraph tag, and preview changes live with Visual Studio Code and Live Server.
Style15:36
Learn to apply style attributes in HTML using the style attribute in Visual Studio Code, including color, background color, font size, font family, and heading styles with live server.
Formatting16:06
Format html text in Visual Studio Code, applying bold with paragraph tag and using italics, underline, and strong formatting. Align text, use small, mark, and sub and sup tags.
Link15:29
Learn to create hyperlinks in HTML using the a tag with href and target, open links in a new tab, and implement offline bookmarking with IDs.
Image13:33
Learn how to insert images in HTML using the img tag, set src paths, resize with width and height, manage subfolders, and link images from other web pages.
List7:21
Learn to create unordered (ul) and ordered (ol) lists in HTML using li elements, edit in Visual Studio Code, and preview results with a live server.
Table9:02
Learn to build an HTML table using table, tr, and td, style borders and width, and preview the result with a live server.

CSS Introducement2:47
Learn what CSS is and why we use it to describe how HTML elements display, control layout, colors, and fonts across pages, with external stylesheets and the cascading rules.
Selectors2:34
Discover how CSS selectors target elements before the curly brackets and declare properties and values. Use h2 heading tag, setting color to blue and font size to 12 pixels.
Internal inline and external CSS16:42
Explore inline, internal, and external CSS in HTML using style attributes, style tags, and linked CSS files. Learn advantages, drawbacks, and how to apply these methods in Visual Studio Code.
Color CSS14:30
Learn to apply color in CSS by linking a color.css file to an HTML document, styling headings, paragraphs, and backgrounds with color and background-color, including id and class selectors.
Background CSS13:06
Learn how to set and link a css background, apply background colors or images, adjust background size and position, and control text readability with divs and opacity.
Borders11:36
Learn to add and customize borders in html and css using classes and styles (dotted, dashed, double, inset, solid), adjust width and color, and link a css file to html.
Padding7:21
Learn how to use padding in html and css to create space inside element borders. Watch padding being applied to divs and headings with practical examples and live server previews.
Alignment, line spacing and letter spacing12:02
Explore text alignment in HTML and CSS using class, id, or div selectors, covering center, left, right, justify, start, and end, plus line-height and letter-spacing techniques.
Link9:16
Learn how to create and style links in HTML and CSS, including href, target, anchor tags for external links, plus hover and visited states.
Float6:36
Learn how to apply float to images and text in HTML and CSS, including linking a float.css file, setting image size, and using left or right float for layout.
Text icon height width font10:54
Explore how to control text size, height, width, and fonts using CSS, including creating font families, applying text size classes, and integrating material icons with HTML.
List and navigation12:13
Build a list and navigation bar with HTML and CSS by structuring an unordered list, styling links as display block, and adding hover effects and a cohesive color scheme.
Project of NAV Bar22:18
Learn to build a navigation bar with HTML and CSS in Visual Studio Code, including a logo, right-aligned links, gradient styling, and hover transitions.

Introduction to Wordpress Course3:27
Build a WordPress website by mastering functions, posting, headings, media, categories, pages, comments, widgets, themes, and plugins. Create your homepage with Elementor.
WordPress Functions Introduction37:12
Explore WordPress functionalities in the dashboard, including posts, media, pages, comments, appearance, plugins, and settings. Learn the basics of creating content, categories, tags, and configuring site options.
Posting on Wordpress8:56
Learn how to post and publish on WordPress by creating a new post, using the classic or block editor, and managing settings, categories, and media.
Heading wordpress5:15
Master WordPress headings by applying heading levels 1 through 6 to post text, switching between visual and HTML editors, and updating and previewing posts.
All tools for post22:26
Master WordPress post tools for formatting with bold, italic, bullets, blocks, links, and alignment. Apply strikethrough, horizontal lines, text color, clear formatting, special characters, indent, and undo redo.
Add Media to post11:31
Learn how to add media to a WordPress post by uploading files, choosing from the media library, inserting images with titles, alt text, captions, alignment, and setting a featured image.
More Settings on Post12:59
Learn to manage WordPress post settings, including editing permalinks and updating status, visibility options (public, private, password protected, front page), date changes, and adding tags for SEO.
Category12:55
Learn to create and manage WordPress categories, assign posts to categories, and organize content with parent and subcategories, slugs, and uncategorized defaults.
Pages9:00
Learn how to manage WordPress pages, create new pages like about us and mission, publish them, and organize subpages with parent page and page attributes.
Comments8:17
Manage WordPress comments, including approval and moderation. Use the dashboard to approve, trash, or restore comments on posts like hello world.
Widgets5:42
Navigate WordPress widgets from appearance to customize, learning how to add, edit, and remove items like recent posts, calendars, and search bars in the sidebar.
Themes29:00
Explore WordPress themes, preview, install, and activate premium and free options. Then tailor site identity, colors, header image, background, menus, and home page settings.
Plugins10:39
Explore how WordPress plugins extend site functionality, learn to install and activate from the plugins library, and review popular tools like Jetpack, Contact Form 7, and Akismet anti spam.
Setting Homepage on Elementor6:01
Learn to install and use the Elementor plugin in WordPress, create a home page, set it as a static homepage via customize settings, and publish.
Function Of Elementor-0011:00:59
Learn to edit a WordPress home page with Elementor, using drag-and-drop widgets, images, headings, and templates to build a professional, responsive layout.

Requirements

Understand English Language
Able to run computer

Description

Hello Everyone, Welcome to the Web Design Course for Beginners to Intermediate. If you plan to learn HTML, CSS, Wordpress from the beginning then this is a basic-level course. If you never open HTML, CSS, Wordpress before or if you don't have any previous knowledge then you join in this class because we designed this course from the very basic to advanced.

Course Features:

The fundamentals of HTML and CSS, including structure, layout, and styling
How to create responsive websites that look great on any device
How to use WordPress to create and manage your website without any coding experience
How to add custom features and functionality to your website with WordPress plugins and themes
And much more!

This course have three separate section like HTML, CSS, Wordpress. So lets take a look what you will learn from this course:

In HTML Section you will learn about:

Tag Element Attributes
Choosing Editor
Visual Studio Setup
Structure and Title
Text and Heading
Font Color
Background Color
Text Background
Fonts
Text Formatting
Page Link and Hyperlink
Adding and Resizing the Image
List
Table
I-frame and many more

In CSS Section you will learn about the:

CSS Selectors
External CSS
Margin
Padding
Color and Background
Text
Borders and many more

In WordPress Section you will learn about the:

WordPress Installation
Functionality of WordPress
Media
Page
Comment
Appearance
Plugins
User
Settings
Develop a complete site and many more

By the end of this course, you will have strong skills in creating websites with. So once you will complete this course you will have knowledge about HTML, CSS and Wordpress

During learning, if you face any problem then you don’t have to worry about I am always there for you to help you out. You just have to ask me the questions. I am expecting you to have you in my first lesson. Thanks

Who this course is for:

Beginner who wants to learn html from the beginning
Anyone who wants to learn the basics of web design
People who want to create their own website or blog
Anyone who wants to learn WordPress

Web Design Course With HTML, CSS, Wordpress Novice to Expert

What you'll learn

Explore related topics

Course content

HTML10 lectures • 2hr 2min

CSS13 lectures • 2hr 22min

Wordpress15 lectures • 4hr 4min

Requirements

Description

Who this course is for: