Introduction to Web Design
3.9 (72 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,233 students enrolled

Introduction to Web Design

Learn about web design lay out, styling, debugging and manipulating websites with an emphasis on design.
3.9 (72 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,233 students enrolled
Last updated 2/2017
English [Auto]
Current price: $64.99 Original price: $99.99 Discount: 35% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 7.5 hours on-demand video
  • 2 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Understand the basics of web design
  • Understand grid systems in web design
  • Design a real website
  • Understand responsive design
  • A free text editor
  • A free grid framework (recommendation in the course)

The Internet is everyone's go-to source of information in today's world. Businesses, public figures, publications and everything in between all have a presence on the web; and the more professional their website looks, the more successful they tend to be. Web designers are more in demand than ever before, and the profession is constantly changing along with the web itself. This course aims to teach the most up to date fundamentals of web design from scratch.

Learn 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

Web Designing for Beginners

This course has been developed for both complete beginners and those who already have a limited knowledge of web design. Apsiring 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.

With over 34 lectures and 7.5 hours of content, it 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, webfonts 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.

About HTML and CSS

HTML, or Hyper Text Markup Language, is the code used to define colours, graphics, hyperlinks, paragraphs, and other simple elements of a website. It was developed by the founder of the web, Tim Berners Lee, back in 1990.

CSS, or Cascading Style Sheets, define the more advanced aspects of websites like fonts, background images, positioning and much more. It is a style language that defines HTML layout, so the two are intrinsically linked. Both form the basic frameworks for all websites on the internet.

Who this course is for:
  • Beginning web designers
  • Web developers
  • Graphic designers
Course content
Expand all 36 lectures 07:23:47
+ Basics of Web Design
5 lectures 46:01
Your First HTML File
Introduction to Document Layout
Linking In A Stylesheet
Styling Your First Element
+ Web Design Fundamentals
10 lectures 02:12:37
The Box Model
Introduction to Developer Tools
Understanding Display Types
Project: Create a CSS Button
Using CSS Selectors
Styling Links
Using Floats
Using Clearfix
Working With Images
Validating HTML and CSS
+ Webfonts
2 lectures 24:31
Understanding Webfonts
Webfonts, Google Fonts and API
+ Cascading Style Sheets
3 lectures 30:41
Understanding Cascading Style Sheets
Vendor Prefixes
Project: Create a Color Changing Profile Image
+ Introduction to Grid Structures
3 lectures 45:24
Basic Website Layout
Choosing a Grid Framework
Grids and Responsive Design
+ Forms and Icons
3 lectures 01:01:06
Working with Forms
Using Font Icons
Understanding Sprite Sheets
+ Project: Create a Comment List
1 lecture 15:00
Project: Create a Comment List
+ Positioning and Resources
2 lectures 24:28
CSS Resources
+ Final Project: Design a Real Website
5 lectures 01:01:12
Project Introduction
Adding Our Graphics
Building Our Site
Validating Our Site
Request a Course