fbpx

HTML and CSS Essentials

Block
Program
Web Design
Course Aim
To provide the student with a thorough understanding of HTML in conjunction with CSS to design Web sites.
Of Interest To
Those interested in pursuing a career in Web design.
Method of Delivery
Online Learning supported by qualified College Facilitators or Online Instructors.

Course Introduction

In this course, students learn to create Web sites using HTML to mark up the structure of the document, and CSS to dictate how each page element should look. This course looks to expand on the basics with cutting-edge HTML5 and CSS3. Students learn step-by-step how to create HTML tables and add multimedia with HTML5, how to translate page structure into visual designs that use CSS for typography and positioning. Students also learn about Web forms, CSS-based navigation, and special CSS3 visual effects.


Course Prerequisites

There are no prerequisites for this course.


Course Notes

A Student Guide is provided for this course. Evaluation is based solely on an Academy of Learning Career College final exam. Prior to taking the final exam, students must successfully complete all the components of the online course material. Participants who receive 75% or higher on their exam will receive a certificate.

Course Breakdown

  • Lesson 1:

Introduction to HTML and CSS; How The Web Works; Course Objectives; Welcome to HTML; Writing Tags; Creating an HTML Page; Structuring Page Content; Basic Text Formatting; Using Hyperlinks; Inserting Images; Web Site Structure; Posting to the Web with FTP; Other Common FTP Tasks

  • Lesson 2:

Building HTML Tables and Introducing HTML5; Tables on the Web; Creating a Basic Table; Customizing Tables; Special Tables; Introducing HTML5

  • Lesson 3:

HTML5 Multimedia and Troubleshooting; Adding Audio and Video Using HTML5; Troubleshooting Web Page Structure

  • Lesson 4:

Formatting Text with CSS; Discovering Types of CSS; Basic Structure of CSS Code; Writing CSS; Typography in CSS; Lists and Links; Additional Styles for Page Elements; Some Notes on Color

  • Lesson 5:

Page Layout with CSS; The Basics of CSS Positioning; Position; Controlling Page Elements; Column-Based Layouts; Comparing Structural and Presentational Markup; Troubleshooting CSS Positioning and Browser Inconsistencies

  • Lesson 6:

Extending HTML and CSS; Interactive Forms; Introducing CSS3; CSS Navigation