Bagaimana Laman Sesawang Dibina: Bahagian I

0
1171
views

Tahukah anda, untuk membina sesuatu laman sesawang, ia memerlukan kod-kod tertentu bagi seeorang programmer? Antara kod yang diguna untuk menghasilkan laman sesawang adalah Java, Javascript, JSP, CSS, HTML dan juga PHP. Selain menggunakan kod, ada sesetengah laman sesawang tidak memerlukan kod seperti yang disebutkan tadi. Mereka boleh menggunakan WordPress, Weebly, Webs dan sebagainya bagi secara atas talian atau disebut online. Jika ingin membina sesawang diluar talian atau offline, ada bebearapa perisian yang boleh digunakan contohnya Adobe Muse, Joomla dan sebagainya.

Untuk permulaan ini saya akan berkongsi bagaimana laman sesawang dibina dengan menggunakan kod HTML bagi antara muka bagi sesebuah sesawang. Selepas tamat perkongsian saya mengenai HTML, saya akan berkongsikan langkah seterusnya untuk perantaraan di antara muka depan sesawang dan bagaimana di belakang sesawang itu berfungsi.

Apa itu HTML?

HTML bermaksud Hyper Text Markup Language. Pelayar seperti Google Chrome, Mozilla Firefox, Internet Explorer dan pelbagai lagi. Dengan pelayar ini, setiap kod HTML akan dapat memaparkan setiap document atau muka yang ingin dipaprkan. Setiap fail HTML tidak menggunakan sambungan seperti .txt atau .docx. Ianya menggunakan .htm atau .html. Tidak percaya? Anda cuba kod ini.

Jangan lupa untuk simpan dengan sambungan file.html

Sejarah HTML

Pada tahun 1989, Tim Barners-Lee telah mencipta World Wide Web atau dikenali sebagai WWW. Dia telah menulis untuk pertama kalinya yang melibatkan Web client atau server (pangkalan data) pada tahun 1990. HTML yang versi pertama direkabentuk bersempena dengan struktur sesawang dan pelayar sesawang yang pertama iaitu Mosaic pada tahun 1993. Beliau juga adalah pengasas kepada World Wide Consortium (W3C) pada tahun 1994. Kini, W3C telah menjadi sebagai sesawang yang utama bagi piawaian sesebuah organisasi.

HTML

Setiap elemen pada HTML akan dinyatakan menggunakan label HTML. Setiap label yang anda dapat lihat seperti contoh di atas akan mempunyai 2 sifat iaitu < dan >, atau dipanggil sebagai kurungan bersegi. Ada sesetengah label ia akan mempunyai pasangan mereka contohnya <br> dan </br>. Untuk label yang pertama bagi setiap pasangan akan dijadikan label permulaan, manakala pada label kedua itu akan dijadikan sebagai penghujung label.

Contoh 2

Keseluruhan dokumen perlu ada label <html> kerana ia umpama ibu bapa kepada setiap label. Dalam dokumen ini juga perlu adanya kepala dan juga badan bagi sesebuah sesawang. Untuk label <title> pula, ia akan memaparkan tajuk bagi dokumen tersebut, di mana ia akan dipaparkan pada palang di jendela pelayar.

Jika anda perasan, setiap laman sesawang perlu log masuk tidak kira apa jua sesawang dan contohnya ialah Facebook sendiri. Saya akan berkongsikan sedikit antara muka untuk log masuk dan juga daftar masuk.

Untuk menghasilkan antara muka log masuk atau daftar masuk, ia memerlukan label Form. Form atau borang dalam istilah melayu, ia biasanya digunakan untuk mendapatkan maklumat daripada pelayar untuk server. Label untuk sesebuah Form adalah <form> dan sudah semestinya setiap pembuka mesti ada penutupnya iaitu </form>. Saya selitkan sedikit contoh yang anda boleh cuba lakukannya sendiri dan lihat hasilnya.

Contoh 3

Nantikan sambungan seterusnya di bahagian 2.

-MAF-

 

Comments

comments

Previous articleKenapa Kita Rasa Indah Bila Baca Puisi?
Next articleAktiviti Aktiviti Yayasan Tabung Haji
Nama penuh : Muhd Ammerul Faizal, Nama pena : MAF, Negeri kelahiran : Johor, Sedang menuntut di Universiti Teknikal Malaysia Melaka (UTeM). Mengambil jurusan IT dalam bidang Pembangunan perisian, Minat ke arah Zoologist (Haiwan purba dan Haiwan Istimewa).
SHARE

LEAVE A REPLY

Please enter your comment!
Please enter your name here