Web Designing

Duration: 8 weeks

Fee: 30,000 PKR

Web Designing Course Outline

Module 1: Introduction to Web Design

• 1.1 What is Web Design?
• Definition and importance of web design
• Differences between web design and web development
• 1.2 Understanding the Web
• How the internet works: browsers, servers, and hosting

Module 2: Basic Principles of Design

• 2.1 Design Fundamentals
• Color theory, typography, and layout principles
• 2.2 User Experience (UX)
• Importance of UX in web design
• Creating user personas and understanding user journeys
• 2.3 Responsive Design
• Importance of mobile-friendly design
• Basics of fluid grids and flexible images

Module 3: HTML Basics

• 3.1 Introduction to HTML
• Structure of an HTML document
• Common HTML elements (headings, paragraphs, links, images)
• 3.2 Building Your First Web Page
• Creating a simple webpage using HTML
• 3.3 Semantic HTML
• Importance of semantic elements (header, footer, article, section)

Module 4: CSS Fundamentals

• 4.1 Introduction to CSS
• How CSS works with HTML
• CSS syntax and selectors
• 4.2 Styling Text and Layouts
• Fonts, colors, backgrounds
• Box model, margins, paddings, and borders
• 4.3 Advanced CSS Techniques
• Flexbox and Grid layout systems
• Responsive design with media queries

Module 5: JavaScript Basics

• 5.1 Introduction to JavaScript
• Role of JavaScript in web design
• Basic syntax and data types
• 5.2 Interactivity with JavaScript
• Event handling (clicks, hovers)
• DOM manipulation (changing elements dynamically)
• 5.3 Using Libraries and Frameworks
• Introduction to jQuery for enhancing interactivity

Module 6: Advanced Web Design Techniques

• 6.1 Working with CSS Frameworks
• Introduction to Bootstrap or Tailwind CSS
• Creating responsive layouts using frameworks
• 6.2 Web Accessibility (a11y)
• Importance of accessibility in web design
• Guidelines for creating accessible websites
• 6.3 SEO Basics for Web Designers
• Understanding on-page SEO principles
• Using semantic HTML for better SEO

Module 7: Content Management Systems (CMS)

• 7.1 Introduction to CMS
• What is a CMS? Overview of popular CMS platforms (WordPress, Joomla, Drupal)
• 7.2 Building a Website with WordPress
• Setting up a WordPress site
• Choosing and customizing themes
• 7.3 Managing Content in a CMS
• Creating and editing posts and pages
• Using plugins to enhance functionality (e.g., SEO plugins, contact forms)

Module 8: Web Design Projects

• 8.1 Creating a Portfolio Website
• Planning and designing a personal portfolio website
• Showcasing previous work and personal style
• 8.2 Client Project Simulation
• Working on a hypothetical client project from start to finish
• Understanding client requirements, wireframing, design, and development
• 8.3 Finalizing and Launching a Website
• Preparing a website for launch: testing, debugging, and deployment
• Optimizing for speed and performance
• Uploading to a hosting service and going live

Module 9: Final Assessment and Certification

• 9.1 Capstone Project
• Completing a comprehensive web design project (portfolio website or client project)
• Applying all learned techniques: HTML, CSS, JavaScript, and CMS
• 9.2 Feedback and Improvement Plans
• Individual feedback sessions to review and enhance skills
• 9.3 Course Completion Certificate
• Issuing certificates to successful participants upon completion of the capstone project