Seminar Website Development with HTML5, CSS and Bootstrap Seminar

Presented by Software Skills Training, Inc.

Hands On Technology Transfer Computer Training

Bring this seminar on-site to your facility for groups of 10 or more.

This hands on course provides a thorough introduction into the creation of a Website using HTML, CSS and Bootstrap.

Course Description


This hands on course provides a thorough introduction into the creation of a Website using HTML, CSS and Bootstrap. The course starts with thorough coverage of HTML and Cascading Style Sheets (CSS) and progresses to using the Bootstrap framework to create mobile-friendly websites.

Topics include use of HTML5 semantic tags, block-level and inline elements, creating links, ordered and unordered lists, creation of tables and forms. Students will learn to attach CSS to a page using several different techniques, CSS selectors and pseudo-classes, CSS box model, and a variety of CSS properties.

Students will learn how to create a Bootstrap page utilizing the grid system, implement commonly used components (such as dropdowns and navigation bars), use Bootstraps CSS classes to format page elements and use Bootstrap's plugins to add tabs, modals and accordions to a page.

Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.


Course Prerequisites

Basic personal computer skills and basic Internet knowledge.


What You Will Learn

  • Creating a valid HTML document
  • Using various tags to markup text
  • Creating and using CSS to format the appearance of an HTML document
  • Using HTML5 semantic elements to define the structure of a page
  • Changing the appearance of elements in a document with type, id, class and attribute selectors
  • Creating CSS3 effects such as drop shadows, text shadows and using custom fonts
  • Creating ordered, unordered and description lists
  • Displaying images on a Web page
  • Creating hyperlinks using text or images
  • Using the a tag to create anchors in a page
  • Displaying information using an HTML table
  • Including forms in an HTML document
  • Adding video and audio to a Web page
  • Building a Web page using the Bootstrap grid system
  • Using Bootstrap to style links, buttons and form controls
  • Adding components to a page such as dropdowns, thumbnails, alerts and glyphicons

 

Course Overview

HTML Fundamentals
  • HTTP Requests and Responses
  • Static vs. Dynamic Pages
  • Tag and Attribute Fundamentals
  • Document Structure
    • Understanding <DOCTYPE>
    • Creating a Page Title
    • Indicating the Character Set
    • <head> and <body> Tags
  • Browser Support
    • HTML5 Shiv
    • CSS Reset
    • Conditional Comments
  • Using Data Attributes
Structuring an HTML Document
  • Adding Headings
  • Adding Paragraphs
  • Working with the <div> Tag
  • Adding Quotes to a Page
  • HTML5 Semantic Tags
    • <header>, <footer>, <nav>, <article>, <section>
  • Defining Hyperlinks
Formatting Text
  • Using Inline Tags
    • <b>, <i>, <strong>, <em>
  • Using the <span> and <mark> Tags
  • Defining Inline Styles
    • Changing Text Color
    • Changing Font Characteristics
    • Changing Horizontal Alignment
  • Using Character Entities
Introduction to Cascading Style Sheets (CSS)
  • Overview of Cascading Style Sheets (CSS)
  • Creating CSS Rules
  • Setting CSS Properties
    • Working with Colors
    • Units of Measurement (px, em, %)
    • Working with Fonts
  • Defining Type Selectors
  • Defining Class and ID Selectors
  • Using Attribute Selectors
  • Grouping and Combining Selectors
  • Linking to External Style Sheets
  • Embedded Style Sheets
  • Overriding Styles with !important
CSS Properties
  • Text-Related Properties
    • text-decoration, color, line-height
  • Font-Related Properties
    • font-family, font-size, font-weight
  • Background-Related Properties
    • background-color, background-image, background-position
  • Using @font-face to Add Custom Fonts
  • Changing the Opacity of Text and Images
  • Creating Rounded Corners, Adding Shadows to Boxes and Using Images as Borders
  • Creating Simple Animations Using transitions, transform, and animation
CSS Box Model
  • Positioning Elements
    • Static, Absolute and Relative
    • Controlling z-index
    • Floating and Clearing Elements
  • Visual Effects
    • Setting visibility and display
    • Using overflow and clip Properties
    • Setting Vertical Alignment
  • Box-Related Properties
    • margin, padding, border
  • Setting the Size of an Element
CSS Selectors and Pseudo-Classes
  • Relational Selectors
    • Descendant
    • Direct-Child
    • General Sibling
    • Adjacent Sibling
  • Pseudo-Classes and Elements
    • Styling Links with :link, :visited, :active, :hover
    • Adding Content with :before and :after
  • Attribute Selectors
    • "Starts With" Selector
    • "Ends With" Selector
    • "Contains" Selector
  • Selecting the nth Element
  • Selecting the nth of a Type
