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.4 (353 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,538 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 16
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2015 English

Course Description

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!

What are the requirements?

  • Basic computer skills such as downloading and installing software.
  • Ability to create, save, rename files and folders etc on a computer.

What am I going to get from this course?

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

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction & Getting Started
Welcome and what we will be building.
Preview
01:28
02:36
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.
7 pages

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.

8 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.

1 page
All images are provided for the project to follow along with the course.
04:01

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.

09:38

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.
06:25
A quick look at some useful resources which may help you when building websites using HTML & CSS.
Section 2: Project- MyRecipes Website
11:23
This video looks at adding the HTML for our header section of our MyRecipe website.
16:52
Now the HTML for the header is finished we look at styling the header section using CSS.
09:01
This video is all about moving on from the header section and adding the HTML for the main content section.
14:54
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.
03:22

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

05:35

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


Section 3: Thank You and What Now?
Thank You
00:42
Keep on learning
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Chris Dixon, Web Developer and teacher at Core Web Training

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.

Chris

Ready to start learning?
Take This Course