CSS Essentials: Style, Design & Responsive Web Pages

10,000 ر.ع.

Learn how CSS transforms a plain HTML page into a visually designed website. Participants work hands-on with CSS and learn how styles can be applied directly to HTML, inside the page, or through a separate stylesheet.

Description

Turn a plain webpage into a real design

  • What CSS is and why it is separate from HTML
  • CSS syntax
  • Selectors
  • Properties and values
  • Colors and backgrounds
  • Fonts and typography
  • Text alignment
  • Margins and padding
  • Borders
  • Width and height
  • The CSS Box Model
  • Classes and IDs
  • Inline CSS
  • Internal CSS
  • External CSS
  • Linking a CSS file to HTML
  • Basic layout concepts
  • Flexbox introduction
  • Responsive design concepts
  • Mobile-friendly layouts
  • Basic media queries
  • How CSS and HTML work together

Hands-on

Participants apply CSS to their own HTML pages and progressively transform a basic page into a more professional-looking website.

The instructor/mentor assists each participant directly with their own project.

Bonus Module

AI-Assisted Learning

Participants may use AI to:

  • Explain CSS properties
  • Improve a layout
  • Fix CSS problems
  • Make a page responsive
  • Suggest design improvements

Prerequisites

  • Basic computer literacy
  • Basic understanding of HTML recommended
  • Ideally, completion of HTML Essentials: Build the Structure of a Website

Event Details

  • Session Length: 1.5 to 2 hours
  • Language: English/Arabic

Attendance Options

Choose the format that suits you best:

  • Online
  • In-Person (North/South Ghubra, Muscat)

Certificate

Participants who successfully attend the event will receive a verifiable AMWAJ Certificate of Participation.

Book Your Workshop

Hands-on instruction • Practical exercises • Verifiable AMWAJ Certificate

Reviews

There are no reviews yet.

Be the first to review “CSS Essentials: Style, Design & Responsive Web Pages”