Working with Lists
  • Types of Lists
    • Ordered Lists
    • Unordered Lists
    • Description Lists
  • Creating List Items Using the <li> Tag
  • Creating Nested Lists
  • Using CSS to Style a List
  • Using Lists to Create a Navigation Menu
Adding Images to a Page
  • Discussion of Common Image Formats
  • Displaying Images on a Web Page
    • Using src and alt Attributes
    • Sizing an Image Using width and height Attributes
  • Common Uses of Images
    • Image Thumbnails
    • Favicons
    • Image Rollovers
  • Working with Client-Side Image Maps
  • Using the picture Element to Create Responsive Images
Displaying Information in Tables
  • Adding Tables to a Page
  • Working with <table>, <tr>, <td>, <th> and <caption> Elements
  • Creating Nested Tables
  • Using CSS to Style a Table
    • Controlling Table Borders
    • border-collapse and border-spacing Properties
  • Using rowspan and colspan Attributes
Working with Forms
  • Defining a Form
  • Using Common Form Attributes
    • action, method, enctype, autocomplete, novalidate
  • Input Elements
    • email, url, tel, search
  • Form Validation
    • pattern and required Attributes
  • Understanding Form Submission
  • Adding <label> and <fieldset> Elements
  • Single-line and Multi-line Text Fields
  • Radio Buttons and Checkboxes
  • Dropdown and Selection Lists
  • Submit, Reset and Push Buttons
  • Controlling Form Layout Using CSS and Tables
Audio and Video
  • Browser Support for Audio/Video Formats
    • Supplying Fallbacks
  • Creating Audio Effects with HTML5 <audio> Elements and Attributes
  • Adding Video with HTML5 <video> Elements and Attributes
  • <source> Elements
Bootstrap Overview
  • Overview of Mobile First Design
  • CSS3 Media Queries
  • Downloading Bootstrap
  • Customizing Bootstrap
  • Adding Custom CSS to Bootstrap
Bootstrap Grid System
  • Working with Grids
  • Defining Rows, Containers and Columns
  • Offsetting Columns
  • Creating Nested Columns
  • Changing Column Order
Bootstrap Base CSS
  • Overview of Bootstrap's Base CSS
  • Using Helper Classes and Responsive Utilities
  • Working with Typography Classes
  • Formatting Lists
  • Formatting Tables
    • Creating a Striped Table
    • Creating a Responsive Table
  • Enhancing the Appearance of Forms
    • Displaying Inline Forms
    • Displaying Horizontal Forms
  • Formatting Images
    • Creating Responsive Images
  • Styling Links and Buttons
Bootstrap Components
  • Overview of Bootstrap Components
  • Using Glyphicons to Add Symbols to Buttons and Links
  • Creating Dropdowns
  • Creating Navigation
    • Tabbed Navigation
    • Pill Navigation
    • Navigation Bars
    • Collapsible Navigation Bars
    • Breadcrumbs
  • Grouping Inputs, Buttons and Lists
  • Formatting Page Headers
  • Creating Panels
    • Grouping Panels
    • Creating a Thumbnail Gallery
  • Creating Progress Bars and Alerts
Bootstrap Plugins
  • Plugin Overview
  • Creating Tabbed Navigation
  • Creating a Slideshow Using the Carousel Plugin
  • Using Accordions to Display a Large Amount of Content
  • Adding a Dialog Box Using the Modal Plugin
  • Displaying Secondary Information Using Popovers or Tooltips


Course Benefits

  • Course materials include student guide, hands-on lab manual and USB flash drive for examples and lab work
  • Students receive a certificate of completion at the end of class
  • Students can retake any portion of a class that has been completed, within 12 months at no extra cost
  • There are no registration fees or cancellation fees

 

More Seminar Information

Software Skills Training, Inc.
Hands On Technology Transfer Computer Training

Summary

This hands on course provides a thorough introduction into the creation of a Website using HTML, CSS and Bootstrap.

Delivery Method

Seminar Seminar

Also Available As

On-Site Training On-Site Training

Who Should Attend

Web Programmers

 
Search similar training
Email this page
Print this document
 

Dates and Locations

Albany, NY
10/28/2019 - 11/1/2019
Tuition: $2795

Boston, MA
10/28/2019 - 11/1/2019
Tuition: $2795

