Udemy – The Complete HTML5 & CSS3 Course - Build BBC News Website

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?

• Over 67 lectures and 5 hours of content!
• 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.

Curriculum
Section 1: Introduction
Lecture 1 What we will cover Preview 02:09
I explain what will be covered in the course

Lecture 2 Expectations 01:35
Expectation of my Students

Quiz 1 Expectations 3 questions
Lecture 3 PC Setup 10:35
I explain how to setup your PC and install neccessary software.

Section 2: HTML
Lecture 4 What is HTML? 01:19
I explain what HTML is and how it uses HTTP to display on the web through a compatible browser.

Lecture 5 Hello World 01:46
We Create a simple Hello World Script

Lecture 6 Example.com Walkthrough 03:26
We look at the code of one of my favourite teching resources example.com.

Lecture 7 Tags Introduction 04:49
I introduce you to tags.

Lecture 8 Head 04:43
I show you the most common elements of the head tag.

Lecture 9 Body 02:29
We explore the body element of html code and I demonstrate some of the wonderful things that you can do with it.

Lecture 10 Neat Code Tips 04:14
We look at ways to lay out your code for effeciency and easy editing at a later date.

Lecture 11 Main Body Text 03:37
We look at 'P' tags and their place in html code.

Lecture 12 Basics Code Structure Text
Lecture 13 Links Basics 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.

Lecture 14 Links - Internal Links 01:55
Lecture 15 Links Structure Text
Lecture 16 Images 03:24
I explain how to import and format an image for your website using html.

Lecture 17 Forms - Creating a Form 05:28
We look at how to create a form and make some simple text and password fields.

Lecture 18 Forms - Multiple Choice 04:35
We look at radio buttons and checkboxes.

Lecture 19 Forms - Submit Button 03:41
Lecture 20 More Form Elements 04:57
We look at dropdown menus and text areas.

Lecture 21 Tables - Basics 03:14
We look at the basic structure for html tables

Lecture 22 Tables - Multiple Rows and Content 02:42
I demonstrate how to add the filling into your tables.

Lecture 23 HTML Entities 02:28
Lecture 24 IFrames 05:10
We look at Internal Frames which allow us to embed external content in the page.

Lecture 25 HTML Styling 03:28
We look at the brief Formatting/Styling function in html.

Quiz 2 General HTML Quiz 8 questions
Lecture 26 HTML Website Build - Part One - Home Page 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.

Lecture 27 HTML Website Build - Part Two - About Page 07:49
I encorporate and image to a second page and show you how to link the pages together.

Lecture 28 HTML Website Build - Part Three - Contact Page 10:18
We build the contact page and include a table of contact details with a MAILTO function.

Lecture 29 Helpful HTML Information & Resources Text
Helpful HTML ONLY Resources

Section 3: CSS
Lecture 30 What is CSS? 01:51
I explain what CSS stands for and what it means/does in yor website.

Lecture 31 Default CSS 02:22
We take a look at example.com once again and I show you the default css.

Lecture 32 Inline CSS 03:11
We look at the inline css which in my opinion is the least useful form of styling.

Lecture 33 Internal CSS 03:24
Lecture 34 CSS Syntax Text
Lecture 35 Types of Selectors 02:45
We look at the three types of selectors.

Lecture 36 Grouping Selectors 02:33
Lecture 37 Classes 04:24
Lecture 38 IDs 04:27
Lecture 39 Fonts 02:23
Add this as supplimentary
http://cssfontstack.com/

Lecture 40 Linking External Fonts 02:56
Lecture 41 Colours - RGB 01:31
Lecture 42 Colours - HEX 02:19
Lecture 43 Colours - Pseudo 00:40
Add as supplimentary
http://www.w3schools.com/cssref/css_colornames.asp

Lecture 44 Text Formatting 03:20
Lecture 45 List Formatting 06:23
Lecture 46 Link Formatting 02:38
Lecture 47 Borders 03:52
Lecture 48 Padding and Margins 05:47
Lecture 49 Positioning 03:04
Lecture 50 Floating 02:50
Lecture 51 Aligning 01:11
Lecture 52 Image Formatting 04:18
Lecture 53 Attribute Selections 04:39
Lecture 54 Linking External CSS 02:31
Lecture 55 CSS Project - Part 1 - Foundations 06:56
Lecture 56 CSS Project - Part 2 - Styling 12:05
Lecture 57 CSS Project - Part 3 - More Styling 06:57
Section 4: BBC Project
Lecture 58 BBC Project - Part 1 09:02
Let's Make the BBC Homepage. We will start with a simple button and some border related stuff!

Lecture 59 BBC Project - Part 2 17:57
Now we can add the Logo and Sign In buttons!

Lecture 60 BBC Project - Part 3 09:46
We can move onto the rest of the buttons!

Lecture 61 BBC Project - Part 4 20:15
Let's Finish the Search Box and make a few adjustments!

Lecture 62 BBC Project - Part 5 12:28
Adding some content is the final step. Let's do it!

Section 5: Publishing
Lecture 63 Buying a Domain Name 03:11
Lecture 64 Buying Hosting 04:10
Lecture 65 Transferring Files with FTP 03:06
Section 6: More…
Lecture 66 Helpful Resources 02:49
Some bonus resources I think are helpful for future develpment

Lecture 67 Course Wrap-Up 01:42







For More Rare Movies Check out my blog!

No Mirrors Please