Pre-written, Customizable, print-on-demand Training Materials that you can re-brand!
Instructor-Led Training Materials

Introduction to HTML and CSS Coding

Courseware you can customize. Everything you need to teach Introduction to HTML and CSS Coding

Unlimited Users

Unlimited Printing Rights

Completely Customizable

Want to see a Preview? FREE DOWNLOAD
The Ultimate Trainers Toolkit $495  Buy

Introduction to HTML and CSS Coding

A well-designed website provides customers with information about a company, details on how to find or contact them, and the ability to make purchases and place orders. Businesses of all sizes can use websites to help drive traffic, and to reach more customers than ever before. The basis of many webpages – a collection of webpages form a website — are the HTML and CSS computer programming languages. Learning how to use these languages, which are used to build and style the content of a webpage, is an important step to creating your own well-designed webpages.

The Introduction to HTML and CSS Coding course is intended as an introduction to using these computer programming languages – teaching the basics of these languages, and then continuing to explore various ways to use these languages to create an effective webpage.

For more information, Download a free sample.


Why Velsoft Courseware?

Introduction to HTML and CSS Coding is one-day course that provides your students with a comprehensive overview of the knowledge and skills need to ensure the viability of businesses in today's world. The course material applies equally to product and service-based enterprises.

custom-icon

Fully Customizable

Tailor courses to suit the needs of your business, such as adding your company name and logo, or your own pictures.

reprint-icon

Unlimited Printing Rights

Print as many copies as you want, anywhere at any time.

cost-icon

No Annual Renewal Cost

Your purchase gives you a perpetual license for your business.

oneoff-icon

One-off Pricing

We offer a one-time payment model with a lifetime license.

HAVE A LOOK INSIDE

Introduction to HTML and CSS Coding



c0425

Here's what you receive with this Introduction to HTML and CSS Coding courseware title

What's in the box

Instructor Guide
Velsoft Instructor Guides are the core of each training course. Our Instructor Guides lay out the training in simple, easy-to-follow instructions. You can also customize the Instructor Guides in order to personalize your training.
Student Manual
Each Instructor Guide - for each course - is paired with a Student Manual that you can present to your participants. This customizable Student Manual gives each participant the ‘student’ version of the course you will be teaching.
Exercise Workbook
Whether or not you choose to introduce exercises into your training is up to you as the facilitator. In case you want to do this Velsoft offers you an Exercise Workbook (also customizable) that is specific to the course you are offering.
Sample Files
Each Velsoft courseware title comes with a Lab Workbook loaded with activities and exercises to practice and reinforce the learners' understanding of the course objectives. Pre-made Sample Exercise Files are provided for use with the Lab Workbook so that you, as the trainer, do not have to prepare activity working files.
Powerpoint Deck
Courseware from Velsoft is designed to give you everything you need for use in the classroom or workshop. This includes the PowerPoint versions of all the courses, prepared for you in advanced.
Quick Reference Guide
Quick Reference Guides are a favorite tool for trainers to provide to their learners. Each Quest Reference Guide summarizes the most important elements in each courseware title down to two pages.

Course Outline

Outline for Introduction to HTML and CSS Coding

About This Course

Course Prerequisites

Course Overview

Course Objectives

How to Use This Book

Lesson 1: Getting Started with HTML

TOPIC A: HTML Basics

HTML – Background Information

Anatomy of an HTML Tag

Getting Started

Activity 1-1: Inspecting a Webpage

TOPIC B: Basic Webpage Elements

The Heading Tag

Paragraph and Break Tags

Basic Text Formatting Tags

Activity 1-2: Using HTML to Add Basic Elements

TOPIC C: Creating Lists

Ordered Lists

Unordered Lists

List Items

Activity 1-3: Creating an HTML List

Summary

Review Questions

Lesson 2: Doing More with HTML

TOPIC A: Images in HTML

The Image Tag

Defining an Image Source

Defining Alternative Text for the Image

Image Sizing

Activity 2-1: Adding an Image in HTML

TOPIC B: Links in HTML

Linking to Another Webpage

Internal Links

Activity 2-2: Adding a link

TOPIC C: Tables in HTML

Breakdown of a Table in HTML

Table Header Row

Table Data Rows

Activity 2-3: Creating an HTML Table

Summary

Review Questions

Lesson 3: Getting Started with CSS

TOPIC A: Basics of CSS

CSS: Cascading Style Sheets

The <style> Tag

CSS Typography and Hierarchy

Activity 3-1: Creating a Styling Area Using the <style> Tag

TOPIC B: CSS Color

Changing the Color of a Webpage Element

Color Names in CSS

RGB Color System

Hexadecimal Color System

Background Color

Activity 3-2: Adding CSS Colors in a Variety of Ways