Chelmsford, MA
10/28/2019 - 11/1/2019
Tuition: $2795

Fairfield, CT
10/28/2019 - 11/1/2019
Tuition: $2795

Hartford, CT
10/28/2019 - 11/1/2019
Tuition: $2795

see all dates/locations

 

Frequently Asked
Questions

Payment Options
Bill Me/Invoice
Credit Card

Register
Online
Fax Form

Availability
Select a date from the list at the bottom of the page for specific information about that class.

Other Information
Seminar

All Date/Location Information

Alberta (Find training in Alberta)
11/18/2019-11/22/2019 in Calgary, AB         Find a seminar in Calgary AB
11/18/2019-11/22/2019 in Edmonton, AB         Find a seminar in Edmonton AB

Alabama (Find training in Alabama)
12/16/2019-12/20/2019 in Huntsville, AL         Find a seminar in Huntsville AL

Arkansas (Find training in Arkansas)
12/9/2019-12/13/2019 in Little Rock, AR         Find a seminar in Little Rock AR

Arizona (Find training in Arizona)
12/2/2019-12/6/2019 in Phoenix, AZ         Find a seminar in Phoenix AZ
12/2/2019-12/6/2019 in Tucson, AZ         Find a seminar in Tucson AZ

British Columbia (Find training in British Columbia)
11/18/2019-11/22/2019 in Vancouver, BC         Find a seminar in Vancouver BC

California (Find training in California)
11/18/2019-11/22/2019 in Bakersfield, CA         Find a seminar in Bakersfield CA
11/18/2019-11/22/2019 in Fresno, CA         Find a seminar in Fresno CA
12/2/2019-12/6/2019 in Irvine, CA         Find a seminar in Irvine CA
12/2/2019-12/6/2019 in Los Angeles, CA         Find a seminar in Los Angeles CA
11/18/2019-11/22/2019 in Modesto, CA         Find a seminar in Modesto CA
11/18/2019-11/22/2019 in Oakland, CA         Find a seminar in Oakland CA
12/2/2019-12/6/2019 in Riverside, CA         Find a seminar in Riverside CA
11/18/2019-11/22/2019 in Sacramento, CA         Find a seminar in Sacramento CA
12/2/2019-12/6/2019 in San Bernardino, CA         Find a seminar in San Bernardino CA
12/2/2019-12/6/2019 in San Diego, CA         Find a seminar in San Diego CA
11/18/2019-11/22/2019 in San Francisco, CA         Find a seminar in San Francisco CA
11/18/2019-11/22/2019 in San Jose, CA         Find a seminar in San Jose CA
12/2/2019-12/6/2019 in Santa Clarita, CA         Find a seminar in Santa Clarita CA
12/2/2019-12/6/2019 in Santa Monica, CA         Find a seminar in Santa Monica CA
12/2/2019-12/6/2019 in Temecula, CA         Find a seminar in Temecula CA

Colorado (Find training in Colorado)
11/18/2019-11/22/2019 in Denver, CO         Find a seminar in Denver CO

Connecticut (Find training in Connecticut)
10/28/2019-11/1/2019 in Fairfield, CT         Find a seminar in Fairfield CT
10/28/2019-11/1/2019 in Hartford, CT         Find a seminar in Hartford CT
12/16/2019-12/20/2019 in Hartford, CT         Find a seminar in Hartford CT
10/28/2019-11/1/2019 in New Haven, CT         Find a seminar in New Haven CT
12/16/2019-12/20/2019 in New Haven, CT         Find a seminar in New Haven CT
10/28/2019-11/1/2019 in Stamford, CT         Find a seminar in Stamford CT
12/16/2019-12/20/2019 in Stamford, CT         Find a seminar in Stamford CT

Florida (Find training in Florida)
12/16/2019-12/20/2019 in Ft Lauderdale, FL         Find a seminar in Ft Lauderdale FL
12/16/2019-12/20/2019 in Jacksonville, FL         Find a seminar in Jacksonville FL
12/16/2019-12/20/2019 in Miami, FL         Find a seminar in Miami FL
12/16/2019-12/20/2019 in Orlando, FL         Find a seminar in Orlando FL
12/16/2019-12/20/2019 in Pensacola, FL         Find a seminar in Pensacola FL
12/16/2019-12/20/2019 in Sarasota, FL         Find a seminar in Sarasota FL
12/16/2019-12/20/2019 in Tampa, FL         Find a seminar in Tampa FL
12/16/2019-12/20/2019 in West Palm Beach, FL         Find a seminar in West Palm Beach FL

