Website Tutorial - Build Pages Part 2

Adding a title - Naming and saving the index page.

Toolbars2
Komposer toolbar

Currently your page is showing that it is (untitled), so let's give it a title. We will be making this our index page, commonly known as the home page but ALWAYS saved as an index.html file.

The top toolbar of your Komposer has tabs for "File" "Edit" "View" etc.

Click on the "Format" tab and then select the "Page Title and Properties" tab at the bottom of the drop down box. This will bring up the following Page Properties box.


Page title format
  • Fill in your own information for the title [whatever you want to name the page. This page will be your home page - but you should not call it home page rather choose a title that describes the topic of your site.]
  • Author -Your own name goes here
  • Description - this is the description of what your page is about and will be used in the search engines results.
  • Choose the Language that you are writing the site in.
  • If you are writing in English leave the writing direction as  "No direction specified".
  • Charecter set UTF-8 = Universal transfer File. I like this setting as it is universaly recognized.
  • Click OK.

You will now see that the (untitled) page tab has changed to whatever you filled in for the Title.

Now you need to save the page.
Click on "File" then select "Save As" a box will appear where you need to select the folder you want to save this file to;

Important Note:

You will be prompted to save the file using the title you just placed on your page. You must change and save this file as index.html otherwise your site won't work! 

Make sure to save this file within the "My Website" folder you created on your desktop in the introduction to this tutorial.

Subsequent savings of the index page:

From now on when you make a change to this page and you want to save your changes:
Go to "File" select "Save" [not Save As] - or just simply click on the "Save" icon in the tool bar.
This will update the page which already has it's file name. Therefore you will not be prompted to name the file again for susequent saves.

Now take a look at the source code to see what has changed.

Normal page view

==========================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=UTF-8" />
  <title>Your Title</title>
  <meta content="Your Name" name="author" />
  <meta
 content="This site caters to the most festidious eaters, a gourmets delight , download out free booklet and lets eat in style."
 name="description" />
</head>
<body>
</body>
</html>
============================
Now Go to "File" and select "Close" from the drop down menu.
Go to "File" and select "Recent Pages" click on the index.html file and your page will load back in to Komposer ready to  work on.

Tip:

The above tutorial covered the naming and saving of the index.page.

When saving all other pages for the first time you will also be promted to save the file name the same as your title. It is a good idea to save these files using their titles as it is easier to remember the files by title names.
However you do need to make some changes, as follows:

Lets say your page title was: Big Cats In the Bush

If you just leave it and save it as an html or xhtml file it will end up looking like this:

Big20%Cats20%In20%the20%Bush.html

This is because you can not have spaces and certain characters in a file name.
So to correct this problem just place an underscore between the words before saving- like this:

Big_Cats_In_the_ Bush .html

Just like the index page you only have to save the pages with the "Save As" function on the first save. All subsequent saves are just updates and are acomplished by clicking on the "Save" tab or the "Save Icon" in the tool bar.

Now if you have made a plan and already know how many pages you want to create for your site and what you want to call them then you can create and save them right now. Or if fyou prefer you can create each page as you go. Of course these pages will all be blanks ready to add your content to them.

Go to the next step - adding content.