Information Technology
Introduction to Web Design – ML
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.
1 Day
8 Hrs
7 Lessons
Agenda
- What is CSS and HTML?
- Your First HTML File
- Introduction to Document Layout
- Linking In A Stylesheet
- Styling Your First Element
- 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
- Understanding Webfonts
- Webfonts, Google Fonts and API
- Understanding Cascading Style Sheets
- Vendor Prefixes
- Project: Create a Color Changing Profile Image
- Basic Website Layout
- Choosing a Grid Framework
- Grids and Responsive Design
- Working with Forms
- Using Font Icons
- Understanding Sprite Sheets
- Project: Create a Comment List
- Positioning
- CSS Resources
- Final Project: Design a Real Website
- Project Introduction
- Adding Our Graphics
- Building Our Site
- Validating Our Site
FREE
Interested in course?
Course Type: Self Paced