(212) 684-5151

Web Development Level 1
Web Development Level 1

Course Overview

This Web Development Course is offered at our coding school in SoHo.
To view upcoming dates and register, visit the course page.

From logos to patterns, from packaging to type, we'll teach you lots of what Illustrator can do. You'll create numerous graphics in class, using the standard drawing tools, the Pen tool, type, compound paths, effects, layers, masks, patterns, blends, colors, and more.

Mastering Illustrator's vector Pen tool isn't the most intuitive process, but using our drawing templates, we'll help you to learn how to master this tool. We'll also show you ways to easily create complex shapes out of easy to draw basic components. In the end you'll be able to use these graphics and techniques on any graphic, whether it's for print or web.

In this class you'll learn how to code HTML and CSS, the coding languages used to create webpages. We focus on best practices for structuring the content of your webpages with HTML and then styling the content with CSS.

Once you have the basics under your belt, you'll move on to real-world page layout. You'll learn text and link styles, centered page layout, background images, CSS-based navigation, forms, uploading files via FTP, and much more. We will provide you with the content and prepared images for use in these projects but this training will give you hands-on practice coding websites from scratch all the way through uploading them to make them live.

What You'll Learn in this Class:

  • Create a basic web page
  • Structure content
  • Apply styles
  • Work with tables
  • Navigate a website


Students should have a basic understanding of Windows, including how to use files and folders.

Next Classes:

Related Classes:

See Also:

Web Development Level 1 Training Outline

Lesson 1

• Coding Basics: Intro to HTML Syntax
• Coding Links
• Adding Images

Lesson 2

• Intro to Cascading Style Sheets (CSS)
• The Div Tag & Basic Page Formatting
• Using Browser Developer Tools
• HTML5 Semantic Elements
• Fluid Layout & Max-Width

Lesson 3

• Revolution Travel: Real World Layout
• The Box Model
• Floats & Images
• Coding Links: Images, Email, & Named Anchors

Lesson 4

• Styling Links
• Styling the Navigation
• Shared CSS & Centering Content
• Setting the Viewport Meta Tag

Lesson 5

• HTML & CSS Wireframe
• CSS Background Images
• Fun with Fonts
• Hipstirred Layout: Fine Tuning with Box Model

Lesson 6

• CSS Buttons & Floats
• Hipstirred: Hi-Res Images
• Uploading to a Live Website via FTP
• Form Basics