Become a Professional Web Designer

If you want to get into web design as a profession, this course has everything you'll need to make your dreams come true
4.7 (16 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.
202 students enrolled
$19
$200
90% off
Take This Course
  • Lectures 288
  • Length 36.5 hours
  • Skill Level All Levels
  • 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 11/2015 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. 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.

This 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, 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 colorful, 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 colors, 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 passion for web design and development

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
  • Learn about the differences between HTML and CSS, and how they work together!
  • Discover how to insert and format text blocks, tables, images, and more!

What is the target audience?

  • Beginning web designers
  • Web developers

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
Welcome to Course
Preview
01:45
Section 2: Introduction to Web Design
02:33

Please download Project files

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
The Box Model
14:20
Introduction to Developer Tools
14:22
Understanding Display Types
09:58
Project- Create a CSS Button
21:15
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
Understanding Webfonts
16:42
Webfonts, Google Fonts and API
07:49
Understanding Cascading Style Sheets
07:46
Vendor Prefixes
09:56
Project- Create a Color Changing Profile Image
12:59
Basic Website Layout
12:58
Choosing a Grid Framework
09:10
Grids and Responsive Design
23:16
Working with Forms
27:59
Using Font Icons
13:56
Understanding Sprite Sheets
19:11
Project- Create a Comment List
15:00
Positioning
18:52
CSS Resources
05:36
Project Introduction
04:58
Adding Our Graphics
08:32
Building Our Site
43:27
Validating Our Site
03:55
Section 3: Fundamentals of HTML
02:55

Download source files here

What is HTML5
02:59
Getting the Browser
00:41
Getting the Editor
00:48
Setting Up the Editor
01:19
Structure - Hello World
04:36
The DOM
02:09
Customizing the Editor
01:32
Self Closing Tags - Environment
01:21
Validation
06:10
Comments
02:21
Block Level Elements
08:41
Line Break and Spacing
04:49
Span - Text Modifiers
02:37
Anchors
10:25
Images
05:09
Tables
04:49
Form Basics
09:54
Placeholder vs. Value
02:31
Radio Buttons, Checkboxes, Select Elements and Text Areas
08:22
New HTML5 Inputs
08:52
HTML5 Input Attributes
15:43
Action Attribute
03:39
GET vs. POST
03:12
Submit Buttons
04:05
Create a Hotel Booking Form
18:45
New Elements in HTML5
03:39
HTML5 Semantic Elements
03:14
Semantic Elements in Practice
04:31
Meter and Progress Elements
03:09
Audio
04:14
Video
03:27
Section 4: HTML5 and CSS3 Fundamentals
Intro
04:06
Page basics
11:30
Text Basics
08:21
Text Formatting
05:08
Lists
09:06
Image Prep
09:39
Inserting Images
08:15
Website Project1
16:31
css basics
09:30
Font Styles
09:58
Colors
07:33
List Styles
04:17
Advanced Selectors
09:46
Website Project2
08:00
Link Basics
06:37
In-page Links
02:37
Link styles
04:12
Navigation Menus
05:58
Website Project 3
09:54
Block Spacing
12:12
Arranging the Page
08:44
Positioning
07:30
Website Project4
20:14
Tables
06:48
Table Styles
09:29
Website Project5
07:38
Form Basics
05:38
form Elements
07:21
HTML5 Form Elements
12:00

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 200,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 370,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.

Ready to start learning?
Take This Course