Introduction to Web Design Course

£199.00

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.

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.

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.

Course Length: 8 Hours

What’s Included?

Wiki_tick  Unlimited lifetime access
Wiki_tick  Access anywhere, any time
Wiki_tick  Fast effective training, written and designed by industry experts
Wiki_tick  Unlimited support
Wiki_tick  Save money, time and travel costs
Wiki_tick  Learn at your own pace and leisure
Wiki_tick  Easier to retain knowledge and revise topics than traditional methods

£199.00Add to cart

Modules

Introduction to the Course

Introduction to the Course (2:33)

Basics of Web Design

What is CSS and HTML? (8:12)
Your First HTML File (7:03)
Introduction to Document Layout (6:52)
Linking In A Stylesheet (7:39)
Styling Your First Element (16:15)

Web Design Fundamentals

The Box Model (14:20)
Introduction to Developer Tools (14:22)
Understanding Display Types (9:58)
Project: Create a CSS Button (21:15)
Using CSS Selectors (23:09)
Using Floats (15:20)
Styling Links (4:49)
Using Clearfix (5:40)
Working With Images (14:50)
Validating HTML and CSS (8:55)

Webfonts

Understanding Webfonts (16:42)
Webfonts, Google Fonts and API (7:49)

Cascading Style Sheets

Understanding Cascading Style Sheets (7:46)
Vendor Prefixes (9:56)
Project: Create a Color Changing Profile Image (12:59)

Introduction to Grid Structures

Basic Website Layout (12:58)
Choosing a Grid Framework (9:10)
Grids and Responsive Design (23:16)

Forms and Icons

Working with Forms (27:59)
Using Font Icons (13:56)
Understanding Sprite Sheets (19:11)

Project: Create a Comment List

Project: Create a Comment List (15:00)

Positioning and Resources

Positioning (18:52)
CSS Resources (5:36)

Final Project: Design a Real Website

Project Introduction (4:58)
Adding Our Graphics (8:32)
Building Our Site (43:27)
Validating Our Site (3:55)