Kak Long reka semua grafik di bawah ini menggunakan paint shop pro 6. Untuk tutorial ini bolehlah menggunakan image contoh di bawah. Right click dan  save didalam harddrive anda di dalam satu file.

 

bg1.jpg (100 x 100)

Untuk dapatkan image di atas Kak Long setkan toggle color layer: html code:#FCF6E6 pada background layer. Buka new image 100 x 100, set background color. Save sebagai .jpg
 

saiz 730 x 630 (image pertama)

Bagi image di atas pula, saiz asal ialah 650 lebar dan tingginya 550..tetapi Kak Long buatkan border dengan warna coklat sebanyak 3 kali seperti di atas..bergantung kepada anda untuk mereka grafik di dalam psp...bunga diatas pula Kak Long gunakan tube ini, image, resize tube, terpulang pada anda...edit, copy dan aktivkan image image yang hendak di gunakan, edit, paste as new selection.

 

saiz 730 x 130 (atas.jpg)

Cara dapatkan image ini, tekan selection tool 2 kali kemudian set: left:0, right:730, top:0, bottom:130 , edit, copy, edit ,paste as new image, layer, merge, merge flatten, save sebagai .jpg

 

saiz 730 x 320 (tengah.jpg)

Cara dapatkan image ini, tekan selection tool 2 kali kemudian set: left:0, right:730, top:130, bottom:450, edit, copy, edit ,paste as new image, layer, merge, merge flatten, save sebagai .jpg

 

saiz 730 x 180 (bawah.jpg)

Cara dapatkan image ini, tekan selection tool 2 kali kemudian set: left:0, right:730, top:450, bottom:630, edit, copy, edit ,paste as new image, layer, merge, merge flatten, save sebagai .jpg

 

Lebar bagi isi kandungan dalam web ini Kak Long setkan 500. 

<html>

<head>

<title>Laman  web anda</title>

</head>

<body background="bg1.jpg">

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0" width="730">

<tr>

<td>

<p align="center"><img border="0" src="atas.jpg" width="730" height="130"></td>

</tr>

<tr>

<td background="tengah.jpg">

<div align="center">

<table border="0" cellpadding="0" cellspacing="0" width="500">

<tr>

<td>

***isi kandungan anda bermula dari sini***

<p align="center"></td>

</tr>

</table>

</div>

</td>

</tr>

<tr>

<td>

<p align="center"><img border="0" src="bawah.jpg" width="730" height="180"></td>

</tr>

</table>

</center>

</div>

</body>

</html>

 

Contoh Laman

 

Hosted by www.Geocities.ws

1