Sunday, 10 March 2013

Belajar Pemrograman Berbasis Web

Membuat form Registrasi

Ini merupakan aplikasi atau lebih tepatnya pemrograman web dengan HTML pertama yang saya coba dan saya buat, karena memang pemrograman berbasis web merupakan hal yang asing bagi saya. Postingan ini adalah tugas kuliah Pemrograman Berbasis Web dari Dosen Pengampu Bpk Mudafiq Ryan Pratama.

Sebelum membuat form, pastikan terlebih dahulu komputer/laptop Anda sudah terpasang hal-hal berikut :
1. Internet Explore/Mozila/Google Chrom/ Web browser yang lainnya
2. Notepad / Notepad++/Editor yang lain

Karena tugas ini menggunakan fitur dari HTML5, alangkah lebih baiknya anda menggunakan web browser Google Chrom saja.
Ketikkan source dibawah dan simpan dengan format *.html














Penjelasan source code diatas adalah :


  • Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
  • Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML.Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
  • Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file.
  • Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser. Dapat disisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman
  • Tag “<br>…<br>” berfungsi untuk memberi enter setelah judul dengan isi form
  • Tag “<table width=80% align=center>” berfungsi untuk merapikan tampilan isi form sehingga menyerupai seperti table dengan lebar 80% dan rata tengah.
  • Tag selanjutnya yang berisi Nama, Alamat, dst merupakan isi dari Form Registrasi
  • Tag “<a href="http://refreshingyuk.blogspot.com">URL</a>” untuk menuju ke suatu link yang telah ditentukan.
  • Khusus Tag “Kecamatan” menggunakan fungsi ComboBox
<SELECT name="kec">
            <OPTION VALUE="UK">
            <OPTION VALUE="BG">Sumber Sari
            <OPTION VALUE="UK">Arjasa
            <OPTION VALUE="UK">Mayang
            <OPTION VALUE="UK">Kalisat
            <OPTION VALUE="UK">Tidakterdaftar
            </SELECT>
  • Tag selanjutnya untuk menambahkan button dengan type=”submit” dan value=”Kirim Data”.


Hasil Program setelah di buka dengan web browser  : 
FORM REGISTRASI FORM REGISTRASI

Nama Lengkap
Alamat
Tanggal Lahir
Nomor Telepon
URL
Email
Kecamatan

Note :Jika ada penjelasan yang salah atau kurang, mohon penambahan, kritik, serta sarannya.

No comments:

Post a Comment

Google+ Followers