Build a responsive website in a day! No tricks

Start learning CSS and HTML today and have your website up and running tomorrow!
4.9 (7 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.
168 students enrolled
Take This Course
  • Lectures 43
  • Length 4 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 4/2016 English

Course Description

Course Description

HTML and CSS are the two most essential languages you must learn if you want to become a web developer - they can also the easiest if you learn in the right way. 

With this thorough course you will learn all the skills you need to create a beautiful portfoilio  website. 

You will watch clear videos where  I code along side you and provide the code in a PDF that you can reference later on this course. This is a foolproof way of learning HTML and CSS fast. The quicker you learn these languages the faster you can start making money from them!

Take this course if you want to learn HTML and CSS in a fast and efficient way. You will code a fantastic portfolio website and learn all the skills  to code any website you want !

Why take this course?

Currently the world is undergoing a digital revolution, companies and sectors are using their digital capabilities to innovate and transform how they operate. The rapid rate of change has meant many companies now exist purely online  - so if you haven't already started thinking about your coding skills it is time to start. Whether you want to be able to create a start-up or start a career as a web designer or even just create your own blog site then this course is for you!

With just 44 lectures and  just over 4 hours of your time we will get you up and running and ready to code websites with confidence and finesse!

** You will also get several cheat sheets that I have created to make learning HTML and CSS even EASIER!

What are the requirements?

  • Internet
  • Text Editor (e.g text wrangler)
  • Willingness to Learn

What am I going to get from this course?

  • Make a website
  • Be confident using CSS and HTML to build any website

Who is the target audience?

  • Budding Web Designers
  • Anyone who wants to get into the Digital World

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.


Section 1: HTML - lets get started

Learn how to set up the folder structure ready for your HTML and CSS coding!


Learn the basic structure of a webpage that you will need to put in place each time you make a new website!


Code used to create Headings in HTML


Learn how to input paragraphs and text on your webpage using the p tag. 


Dip your toes into a bit of styling!!

3 questions

Here we test the principles we have learnt so far in the HTML section of the course. 


Learn how to add unordered and ordered lists  - these are very useful and used for navigation bars also!


Learn how to add links to another site and to add links to other places within your site!


Learn how to add an image to your website!


Learn how to add tables to your website!


Learn what iframes are and how to add iframes to your website!


Learn how to embed videos to your website


Add mp4 audio onto your webpage!


Add forms to allow you to collect your customers information onto your webpage!

3 questions

Congratulations in getting to the end of the HTML course - you are pretty clued up now so lets see what you have learnt!!

Section 2: CSS - making websites beautiful!

Intro to CSS - Lets start styling web pages


This explains the box model theory of the CSS and is accompanied by an image that shows the way in which the page is controlled. 


In this lecture we explore the different ways that we use color to achieve beautiful websites. We look at the several ways in which color can be represented. 


In this lecture we introduce divs as a way to control the styling of blocks of the webpage. 


This lecture looks at how we use classes and Id's to style and control out webpage.  Attached is some of the code we write in a word doc. However - this is not something you should just copy and paste - go through the examples in the video. 


This lecture looks at margins, padding and borders and how we move items around the page. There is no accompanying code sheet as this will be within the final project code. 

CSS Quiz
3 questions

In this lecture we will look at the different variables that we can set for position and how the objects interact with each other on the web page. 


In this lecture we look at how we can float elements to either the left or right and the impact that has on the layout of the webpage. 


In this lecture we look at how to style images and also how to style background images. 

There is no accompanying code sheet for this lecture as this will be within the final project code.


This lecture looks at the styling of fonts.

There is no accompanying code sheet for this lecture as this will be within the final project code.


In this lecture we look at the different ways we can style links. 

There is no accompanying code sheet for this lecture as this will be within the final project code.

Section 3: Code Your Portfolio Website!!

Lets start our project and start coding our first webpage!


Setting up the head tag!


Set up the header and the navigation bar!


Lets add a background image and then add some text that sits on top!


using CSS to style the image and text over image!


Lets add the form and the footer at the bottom of the page!


This includes the facebook and twitter image used as well as a lecture on how we style our icons


Start styling the footer using CSS


Start styling social icons using CSS


Style the header of the website using CSS


Style the navigation bar!


Use CSS to style the form and add external fonts


Lets start the portfolio page!!


Using CSS to style multiple pictures!


Lets make and style the button that will link us back to the homepage!


Lets walk through the responsive CSS that will allow our design to suit mobiles and ipads...


Lets talk though the normalize CSS sheet that will link in. 


To do list to make sure you learn to code by yourself!

Section 4: PHP - Data collection from Forms
PHP - Data collection from Forms

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dr Emma Cheetham, Learning & Development Director at Avidiem Training Limited

Hello, I am from Wales but have studied all over the U.K. I completed a doctorate in Neuroscience in 2013 where I developed high level programming skills and statistical analysis skills. I spent a lot of time teaching and presenting my findings to undergraduate students. I love teaching and learning new subjects. My over reaching aim is to make education cheap and accessible to all that have the thirst to learn.

Ready to start learning?
Take This Course