Chapter 3
Designing Simple Website
using ~ompoZer
◄ !llOW
/ a.npomt Pcn
,/ f t ltllpP1n
/ _t!19hl1;Mtr
lnll{olo,
Quick Chapter Summary
An ow Qpt1oni -
Website
t Plays a very important role in a business now-a-days.
t Website is a collection of interlinked web pages for a
specific purpose.
t Helps in promoting the business, selling the products and
attracting a large number of customers.
t Challenge however is in creating a website that is
interactive, user friendly and providing accurate and
useful information.
t Information website contain complete and relevant.
~
Planning for the website _____ __,
(l)Purpose
Clearly identified, clear for the definition and goal.
(2)Audience
Expected users. Website should contain general and
detailed information. Appropriate content and layout.
(3)Content
Complete and relevant information. Content should be
classified into general and detailed categories.
(4)Medium
Compatible with Computer, Smart phones, Tablets and
browsers.
-=:o
Creating a website using KompoZer
No. Process Menu - Option
(1) To Insert table Insert ➔ Table
(2) To Insert Image Insert ➔ Image
(3) To insert a horizontal line Insert ➔ Horizontal Line
(4) To create link Insert ➔ Unk
(5) To change the text color Format ➔ Text Color
(6) To change the page title Format ➔ Page Title & Properties
(7) To publish the web site File ➔ Publish
Table in KompoZer
- Insert ➔ Table I 2 tabs : (1) Table (2) Cells
Sao
~ l ....... "°'-B
s;--2 11r- 100 - B J
..._.... s,...., ....
fo,""'I -
, ..... 1 , . . . . . . _ ............. _
J
!_....,,.._ l.,, B '-- - B
.....,_,...., D Cul-"""'-~
IIIICIJ
~ )Size
No. of Rows & Column, Height & Width specified in
~ or% of the windows
(2) Border and Spacing
Border to the table.
Spacing is used to specify gap between cells.
Padding gives a gap between the edge of the cell & text
(3)Table Alignment : Left, Right, Center
(4)Caption Give caption to table if require.
(S)Background Color : To give a background color to table
Image in KompoZer
tlnsert ➔ Image
t Image Location, Tool tip, Alternate text, Dimensions
URL. ,.......,_to pec)I: k1ubon
·--
IIICD
Publishing a Website
t Home page: First page that opens when the user enters
the URL address in the address bar of the browser.
t Home page of the website saved as index.html
t Uploading is to publish a website to transfer the web
pages, images & CSS related to the site to webs server.
t ISP {Internet Service Provider) offers limited free space
t Web hosts provide limited free space for limited time
period. FTP - File Transfer Protocol
~
Cookie
tcookie is a variable that is stored on the user's computer.
t Useful as they provide feature to remember and track
preferences, purchases, commissions & other information.
tJavaScript can manipulate cookies using the cookie
property of the document object.
t Cookies can be read, created, modified and deleted.
KompoZer
t Web development software.
t Web authoring system software.
t Freely available on Internet.
t Open Source IDE software.
t IDE - Integrated Development Environment
t Easy and Fast to design web pages.
t WYSIWYG software.
t For download : www.KompoZer.net
~
Aptana Studio
~ werful open source IDE for building web applications.
t Provides language support for HTML, CSS, JavaScript,
Ruby, Rails, PHP, Python.
t Create projects in PHP, Rails, Ruby or Web.
t Provide complete web development environment.
t Comes along with a large number of additional plug-ins.
t Aptana Studio 2.0.S also known as Aptana Studio 2.
t For download : www.aptana.com
IIIICJD
e Windows 11 New Featur X
BlueGriffon
~ Open Source software.
~ SIWYG HTML editor.
• Supports languages like English, Dutch, German, Chinese
t Simple user interface.
t Create attractive websites without requiring depth
technical knowledge.
t BlueGriffon Version : 1.6.2
t For download : www.bluegriffon.org
11111 '~ j
Amaya
~ veloped by World Wide Web Consortium (W3C).
\___,,-, Freely available on Internet.
t Open Source software.
t WYSIWYG web editor.
t Initially started as an HTML/CSS.
t Now grown into an editor for many XML based systems.
t For download : www.w3.org/Amaya
IIIIIC:!!J
