Kompozer Notes(2)

• Preview
• Full text

3. Once completed, Click Insert. 4. Press Enter.

Insert Image

1. Click Insert  > Image   2. Click on choose file button

3. Select  GROUP >WEB > Internet.jpg (image file). 4. Type Internet on Alternate text label, Then click OK

Save File

5

1. Click File  > Save  > OK 2. Save in: GROUP > WEB , File name : index ,  Save as type : HTML file

Create more web page (Refer Apendix A and B)

1. Click New icon 

Insert Table

1. Click  Table icon,

2. Click Precisely tab, Change Rows : 8, Column : 5, Width : 100% window,  Click Ok

3. Highlight table > right click > Table Cell properties  4. Click Table tab and change the information as in figure C  .                 

 

Height Width Border Spacing Padding Table Alignment Background Color

 : 480 pixels  : 640 pixels  : 0  : 2  : 2  : Center       : Orange

Figure C

6

5. Now your table should be like this. A1 B1 C1 D1 E1 F1 G1 H1

A2 B2 C2 D2 E2 F2 G2 H2

A3 B3 C3 D3 E3 F3 G3 H3

A4 B4 C4 D4 E4 F4 G4 H4

A5 B5 C5 D5 E5 F5 G5 H5

Join Selected Cell

1.  Highlight A2 until A5 > right click > Join selected cell.

2. Repeat step 1 until you get the result as shown below.

7

Notes : A B

C

D

Click  A  to  delete  Column or row. Click  B  to  insert  column and row. Click  C  in  ruler  to  resize column and row. D  is  to  merge  cell,  Select  cell  >  right  click  > Join selected cell.  To  split  cell,                      Select cell > Right click  > Split cell

3. Fill in the table as below. Save your file : definition.html

8

Format Text in the table

1. Highlight row A , row B 2. Click Format > Align > Center 3. Highlight column A1 until A8, repeat step 2.

Format Paragraph.

1. Highlight cell below  

9

i

ii

v

vi

iii

iv

vii

2. Click Format Toolbar2 > Body text > Paragraph.        

10

Insert Image 

1. Click on cell  i, Click Insert > Image 2. Choose file GROUP > WEB > ie.jpg 3. Type ie on Alternate Text  4. Repeat  step 1 – 3 for the according cell as in table below

Cell ii. iii. iv. v. vi. vii.

Image Mozilla.jpg Safari.,jpg Opera.jpg Google.jpg msn.jpg Yahoo.jpg

Alternate Text mozilla safari opera www.google.com www.msn.com www.yahoo.com

11

Make hyperlink

1. Highlight Home text, Click Link button  2. Click Choose File in Link Properties box.  3. Select file in your GROUP > WEB > index.html

4. Click on image google, 5.  Click link and type www.google.com in the box.

6. Repeat step 4, for the

a)  image msn , link : www.msn.com  b)  image yahoo, link : www.yahoo.com 7. Double click file index on site manager, Highlight Definition text, Make  hyperlink to definition.html

Use Anchor as link in same file.

You need to do 2 Steps as the following.

A.  To  define anchor for your object :    

12

1. Highlight Search Engine (text on the first column, last row)., Click on  Anchor button.

2. Type Search Engine  for under anchor name, Click OK. 3. The text will have yellow symbol on its left. B.  Make a link  

1. Highlight  Search Engine (text on top of the document). 2. Click link button. 3. Select #target Search engine in Link Properties box. Then OK.

4. Repeat the step A and B  for Internet, World Wide Web, Web Browser  text  on the first column. Anchor name : Same as highlighted text

Preview your web page

1. Click Browse > Launch Application Publish Website in local host

1. Click File > Publish 2. Click on Include image and other files 3. Wait until it published your web site using browser.

13

PUBLISH WEB SITES

Publish your web site using Xampp.

1. Install Xampp_win32 2. Open Xampp Control Panel, make Apache, MySQL, FileZilla running 3. Copy Your  WEB Folder in Folder C:\Xampp\htdocs 4. Open Browser (Internet Explorer or Mozilla firefox) 5. Type http://localhost/web at the address field, and then press Enter.

Publish your web site using GeoCities

1. Type in www.yahoo.com at the address field.  2. Find geocities text and click on it. Page http://geocities.yahoo.com/home/

14

3. Click sign in , then answer questions given.

Welcome to Yahoo! GeoCities  We just sent you a confirmation email explaining everything you need to know to  build your very own web site. Be sure to write down your Yahoo! ID and  password for future reference. Your Yahoo! ID and Home Page Information Your Yahoo! ID is: pnzurai Your home page URL shortcut is: http://www.geocities.com/pnzurai Build your web site now!

4. Click Build your web site now. 5. Click Create and Update tab > Easy upload 6. Do this

a) Click Browse button> Select file b) Repeat process A until all file done 7. Click Add more files button . 8. Click UploadFile button

9. To open your web page, just type http;//www.geocities.com/username  on  the address field in Internet Explorer.  

15

Publish using server

1. You have to install software winscp. 2. You need to know ip server, username and password How to publish :

1. Double click on the Winscp program on desktop

2. Type host, username and password, then click Login button. 3. Then, the screen below appeared.

COMPUTER /  CLIENT DIRECTORY

SERVER  DIRECTORY

If your screen cannot show two side of directory, go to Options menu >  Preferences. Click on Interface > Click Norton Commander. Restart winscp program

   

4. To upload web into server

16

a)  You need to click and drag all file of your web in GROUP/ WEB  into /root/ user/local/www/web 5. To update web :

b) In the directory, select index.html and drag into desktop c) Open index.html in Kompozer or Dreamweaver software. d) Change your data ,text or picture in the software and save. e) Click and drag index.html file also with your image file and related file  into the server directory. 6. Now you already update your web

17