CONTENTS

This is the index page of yor future site. You should use it like a basic template to create similar pages in order to learn html(HyperText Markup Language). If you know how to use basic HTML tags, you are ready to start using CSS elements up to creating an e[ternal CSS file. I've chosen table-based design that is easier than container-based design, however, it gives you the posibility to put you own sizes.

Firstly, download and unzip this file. If we take a look on the structure of our site (THIS SITE), we will see, that on the screenshot it looks like a common folder tree. This is so-called SITE TREE

There are 3 folders: blog, images, portfolio

  1. Blog contains the web-pages of your blog(online dairy) where you can post you thougts about the latest events of your life.
  2. Images contains the images(photoes) for your web-pages
  3. Portfolio contains the web-pages of your projects which show your skills and achivements

There are 4 web-pages: blog.html ; contacts.html ; index. html; portfolio.html. They are in the SITE ROOT FOLDER which is called www2. This is the location of site root folder on my laptop

The root folder CONTAINS ALL THE SITE. The other folders (WebServers\home\localhost) are the folders of DENWER based server.

The MAIN PAGE is index.html - it is the page that contains the links to other root pages:

  • blog.html has the links to the web- pages from the blog folder
  • portfolio.html has the links to the web- pages from the portfolio folder
  • contacts.html doesn't have the links to the web- bages from other folder, but it is bearing the contact information about the developer.

TO MODIFY THIS PAGE:

  1. Save this page on your computer
  2. Open with Blocknote
  3. Analyze and modify the code (look here)
  4. Save as HTML