This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
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.
Introduction to Web Design
Fundamentals of HTML
-
2Introduction to Web Design
Please download Project files
-
3What is CSS and HTML
-
4Your First HTML File
-
5Introduction to Document Layout
-
6Linking In A Stylesheet
-
7Styling Your First Element
-
8The Box Model
-
9Introduction to Developer Tools
-
10Understanding Display Types
-
11Project- Create a CSS Button
-
12Using CSS Selectors
-
13Styling Links
-
14Using Floats
-
15Using Clearfix
-
16Working With Images
-
17Validating HTML and CSS
-
18Understanding Webfonts
-
19Webfonts, Google Fonts and API
-
20Understanding Cascading Style Sheets
-
21Vendor Prefixes
-
22Project- Create a Color Changing Profile Image
-
23Basic Website Layout
-
24Choosing a Grid Framework
-
25Grids and Responsive Design
-
26Working with Forms
-
27Using Font Icons
-
28Understanding Sprite Sheets
-
29Project- Create a Comment List
-
30Positioning
-
31CSS Resources
-
32Project Introduction
-
33Adding Our Graphics
-
34Building Our Site
-
35Validating Our Site
HTML5 and CSS3 Fundamentals
-
36What is HTML
Download source files here
-
37What is HTML5
-
38Getting the Browser
-
39Getting the Editor
-
40Setting Up the Editor
-
41Structure - Hello World
-
42The DOM
-
43Customizing the Editor
-
44Self Closing Tags - Environment
-
45Validation
-
46Comments
-
47Block Level Elements
-
48Line Break and Spacing
-
49Span - Text Modifiers
-
50Anchors
-
51Images
-
52Tables
-
53Form Basics
-
54Placeholder vs. Value
-
55Radio Buttons, Checkboxes, Select Elements and Text Areas
-
56New HTML5 Inputs
-
57HTML5 Input Attributes
-
58Action Attribute
-
59GET vs. POST
-
60Submit Buttons
-
61Create a Hotel Booking Form
-
62New Elements in HTML5
-
63HTML5 Semantic Elements
-
64Semantic Elements in Practice
-
65Meter and Progress Elements
-
66Audio
-
67Video