Georgia (Find training in Georgia)
12/16/2019-12/20/2019 in Atlanta, GA         Find a seminar in Atlanta GA
12/16/2019-12/20/2019 in Savannah, GA         Find a seminar in Savannah GA

Iowa (Find training in Iowa)
11/11/2019-11/15/2019 in Cedar Rapids, IA         Find a seminar in Cedar Rapids IA
11/11/2019-11/15/2019 in Des Moines, IA         Find a seminar in Des Moines IA

Idaho (Find training in Idaho)
11/18/2019-11/22/2019 in Boise, ID         Find a seminar in Boise ID

Illinois (Find training in Illinois)
11/11/2019-11/15/2019 in Chicago, IL         Find a seminar in Chicago IL
11/11/2019-11/15/2019 in Schaumburg, IL         Find a seminar in Schaumburg IL
11/11/2019-11/15/2019 in Springfield, IL         Find a seminar in Springfield IL

Indiana (Find training in Indiana)
11/11/2019-11/15/2019 in Indianapolis, IN         Find a seminar in Indianapolis IN

Kansas (Find training in Kansas)
12/9/2019-12/13/2019 in Wichita, KS         Find a seminar in Wichita KS

Kentucky (Find training in Kentucky)
11/4/2019-11/8/2019 in Louisville, KY         Find a seminar in Louisville KY

Louisiana (Find training in Louisiana)
12/9/2019-12/13/2019 in Shreveport, LA         Find a seminar in Shreveport LA

Massachusetts (Find training in Massachusetts)
10/28/2019-11/1/2019 in Boston, MA         Find a seminar in Boston MA
12/16/2019-12/20/2019 in Boston, MA         Find a seminar in Boston MA
10/28/2019-11/1/2019 in Chelmsford, MA         Find a seminar in Chelmsford MA
12/16/2019-12/20/2019 in Chelmsford, MA         Find a seminar in Chelmsford MA
10/28/2019-11/1/2019 in Quincy, MA         Find a seminar in Quincy MA
12/16/2019-12/20/2019 in Quincy, MA         Find a seminar in Quincy MA
10/28/2019-11/1/2019 in Springfield, MA         Find a seminar in Springfield MA
12/16/2019-12/20/2019 in Springfield, MA         Find a seminar in Springfield MA
10/28/2019-11/1/2019 in Waltham, MA         Find a seminar in Waltham MA
12/16/2019-12/20/2019 in Waltham, MA         Find a seminar in Waltham MA
10/28/2019-11/1/2019 in Woburn, MA         Find a seminar in Woburn MA
12/16/2019-12/20/2019 in Woburn, MA         Find a seminar in Woburn MA
10/28/2019-11/1/2019 in Worcester, MA         Find a seminar in Worcester MA
12/16/2019-12/20/2019 in Worcester, MA         Find a seminar in Worcester MA

Manitoba (Find training in Manitoba)
11/18/2019-11/22/2019 in Winnipeg, MB         Find a seminar in Winnipeg MB

Michigan (Find training in Michigan)
11/11/2019-11/15/2019 in Detroit, MI         Find a seminar in Detroit MI
11/11/2019-11/15/2019 in Lansing, MI         Find a seminar in Lansing MI

Minnesota (Find training in Minnesota)
11/11/2019-11/15/2019 in Minneapolis, MN         Find a seminar in Minneapolis MN

Missouri (Find training in Missouri)
11/11/2019-11/15/2019 in Kansas City, MO         Find a seminar in Kansas City MO
11/11/2019-11/15/2019 in Springfield, MO         Find a seminar in Springfield MO
11/11/2019-11/15/2019 in St Charles, MO         Find a seminar in St Charles MO

Nebraska (Find training in Nebraska)
11/11/2019-11/15/2019 in Omaha, NE         Find a seminar in Omaha NE

New Hampshire (Find training in New Hampshire)
10/28/2019-11/1/2019 in Manchester, NH         Find a seminar in Manchester NH
12/16/2019-12/20/2019 in Manchester, NH         Find a seminar in Manchester NH
10/28/2019-11/1/2019 in Nashua, NH         Find a seminar in Nashua NH
12/16/2019-12/20/2019 in Nashua, NH         Find a seminar in Nashua NH

New Mexico (Find training in New Mexico)
12/2/2019-12/6/2019 in Albuquerque, NM         Find a seminar in Albuquerque NM
12/2/2019-12/6/2019 in Las Cruces, NM         Find a seminar in Las Cruces NM

