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:

  • Coffee website coded with background images and icons

    Use HTML & CSS to code layouts with images, text, links, call-to-action buttons, and more.

  • Travel website coded to be responsive on mobile

    Create fluid layouts that work across devices.

  • Registration form coded with HTML and CSS

    Learn to use the DevTools built into web browsers to inspect and experiment with code.

  • Travel website coded with HTML and CSS

    Use CSS to style content and lay out pages.

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.

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

    STEWART FEUER

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

    Scott Carson

  • “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

    Attended Web Development Level 1 to start learning coding

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

    Benjamin Schneider

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

    Lily Crager

  • “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.”

    Kevin

  • “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

  • “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

    Marilyn quickly learned HTML & CSS in the Web Development Level 1 class

  • “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

    William enjoyed the teaching method and learned HTML & CSS

  • “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

  • “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

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

Students learning web design

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

Every Web Development class comes with a custom workbook

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

Students learning HTML & CSS skills in class at Noble Desktop

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!

Web Design Certificate graduates

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

HTML
  • 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
  • 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.