Create a Website: Structure (Intro to HTML)

The web connects us like never before. It is thrilling to think that somewhere on the other side of the planet someone could be looking at the exact same website you are browsing, maybe at this exact minute even! We are a social species, and we, as a group, enjoy sharing ideas, information and more. We do so continuously and with an efficiency never matched before thanks to the web. In some regards, that is why you want to take this class, because you would like to create a website for the first time ever (or in forever), and you know it all starts with the structure. You can't put up drywall or a roof on a house without building the skeletal frame first. In this class, you will learn the basics of HTML, the content language of the web. We will explore HTML usage, its syntax and best practices when it comes to HTML file setups. We will also look into key features of HTML such as relationships between elements, the box model and specificities (classes, ids, attributes) which will be extremely important as we continue our journey. Finally we will put all that into practice by creating a web page using Codepen.io

Instructor:
Sandra Bermond | Innovation Co-Lab Program Manager
Sandra manages the Innovation Co-Lab roots program as well as teaches several workshops. She has a background in web design and front-end development, as well as a passion for artistic endeavors regardless of the medium.

This class will be hosted via Zoom. You will receive an email with the Zoom link a day before the class. Attendance will be taken and the session will be recorded.

View Enrollment Sessions
  • HTML
  • Web Development

About Course

Outline

  • Review of HTML Usage and Syntax
  • Finding help on the internet
  • Hello World
  • Looking for Content
  • Coding of a first page

Objectives

  • Understand what HTML is and how to use it
  • Know where and what to look for when in need of help
  • Searching for content on the web (usage rights)
  • Create a simple HTML document which contains links and images

Files

Examples

html-intro html-intro html-intro

Enroll

Interested in taking this class? Enroll in one of the sessions below!

3/15/2021

3:00 PM - 5:00 PM

Location: Online

25 seats left!

Enroll

This class is part of our Web Development (Front End) Track

See the whole track

Suggested Courses

Course Graphic

Create a Website: Styling (Intro to CSS)

In this class, you will learn the basics of CSS, the styling language of the web. We will explore CSS usage, its syntax and best practices when it comes to CSS file setups. We will also look into key features of CSS such as the cascading model, and the specificity model.

Learn More
Course Graphic

Web Accessibility

The goal of a website is to be found and used, but to do that, it must be accessible. Depending on the type of website, accessibility rules may be mandatory, but even if you are only planning on creating a cat blog for you and your family, accessibility should be on your mind.

Learn More
Course Graphic

Style a Website with Bootstrap

Hate spending time styling things with CSS, but still need a good looking web interface? Bootstrap is just the ticket! Come to this class to learn how to make your website ready to roll in just a few minutes with Bootstrap!

Learn More