Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Web Design Course for Beginners to Intermediate
Rating: 4.3 out of 5(717 ratings)
51,255 students

Web Design Course for Beginners to Intermediate

Learn the Basics of HTML, CSS, Wordpress and get Started with Web Design
Last updated 7/2026
English
English [Auto],

What you'll learn

  • Tag Element Attributes
  • Choosing Editor
  • Visual Studio Setup
  • Structure and Title
  • Text and Heading
  • Text, Font, Background Color
  • Text Formatting
  • Page Link and Hyperlink
  • Adding and Resizing Image

Course content

3 sections43 lectures5h 59m total length
  • Introduction2:15

    Develop a solid foundation in web design by mastering HTML essentials, CSS basics, and WordPress essentials, from beginner to intermediate level, including installation, themes, plugins, and site structure.

  • Starting HTML6:52

    Master the basics of HTML, the hypertext markup language that structures web pages, and learn how HTML works with CSS and JavaScript to build fast, browser-supported sites.

  • Need Your Feedback0:27

    Share your rating and feedback to help improve this web design course for beginners to intermediate learners and encourage the creator to develop more courses.

  • Tag Element Attributes6:47

    Explore HTML tags and attributes, including opening and closing tags, container and empty tags, and how elements and attributes add structure and style to web pages.

  • Choosing Editor4:36

    Explore popular HTML editors such as Sublime Text, NetBeans, Adobe Dreamweaver, Notepad++, and Visual Studio Code for writing HTML. Download and configure Visual Studio Code to begin learning HTML.

  • Visual Studio Setup3:13

    Learn how to set up Visual Studio Code, install the Live Server extension, and preview HTML and CSS output in the browser during web design practice.

  • Getting started with HTML5:15

    Create a dedicated HTML CSS folder, save your first page as index.html to serve as the homepage, then open the folder in your editor and start writing HTML code.

  • Structure and Title7:31

    Set up a basic HTML page structure with doctype, html, head, meta, and title; learn how the browser tab uses the title and preview the page with live server.

  • Text and Heading9:03

    Learn to place text in the HTML body, use headings from h1 to h6, write a paragraph with p, and add line breaks with br, with live browser updates.

  • Font Color4:43

    Learn how to change font color by applying an inline style to a heading tag using the color property, including syntax like style='color: red;' and viewing the result.

  • Background Color4:43

    Learn to apply the background color in HTML by styling the body tag with the style attribute, using powder blue or other colors and basic CSS concepts.

  • Text Background7:39

    Learn to apply text background in HTML using the style attribute to set background color and text color for specific text, like h1 headlines.

  • Fonts7:57

    Learn to control text appearance in HTML by adjusting font size with px, changing font family and weight, and applying inline styles to heading and paragraph tags.

  • Text Formatting13:38

    Learn to format text in HTML using paragraph, bold (b), italic (i), underline (u), mark tag, and strong tags, and apply subscript and superscript while controlling alignment with style attributes.

  • Link10:23

    Learn how to create hyperlinks in HTML using the anchor tag and href, linking text, images, and buttons, and use target="_blank" to open in a new tab.

  • Image12:45

    Learn to add images in HTML using the img tag and src, resize with width and height, and organize images in folders or subfolders for clean web design.

  • List2:59

    Learn to create HTML lists by using the list tag, choosing between unordered lists (bullets) and ordered lists (numbers), with li items and browser previews.

  • Table8:45

    Learn how to create an HTML table, style it with CSS, set a 50% width and a one-pixel black border, and populate rows with name, address, and phone number.

  • i-frame3:59

    Learn to embed external pages with the iframe in html, setting src, width, and height to load sites like Wikipedia or YouTube on your page.

  • How to use HTML effectively on web design1:58

    Learn how to use HTML effectively in web design to structure content and improve page clarity. Apply practical HTML techniques across beginner to intermediate web design.

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.

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