Yelp Facebook LinkedIn YouTube Twitter Instagram

Web Development Level 1

Web Development Training NYC

Learn to Code Websites with HTML & CSS

In this coding class, you’ll learn how to develop websites with HTML and CSS, the coding languages used to create webpages.

You’ll get hands-on experience coding websites from scratch, all the way through uploading to make the site live. You’ll learn best practices for structuring and tagging the content of your webpages with HTML, and styling the content with CSS.

Using HTML, you’ll learn how to create webpages with text, images, and more. With CSS you’ll style the content, create centered page layouts, add background images, style navigation, and make the page responsive so it adapts to various screen sizes using media queries. To make the site go live you’ll upload files via FTP. We provide you with prepared content (text and images) so you can focus on coding.

  • Small Classes
  • Computer Provided
  • Book included
  • Free Retake

Take this class as part of a certificate program and save:

Start Coding HTML & CSS at a Top NYC School

Noble Desktop has been teaching coding since the early days of the internet, so we know how to quickly cover a lot of material, in a way that makes the concepts as easy as possible to understand. We’ll get you up and running, so you can start hand-coding HTML & CSS right away.

Students learning web design
circle-arrow-solid circle-arrow-solid

Hands-on Teaching Style

“I really enjoyed the format of this class...Watching the instructor go through the lesson first and give extra tips to help solidify the information outside of what is written in the workbook is immeasurably helpful... The course helped to show the "why" behind the process. The instructors have been very knowledgeable...The hands on approach is just what is needed in this type of course.”
Sarah Lightman, Senior Marketing Specialist

Custom Workbook Included

“Web Development Level 1 is an excellent introduction to HTML and CSS coding. The fundamental elements were explained and hands-on exercises bolstered an understanding of each function. If you are looking to build a simple web site or gain knowledge of basic coding for customization of existing sites this course is definitely helpful.”
Carla Siegel, Art Director

Learn Practical Skills

“The class was a great introduction to HTML and CSS! I definitely feel like I have a better understanding of WHY you do certain things and the logic behind the code. It was beginner-friendly and taught practical skills that I can already use. After going home on the last day, I was able to update the navigation on my company's website and add a new page that fit the rest of the website's styling. I could even make it mobile compatible! If I'd tried this a week ago, I probably would've crashed the whole site.”
Mary Murphy, Manager

Part of a Certificate Program

This is the first class in our web development certificate programs. Take this and additional courses to earn a certificate!

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.

Web Dev I exceeded my expectations and I now feel comfortable with HTML and CSS.

Patrick Kosmowski

Very intuitive and hands-on learning which makes the concept of web development easy to grasp.

David Lemaire

Learning with Sneha was fantastic - great material, made learning to code easy and understandable - and best teacher ever!


Web Development Level 1 is an excellent introduction to HTML and CSS coding. The fundamental elements were explained and hands-on exercises bolstered an understanding of each function. If you are looking to build a simple web site or gain knowledge of basic coding for customization of existing sites this course is definitely helpful.

Carla Siegel, Agentsie

If you want to get a quick inside look at web development, this class is the right one for you!

Benjamin Schneider, Hudson River Park Trust

Exactly the place to start learning. Great pace, great price and overall a great time.

Lily Crager, N/A

Very approachable way of learning a new skill. Nothing seems out of reach when it is taught this way.

Juan Lemus

I think I learned more about coding in 3 weeks than I did in 4 years of design school.


As a first time coding student, I have to say that I was very excited yet nervous that to begin a class that spoke a "different language". Noble Desktop's Web Development 1 class is laid out in such a way that makes it easy for students from any background to learn and understand an extensive amount of content in a simplified way.

Jessica Sepulveda, East Meadow UFSD

Sneha is a natural teacher, funny and well-informed. I felt both supported and challenged by the class. Highly recommended for beginners (and self-taught people like me, with major gaps in their knowledge)!

Jake Thomas

Just completed the Web Development Level 1 Class. I never thought that I would learn HTML and CSS so quickly. The instructor was great. I would definitely recommend taking classes at Noble Desktop!!!

Marilyn Khan

I found the Web Development 1 course very informative, easy to follow, and highly engaging. I find the methods used to teach the course very effective. I finally understand the basics of HTML and CSS, and I'm ready for more. Where other guides become so daunting and lose me, the method used in this class made it much easier to understand the material and learn.

William Montalvan

I had always wanted to learn web design but wasn't sure where to start. Noble Desktop gave me the push necessary to get a firm grasp on the basics and built the necessary foundation for me to start exploring new possibilities on my own. The skills learned will most definitely help me grow both professionally and creatively.

Luis Felipe Basaure, United Nations

Noble's learning and instruction approach is very well-structured and organized. You learn (and code) a lot in three days. Web Development Level 1 is a great introduction to the world of Web Development. I look forward to moving to Level 2.

Tim Dolan

If you are looking to grow in the world of graphic arts, Noble Desktop is the best place in New York!


Noble Desktop is still the best place in NYC to take web coding and graphic design classes.

Scott Carson

This course is both an excellent introduction for beginners in web development and a handy refresher for intermediate coders or coders with rusty skills. I highly recommend it.

