Introduction to Web Design

Introduction to Web Design
Product Code: Introduction to Web Design
Availability: In Stock
Price: R900.00

Introduction to Web Design

PS You can change currency to see the price in your country at the top of the screen, just below the search box

2KO Africa's online Introduction to Web Design course is perfect for students learning how to develop web sites and design web sites from scratch. 2KO offers computer courses in over eighteen nations across Africa; as well as providing online IT training 24x7 over the Internet, enabling 2KO students the opportunity to study courses online world-wide from the comfort of home or work.

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.


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.

Class Curriculum

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)

  •     Styling Links (4:49)

  •     Using Floats (15:20)

  •     Using Clearfix (5:40)

  •     Working With Images (14:50)

  •     Validating HTML and CSS (8:55)


  •     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 (13:00)

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)

Write a review

Your Name:

Your Review: Note: HTML is not translated!

Rating: Bad           Good

Enter the code in the box below: