Web Page Design

  • Course Duration: 15 Days
  • Course Level: Beginner
  • Language: English & Arabic
  • Enrollment Status: Open

Course details:

Course Description

Web page design focuses on the visual appearance and user experience of a website. This course covers four core technologies essential for modern web development:

  • HTML (HyperText Markup Language): The standard markup language used to create web pages and define their structure and content.
  • CSS (Cascading Style Sheets): Responsible for styling web pages, including layout, colors, fonts, backgrounds, and overall visual presentation.
  • Bootstrap: A powerful front-end framework used to design responsive and mobile-first websites and web applications efficiently.
  • JavaScript: A programming language used to add interactivity and dynamic behavior, making web pages more engaging and responsive.
Learning Objectives
  • Understand the fundamentals of web design and create visually appealing and structured web pages.
  • Master HTML to define the structure and content of web pages effectively.
  • Apply CSS to style web pages, control layouts, typography, colors, and responsive design.
  • Leverage Bootstrap to build modern, mobile-friendly, and responsive websites efficiently.
  • Integrate JavaScript to add interactivity, dynamic content, and enhance user experience.
  • Combine all technologies to design and develop functional, professional, and user-centric websites.
Schedule
  • Session Days: Sunday, Tuesday, and Thursday
  • Session Time: 7:00 PM – 10:00 PM
Course Outline
  • Introduction to Web Design & HTML
  1. Introduction to Web Page Design
  2. Introduction to HTML
  3. HTML Structure & Tags
  4. HTML Links & Tag Attributes
  5. Block-Level vs Inline Elements
  6. HTML Comments & Text Formatting
  7. HTML Tables & Forms
  8. HTML Multimedia: Video, Audio
  9. HTML Iframes
  • CSS Fundamentals & Styling
  1. CSS Introduction & Selectors
  2. Building Your First Website
  3. CSS Links & Font Properties
  4. Text Decoration & Text Alignment
  5. Display, Float, and Opacity Properties
  6. Background, Margin, Padding, and Border Properties
  7. CSS Box Model
  8. CSS Flexbox
  9. CSS Animations
  10. Building Website Sections: Graduate Section & Footer
  • Bootstrap: Responsive Web Design
  1. Introduction to Bootstrap
  2. Responsive Design & Bootstrap Classes
  3. Grid System & Layouts
  4. Bootstrap Components: Navbar, Carousel, Cards, Alerts, Tables, Forms, Spinners
  • JavaScript Essentials
  1. Introduction to JavaScript
  2. Variables, Output, and Popup Boxes
  3. Functions, Scope, and Hoisting
  4. Conditional Statements & Loops
  5. Break and Continue Statements
  6. Arrays & Objects
  • DOM (Document Object Model)
  1. Introduction to DOM & Objects
  2. DOM Methods and Properties
  3. Modifying HTML Attributes and Styles
  4. Insert, Replace, and Remove Elements
  5. Handling DOM Events

Course Information:

  • Start Date: 15/02/2026
  • End Date: 19/03/2026
  • Delivery Mode: Online
Enroll Now Via Form
Enroll Now Via Wa

Start Your Journey with

Qudrat

Fill out the form below to secure your place in our upcoming programs. Your future in tech starts here.

Required Course: Web Page Design