The Complete HTML5 & CSS3 Course - Build BBC News Website
3.9 (11 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.
1,580 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete HTML5 & CSS3 Course - Build BBC News Website to your Wishlist.

Add to Wishlist

The Complete HTML5 & CSS3 Course - Build BBC News Website

Complete HTML5 and CSS3 Mastery Course, Learn by building BBC News Website with Source Code
3.9 (11 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.
1,580 students enrolled
Created by Jonathan Bartlett
Last updated 12/2014
English
Price: Free
Includes:
  • 5 hours on-demand video
  • 4 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • In Depth Knowledge of HTML
  • Knowledge of the way website are on the web
  • In Depth Knowledge of CSS
  • The know how to publish and administrate a website
View Curriculum
Requirements
  • Laptop/PC
  • Text Editor
  • FTP Software
  • Google Chrome / Firefox
  • Internet
Description

What will be covered?

In this course we will be covering many points about both HTML and CSS for example creating a simple web page, importing images and everything there is to know about HTML as well as the full range of common styling techniques.

Am I going to build a website?

We will be building a website throughout the project and the source code will be suplied for those particular lectures.

Are there any innovative new ways of teaching?

A range of different teaching techniques will be used including one where I will provide a section of a website and suggest that you comment the code to encourage a good habbit and demonstrate your understaning.

Who is the target audience?
  • Those who want a simple effective website that appears stunning.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
67 Lectures
05:01:58
+
Introduction
3 Lectures 14:19

I explain what will be covered in the course

What we will cover
02:09

Expectation of my Students

Expectations
01:35

I explain how to setup your PC and install neccessary software.

PC Setup
10:35
+
HTML
26 Lectures 01:41:27

I explain what HTML is and how it uses HTTP to display on the web through a compatible browser.

What is HTML?
01:19

We Create a simple Hello World Script

Hello World
01:46

We look at the code of one of my favourite teching resources example.com.

Example.com Walkthrough
03:26

I introduce you to tags.

Tags Introduction
04:49

I show you the most common elements of the head tag.

Head
04:43

We explore the body element of html code and I demonstrate some of the wonderful things that you can do with it.

Body
02:29

We look at ways to lay out your code for effeciency and easy editing at a later date.

Neat Code Tips
04:14

We look at 'P' tags and their place in html code.

Main Body Text
03:37

Basics Code Structure
00:04

I demonstrate the basics of links including how to make a link open in a new tab and what the term 'href' means.

Links Basics
03:00

Links - Internal Links
01:55

Links Structure
00:09

I explain how to import and format an image for your website using html.

Images
03:24

We look at how to create a form and make some simple text and password fields.

Forms - Creating a Form
05:28

We look at radio buttons and checkboxes.

Forms - Multiple Choice
04:35

Forms - Submit Button
03:41

We look at dropdown menus and text areas.

More Form Elements
04:57

We look at the basic structure for html tables

Tables - Basics
03:14

I demonstrate how to add the filling into your tables.

Tables - Multiple Rows and Content
02:42

HTML Entities
02:28

We look at Internal Frames which allow us to embed external content in the page.

IFrames
05:10

We look at the brief Formatting/Styling function in html.

HTML Styling
03:28

I show off my template layout and we begin work on our project.

In this lecture we start to develop the base structure of a homepage in a website.

HTML Website Build - Part One - Home Page
12:31

I encorporate and image to a second page and show you how to link the pages together.

HTML Website Build - Part Two - About Page
07:49

We build the contact page and include a table of contact details with a MAILTO function.

HTML Website Build - Part Three - Contact Page
10:18

Helpful HTML ONLY Resources

Helpful HTML Information & Resources
00:10
+
CSS
28 Lectures 01:41:25

I explain what CSS stands for and what it means/does in yor website.

What is CSS?
01:51

We take a look at example.com once again and I show you the default css.

Default CSS
02:22

We look at the inline css which in my opinion is the least useful form of styling.

Inline CSS
03:11

Internal CSS
03:24

CSS Syntax
00:08

We look at the three types of selectors.

Types of Selectors
02:45

Grouping Selectors
02:33

Classes
04:24

IDs
04:27

Add this as supplimentary

http://cssfontstack.com/

Fonts
02:23

Linking External Fonts
02:56

Colours - RGB
01:31

Colours - HEX
02:19

Add as supplimentary

http://www.w3schools.com/cssref/css_colornames.asp

Colours - Pseudo
00:40

Text Formatting
03:20

List Formatting
06:23

Link Formatting
02:38

Borders
03:52

Padding and Margins
05:47

Positioning
03:04

Floating
02:50

Aligning
01:11

Image Formatting
04:18

Attribute Selections
04:39

Linking External CSS
02:31

CSS Project - Part 1 - Foundations
06:56

CSS Project - Part 2 - Styling
12:05

CSS Project - Part 3 - More Styling
06:57
+
BBC Project
5 Lectures 01:09:28

Let's Make the BBC Homepage. We will start with a simple button and some border related stuff!

BBC Project - Part 1
09:02

Now we can add the Logo and Sign In buttons!

BBC Project - Part 2
17:57

We can move onto the rest of the buttons!

BBC Project - Part 3
09:46

Let's Finish the Search Box and make a few adjustments!

BBC Project - Part 4
20:15

Adding some content is the final step. Let's do it!

BBC Project - Part 5
12:28
+
Publishing
3 Lectures 10:27
Buying a Domain Name
03:11

Buying Hosting
04:10

Transferring Files with FTP
03:06
+
More...
2 Lectures 04:31

Some bonus resources I think are helpful for future develpment

Helpful Resources
02:49

Course Wrap-Up
01:42
About the Instructor
Jonathan Bartlett
4.0 Average rating
46 Reviews
3,182 Students
2 Courses
Web Developer and Computer Science Student

About Me

I am a 17 year old Student and Web Developer from the United Kingdom. 

I have developed web applications for 4 years now and have worked on several freelance projects. I enjoy programming and wish to pursue it as a full time career in the future. I also enjoy helping people to learn about the things that I love.

Qualifications

I am currently studying Computer Science at A-Level and have an A* in Computer Science at GCSE level. I am also studying Mathematics, Further Mathematics and Physics at A-Level and received 9 A*-A Grades at GCSE level.