logo
ABD
LiveZilla Live Chat Software



Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow 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

Course Overview

TOP
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.
                                                                  

Scheduled Classes

TOP
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

What You'll Learn

TOP
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.

Outline

TOP
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.

ThinkBIG LLC 2019. All Rights Reserved.

Prerequisites

TOP

Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.

    Who Should Attend

    TOP
    • Developers
    • Programmers
    • Website Authors

    Next Step Courses

    TOP

    • HTML5 & CSS3 Advanced for Responsive Web Design
    • Dreamweaver ACA Training & Certification Pack
    • JavaScript & jQuery Intro
    • JavaScript & jQuery Advanced with JSON & Ajax