Nevada (Find training in Nevada)
12/2/2019-12/6/2019 in Las Vegas, NV         Find a seminar in Las Vegas NV

New York (Find training in New York)
10/28/2019-11/1/2019 in Albany, NY         Find a seminar in Albany NY
12/16/2019-12/20/2019 in Albany, NY         Find a seminar in Albany NY
11/4/2019-11/8/2019 in Binghamton, NY         Find a seminar in Binghamton NY
11/4/2019-11/8/2019 in Buffalo, NY         Find a seminar in Buffalo NY
11/4/2019-11/8/2019 in Ithaca, NY         Find a seminar in Ithaca NY
11/4/2019-11/8/2019 in Rochester, NY         Find a seminar in Rochester NY
11/4/2019-11/8/2019 in Syracuse, NY         Find a seminar in Syracuse NY

Ohio (Find training in Ohio)
11/4/2019-11/8/2019 in Cincinnati, OH         Find a seminar in Cincinnati OH
11/4/2019-11/8/2019 in Cleveland, OH         Find a seminar in Cleveland OH
11/4/2019-11/8/2019 in Columbus, OH         Find a seminar in Columbus OH
11/4/2019-11/8/2019 in Dayton, OH         Find a seminar in Dayton OH

Oklahoma (Find training in Oklahoma)
12/9/2019-12/13/2019 in Oklahoma City, OK         Find a seminar in Oklahoma City OK
12/9/2019-12/13/2019 in Tulsa, OK         Find a seminar in Tulsa OK

Ontario (Find training in Ontario)
11/4/2019-11/8/2019 in Kingston, ON         Find a seminar in Kingston ON
11/4/2019-11/8/2019 in Mississauga, ON         Find a seminar in Mississauga ON
11/4/2019-11/8/2019 in Ottawa, ON         Find a seminar in Ottawa ON
11/4/2019-11/8/2019 in Toronto, ON         Find a seminar in Toronto ON

Oregon (Find training in Oregon)
11/18/2019-11/22/2019 in Portland, OR         Find a seminar in Portland OR

Pennsylvania (Find training in Pennsylvania)
11/4/2019-11/8/2019 in Pittsburgh, PA         Find a seminar in Pittsburgh PA

Quebec (Find training in Quebec)
11/4/2019-11/8/2019 in Montreal, QC         Find a seminar in Montreal QC
11/4/2019-11/8/2019 in Quebec City, QC         Find a seminar in Quebec City QC

Rhode Island (Find training in Rhode Island)
10/28/2019-11/1/2019 in Providence, RI         Find a seminar in Providence RI
12/16/2019-12/20/2019 in Providence, RI         Find a seminar in Providence RI

South Carolina (Find training in South Carolina)
12/16/2019-12/20/2019 in Charleston, SC         Find a seminar in Charleston SC

Saskatchewan (Find training in Saskatchewan)
11/18/2019-11/22/2019 in Regina, SK         Find a seminar in Regina SK

Tennessee (Find training in Tennessee)
11/4/2019-11/8/2019 in Memphis, TN         Find a seminar in Memphis TN
11/4/2019-11/8/2019 in Nashville, TN         Find a seminar in Nashville TN

Texas (Find training in Texas)
12/9/2019-12/13/2019 in Austin, TX         Find a seminar in Austin TX
12/9/2019-12/13/2019 in Corpus Christi, TX         Find a seminar in Corpus Christi TX
12/9/2019-12/13/2019 in Dallas, TX         Find a seminar in Dallas TX
12/2/2019-12/6/2019 in El Paso, TX         Find a seminar in El Paso TX
12/9/2019-12/13/2019 in Ft Worth, TX         Find a seminar in Ft Worth TX
12/9/2019-12/13/2019 in Houston, TX         Find a seminar in Houston TX
12/9/2019-12/13/2019 in San Antonio, TX         Find a seminar in San Antonio TX

Utah (Find training in Utah)
11/18/2019-11/22/2019 in Salt Lake City, UT         Find a seminar in Salt Lake City UT

Virginia (Find training in Virginia)
12/16/2019-12/20/2019 in Arlington, VA         Find a seminar in Arlington VA

Washington (Find training in Washington)
11/18/2019-11/22/2019 in Seattle, WA         Find a seminar in Seattle WA
11/18/2019-11/22/2019 in Spokane, WA         Find a seminar in Spokane WA

Wisconsin (Find training in Wisconsin)
11/11/2019-11/15/2019 in Milwaukee, WI         Find a seminar in Milwaukee WI