Jonathan Bartlett – The Complete HTML5 & CSS3 Course – Build BBC News Website
Jonathan Bartlett – The Complete HTML5 & CSS3 Course – Build BBC News Website
- Name Product: Jonathan Bartlett – The Complete HTML5 & CSS3 Course – Build BBC News Website
- Size: 908 MB
- COST: $85= Your Free
- Author: Jonathan Bartlett
Information:
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
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
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
Code:
http://speedy.sh/5UGjc/in-depth-html-and-css-training.part1.rar
http://speedy.sh/ZHbgX/in-depth-html-and-css-training.part2.rar