Introduction to Web Design
4.3 (56 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10,165 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introduction to Web Design to your Wishlist.

Add to Wishlist

Introduction to Web Design

Learn about web design lay out, styling, debugging and manipulating websites with an emphasis on design.
4.3 (56 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10,165 students enrolled
Last updated 2/2017
English [Auto-generated]
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 7.5 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand the basics of web design
  • Understand grid systems in web design
  • Design a real website
  • Understand responsive design
View Curriculum
  • 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 is the target audience?
  • Beginning web designers
  • Web developers
  • Graphic designers
Compare to Other Web Design Courses
Curriculum For This Course
37 Lectures
Introduction to the Course
1 Lecture 02:33

Download the course files here.

Preview 02:33
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
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:14
Project Introduction

Adding Our Graphics

Building Our Site

Validating Our Site

Request a Course
1 More Section
About the Instructor
Stone River eLearning
4.2 Average rating
17,256 Reviews
285,908 Students
203 Courses
280,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.