Discover Classes. Earn Rewards.

Website Development with HTML5, CSS & Bootstrap is unfortunately unavailable

Thankfully we have 26 other Web Development Classes for you to choose from. Check our top choices below or see all classes for more options.

Full-Stack Web Development Certificate

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Master the art of developing complete web applications and webpages with the Full-Stack Web Development program at Noble Desktop. Gain experience in programming the front end and back end of digital applications using HTML/CSS, JavaScript, and the MERN tech stack. Build a portfolio of web applications that will impress employers and set you apart!

(372) All levels 18 and older
$7,995

79 sessions

Gift it!

Intro to Python Programming

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Discover the versatile and highly sought-after Python programming language in this comprehensive two-day course that will equip you with the skills needed to build software, analyze data, and create stunning websites. Join Noble Desktop as they guide you through hands-on exercises from day one, ensuring a solid foundation for future endeavors in data science or web development.

(372) Beginner 18 and older
$895

2 sessions

Gift it!

Intro to HTML & CSS

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Learn the fundamentals of creating webpages with HTML and CSS in this introductory course at Noble Desktop. Hand code a webpage from scratch, format text and images, and discover the power of Cascading Style Sheets. Start building your web development skills today!

(372) Beginner 18 and older

Web Development with HTML & CSS

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Learn the coding languages used to create webpages in this hands-on HTML & CSS web development course. Develop websites from scratch, style content, and make pages responsive. Get the skills to create and upload live websites.

(372) All levels 18 and older
$975

3 sessions

Gift it!

Web Design Certificate

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Learn the essential skills of web design and development, including HTML, CSS, JavaScript, and WordPress, with this comprehensive certificate program. Design and code responsive websites, create interactive prototypes and build a professional portfolio to showcase your expertise to potential employers and clients.

(372) All levels 18 and older
$4,995

26 sessions

Gift it!
See all Web Development classes NYC

Website Development with HTML5, CSS & Bootstrap

  • All levels
  • 18 and older
  • $2,795
  • (Exact location to be announced), New York, NY
  • 40 hours over 5 sessions

Start Dates (0)

  • $2,795
  • NY - Manhattan @ (Exact location to be announced), New York, NY 00000
  • 40 hours over 5 sessions
Showing 10 of 0

Class Description

Description

What you'll learn in this web development course:

All HOTT courses are available face-to-face, remote-live, on-demand or on-site at your facility

This hands on course provides a thorough introduction into the creation of a Website using HTML, CSS and Bootstrap. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

Students 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
  • Creating animations using transitions, transforms and animations
  • Defining a CSS3 grid layout
  • Using the a tag to create anchors in a page
  • Displaying information using an HTML table
  • Including forms in an HTML document
  • Validating forms using HTML5 features
  • 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

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.

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>


  • Adding Meters and Progress Bars

  • Defining Hyperlinks

  • Creating Anchors within a Page

  • Creating an E-mail Link


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 Gradients

    • Linear Gradients

    • Repeating Linear Gradients

    • Radial Gradients

    • Repeating Radial Gradients



  • Creating Rounded Corners, Adding Shadows to Boxes and Using Images as Borders


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


CSS Transforms, Transitions and Animations



  • Using Transforms

    • Rotating 2D Elements

    • Scaling 2D Elements

    • Translating 2D Elements

    • Skewing 2D Elements



  • Configuring a Transition

    • Delaying the Start of a Transition

    • Changing the Speed of a Transition



  • Creating an Animated Menu

  • Animating Buttons with Transitions

  • Using Animations

    • Controlling the Direction of an Animation

    • Controlling the State of an Animation

    • Changing the Speed of an Animation


  • Using the animation Property


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

  • Using CSS Counters

    • Incrementing a Counter

    • Creating Nested Counters




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 Icon Fonts


Displaying Information in Tables


  • Adding Tables to a Page

  • Working with <table>, <tr>, <td>, <th> and <caption> Elements

  • Creating Nested Tables

  • Grouping Table Content

  • 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


  • 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

  • Using Form-Related Pseudo Classes and Elements

  • Controlling Form Layout Using CSS and Tables


Form Validation


  • Form Validation Overview

    • Client-Side Validation

    • Server-Side Validation



  • Overview of Form Security

  • Validating Input Length Using minlength and maxlength Attributes

  • Using the pattern Attribute to Specify Regular Expressions

  • Validation-Related Pseudo-Classes


Using CSS for Page Layout


  • Using CSS for Page Layout

    • 2 Column Fixed Layout

    • 3 Column Fixed Layout

    • 2 Column Fluid Layout



  • Using CSS Grid Layout

    • Defining Grid Columns

    • Defining Grid Row

    • Positioning Rows and Columns

    • Using Grid Areas

    • Adding Spacing Between Rows and Columns

    • Aligning the Grid Container

    • Aligning Grid Items

    • Defining a Nested Grid




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


Note: Classes do not have fixed location. Prior to each class they examine the geographical location of the enrolled students and then select a venue that will provide most convenient overall access for the students. Classes are held in hotel conference rooms and exact location is determined 2 weeks prior to the course date.

Refund Policy

Tuition includes all course materials. Students may withdraw before the second day of class to receive a 100% refund, provided course materials are returned to the instructor. Prorated refunds may be granted for withdrawals after the first day.

Cancellations and Changes: There are no cancellation fees.

Attendance Requirements: Students must attend each day of a course and successfully complete hands on exercises in order to receive a certificate of completion. If a student wishes to retake any portion of a class that he or she completes, the student may do so within 12 months at no extra cost.

Intended Audience: Hands On Technology Transfer, Inc., provides IT training designed for technology professionals who wish to quickly upgrade their computer skills. In most states, the employer bears all training costs.

Reviews of Classes at Hands On Technology Transfer, Inc. (7)

(4.6-star rating across 7 reviews)
See reviews for other classes at Hands On Technology Transfer, Inc.
loading...
Hide Reviews

Review Summary by CourseHorse

Students had a positive experience in the Website Development with HTML5, CSS & Bootstrap class. They found the instructor to be knowledgeable, friendly, and helpful and appreciated the option of taking the class remotely. The class was described as informative and exceeded their expectations in terms of course material and lab explanations. They were able to walk away with practical skills in website development using HTML5, CSS, and Bootstrap. 1. "The instructor was very knowledgeable, friendly, and helpful." 2. "Both classes I've attended have exceeded my expectations from the course material to the explanation of the labs and the help I received." 3. "I hope to have additional training with instructors as knowledgeable as him."

Similar Classes

Benefits of Booking Through CourseHorse

  • Booking is safe. When you book with us your details are protected by a secure connection.
  • Lowest price guaranteed. Classes on CourseHorse are never marked up.
  • This class will earn you 27950 points. Points give you money off your next class!

Questions & Answers (1)

Get quick answers from CourseHorse and past students.

Question from Tejal S.
Hi, do you offer these courses on the evenings or weekends?
Answer from Ciarra O. CourseHorse StaffCourseHorse Staff
Hi, there's only one class time at the moment and it's 9:00AM - 5:00PM. First class schedule will be on July 24-27 (4 sessions) and next will be on Sept 25-28 (4 sessions).
Answer Show answer
Cancel

Hands On Technology Transfer, Inc.

HOTT delivers instructor-led technical training across the United States, Canada and the United Kingdom. Whether you attend in person, remote-live or on-demand, our classroom-based training philosophy zeroes in on your ability to work more productively and with higher quality results after training....

Read more about Hands On Technology Transfer, Inc.

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified NYC educator.

Hands On Technology Transfer, Inc.

Hands On Technology Transfer, Inc.

All classes at this location

Google Map

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...