Training

Presentation Systems

Services & Consulting

Cloud Services

Purchase

Client Center

Computer Museum

Course Schedule

Classroom Rentals

Student Information

Free Seminars

Client Feedback

Partners

Survey

While System Source is working from home, we are still available for all of your calls and support needs.

HTML5 & HTML Intro with CSS

SS Course: 3000236

In this hands-on, two-day HTML5 & HTML Introduction with CSS training course, you will learn web design for beginners including the concepts and skills required for using

HTML and HTML5 effectively. This web designing course will allow you to learn web

development by working hands-on starting with basics and ending with advanced

techniques to get the most out of your training experience. You will be learning web

design which includes the basics of coding, beginning with HTML, and advancing to

more complex HTML5 and CSS fundamentals.

09/28/20 - CTV - Virtual-Instructor Led - Virtual-Instructor Led
11/16/20 - CTB - 10420 Little Patuxent Parkway, Suite 110 - Columbia-ThinkB!G or Virtual

The topics covered in this course include understanding what HTML5 is, the history of HTML, setting up a development environment using tools like Brackets and Code Editor, creating a page for HTML5 websites, implementing basic HTML tags, linking in HTML, inputting fields and forms, working with colors and formatting text with cascading style sheets (CSS), using CSS for page layout control, computing specificity with CSS, creating table elements and CSS, using list elements and CSS, working with web graphics, and finally, publishing and packing your HTML5 project.

Viewing outline for:

1. What is HTML5

2. Brief History of HTML
Three pillars of Modern Web
HTML
CSS
JavaScript
Uses of HTML5
Web pages
Mobile Apps
User interfaces

3. Setting up a Development Environment
Browser
Chrome
Notes on other Browsers
Code Editor
Brackets
Dreamweaver
Notepad++
Testing
Server
XamppWAMP
MAMP
LAMP

4. Creating your first page
Tags and Document Structure
Tags and Attributes
Some basics
Indenting
Capitalization
Quotes
Spacing
File naming
Previewing your work
In browser
On mobile device

5. Implement Some Basic HTML Tags
Text Markup
Paragraphs
Line Breaks
Headings
Inline Elements
Horizontal Rules
Special Characters
Breaking things up
Divs
Spans
Lists and their importance
Order List
Unordered Lists
Definition Lists

6. Links in HTML
Linking to Page or File
Relative vs Absolute links
Targeting Links
Special Types
Email
Telephone

7. Tables in HTML
Table Structure
Headers
Rows
Columns
Spanning Cells

8. Input Fields & Forms
Input HTML Element
Other input types
Type attribute and Mobile devices

9. Cascading Style Sheets CSS
External vs Internal
Linking to External CSS
Some CSS Basics
Formatting CSS Rules
Units of Measure
Color Models
Using a Reset CSS

10. Formatting Text with CSS
Font Property
Text Color
Typographic Control

11. Working with Colors and Backgrounds with CSS
Specifying a Color
Foreground vs Background
Working with Opacity

12. The CSS Box Model
Understanding relationship between padding and margins
Using Box model to format and style objects with CSS

13. Using CSS to Control Page Layout
Position attribute of CSS Element
Positioning CSS Elements on a page

14. Specificity and CSS
IDs, Classes and Tags
Computing Specificity with CSS

15. Table Elements and CSS
Identifying layers of a table Element
Styling the Header Element of a Table
Styling Rows and Cells of Table Element

16. List Elements and CSS
Using lists as navigation elements
Clearing List formatting to allow for customization
Applying the box model to a list element
Styling the list element
Positioning of list elements
Horizontal
Vertical

17. Working with Web Graphics
Images and Image Formats
Color depth
Resolution
File formats
Image tools
SVG assets
Placing Image and vector assets on page
Using CSS with Images
For responsive sizing
As Background element

18. Publishing and Packaging your HTML5 Project
Delivering to Web Server
FTP
Local Server
Packaging for Mobile
Tips for prepping for Mobile deployment

Disclaimer:

All course objectives and outlines are a guide for students. To ensure student satisfaction, these course topics and order may be modified or added to ensure the latest information is covered to support real world use of the technology.

Online Live Students must have the following to participate in class:
1. High-speed internet
2. Software of the application you are learning, and any other software installations required for class
3. Ability to download all class files
4. Ability to run and install our easy to use web conferencing application
5. Two monitors or two computers with audio/mic (one for class, one for labs)