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.
273 students enrolled
$20
Take This Course
  • Lectures 67
  • Contents Video: 5 hours
    Other: 1 min
  • 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 9/2014 English

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

What are the requirements?

  • Laptop/PC
  • Text Editor
  • FTP Software
  • Google Chrome / Firefox
  • Internet

What am I going to get from this course?

  • 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

What is the target audience?

  • Those who want a simple effective website that appears stunning.

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
02:09

I explain what will be covered in the course

01:35

Expectation of my Students

10:35

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

Section 2: HTML
01:19

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

01:46

We Create a simple Hello World Script

03:26

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

04:49

I introduce you to tags.

04:43

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

02:29

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

04:14

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

03:37

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

Basics Code Structure
Article
03:00

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

Links - Internal Links
01:55
Links Structure
Article
03:24

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

05:28

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

04:35

We look at radio buttons and checkboxes.

Forms - Submit Button
03:41
04:57

We look at dropdown menus and text areas.

03:14

We look at the basic structure for html tables

02:42

I demonstrate how to add the filling into your tables.

HTML Entities
02:28
05:10

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

03:28

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

12:31

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.

07:49

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

10:18

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

Article

Helpful HTML ONLY Resources

Section 3: CSS
01:51

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

02:22

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

03:11

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

Internal CSS
03:24
CSS Syntax
Article
02:45

We look at the three types of selectors.

Grouping Selectors
02:33
Classes
04:24
IDs
04:27
02:23

Add this as supplimentary

http://cssfontstack.com/

Linking External Fonts
02:56
Colours - RGB
01:31
Colours - HEX
02:19
00:40

Add as supplimentary

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

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
Section 4: BBC Project
09:02

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

17:57

Now we can add the Logo and Sign In buttons!

09:46

We can move onto the rest of the buttons!

20:15

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

12:28

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

Section 5: Publishing
Buying a Domain Name
03:11
Buying Hosting
04:10
Transferring Files with FTP
03:06
Section 6: More...
02:49

Some bonus resources I think are helpful for future develpment

Course Wrap-Up
01:42

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jonathan Bartlett, Founder of JonnysWeb, Web Developer, Programmer

Jonathan Bartlett is a Web Developer from the UK who has recently started the development company JonnysWeb. However for his GCSE in computing he had to study Python and through further education and research has developed skills in may languages such as C++/C#/Python/Javascript and of course HTML and CSS.

When He is not teaching on Udemy he is creating a site for a client or developing his own quirky little programs which he sometimes shares on the blog he runs. Also in his spare time he likes to play golf and listen to music, a lot of music - especially rock/metal!

A word from Jonathan -

I have developed several websites and fixed a fair few. Unfortunately I cannot share links here but if I could I would share with you some of my work. I also got a very high grade in computing at GCSE level in Python.

Ready to start learning?
Take This Course