Dawn Cavalieri

circle-arrow-solid circle-arrow-solid

Frequently Asked Questions

  • Are there prerequisites? Do I need to come in with any prior coding knowledge?

    No. Prior coding experience is not required for this certificate program. Students only need to be comfortable with using a computer.

  • Do I need to bring anything to the class?

    No. We provide computers (Mac or PC) with a coding editor installed. Choose your operating system at checkout.

  • Do you offer discounts or a payment plan for this course?

    • 10% Alumni Discount: Get 10% off this course if you’ve previously taken any 12+ hour course.
    • $100 Individuals Discount: Take $100 off this course if you’re an individual paying for yourself (you’re not being reimbursed by a company).

    Discounts are applied at checkout (no promo code required) and will be verified after you place your order. Discounts are subject to change. Read our discount policies for more details.

    Payment Plan

    This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.

    Take this course as part of a certificate program and save:
  • Can I take this course online (remote learning)?

    You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

    How does attending “live online” work?
    • Students can attend this training remotely through screen sharing software (we use Zoom).
    • Participants can hear the instruction, ask questions, and even share their screen with the instructor.
    • For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
    • Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!

Learn to Build Websites Using HTML & CSS

Creating a Website (From Design to Code)

Designers will typically use a design app such as Sketch, Adobe XD, or Photoshop to design the look and feel of a website. They will design how the site will work and look, as well as creating the graphics that will be used in the website. Then the design needs to be turned into code so it can work in a web browser. This is done using HTML, CSS, etc.

Coding the Website

Every webpage is fundamentally built with two coding languages: HTML and CSS.

  • With HTML (HyperText Markup Language) you tag content as headings, links, images, and more.
  • With CSS (Cascading Style Sheets) you style that content based on the HTML tags.

Some types of coding are easier than others, but HTML is one of the easiest types of coding you’ll find. CSS is a bigger language and a bit more complex than HTML, but still is much easier than coding an iOS app with Swift would be (that’s much higher level and more challenging).

A cool thing about HTML and CSS is they’re not only used to create webpages. We also use HTML and CSS to create emails, eBooks, and web apps.

Code Editors

You write code in a code editor such as Sublime Text, Atom, or Visual Studio Code. Code editors are an app for your Mac or PC that are like a specialized text editor. So instead of writing in Microsoft Word, you write the code in a code editor which understands coding languages and can assist you to write code faster and easier.

Making the Site Go Live

After you’re done building the website on your computer, you’ll want to upload it so everyone can go to the website using a website address (such as a .com URL). For this you’ll need a web host and a domain name. You can get these from one company or two separate companies. When getting started it’s easier to get them both from one company. The web host will set up a web server for you, with a folder where you put your files (HTML, CSS, images, etc.). The domain name is an web address (such as .com .io or .net). It is a pointer, and behind the scenes sends visitors to the web host (which has your files) so anyone can see your website!

Once you have a web host and a domain name you’ll need to upload your files. You’ll log into your web hosting account and find the FTP info. FTP stands for File Transfer Protocol, or in other words: copy files over the internet. You’ll need the FTP address, user name, and password. Once you have that information, you can use an FTP app (such as Cyberduck, which is free) to upload the files to your web host. Once the files have been uploaded, you can go to your .com address and see the live website!

Learn HTML & CSS in Classes & Certificate Programs

  • To create webpages and emails we use HTML code (Hypertext Markup Language).
  • HTML tags mark up (label) content to indicate headings, paragraphs, lists, links, images, and more.
  • You can get a quick start in our 3-hour Intro to HTML & CSS class, dive deeper in our 18-hour Web Development Level 1 class, or for the most thorough training earn a Certificate in Web Design.
  • CSS (Cascading Style Sheets) code is used to style the contents of a webpage (or email), based on the HTML markup.
  • CSS controls the appearance of everything, from fonts and color, to building responsive page layouts that look good across screen sizes (mobile, tablet, and desktop).
  • Start learning CSS in our Web Development Level 1 class. Dive deeper in our Web Development Level 2 class where we cover many important CSS concepts, such as media queries. Learn more advanced ways to optimize for mobile devices and building responsive pages in our Mobile & Responsive Web Design class. The classes can be taken individually, or as part of our Web Design Certificate program.
Web Graphics
  • Mobile phones and tablets all have hi-res screens (Apple calls them Retina), and laptops/desktops are getting hi-res screens as well. For modern websites it’s important to know how to properly create these hi-res graphics, which are often referred to as @2x because the screens are twice the resolution of low-res screens.
  • JPEG is an image format that’s good for optimizing photographs.
  • SVG (Scalable Vector Graphics) enables you to use vector graphics, which look great at any size and for any resolution screen. They download quickly, can be animated with JavaScript (such as GreenSock), styled via CSS, and more!
  • PNG is an image format that’s good for optimizing graphics such as logos and icons. While SVG is replacing PNG in many cases, we still need PNG for HTML Email (where SVG is not as well-supported) and when we need transparency for photographic imagery.
  • Learn how to create and optimize web graphics (as well as how to design webpages) in any of these courses: Sketch, Photoshop for Web, or Adobe XD.