Introduction to Web Design

Introduction to Web Design

Course Overview

This course will teach students about the basics of web design, web design fundamentals, webfonts, cascading style sheets, introduction to grid structures, forms and icons, and positioning and resources.

Course Objectives


.

Course Learning Outcomes


CompTIA Certification

Security +

Associate Level

Contents

Module 1

Module 2

Module 3

Module 4

Module 1          Introduction

Module 2 Basics of Web Design

Module 3 Web Design Fundamentals

Module 4 Webfonts

Module 5 Cascading Style Sheets

Module 6 Introduction to Grid Structures

Module 7 Forms and Icons

Module 8 Positioning and Resources


Course Learning Syllabus

Topics Covered

 Introduction Lecturer Introduction

Importance of this course


What you will learn in this course

Basics of Web Design

What is CSS and HTML?

Your First HTML File

Introduction to Document Layout

Linking In A Stylesheet

Styling Your First Element

Web Design Fundamentals

The Box Model

Introduction to Developer Tools

Understanding Display Types

Project: Create a CSS Button

Using CSS Selectors

Using Floats

Styling Links

Using Clearfix

Working With Images

Validating HTML and CSS

Webfonts

Understanding Webfonts

Webfonts, Google Fonts and API

Cascading Style Sheets

Understanding Cascading Style Sheets

Vendor Prefixes

Project: Create a Color Changing Profile Image

Introduction to Grid Structures

Basic Website Layout

Choosing a Grid Framework

Grids and Responsive Design

Forms and Icons

Working with Forms

Using Font Icons

Understanding Sprite Sheets

Project: Create a Comment List

Positioning and Resources

Positioning


CSS Resources


Final Project: Design a Real Website


Project Introduction


Adding Our Graphics


Building Our Site


Validating Our Site