On the following page you will find everything you need to know in order to create your very first website with HTML and CSS. This course has been designed for complete beginners. If you are new to web development, HTML and CSS this is a great place to start.
You can watch the course all at once or you can watch it in digestible chunks in the set of videos below.
The following videos are taken from the same course but broken up into smaller chunks if you prefer to learn at a slower pace. You can also use this section to refer to certain parts of the course that you want to re-watch or use as reference in the future.
Introductory To The Course:
A basic introductory to the course and what type of website you will be learning to build.
How to Create Your Very First Webpage With HTML
You will learn how to create your very first webpage and a few basics HTML elements.
How To Choose a Basic Coding Editor To Work With
There are a lot of coding editors on the internet to choose from. In this video I will show you what coding editor I use for free.
What Is HTML?
Learn what HTML stands for and how it is used to build websites.
Our Basic Wireframe For Our Website
In this video we will go over the final version of our website and talk about why it is important to have a basic idea of what your final website will look like before you begin to actually design and write the code for it.
Adding Basic Structure To an HTML Document
It is important to understand the basic syntax of an HTML document. In this video you will learn how to basic structure to an HTML document.
How To Create Our Websites Header and Footer
Let’s now create the very basic structure of our websites header and footer.
How To Create Our Websites Navigation Menu
A navigation menu is very important for a website. Let’s create the basic structure of the navigation menu we will be using for our website.
Creating Our Websites Portfolio Page
The portfolio page is going to be our websites main page. Let’s start creating the basic structure of our portfolio page.
How To Add an Image To a Webpage
Our portfolio page will be featuring a lot of different images. In this video you will learn how to add an image to a webpage with HTML.
Creating Our Websites Basic Footer
Let’s expand a little bit more into our websites footer and add some more content and structure.
Introductory To Cascading Style Sheets (CSS)
Cascading Style Sheets are used to style and change the way a website looks. In this video you will be introduced to CSS and how we can use it to make our website look pretty.
The Difference Between Internal and External CSS
External and Internal CSS both have their uses in web development. Let’s go over when it is appropriate to use them.
Working With CSS ID Selectors
CSS ID selectors allows us to have greater control over how we can style elements on a webpage. Let’s add an ID to an HTML element and style it accordingly.
How To Build a Website Wrapper
A wrapper can be used to help our website become more mobile responsive especially when viewed on devices with smaller resolutions.
Introductory to Responsive Web Design
Responsive web design is all about making sure web pages and websites are usable on all mobile and desktop devices. In this lesson you will get a basic introduction to responsive web development.
Adding Basic Colors To Our Website With CSS
CSS can be used to add basic color to our website to really change the way the elements on a webpage can look. In this video you will learn how to style basic text on a webpage.