Code your first Website using HTML & CSS: Project Learning
4.2 (370 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
9,555 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Code your first Website using HTML & CSS: Project Learning to your Wishlist.

Add to Wishlist

Code your first Website using HTML & CSS: Project Learning

Learn to hand code your very first website using HTML & CSS. Learn by creating a awesome website project from scratch!
4.2 (370 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
9,555 students enrolled
Created by Chris Dixon
Last updated 12/2016
English [Auto-generated]
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • 1 Article
  • 5 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build websites confidently using the fundamental web skills HTML and CSS.
  • Set up web projects correctly and link to javascript files to improve cross browser compatibility.
  • Build a great looking and functional website for personal, business use or to kick start a new career.
View Curriculum
  • Basic computer skills such as downloading and installing software.
  • Ability to create, save, rename files and folders etc on a computer.

Learn how to build websites from scratch using the essential ingredients, HTML and CSS.

This course involves building a great looking recipe based website project. 

This project is taken from my full course, Learn HTML & CSS by Building 3 Projects. I have offered this project as a taster for anybody looking to get into building websites, to get a feel for what is involved and to see if it is the career for you.

This course is project based so you be jumping into building your first website in no time. Don't worry if you have little or no experience, I will take it easy and try to clearly explain what we are doing and learn as we build.

I believe this is the best way to learn, you will be able to apply what you are learning to a real project and instantly see the results.

So enrol now and I look forward to having you on board!

Who is the target audience?
  • This course is intended for beginners. No experience is necessary however if you have some experience this may be a good refresher on the core concepts of building websites (HTML & CSS).
  • You probably should not take this course if you are looking for a intermediate or advanced course, no server side or scripting languages are discussed in any detail.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
16 Lectures
Introduction & Getting Started
8 Lectures 24:08

This video is for students new to Udemy. We look over the Udemy screenshot and emphasise using the HD button to get clearer, sharper HD video on this course.
Preview 02:36

All tools and software used in this course is completely free and easy to download. All that is needed is a computer with internet connection, a text editor and a web browser. This course uses Brackets as the text editor and Chrome for the web browser. Everything you need to begin web design.

Tools Required
7 pages

At the end of this slideshow you will learn:

  • What HTML is and how we use HTML elements to structure a webpage.
  • How HTML attributes are used in tags to provide more information.
  • How to nest HTML elements.
  • What CSS is used for.
  • How CSS allows us to keep our styling separate from our content.
  • You will discover CSS syntax.
  • The 3 ways to add CSS to our web pages.
The main thing to take away from this slide show is:

HTML is for the Content and Structure, CSS is for the Styling and Layout.

What is HTML & CSS?
8 pages

All images are provided for the project to follow along with the course.
Download Images for the project
1 page

This video will teach you how to correctly set up your project.

You will learn how to arrange you html pages, css files, javascript folders and project images.

Preview 04:01

This video will show you how to set up a basic HTML structure. You will learn:

  • How to include the html doctype.
  • Setting the html tags and including the page language.
  • Including the head and body section.
  • How to set the page title.
  • Using the head section to include meta tags such as the character set.
  • How to link stylesheets.
  • Why we need the HTML5 Shiv and how to include it in our projects.
Preview 09:38

A quick look at some useful resources which may help you when building websites using HTML & CSS.
Useful Resources
Project- MyRecipes Website
6 Lectures 01:01:07
This video looks at adding the HTML for our header section of our MyRecipe website.
HTML5 Header Section

Now the HTML for the header is finished we look at styling the header section using CSS.
Styling the Header

This video is all about moving on from the header section and adding the HTML for the main content section.
HTML- Main content area

Lets now add our CSS styling for the content area. We provide styling for the main images, you will also learn about floating images and absolute/relative positioning.
Styling the main content

In this video we move onto adding the HTML for the footer section.

HTML- Adding the footer

The final video in the section is all about finishing off your website by adding CSS styling for the footer section.

Styling the footer
Thank You and What Now?
2 Lectures 00:57
Thank You

Keep on learning
About the Instructor
Chris Dixon
4.5 Average rating
1,176 Reviews
14,875 Students
8 Courses
Web Developer and teacher at CodeSmart Academy

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.