Buying for a Team? Gift This Course
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
0.0 (0 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.
274 students enrolled
Last updated 12/2014
English
$10 $20 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 4 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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
Expand All 67 Lectures Collapse All 67 Lectures 05:01:58
+
Introduction
3 Lectures 14:19

I explain what will be covered in the course

Preview 02:09

Expectation of my Students

Preview 01:35

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

Preview 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
2.3 Average rating
6 Reviews
568 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.


Report Abuse