Jonathan Bartlett – The Complete HTML5 & CSS3 Course – Build BBC News Website
In this course, we will cover many aspects related to both HTML and CSS, such as creating a simple web page, importing images, and everything you need to know about HTML, as well as the full range of common styling techniques.
Am I going to create a website?
We will create a website throughout the project, and the source code will be maintained for these specific lectures.
Are there any new innovative ways to learn?
A number of different learning methods will be used, including one where I will provide a section of the website and invite you to comment on the code to encourage a good hubbit and demonstrate your understanding.
What are the requirements?
Google Chrome / Firefox
What will I get from this course?
More than 67 lectures and 5 hours of content!
Deep knowledge of HTML
Knowing how a website is located on the Internet
Deep knowledge of CSS
Know-how for publishing and website administration
What is the target audience?
Those who want a simple effective website that looks amazing.
Section 1: Introduction
Lecture 1 what we will cover preview 02: 09
I explain what will be covered in the course
Lecture 2: 01: 35
Waiting for my students
Test 1 waiting 3 questions
Lecture 3 PC setup 10: 35
I explain how to configure your computer and install the necessary 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 Internet via a compatible browser.
Lecture 5 Hello World 01: 46
We create a simple Hello World script
Lecture 6 Example.com Step-By-Step Guide 03: 26
We are looking at the code of one of my favorite technical resources example.com.
Lecture 7: Introduction 04: 49
I’ll introduce you to the tags.
Lecture 8 Chapter 04: 43
I will show you the most common elements of the head tag.
Lecture 9: 02: 29
We’re exploring the html code body element, and I’m showing you some of the great things you can do with it.
Lecture 10 Neat Code Tips 04: 14
We’ll look at ways to develop your code to make it more efficient and easy to edit at a later stage.
Lecture 11 The Main Text 03: 37
We will look at the ‘P ‘ tags and their place in the html code.
Lecture 12 Basics Of Code Structure Text
Lecture 13 Basics Of Links 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 Link Structure Text
Lecture 16 Images 03: 24
I explain how to import and format an image for your site using html.
Lecture 17 forms – creating a form 05: 28
We will look at how to create a form and make a few simple text fields and password fields.
Lecture 18 Forms-Multiple Choice 04: 35
We look at the switches and checkboxes.
Lecture 19 Forms-Send Button 03: 41
Lecture 20 Additional Elements Of The Form 04: 57
We look at drop-down menus and text areas.
Lecture 21 Tables-Basics 03: 14
Let’s look at the basic structure of html tables
Lecture 22 tables-several lines and contents 02: 42
I’ll show you how to add fillings to your tables.
Lecture 23 HTML Entities 02: 28
Lecture 24 IFrames 05: 10
We are looking at internal frames that allow us to embed external content into the page.
Lecture 25 HTML-styling 03: 28
We will look at a brief formatting / styling function in html.
Test 2 in General test 8 questions
Lecture 26 HTML site building-Part one-home page 12: 31
I show my template layout and we start working on our project.
In this lecture, we will begin to develop the basic structure of the site’s main page.
Lecture 27 HTML site building-Part two – about page 07: 49
I incorporate the image on the second page and show you how to link these pages together.
Lecture 28 HTML site building-Part three-contact Page 10: 18
We create a contact page and include a contact data table with the MAILTO function.
Lecture 29 useful HTML information and resources text
Useful resources for HTML only
Section 3: CSS
Lecture 30 what is CSS? 01:51
I explain what CSS means and what it means/does on your site.
Lecture 31 default CSS 02: 22
We’ll take a look at example.com one more time and I’ll show you the default css.
Lecture 32 built-in CSS 03: 11
We are looking at embedded css, which is the least useful form of style in my opinion.
Lecture 33 internal CSS 03: 24
Lecture 34 syntax CSS text
Lecture 35 types of selectors 02: 45
We will consider 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 an extension
Lecture 40 Linking External Fonts 02: 56
Lecture 41 colors-RGB 01: 31
Lecture 42 colors-HEX 02: 19
Lecture 43 Colors-Pseudo 00: 40
Add as an extension
Lecture 44 Text Formatting 03: 20
Lecture 45 Formatting The List 06: 23
Lecture 46-Formatting Links 02: 38
Lecture 47 The Border 03: 52
Lecture 48 margins and margins 05: 47
Lecture 49-Positioning 03: 04
Lecture 50 Floating 02: 50
Lecture 51 Alignment 01: 11
Lecture 52 Image Formatting 04: 18
Lecture 53 The Choice Of Attributes 04: 39
Lecture 54 linking external CSS 02: 31
Lecture 55 the CSS project-Part 1-the Basics 06: 56
Lecture 56 CSS project-Part 2-styling 12: 05
Lecture 57 CSS project-Part 3-More Styling 06: 57
Section 4: the BBC project
Lecture 58 the BBC project-Part 1 09: 02
Let’s make the BBC home page. We’ll start with a simple button and some border-related stuff!
Lecture 59 the BBC project-Part 2 17: 57
Now we can add a logo and login buttons!
Lecture 60 the BBC project-Part 3 09: 46
We can go to the other buttons!
Lecture 61 the BBC project-Part 4 20: 15
Let’s finish the search bar and make some adjustments!
Lecture 62 the BBC Project-Part 5 12: 28
Adding some content is the last step. Let’s do it!
Section 5: Publishing
Lecture 63 buying a domain name 03: 11
Lecture 64 The Purchase Of Hosting 04: 10
Lecture 65 file transfer via FTP 03: 06
Section 6: More Information…
Lecture 66 Useful Resources 02: 49
Some bonus resources that I think are useful for future development
Online Marketing Course
Digital marketing is a component of marketing that uses the Internet and online digital technologies such as desktop computers,
mobile phones and other digital media and platforms for promoting products and services. Its development in the 1990s and 2000s,
the way brands and companies use technology for marketing has changed. As digital platforms have become increasingly integrated into marketing plans and everyday life,
and as people increasingly use digital devices instead of visiting physical stores, digital marketing campaigns have become prevalent,
using combinations of search engine optimization (SEO), search engine marketing (SEM), content marketing, influence marketing, and content automation,
campaign marketing, data-based marketing, e-Commerce marketing, social media marketing, social network optimization, direct email marketing, display advertising,
e-books, 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 hold mobile ringtones. Expanding to non-Internet channels distinguishes digital marketing from Internet marketing.