Web Development with HTML & CSS

NYIM Training

4.5 750 reviews

Get a jump start on web development through this beginner-friendly course. Learn how to create webpages with text, images, and videos using HTML, and style them with CSS. Build your coding skills and deploy your sites with ease.

Beginner
18 and older
Earn 10% Rewards
Price Lock

Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!
Interactive Online Classroom
21 hours over 3 sessions

Book at School

Express Checkout – $975

Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Start Dates (3) $975/person

Tue. Jan 5th, 10am–5pm ET

Show all 3 sessions

Tue, Jan 05 at 10:00am - 5:00pm
Wed, Jan 06 at 10:00am - 5:00pm
Thu, Jan 07 at 10:00am - 5:00pm

20 left

Book

Tue. May 11th, 10am–5pm ET

Show all 3 sessions

Tue, May 11 at 10:00am - 5:00pm
Wed, May 12 at 10:00am - 5:00pm
Thu, May 13 at 10:00am - 5:00pm

20 left

Book

Tue. Sep 7th, 10am–5pm ET

Show all 3 sessions

Tue, Sep 07 at 10:00am - 5:00pm
Wed, Sep 08 at 10:00am - 5:00pm
Thu, Sep 09 at 10:00am - 5:00pm

20 left

Book

Showing 1 – 3 of 3

Book a Private 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.

Description

This web development class provides an accessible introduction to website creation for beginning coders interested in learning HTML and CSS fundamentals.

Study best practices for organizing webpage structure with HTML and then applying visual presentation with CSS design techniques. Through HTML, you will construct webpages incorporating text, images, video content, lists, and additional content types. CSS empowers you to implement professional styling and create responsive layouts that intelligently adapt to different screen sizes. By the course conclusion, you will understand how to publish websites to live servers using FTP file transfer protocols.

We supply all learning materials, so your focus remains entirely on mastering the coding fundamentals. Throughout this course, you will engage in practical, hands-on coding activities from your very first line of code through site deployment and publication.

Learn more about Web Development with HTML & CSS at NYIM Training.

Remote Learning

This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.

Upon registration, the instructor will send along additional information about how to log-on and participate in the class.

Also available in-person in NYC

Syllabus

Section 1

Coding Basics: Intro to HTML Syntax

Basic tags: HTML, head, title, & body
Headings, paragraphs, & lists

Tags & Attributes: Strong, Em, Doctype, Lang, & Meta

Strong & em tags
Doctype
Lang attribute
Meta tag & unicode character set

Coding Links: Absolute & Relative URLs

Anchor tags & hrefs
Linking to other websites
Linking to pages within a website
Opening a link in a new browser window/tab

Adding Images

Break tag
Image tag & source attribute
Using width, height, & alt attributes

Section 2

Intro to Cascading Style Sheets (CSS)

Style tag
Tag selectors
Font-size, font-family, color, & line-height properties
Hexadecimal color codes

CSS Class Selectors

Class attribute
CSS class selectors
Span tag
CSS opacity

Browser Developer Tools & Validating HTML

Opening the DevTools in Chrome
Editing HTML in the DevTools Elements panel
Enabling, disabling, & editing CSS in the DevTools
Using DevTools to fine-tune your CSS
Hexadecimal shorthand
Checking for errors: validating your code

Section 3

HTML Semantic Elements & the Document Outline

Using headings to produce a good document outline
Header, nav, aside, & footer elements
Articles & sections
Main element
Figure & figcaption elements

Revolution Travel: Page Layout

Organizing content into semantic sections
Adding images
Tagging headings

The Box Model

What is the box model?
Setting width
Adding a hero image
Fluid-width images
Setting a default font for the page
Margin & padding spacing
Centering divs

Coding Links: Images & Page Jumps

Anchor tags & relative URLs
Wrapping links around images
External links (using the target attribute)
Links within a page

Section 4

Styling Links

Styling the anchor tag
The :link, :visited, :hover, :focus, & :active pseudo-classes
Ordering link styles

Styling the Navigation

Semantically correct navigation
Overriding default list styles
CSS navigation styles
Using descendant selectors

Specificity, Shared CSS, & Centering Content

CSS specificity
Overriding other link rules
Moving embedded styles into an external CSS file
Sharing styles across a site
Text-align property

Setting the Viewport Meta Tag

Disabling mobile browser text size adjustment
Viewport meta tag
device-width
initial-scale
maximum-scale

Section 5

Starting a New Site & CSS Background Images

Setting a default font
Removing default page margin
Linking to an external style sheet
CSS background images
background-position
background-repeat
background-size

Adding Custom Fonts (using Google Fonts)

How to use Google Fonts
Safe fallbacks in the font stack
Improving line-height & margin for text legibility

Page Layout: Fine-Tuning with the Box Model

Removing the extra space below an image
Setting a max-width
Outer & inner wrappers
The difference between ID & class selectors

Section 6

Navigation Bar Layout: Intro to Flexbox

Coding & styling semantically correct navigation
Intro to using Flexbox for layout

Hipstirred: Hi-Res Images

Retina or HiDPI graphics (@2x images)
Setting HTML or CSS size to half the image’s native size
Code pixels vs. hardware pixels

Creating Columns: Intro to CSS Grid & Media Queries

Creating a 2-column layout with CSS Grid
Finding an appropriate breakpoint
Using a media query to change the layout at a specific screen size

Refund Policy

Students may cancel up to 11 business days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price).
Cancellations within 11 business days are not permitted, but students may reschedule up to 4 business days before the class start date.

For cancellations and reschedules, please email us at [email protected]

Reviews of Classes at NYIM Training (750)

(4.5-star rating across 750 reviews)

See reviews for other classes at NYIM Training

Hide Reviews

Similar Classes

NYIM Training

NYIM is a highly regarded training provider that offers courses teaching computer software programs to business professionals. With a practical and hands-on approach, they have earned a reputation for their real-world application-focused instruction.

View school profile

Vetted by CourseHorse

A verified Online educator.

Web Development with HTML & CSS