WPS Training | Web Design

Course / Course Details

Web Design

Web Design

By - Rohini Ingle
0 students
10 Hours 22 Min
(0)

Course Description

Web Design is the process of creating the visual appearance, layout, and overall structure of a website. It involves combining graphic design, user interface (UI) design, and user experience (UX) principles to make a website not only attractive but also functional and easy to navigate. A good web design considers how content is arranged, how colors and fonts are used, and how images and media enhance the user experience.

The layout defines the structure of the page, including headers, navigation menus, content areas, and footers. Typography ensures that the text is readable, while color schemes are chosen to reflect the brand and improve readability. Navigation is crucial for guiding users through the site efficiently, and responsiveness ensures that the website adapts to different devices like desktops, tablets, and smartphones.

Web design is distinct from web development. While web design focuses on appearance, usability, and user experience, web development deals with coding and implementing functionality to make the design work on the internet.

Good web design follows several principles. Simplicity avoids clutter and keeps the site focused, while consistency maintains uniformity in style, colors, and fonts. Accessibility ensures that people with disabilities can use the site, and speed optimizations prevent slow-loading pages that drive visitors away. Mobile-friendly design is essential today, as most users access websites on smaller screens.

Web designers use tools like Figma, Adobe XD, Sketch, and Canva to create layouts and prototypes. They often collaborate with front-end developers who use HTML, CSS, and JavaScript to implement the design. Overall, effective web design creates a strong first impression, enhances user experience, builds credibility, and can significantly impact business success by improving engagement and conversions

Course Curriculum

10 chapters
39 lectures
0 quizzes
10 Hours 22 Min total length

Toggle all chapters

1 Web Designing Training - Syllabus

N/A

1 HTML4

N/A

2 HTML Basics (Structure, Tags - Empty and Container, Meta Tags, Attributes, Comments)

29 Min

3 Image Lists,Tables and Link Tags (Image, Text, Email Links)

19 Min

4 Types of Web-pages (Static, Dynamic, Server Web-pages)

7 Min

5 Overview of Web Development (Client-side Programming, Server-side Programming)

11 Min

1 HTML5

N/A

2 HTML5 Syntax (DOCTYPE, Character Encoding, , <link>, Document Structure)

21 Min

3 Forms & Attributes (color, date, email, number, etc.; datalist, keygen, output)

11 Min

4 Canvas Overview (Lines, Curves, Shapes, Gradients)

N/A

5 HTML Forms & Multimedia Integration | Forms, Attributes, Canvas, Audio/Video, HTML vs XHTML

35 Min

1 CSS2

N/A

2 CSS Box Model - Margin, Padding & Borders

18 Min

3 Types of CSS | Internal External Inline CSS| Full Explanation

14 Min

1 CSS3

N/A

2 Learn CSS Border Animations

6 Min

3 Borders (Box-shadow, Border-image, Border-radius

2 Min

How to use the box-shadow property to add depth and visual flair through shadows. How to apply border-radius for rounded corners on elements. Practical use cases and live code demos to help you master these essential CSS features.

4 CSS Backgrounds (Clip, Origin, Size, Multiple Backgrounds)

5 Min

5 CSS Gradients (Linear, Radial, Repeating Gradients)

11 Min

6 CSS Gradient Tutorial | Linear Gradients | Radial Gradients

18 Min

7 CSS Text Effects | CSS Word Wrapping | CSS Word Breaking

11 Min

8 box-sizing: border-box explained

6 Min

1 DOM, BOM & Window Object

12 Min

2 JavaScript

N/A

3 Syntax, Statements, Comments

17 Min

Syntax, Statements, Comments • Variables, Data Types, Operators • Conditional Statements, Loops

1 jQuery

2 Hours

jQuery (3 Hours – Intermediate Level) • Variables & Functions in j Query • Selectors (Element, ID, Class) • Effects (Hide/Show, Fade, Slide, Animate, stop(), Callback, Chaining) • DOM Attributes (Get/Set Values) • Events, Ajax, UI Components jQuery • Variables & Functions in j Query • Selectors (Element, ID, Class) • Effects (Hide/Show, Fade, Slide, Animate, stop(), Callback, Chaining) • DOM Attribu

2 jQuery

N/A