Jonathan Bartlett – The Complete HTML5 and CSS3 Course – Build Bbc News Website
Sale Page: Jonathan Bartlett – The Complete HTML5 and 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?
Google Chrome / Firefox
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.
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
Internet Marketing Course
Digital marketing is the component of marketing that utilizes internet and online based digital technologies such as desktop computers,
mobile phones and other digital media and platforms to promote products and services. Its development during the 1990s and 2000s,
changed the way brands and businesses use technology for marketing. As digital platforms became increasingly incorporated into marketing plans and everyday life,
and as people increasingly use digital devices instead of visiting physical shops, digital marketing campaigns have become prevalent,
employing combinations of search engine optimization (SEO), search engine marketing (SEM), content marketing, influencer marketing, content automation,
campaign marketing, data-driven marketing, e-commerce marketing, social media marketing, social media optimization, e-mail direct marketing, display advertising,
e–books, and optical disks and games have become commonplace. Digital marketing extends to non-Internet channels that provide digital media, such as television,
mobile phones (SMS and MMS), callback, and on-hold mobile ring tones. The extension to non-Internet channels differentiates digital marketing from online marketing.