Web Development with HTML & CSS

Hands-on Training from Experts NYC or Live Online

Learn how to code webpages using HTML and CSS, from structuring and tagging content to styling and making the pages responsive. Upload and make your websites live using FTP.

  • Free retake
  • Expert instructors
  • 1:1 Bonus Training
  • Why Noble?

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.

Read more

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

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.

Web Development with HTML & CSS is rated 4.9 stars by 264 students

in the past 24 months

This course exceeded my expectations! The instructor made web development accessible and engaging for beginners. The detailed explanations and hands-on exercises made learning HTML & CSS an enjoyable experience. I highly recommend Noble Desktop to anyone interested in web development.

This class was an absolute blast! From mind-bending discussions to eye-opening lessons, it was a journey of discovery and growth. Surrounded by brilliant minds and guided by an awesome instructor, I've gained invaluable insights and skills. Ready to rock the world with this newfound knowledge!

I'm telling everyone about this course. It is designed with the learner in mind, 100%. I was able to grasp core concepts and understand the why behind much of what we were doing. I'm not a professional coder (yet), but it made me feel like I was.

I'm a project manager and graphic designer, and come from a no-code background. I've tried learning to code before but found online learning resources dull and overwhelming. Noble Desktop's class materials are awesome, filled with helpful tips and clear writing, altogether making coding more accessible for professionals and coding novices like me.

This course is great for anyone who has no experience or even very little experience in programming. It's a simple step in learning how to use various developer tools and helps to build confidence in other areas of programming moving forward.

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.


Agentsie

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


Hudson River Park Trust

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

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

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.


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)!

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!!!

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.

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.


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.

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.

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.

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

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

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

I never thought learning coding at Noble Desktop would be so easy.

Web Dev 1 cleared away any anxiety I had about learning HTML and CSS. Their practical approach is far more effective than my previous two programs. I feel as though I have a solid foundation through which I can build upon. Thank you!

I had limited exposure to coding before taking the Web Development Level 1 course at Noble Desktop, and the amount of content I learned in just three days totally exceeded my expectations. I really enjoyed having coding exercises modeled for me by the instructor before having the chance to try them on my own.

This course teaches how to build a great-looking site from the very beginning to going live online in 3 days. Well-worth the investment.

I totally enjoyed Web Development 1 and learned a great deal. Dan Rodney is an excellent instructor. He is thorough and informative. He makes HTML look easy!

This class was extremely insightful. The instructor and materials definitely elevated my knowledge in this field.


WebMD

Great investment for a rock-solid foundation in web development.

I was a bit worried coming into my first class but after completing the first day, I realized it was all in my head and the instructor was great at teaching us at a reasonable pace.

I enjoyed the web development class very much. Anyone who want to learn how to design a website should come to this class!

Online class was very enjoyable - seemed like I was right there in the class with everyone. Instructor was very attentive to everyone and worked well with each learning level!

Great course! Solid information.

This class was laid out in a very easy-to-understand fashion. The instructor was very well-spoken and took time to explain concepts in response to questions without derailing the subject matter being taught.

I learned a lot of new things...many tips and tricks that I can apply to my next projects. Devin was very informative and went over the material at a good pace.

Devin was attentive, patient, and very understanding when answering questions presented by the class. When it came to breaking down the concepts and reasoning behind each section within the course, he added more context and presented analogies to help us understand and familiarize ourselves with them more. The way he would add humor into the lectures helped keep my attention and eased me as a beginner learning a new coding language. The addition of tips that he uses in his personal career when tackling projects that utilize the same language being taught in the course helped a lot. I would take a course from him again for sure!

The class is interesting and includes hands-on practice. Sneha is nice and patient, always willing to help.

I dabbled in HTML and CSS on my own last year and I took this course to fill the gaps in my education. I was on the fence about bootcamps, but I'm so happy to have been proven wrong! The last HTML and CSS session left me emotional, because I finally understood the reasons behind why my code wasn't working. For the first time, I feel capable of programming :)

If you want an engaging course that will challenge you to cement the course material, led by professional instructors who will encourage you to ask questions, be patient, and provide an inclusive, welcoming environment - then do sign up! They give you such a bang for your buck. I feel confident that my skills will help me build a portfolio for developer roles I am ambitious to pursue.

This class distilled web development and HTML/CSS into simple, understandable terms in just 18 hours. If you're looking to start coding for any reason, I can't recommend it enough.

This is the go-to class for diving into coding. It made me realize that with the right teachers, anything is possible.

This course is great for a beginner! I learned a lot and am excited to put into practice the skills and knowledge I gained from this course.

You can show up not knowing what a computer is and leave knowing basic HTML and CSS.

Great introduction to HTML/CSS.

I feel like I learned what I need to know to build a basic website, thanks to the instructor's explanations, demos, examples, and walkthroughs. The code examples and comments made in class are excellent references for future website development projects.

Schedule & Enrollment: Web Development with HTML & CSS

  • 18 Hours
  • $975
  • NYC or Live Online
  • Free retake
  • Expert instructors
  • 1:1 Bonus Training

Show more

Compare Web Development with HTML & CSS to Similar Courses

Select up to two courses and tap Compare selected courses to view a side-by-side comparison of Web Development with HTML & CSS with your selected courses.

  • Front-End Web Development Certificate
    108 hours $3,495

    Learn front-end web development with HTML & CSS, and JavaScript, and gain skills in building responsive websites for any screen size. Additionally, learn how to use WordPress, the world's leading content management system, to create customizable websites and edit content without coding experience.

  • Web Design Certificate
    162 hours $4,995

    In this certificate program, you will become a well-rounded Web Designer and learn to design webpages, code them with HTML & CSS, and JavaScript, and build websites with WordPress, allowing you to create a diverse portfolio to showcase your skills to potential employers or clients.

  • Full-Stack Web Development Certificate
    420 hours $7,995

    Gain the skills and knowledge to become a Full Stack Developer and meet the growing demand for professionals who can develop and maintain web applications. This project-oriented course teaches you how to code websites from scratch, and you'll build a portfolio of working web applications to showcase to potential employers.

  • Software Engineering Certificate
    510 hours $10,995

    Learn front end development with HTML & CSS, JavaScript, and React, and back end development with Python, Django, and Node.js. Get 1-on-1 mentoring and a structured curriculum to become a skilled Software Engineer or Full Stack Developer.

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!

Read more

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 with HTML & CSS class, or for the most thorough training earn a certificate in front-end development, full-stack development, or 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 with HTML & CSS class. Dive deeper in our Advanced HTML & CSS class where we cover many important CSS concepts. In our Flexbox, Grid, & Bootstrap class you’ll learn how to use flexbox and grid to layout, align, and reorder webpage content, as well as make it adapt to different size screens. The classes can be taken individually, or as part of a certificate program.
Web Graphics
  • Mobile phones and tablets all have hi-res screens (Apple calls them Retina), and most laptops/desktops have hi-res screens as well. For 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 web graphics (as well as how to design webpages) in our Figma class.
Yelp Facebook LinkedIn YouTube Twitter Instagram