Semester 2E-Commerce · IT

Web Design using HTML crash course, Online MBA, Semester 2:

This subject covers web design principles and planning, HTML structure and elements, CSS styling and layout, and building and publishing a site with…

  • 21 video lessons
  • 4h 30m
  • Study notes
  • 90 quiz questions
  • Assignment
Web Design using HTML crash course

21 lessons in Web Design using HTML

Each lesson pairs one topic with a hand-picked video, trimmed to the part that teaches it.

About this subject

This subject covers web design principles and planning, HTML structure and elements, CSS styling and layout, and building and publishing a site with Dreamweaver. After it you will be able to plan a website for its audience, write HTML pages styled with CSS, and create, structure and publish a complete website.

  1. 1

    Internet, WWW and Why Create a Website

    Module I, Web Design Introduction: Brief History of Internet, What is World Wide Web, Why create a web site, Web Standards, Audience requirement

    What is Internet? | Internet क्या है | WWW/ Webpage/ Website/ Browser/ Search Engine | CTA· Computer Tech Academy· 21 min

    Study notes 5 quiz questionsWatch lesson
  2. 2

    Website Planning and Five Golden Rules of Web Design

    Module I, Web Design Introduction: Basic principles involved in developing a web site, Planning process, Five Golden rules of web designing, Design Concept

    Website Development Planning Process | web designing full course aktu· Edu Desire· 10 min

    Study notes 5 quiz questionsWatch lesson
  3. 3

    Navigation Bar, Page Design and Home Page Layout

    Module I, Web Design Introduction: Designing navigation bar, Page design, Home Page Layout

    How to Properly Layout A Website (For Beginners)· The Website Architect· 15 min

    Study notes 5 quiz questionsWatch lesson
  4. 4

    What is HTML: Document Structure

    Module II, HTML Basics: What is HTML, HTML Documents, Basic structure of an HTML document, creating an HTML document

    HTML Tutorial: Basic Structure of a Website | Web Development Tutorials #3· CodeWithHarry· 12 min

    Study notes 5 quiz questionsWatch lesson
  5. 5

    HTML Tags: Headings, Paragraphs and Line Breaks

    Module II, HTML Basics: Mark up Tags, Heading-Paragraphs, Line Breaks, HTML Tags

    HTML Heading, paragraph , line breaks(HTML and CSS tutorial 07)· Harshit vashisth· 7 min

    Study notes 5 quiz questionsWatch lesson
  6. 6

    HTML Text, Lists, Tables and Frames

    Module III, Elements of HTML: Introduction to elements of HTML, Working with Text, Working with Lists, Tables and Frames

    Image, Lists, and Tables in HTML | Sigma Web Development Course - Tutorial #5· CodeWithHarry· 11 min

    Study notes 5 quiz questionsWatch lesson
  7. 7

    HTML Hyperlinks, Images and Multimedia

    Module III, Elements of HTML: Working with Hyperlinks, Images and Multimedia

    HTML Tutorial: Img and Anchor tags | Web Development Tutorials #6· CodeWithHarry· 15 min

    Study notes 5 quiz questionsWatch lesson
  8. 8

    HTML Forms and Controls

    Module III, Elements of HTML: Working with Forms and controls

    Forms and input tags in HTML | Sigma Web Development Course - Tutorial #7· CodeWithHarry· 12 min

    Study notes 5 quiz questionsWatch lesson
  9. 9

    Introduction to XML and JavaScript

    Module III, Elements of HTML: XML, Java Script

    L19: XML Introduction | Features, Advantages | Example | HTML vs. XML | Web Engineering Lectures· Easy Engineering Classes· 14 min

    Study notes 5 quiz questionsWatch lesson
  10. 10

    CSS Syntax, Id and Class Selectors

    Module IV, CSS: CSS Introduction: CSS Syntax, CSS Id & Class, CSS How

    CSS Course | Selectors in CSS | Id, Class, Universal, Grouping | Web Development Course Tutorial 15· Coding Shuttle by Anuj Bhaiya· 23 min

    Study notes 5 quiz questionsWatch lesson
  11. 11

    Styling Backgrounds, Text and Fonts in CSS

    Module IV, CSS: CSS Styling: Styling Backgrounds, Styling Text, Styling Fonts

    CSS#2 CSS Styling (Background, Text Format, Controlling Fonts) | Web Technology Full Course AKTU· Dhananjay Sharma Officials· 9 min

    Study notes 5 quiz questionsWatch lesson
  12. 12

    Styling Links, Lists and Tables in CSS

    Module IV, CSS: Styling Links, Styling Lists, Styling Tables

    Styling Lists using CSS | Sigma Web Development Course - Tutorial #25· CodeWithHarry· 8 min

    Study notes 5 quiz questionsWatch lesson
  13. 13

    CSS Box Model: Border, Outline, Margin, Padding

    Module IV, CSS: CSS Box Model: CSS Border, CSS Outline, CSS Margin, CSS Padding

    CSS Box Model Tutorial for Beginners· Dave Gray· 20 min

    Study notes 5 quiz questionsWatch lesson
  14. 14

    CSS Grouping, Dimension and Display

    Module V, CSS Advanced: CSS Grouping/Nesting, CSS Dimension, CSS Display

    CSS Display Property | Sigma Web Development Course - Tutorial #23· CodeWithHarry· 12 min

    Study notes 5 quiz questionsWatch lesson
  15. 15

    CSS Positioning, Float and Align

    Module V, CSS Advanced: CSS Positioning, CSS Floating, CSS Align

    Floats & Position Properties | CSS | Web Development Course· Apna College· 23 min

    Study notes 5 quiz questionsWatch lesson
  16. 16

    CSS Pseudo-classes, Pseudo-elements and Attribute Selectors

    Module V, CSS Advanced: CSS Pseudo-class, CSS Pseudo-element, CSS Attribute Selectors, CSS Media Types

    CSS Selectors in Hindi | Combinator | Attribute | Pseudo Class | Pseudo Elements | CSS 47· Husain Sir· 9 min

    Study notes 5 quiz questionsWatch lesson
  17. 17

    CSS Navigation Bar, Image Gallery, Opacity and Sprites

    Module V, CSS Advanced: CSS Navigation Bar, CSS Image Gallery, CSS Image Opacity, CSS Image Sprites

    CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #23· CodeWithHarry· 14 min

    Study notesWatch lesson
  18. 18

    Dreamweaver Basics: Panels, Toolbars and Shortcuts

    Module VI, Dreamweaver & Web Site: Dreamweaver Basics, Dreamweaver shortcuts, Dreamweaver panels, Dreamweaver toolbars

    Adobe Dreamweaver: Customize workspace right!· Vee Dries· 10 min

    Watch lesson
  19. 19

    Dreamweaver Automation and Code Formatting

    Module VI, Dreamweaver & Web Site: Dreamweaver automation, Source code formatting

    How to Format and Beautify Code in Dreamweaver [2026 Full Guide]· Shortcut Academy· 3 min

    Watch lesson
  20. 20

    Creating and Structuring a Website in Dreamweaver

    Module VI, Dreamweaver & Web Site: Web Site: Creating the Web Site, Saving the site, working on the web site, Creating web site structure, Creating Titles for web pages

    Dreamweaver - Tutorial for Beginners in 12 MINUTES! [ COMPLETE ]· Skills Factory· 11 min

    Study notes 5 quiz questionsWatch lesson
  21. 21

    Website Themes and Publishing

    Module VI, Dreamweaver & Web Site: Themes-Publishing web sites

    Dreamweaver - Tutorial for Beginners in 12 MINUTES! [ COMPLETE ]· Skills Factory· 11 min

    Study notes 5 quiz questionsWatch lesson

