Studies have shown that website design impacts how businesses are viewed, with presentation directly related to trust. With this in mind, it’s crucial for organizations to have well-designed websites. The basis of website design starts with knowledge of how to use computer programming languages, provided in Introduction to HTML and CSS Coding: Part 2.
Introduction to HTML and CSS Coding: Part 2 expands on the basics learned in Part 1, teaching additional skills that are useful for building websites. These include why performance and organization are important, how to shape and design a website, responsive web design, and best practices for HTML and CSS that help keep code clean and reusable.
All Velsoft training materials are fully customizable. Each package includes an instructor guide, student manual, PowerPoint slides, quick reference guide, and exercises to complete that will help refine skills.
.
About This Course
Course Prerequisites
Course Overview
Course Objectives
How to Use This Book
Quick Review
HTML
CSS
Lesson 1: Performance and Organization
TOPIC A: Strategy and Structure
Performance
Style Architecture
TOPIC B: Object-oriented CSS
Object-oriented CSS Methodology
Separating Structure from Skin
Separate Content from Container
TOPIC C: Scalable and Modular Architecture for CSS
Scalable and Modular CSS
The Five Core Categories
Which Methodology Should You Choose?
TOPIC D: Reusable Code
Reusing Styles
Activity 1-4: Writing Reusable Code
Summary
Review Questions
Lesson 2: HTML: How to Position Content
TOPIC A: Review
Common Terms
TOPIC B: Positioning Content with Floats
Positioning with Floats
Layout without Floats
Three-Column Layout with Floats
Clearing Floats
Activity 2-2: Combining Two and Three Column Layouts
TOPIC C: Positioning with Inline-Block
Positioning with Inline-Block
Activity 2-3: Creating Columns with Inline-Block
Summary
Review Questions
Lesson 3: Complex Selectors
TOPIC A: Commonly Used Selectors
Type Selector
Class Selectors
ID Selectors
Child Selectors
TOPIC B: Attribute Selectors
Attribute Present Selector
Attribute Equals Selector
Attribute Contains Selector
Attribute Begins or Ends with Selector
Pseudo-Classes
Activity 3-2: Using Selectors
Summary
Review Questions
Lesson 4: Responsive Web Design
TOPIC A: Flexible Layouts
Flexible Layout
Flexible Grid
TOPIC B: Media Queries
Using Media Queries
Logical Operators in Media Queries
Activity 4-2: Using Dynamic Widths and Media Queries
Summary
Review Questions
Lesson 5: Writing Your Best Code
TOPIC A: HTML Coding Practices
Standards-Compliant Markup
Use of Semantic Elements
Use of Proper Document Structure
Keep Syntax Organized
Activity 5-1: Applying Best Practices for HTML
TOPIC B: CSS Coding Practices
Organizing Code with Comments
Writing CSS Using Multiple Lines and Spaces
Use Proper Class Names
Use Shorthanded Properties and Values
Activity 5-2: Applying Best Practices for CSS
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
Everything you need to deliver amazing training
Each courseware title is a trainers' kit that comes with the following course components:
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
Velsoft offers an Exercise Workbook (also customizable) that is specific to the course you are offering. You can choose whether this is something you would like to present to your students.
Sample Files
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 for your workshop. This includes the PowerPoint versions of all the courses, prepared for you in advance.
Quick Reference Guide
Quick Reference Guides are a favorite tool for trainers to provide to their learners. Each Quick Reference Guide summarizes the most important elements in each courseware title down to two pages.