Scribd
Upload
58 views

Course Introduction: Real World HTML Project

This document introduces a course that will teach students how to build a basic website from scratch in less than 2 hours. The course will use HTML tags, elements, and some CSS to create a sample website with 4 pages (Home, About, Course, Contact) using Notepad++ as the text editor. It provides examples of what each page will look like and describes the elements that will be covered like navigation, formatting, lists, maps, forms, and more. Students will be provided all needed assets and taught how to structure and style each page to replicate the given website design.

Uploaded by

grigorem1978
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
58 views

Course Introduction: Real World HTML Project

This document introduces a course that will teach students how to build a basic website from scratch in less than 2 hours. The course will use HTML tags, elements, and some CSS to create a sample website with 4 pages (Home, About, Course, Contact) using Notepad++ as the text editor. It provides examples of what each page will look like and describes the elements that will be covered like navigation, formatting, lists, maps, forms, and more. Students will be provided all needed assets and taught how to structure and style each page to replicate the given website design.

Uploaded by

grigorem1978
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Course Introduction

Real world HTML project


Hi there and welcome to our course about how to build website in less than 2 hours! Thank you for
choosing our course and thank you for your trust!

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 .

Thank You for choosing us! ❤️


Lesson 22

About page will look like this:

In about page we have description of website. You will see how to use text formatting HTML elements.
Course page will look like this:

Thank You for choosing us! ❤️


Lesson 22

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!

Thank You for choosing us! ❤️

You might also like