Building a web site from scratch. Part I: Creating a web site.
What We Will Do
In this chapter we will create a web site on your computer.
The web site will only be visible to you. Later you will learn how to make it public.
Create the Web Site
Create a new folder on your computer (a new folder on your desktop is OK).
Name the new folder demoweb.
Now you have a local web site.
Create a Home Page
In the demoweb folder, create a new file named index.html.
Use Notepad (or any other text editor) to put the following content in the file:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
</head>
<body>
<h1>Welcome to Our Company</h1>
<h2>Web Site Main Ingredients:</h2>
<p>Pages (HTML)</p>
<p>Style Sheets (CSS)</p>
<p>Computer Code (JavaScript)</p>
<p>Live Data (Files and
Databases)</p>
</body>
</html>
Try it Yourself »
After you have saved the file, you can open it in your browser, and see how it runs.
Add an About Page
In the demoweb folder, create a new file named about.html.
Put the following in the file:
about.html
<!DOCTYPE html>
<html>
<head>
<title>About</title>
</head>
<body>
<h1>About Us</h1>
<p>Lorem Ipsum Porem Lorem Ipsum Porem</p>
</body>
</html>
Try it Yourself »
The files above contain headings <h1> and a paragraphs <p>. Please feel free to edit the content.
In the next chapter, we will add a CSS style sheet. After that we will add computer code and data.
Read More
Read more about HTML in our HTML Tutorial.