TOPIC C: Using Additional CSS Identifiers

Using ID Names in CSS

Using Class Names in CSS

Activity 3-3: Using an ID Name for Styling

Summary

Review Questions

Lesson 4: Styling Text with CSS

TOPIC A: Font Families

What is a Font?

Using the Font-Family Property

Serif vs Sans-serif

Font Names

Additional Font Types

Font Backups

Activity 4-1: Changing the Font Family in CSS

TOPIC B: Font Size

The Font-Size Property

Pixels

EMs

Activity 4-2: Changing the Font Size of Text

TOPIC C: More CSS Text Properties

The Font-Style Property

The Font-Weight Property

The Line-Height Property

The Text-Align Property

Activity 4-3: Customizing Text Using Additional Properties

TOPIC D: Font Shorthand

CSS Shorthand

CSS Shorthand for Fonts

Activity 4-3: Using the CSS Font Shorthand in Practice

Summary

Review Questions

Lesson 5: Extended Styling Techniques using HTML and CSS

TOPIC A: Grouping Elements

What is a Grouping Element?

Inline vs Block Formatting

Activity 5-1: Using the <span> and <div> Tags to Group Webpage Elements

TOPIC B: Div Dimensions

Adjusting the Width of a Div

Adjusting the Height of a Div

Overflow

Activity 5-2: Adjusting the Style of a Div Block

TOPIC C: The CSS Box Model

The CSS Box Model

CSS Margins

CSS Borders

CSS Padding

Activity 5-3: Adjusting the Style of a Div Block

Summary

Review Questions

Lesson Labs

Lesson 1

Lesson Lab 1-1

Lesson 2

Lesson Lab 2-1

Lesson 3

Lesson Lab 3-1

Lesson 4

Lesson Lab 4-1

Lesson 5

Lesson Lab 5-1

Course Wrap-Up

Post-Course Assessment

Course Summary

Appendices

Glossary

All the hard parts of courseware, solved.

Save Time and Money with Courseware. The idea behind courseware is simple, we’ve written courses for you. You can edit them; you can modify them you can even rebrand them as your own. We’ve done the hard work of researching and developing the content taking careful attention to the quality and relevance of each courseware title we offer you. Each course is tested in the classroom and proven to be effective in any training or workshop environment. Plus, you have the unlimited rights to make any changes you want to the content in order to fit your training requirements and organizational needs.

TRUSTED BY
trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos trusted-logos
SEE MORE
SCORM COMPLIANT

Available as an eLearning Course

SCORM Compliant eLearning Course

Introduction to HTML and CSS Coding

eLearning version of this course for use in your LMS. Includes ability to customize the course for specific training needs.

TRY A SAMPLE SAMPLE
12 MONTH LICENSE $495 Buy
c0425_el.png

TESTIMONIALS

Hey there! I'm Michael.

How can I help you?

I don't have an LMS yet. Is there still a way to use your courses?

Good news! We have an LMS and would be happy to provide you with free access to this.

questions-guy.png
WE'RE HERE TO HELP
Chief Happiness Officer

Every Velsoft interaction is backed by real people with industry expertise dedicated to answering your questions and helping your business grow. We're here for you, talk to us!

ASK A QUESTION
courseware-flyer.png

COURSEWARE SAMPLE

Courseware you can customize.

x

View an eLearning Course

Begin

Download a SCORM sample to try in your LMS

Download

View an eLearning Course

SCORM COMPLIANT

Available as an eLearning Course

x
elearning_sample_image.jpg

ELEARNING SAMPLE

eLearning you can customize.

x

COURSEWARE SAMPLE

Courseware you can customize.

x
policy.png

Safe & Inclusive Workplace

By Velsoft

x
ilt-courses.png

Seeing Double

August Only

x
velsoft_logo.png
x
emily.png
c0425_up.png

COURSEWARE SAMPLE

Courseware you can customize.

x


Become Digital Marketing Certified in 2018


Whether you're new to digital marketing, or a business owner or marketing professional looking to improve your skills, the Professional Diploma in Digital Marketing is the official global certification that will qualify you as a certified digital marketing professional.

If you are like the thousands of others who have chosen 2018 as the year to get your certification, we invite you to enroll now so that you can get started over the holidays. Enrolling before the end of December gives you immediate access to your online course and, as a bonus, you will receive the Velsoft Sales and Market training materials bundle (valued at $2995).

The Professional Diploma in Digital Marketing course is the de facto certification in digital marketing and is validated by industry leaders, including Google, Facebook, Linkedin, Twitter, Microsoft, and more. From mobile marketing and social media to email marketing, PPC marketing and SEO, the Professional Diploma in Digital Marketing will empower you, giving you the skills and knowledge you need to take control of your career and maximize your potential.

Learn More