Introduction to Web Design

Learn about web design lay out, styling, debugging and manipulating websites with an emphasis on design.
4.3 (38 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,126 students enrolled
$100
Take This Course
  • Lectures 35
  • Contents Video: 7.5 hours
    Other: 0 mins
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2014 English

Course Description

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.

What are the requirements?

  • A free text editor
  • A free grid framework (recommendation in the course)

What am I going to get from this course?

  • Understand the basics of web design
  • Understand grid systems in web design
  • Design a real website
  • Understand responsive design

What is the target audience?

  • Beginning web designers
  • Web developers
  • Graphic designers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to the Course
02:33

Download the course files here.

Section 2: Basics of Web Design
What is CSS and HTML?
Preview
08:12
Your First HTML File
07:03
Introduction to Document Layout
06:52
Linking In A Stylesheet
07:39
Styling Your First Element
16:15
Section 3: Web Design Fundamentals
The Box Model
14:20
Introduction to Developer Tools
14:22
Understanding Display Types
09:58
Project: Create a CSS Button
21:14
Using CSS Selectors
23:09
Styling Links
04:49
Using Floats
15:20
Using Clearfix
05:40
Working With Images
14:50
Validating HTML and CSS
08:55
Section 4: Webfonts
Understanding Webfonts
16:42
Webfonts, Google Fonts and API
07:49
Section 5: Cascading Style Sheets
Understanding Cascading Style Sheets
07:46
Vendor Prefixes
09:56
Project: Create a Color Changing Profile Image
12:59
Section 6: Introduction to Grid Structures
Basic Website Layout
12:58
Choosing a Grid Framework
09:10
Grids and Responsive Design
23:16
Section 7: Forms and Icons
Working with Forms
27:59
Using Font Icons
13:56
Understanding Sprite Sheets
19:11
Section 8: Project: Create a Comment List
Project: Create a Comment List
15:00
Section 9: Positioning and Resources
Positioning
18:52
CSS Resources
05:36
Section 10: Final Project: Design a Real Website
Project Introduction
04:58
Adding Our Graphics
08:32
Building Our Site
43:27
Validating Our Site
03:55
Request a Course
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 180,000+ Happy Udemy Students | 320,000+ Students Worldwide

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 320,000 students currently taking Stone River eLearning courses. We currently offer 125+ 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.

Ready to start learning?
Take This Course