Assignment

Build a Three-Page Small Business Website with HTML and CSS

Free login to open
What you get

Less scrolling. More passing.

  • Free

    Hand-picked video lessons

    21 short lessons, each with the best YouTube explanation we could find, trimmed to the part that matters.

  • Free login

    Study notes

    19 lessons come with a summary, key points, key terms and takeaways for quick revision.

  • Free login

    Quizzes

    90 questions across the course, with the right answer and why, the moment you pick.

  • Free login

    Assignments

    1 subject assignments with clear tasks, so you practise what each subject actually asks of you.

  • Free login

    Notebook

    Write notes beside the video, stamped with the exact time, and jump back to that moment later.

  • Free login

    Progress that follows you

    Completed lessons, quiz scores and where you stopped, saved to your account on every device.

  • Live chat pass

    Live chat

    A members-only live chat beside every lesson: doubts, tips, stickers and GIFs with your batch. One ₹19 pass opens every live chat.

Members only

The Online MBA live chat. Study together, live.

A live chat right beside the video, shared by everyone studying Online MBA. Ask a Web Design using HTML doubt mid-lesson, share a shortcut, celebrate a finished semester.

  • Live chat beside every lesson
  • One live chat for all of Online MBA
  • Members-only stickers & GIFs
  • One ₹19 pass opens every live chat
Open the live chat
Pass₹19

Web Design using HTML: common questions

This subject covers web design principles and planning, HTML structure and elements, CSS styling and layout, and building and publishing a site with Dreamweaver. After it you will be able to plan a website for its audience, write HTML pages styled with CSS, and create, structure and publish a complete website. It's the Web Design using HTML subject of Online MBA, Semester 2, in 21 lessons: Internet, WWW and Why Create a Website; Website Planning and Five Golden Rules of Web Design; Navigation Bar, Page Design and Home Page Layout; What is HTML: Document Structure; HTML Tags: Headings, Paragraphs and Line Breaks; HTML Text, Lists, Tables and Frames; HTML Hyperlinks, Images and Multimedia; HTML Forms and Controls; Introduction to XML and JavaScript; CSS Syntax, Id and Class Selectors; Styling Backgrounds, Text and Fonts in CSS; Styling Links, Lists and Tables in CSS; CSS Box Model: Border, Outline, Margin, Padding; CSS Grouping, Dimension and Display; CSS Positioning, Float and Align; CSS Pseudo-classes, Pseudo-elements and Attribute Selectors; CSS Navigation Bar, Image Gallery, Opacity and Sprites; Dreamweaver Basics: Panels, Toolbars and Shortcuts; Dreamweaver Automation and Code Formatting; Creating and Structuring a Website in Dreamweaver; Website Themes and Publishing.

Yes. Every video lesson is free to watch without an account. A free login unlocks study notes, quizzes, the assignment, a notebook and progress that syncs across devices.

About 4h 30m of video across 21 lessons, plus time for notes and quizzes. Go at your own pace; your place is saved.

Yes: “Build a Three-Page Small Business Website with HTML and CSS”. It comes after the last lesson, with a brief, clear tasks and how the work is judged.

A members-only live chat beside the video, shared by everyone studying Online MBA, where learners ask doubts, share tips and react with stickers and GIFs. One ₹19 pass, paid once from your InsideEdge wallet, opens the live chat for every degree.

No. It's a crash course to help you understand and revise the subject quickly. Use it alongside your official study material and assignments.