Pengenalan kepada WWW dan Laman Web
Rekabentuk laman web
Jenis-jenis pembangun HTML
*********************************************************************************************************************************************
PENGENALAN KEPADA LAMAN WEB
World Wide Web juga dikenali sebagai WEB. Merupakan satu rangkaian yang dibina secara sejagat atau maya yang dihubungkan melalui sistem pautan dan menggunakan internet sebagai alat perhubungan untuk memaparkan elemen-elemen terkini pembangunan laman web.
Web telah dicipta oleh segelintir penyelidik di CERN-The European Laboratory for Particle Physics di Switzerland.
Web bergantung kepada pelayar iaitu browser seperti Dreamnet, Internet Explorer dan Netscape Navigator.
Kebanyakan dokumen yang dibangunkan menggunakan Hypertext Markup Language (HTML). Menjadi semakin popular kini dengan kewujudan beberapa cabang internet yang lebih terkini seperti mencari jodoh di Internet dlllll.....
Rekabentuk Laman Web
Apabila mereka bentuk sesebuah laman web beberapa perkara perlulah diberi perhatian iaitu:
Warna, Teks, Stail, Saiz-Halaman, Grafik, Kekonsistenan, Navigasi.
2. Terdapat empat jenis generasi laman web yang digunakan secara meluas di Malaysia.
Laman Web Generasi Pertama : 1) Ia lebih berbentuk linear. 2.) Paparan lebih berbentuk memanjang.
Laman Web Generasi Kedua : 1) Ikon menggantikan teks. 2.) Imej menggantikan latar belakang kelabu.
Laman Web Generasi Ketiga : 1) Kombinasi susunatur yang kreatif 2.) Penggunaan elemen multimedia dan grafik selain pautan pangkalan data, e-dagang, dan 3-dimensi.
Laman Web Generasi Keempat: 1) Mencari keuntungan melalui jualan online cth: www.airasia.com 2) Memuat Turun perisian percuma (freeware).
3.Penggunaan Tona Warna memainkan peranan utama dalam pembangunan laman web kerana warna akan menaikkan seri sesebuah laman web.
4. Terdapat beberapa langkah yang perlu diambil kira iaitu:
i) Apakah maklumat yang ingin dipaparkan sama ada berbentuk hiburan, sukan, komunikasi dsb..........
ii) Bagaimana susunatur lelaman yang dibina
iii) Mudahkah laman web yang dibina itu untuk memuat turun sesuatu......
iv) Adakah laman web ini memikat hati pelanggan??
v) Adakah semua navigasi berfungsi?
Jenis Penyunting HTML:
Terdapat beberapa perisian
yang popular yang boleh digunakan untuk membangunkan sesebuah laman web iaitu:
Microsoft Notepad
Microsoft Front Page
Macromedia Dream weaver
Macromedia Flash
Kelebihan dan kekurang sesebuah perisian yang digunakan ialah:
Micorsoft Notepad >> Penggunaannya kurang digunakan sekarang kerana terdapat beberapa jenis lagi perisian yang lebih mudah untuk membangunkan laman web.Ini kerana dengan Notepad anda perlu menaip satu persatu sebelum sesebuah laman web itu siap dibina. Contoh
|
|
Microsoft Notepad >> Penggunaannya boleh dianggap meluas kerana terdapat beberapa pilihan iaitu sama ada mahu menggunakan "Code", "Split", "Design". Dengan microsoft frontpage semuanya boleh dilakukan dalam sekelip mata. Contoh......
|
<html> <head> <title>???NASI AYAM ANIZA???</title> </head> <p><img src="chicken.jpg" align=right border=2 height=100 width=100> <body bgcolor="Yellow"> <p><font face="Arial Narrow"> <center>NASI AYAM ANIZA <br> ( Aniza Chicken Rice )</center> <hl><b><i>Bahan-Bahan</i></b></hl> <ol> <li><u>Bahan A (Asas)</u> <ul type=circle> <li>1 ekor ayam (dibasuh dan dibersihkan) <li>50 ml minyak bijan <li>100 ml kicap cair </ul> <br> <li><u>Bahan B (dikisar)</u> <ul type=square> <li>10 biji cili merah <li>5 ulas bawang putih <li>6 biji bawang merah <li>20 gm halia muda <li>120 gm air limau nipis <li>15 gm cili padi </ul> <br> <li><u>Bahan C (Nasi Ayam)</u> <ul type=disk> <li>500 gm beras (dibasuh dan ditoskan) <li>2 helai daun pandan <li>30 gm lemak ayam <li>15 gm halia <li>25 gm garam </ul> <br> <b><i>Cara Membuatnya</i></b> <ol type=a> <li><i>Ayam direbus dan ditoskan</i>. <li><i>Beras dibasuh dan ditoskan sehingga kering</i>. <li><i>Panaskan minyak dan tumiskan bersama daun pandan, bawang putih dan sedikit halia sehingga naik baunya</i>. <li><i>Kemudian,masukkan air rebusan bersama beras dan bahan perasa. Kacau sehingga agak kering</i>. <li><i>Perlahankan api dan tutup, biarkan ia masak</i>. <li><i>Untuk hidangan,curahkan sedikit kicap cair yang dicampur dengan minyak bijan</i>. </ul> <p> </body> </html>
|
Secara keseluruhannya terdapat beberapa perbezaan dalam penggunaan perisian yang sesuai untuk pembangunan laman web.
| Perisian | Kebaikan | Keburukan |
|---|---|---|
| FrontPage | Mudah digunakan, sesuai untuk peringkat permulaan dan pertegahan | Lebih bersifat take and put |
| Notepad | Lebih nampak penggunaan kod aturcara HTML | Agak Sukar kerana pembangun laman web dan pengguna harus memahami format HTMl dan XML |
Hak Cipta Terpelihara
Hafizi bin Mohd Zin
Johor Bahru
<2>