Build a responsive website in a day! No tricks
4.8 (8 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.
177 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build a responsive website in a day! No tricks to your Wishlist.

Add to Wishlist

Build a responsive website in a day! No tricks

Start learning CSS and HTML today and have your website up and running tomorrow!
4.8 (8 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.
177 students enrolled
Created by Dr Emma Cheetham
Last updated 4/2016
English
Current price: $10 Original price: $120 Discount: 92% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 2 Articles
  • 28 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Make a website
  • Be confident using CSS and HTML to build any website
View Curriculum
Requirements
  • Internet
  • Text Editor (e.g text wrangler)
  • Willingness to Learn
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!


Who is the target audience?
  • Budding Web Designers
  • Anyone who wants to get into the Digital World
Compare to Other Web Design Courses
Curriculum For This Course
43 Lectures
04:11:45
+
HTML - lets get started
13 Lectures 01:30:30

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

Preview 02:52

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

HTML - Structure of a webpage
08:12

Code used to create Headings in HTML

HTML - Headings
03:43

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

HTML - Paragraphs
03:44

Dip your toes into a bit of styling!!

HTML - Dip your toe into CSS
06:45

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

HTML
3 questions

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

HTML - Lists
08:22

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

HTML - Links
11:59

Learn how to add an image to your website!

HTML - Images
10:37

Learn how to add tables to your website!

HTML - Tables
08:22

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

Preview 03:37

Learn how to embed videos to your website

HTML - Adding videos
03:50

Add mp4 audio onto your webpage!

HTML - Adding Audio
03:01

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

HTML-forms
15:26

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

End of HTML quiz
3 questions
+
CSS - making websites beautiful!
11 Lectures 01:09:18

Intro to CSS - Lets start styling web pages

Intro to CSS
04:23

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. 

CSS - Explaining the box model
04:24

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. 

Preview 06:21

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

CSS - Using Divs to control your page layout
03:56

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. 

Classes and ID's
06:44

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 - Borders, Padding and Margins
14:21

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. 

CSS - Position
04:25

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. 

CSS - Floating Elements
04:54

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.

CSS - Styling Images and Background Images
04:47

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.

CSS - Styling fonts
12:41

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.

CSS - Styling Links
02:22
+
Code Your Portfolio Website!!
18 Lectures 01:31:07

Lets start our project and start coding our first webpage!

Intro to project - what are we doing?
03:58

Setting up the head tag!

HTML -Getting Started - Setting up the structure of the webpage
07:25

Set up the header and the navigation bar!

HTML - Setting up the header and the navigation bar
07:18

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

HTML-Adding background image and text over image
04:51

using CSS to style the image and text over image!

CSS- Styling the background image and the text over the image
08:10

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

HTML - Adding the form and footer
07:29

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

Styling text over image
03:28

Start styling the footer using CSS

Styling the footer
02:40

Start styling social icons using CSS

Styling social icons
02:33

Style the header of the website using CSS

Styling the header
04:04

Style the navigation bar!

Styling the Navigation bar
06:04

Use CSS to style the form and add external fonts

Styling the form and adding font
06:27

Lets start the portfolio page!!

Coding the HTML for the portfolio page
05:13

Using CSS to style multiple pictures!

Styling The Gallery
09:51

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

Making and Styling the Home Button
06:58

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

Talk through responsive CSS
03:06

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

Normalize CSS
01:19

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

Where now?
00:13
+
PHP - Data collection from Forms
1 Lecture 00:55
PHP - Data collection from Forms
00:55
About the Instructor
Dr Emma Cheetham
4.4 Average rating
285 Reviews
6,484 Students
2 Courses
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.