Back to Tutorial Page

Web Design Tutorial using Kompozer Download Page
   

Web Design Tutorial using Kompozer, HTML & CSS ( Free Download )

This tutorial was revised and compatibility issues with Windows 7 / Adobe Reader were rectified on 12th June 2010

A comprehensive web design tutorial in PDF format using the free web editor Kompozer powered by Mozilla, step by step instructions with screenshots in PDF or MS Word format.
This tutorial does not require any prior knowledge of web editing or web coding and will enable you to build your own web page. The tutorial is laid out in easy to follow steps with the novice user in mind and features full color screenshots. It explains how to download the Kompozer web editor software, install and run it on your computer. Find full instructions to create a professional looking and full functional web page for the world wide web using Cascading Style Sheets. There is a choice of PDF or MS Word documents formats to download below. Word document was created with MS Word 2007 in compatibilty mode, use our PDF download if you are having problems with the word doc version.
All tutorials © All Creative Designs ®
Kompozer is a free download web editor powered by Mozilla.


KompoZer is based on Gecko, the layout engine inside Mozilla; it's a super-fast, very reliable, standards conformant engine maintained on a daily basis by a wide community of developers. (Source: .kompozer.net/features)

Download Kompozer Tutorial in MS Word .doc format 1.0 MB

Download Kompozer Tutorial in Adobe Reader .pdf format 4.1 MB

 Tutorial Web Design Kompozer Downloaad PDF



n

Back to Tutorial Page

Topics covered by this web page design tutorial


Step 1 Download and Install KompoZer
Save the installation files into one of your folders in My Documents. Here we created a root folder named webeditor.

Step 2 Opening an existing HTML document in Kompozer
In Kompozer’s top menu bar click Open File and navigate to your my_first_webpage folder, select index.html and click open.

Step 3 Saving a new HTML document
Open My Computer and create a folder in My Documents called local_sites, in this folder create a new folder and name it my_web_site or any term making sense to you, but remember no spaces in folder names.

Step 4 Creating a Banner using CSS Cascading Style Sheets Background.
To insert a table into the body of your web page click the TABLE button on toolbar. Insert Table window appears, click on the Precisely Tab and enter 1 under Rows and 1 under Columns. Under Width type 900 and select pixels in the drop-down menu.
click the CSS editor button in toolbar (Figure 15 a), Style sheets dialog box appears. Select style applied to all elements of class.

Step 5 Adding a Content Table
In this step we will add a table to insert text, images and links. Insert a row below your banner. Click Table in menu bar select and click Row below.

Step 6 Add E-mail link
Click in the first cell and type Contact Us, click and drag to select. Click Link button on tool bar, type your e-mail address and tick box below it.

Step 7 Add Link to other web sites and more..............................		 Kompozer PDF Tutorial CSS Cascading Style Sheets
     
web design logo© copyright 2007-2011 by All Creative Designs®   Home || Web Design || Graphic Design || Gallery || Pricing || Contact Us || Site Map || Tutorials