Introduction to Web Design - Crash Course

E-Courses4you are here to bring you our Introduction to Web Design - Crash Course, to teach you the most up to date fundamentals of web design from scratch!

Understand the basics of CSS and HTML, learn how to build your own portfolio website, web designing trends and developments and more.

Sign up now!

Reed courses certificate of completion

Digital certificate - Included

• Introduction to the Course 02:34

  • 1: 1.1 - Introduction to the Course Preview 02:34

• Basics of Web Design 46:03

  • 2: 2.1 - What is CSS and HTML? 08:12
  • 3: 2.2 - Your First HTML File 07:04
  • 4: 2.3 - Introduction to Document Layout 06:52
  • 5: 2.4 - Linking In A Stylesheet 07:40
  • 6: 2.5 - Styling Your First Element 16:15

• Web Design Fundamentals 2:12:43

  • 7: 3.1 - The Box Model 14:21
  • 8: 3.2 - Introduction to Developer Tools 14:23
  • 9: 3.3 - Understanding Display Types 09:59
  • 10: 3.4 - Project: Create a CSS Button 21:15
  • 11: 3.5 - Using CSS Selectors 23:09
  • 12: 3.6 - Styling Links 04:49
  • 13: 3.7 - Using Floats 15:21
  • 14: 3.8 - Using Clearfix 05:40
  • 15: 3.9 - Working With Images 14:50
  • 16: 3.10 - Validating HTML and CSS 08:56

• Webfonts 24:33

  • 17: 4.1 - Understanding Webfonts 16:43
  • 18: 4.2 - Webfonts, Google Fonts and API 07:50

• Cascading Style Sheets 30:43

  • 19: 5.1 - Understanding Cascading Style Sheets 07:47
  • 20: 5.2 - Vendor Prefixes 09:56
  • 21: 5.3 - Project: Create a Color Changing Profile Image 13:00

• Introduction to Grid Structures 45:26

  • 22: 6.1 - Basic Website Layout 12:59
  • 23: 6.2 - Choosing a Grid Framework 09:11
  • 24: 6.3 - Grids and Responsive Design 23:16

• Forms and Icons 1:01:07

  • 25: 7.1 - Working with Forms 28:00
  • 26: 7.2 - Using Font Icons 13:56
  • 27: 7.3 - Understanding Sprite Sheets 19:11

• Project: Create a Comment List 15:00

  • 28: 8.1 - Project: Create a Comment List 15:00

• Positioning and Resources 24:30

  • 29: 9.1 - Positioning 18:53
  • 30: 9.2 - CSS Resources 05:37

• Final Project: Design a Real Website 1:00:53

  • 31: 10.1 - Project Introduction 04:58
  • 32: 10.2 - Adding Our Graphics 08:32
  • 33: 10.3 - Building Our Site 43:28
  • 34: 10.4 - Validating Our Site 03:55

With over 34 lectures and 7.5 hours of content Introduction to Web Design - Crash Course will take you through the fundamentals of web design from scratch.

That means getting to grips with HTML, CSS and Foundation Grid Framework; working with images, web fonts and sprite sheets among other elements; understanding grids and responsive design; and achieving flawless layouts, eradicating bugs, and more.

Throughout the course you will work towards designing and developing a colourful, modern and responsive portfolio website. By the end of the course, you will have this website completed, and can use it when starting out on your career in web design.

This course aims to teach the most up-to-date fundamentals of web design from scratch.

• Understand the basics of CSS and HTML
• Learn about current web designing trends and developments
• Gain an insight into web development, debugging, etc. as well as design
• Build your own portfolio website

MODULES

Introduction to the Course

Introduction to the Course (2:33)

Basics of Web Design

What is CSS and HTML? (8:12)
Your First HTML File (7:03)
Introduction to Document Layout (6:52)
Linking In A Stylesheet (7:39)
Styling Your First Element (16:15)

Web Design Fundamentals

The Box Model (14:20)
Introduction to Developer Tools (14:22)
Understanding Display Types (9:58)
Project: Create a CSS Button (21:15)
Using CSS Selectors (23:09)
Using Floats (15:20)
Styling Links (4:49)
Using Clearfix (5:40)
Working With Images (14:50)
Validating HTML and CSS (8:55)

Webfonts

Understanding Webfonts (16:42)
Webfonts, Google Fonts and API (7:49)

Cascading Style Sheets

Understanding Cascading Style Sheets (7:46)
Vendor Prefixes (9:56)
Project: Create a Color Changing Profile Image (12:59)

Introduction to Grid Structures

Basic Website Layout (12:58)
Choosing a Grid Framework (9:10)
Grids and Responsive Design (23:16)

Forms and Icons

Working with Forms (27:59)
Using Font Icons (13:56)
Understanding Sprite Sheets (19:11)

Project: Create a Comment List

Project: Create a Comment List (15:00)

Positioning and Resources

Positioning (18:52)
CSS Resources (5:36)

Final Project: Design a Real Website

Project Introduction (4:58)
Adding Our Graphics (8:32)
Building Our Site (43:27)
Validating Our Site (3:55)

What’s Included?

- Unlimited lifetime access
- Access anywhere, any time
- Fast effective training, written and designed by industry experts
- Unlimited support
- Save money, time and travel costs
- Learn at your own pace and leisure
- Easier to retain knowledge and revise topics than traditional methods

This course has been developed for both complete beginners and those who already have a limited knowledge of web design. Aspiring web designers, web developers who want to understand the design side of the business, and graphic designers – as well as those from completely unrelated disciplines – will all be more than capable of handling the content of this course.

There are no prior qualifications or experience needed to take this course.

All you need is an internet connection and device to access the course from.

This course can help you in a variety of careers including web design, web development and more.

Currently there are no Q&As for this course. Be the first to ask a question.