Place your ad here
Place your ad here

Website Tutorial - Build Pages Part 1

Create Document Type

Open your Komposer program and click on the "New" icon.

Komposer toolbar
the next box shown below should appear; if it does not click on the down arrow next to the "New" icon and select options.
Make your selection- choose page.

Make your selection as in the image above and click "Create".

This is what you should see:

Normal page view

Now let's take a look behind the scenes and see what the program did.
Change from "Normal" view to "Source" view - by clicking on the "Source" tab at the bottom of your page.

You should see the following script:
========================================
<!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">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title></title>
</head>
<body>
<br />
</body>
</html>
=========================================
The above script [code] is what the browser reads. The Komposer transcribes everything you place on the page in "Normal" view and extra instructions, into a readable format for the browser to read.
You will soon get the hang of what is happening behind the scenes if you make a habit of switching between the "Normal" and "Source" tabs every time you make a change to your page.

Let's analyse the code instructions thus far.:
They are basically made up of 4 sections here.
  1. The Document Type = this tells the browser how to transcribe the code.
  2. The head section [not to be confused with the header of your page]. All the information between the <head> and </head> is not seen on your page - but it does get seen. For instance the information you place  inside the <title>Title Goes Here</title> tags, will be seen in your browser bar. We will see later how Komposer does this for you. The description of you webpage will also be placed in the meta tags in the head section. This is the information that the search engines deliver on their results pages when people search for anything.
  3. The body section - all the information that is placed between the <body> Your Content Here</body> tags is what you see on your website page. That is why your page is blank at the moment as there is only a </br> [which means break] between the body tags at the moment.
  4. the end of your page the </html> tells the browser that the html code has ended.
You do not need to learn the code to build web pages as the WYSIWYG Komposer writes all the code for you. However it is good to know what is going on as all WYSIWYG programs sometimes write extra code that you may want to get rid of. Also we will be copy and pasting some code into the code later to enable banners, videos etc. Please don't get scared now, I said copy and paste and I'll show you how.

Tip:

If your Komposer editor refuses to do a function - save and exit the program then restart.

Now let's get started building a site go to Build Pages Part2.