Course Introduction: Real World HTML Project
Course Introduction: Real World HTML Project
In this course you’ll learn how to build website completely from the scratch, step by step, in less than 2
hours. We we’ll use basic HTML tags and elements and some CSS just to customize our HTML
elements (to change color, position of elements etc.)
For the course we’ll use Notepad++ text editor available on this link:
https://notepad-plus-plus.org/downloads/
Our website will represent website for our Udemy course “HTML learn it from scratch”. We will have
four pages, Home, About, Course, and Contact page.
Home page will look like this:
Here we have some basic information about website, and we have links to other web pages that we
have. Our website users will be able to access to other web pages of website through the links that we
have in navigation, and also, they can use image links that are centralized on the screen.
We will show you how to create navigation for your website, link logo that can guide you on home
page, footer links for your social media pages etc.
hy .
In about page we have description of website. You will see how to use text formatting HTML elements.
Course page will look like this:
In this page we have list of all lessons that we have in our Udemy course “HTML learn it from
scratch” . Therefore, you will see how to use list HTML elements in your website.
Contact page will look like this:
This page has map with location of our (fictional) company, and it has question form where website
users can enter question that they can send. (send functionality and data processing is not
implemented here because it requires knowledge and use of some script language).
So, in this page we will see how to use iframe to import map in our website, and how to use HTML
form and various form elements (input fields, radio buttons, buttons etc.)
We have prepared all additional materials (images, icons etc.) that you will need to create website
that looks exactly like this website. Of course, concept of building website is same so you can use
any others, your materials, to create your own website that can be just like you want.
Let’s dive in our video lesson and let’s create this website together!
copyright: Our logo is copyrighted, therefore you can’t use it for commercial purposes!