Praktikum Pemrograman Web1 Modul 3 (Frame & Form)
LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1
MODUL 3
"Frame & Form"
Di Susun Oleh :
Nama : Deni Nurfazar
NIM : 20160920121
Kelas : SI-2016 C
LABORATORIUM FAKULTAS KOMPUTER
UNIVERSITAS KUNINGAN
TAHUN AKADEMIK
2017/2018
--------------------------------------------------------------------------------------------------------------------------
Post Test
1. Buatlah Form Login dengan jumlah password yang diinputkan sebanyak 8 karakter!
2. Buatlah halaman web seperti pada buku modul, dengan ketentuan :
input text untuk NIM, NIM sudah ada, tetapi tidak bisa dihapus, textarea nilainya tidak bisa dihapus, dan Input Text untuk NIM dibatasi sampai 10 karakter.
1.Untuk membuat form login, maka kita buat terlebih dahulu kerangka html agar mudah memasukkan script form loginnya.
<html>
<head>
<title>(JUDUL)</title>
</head>
<body>
(Isi Script....)
</body>
</html>
Setelah dibuat kerangkanya maka kita masukkan scriptnya seperti dibawah ini
Setelah itu kita running script html yang dibuat pada notepad++ di web browser yang tersedia.
hasil runningnya akan tampak seperti gambar dibawah ini :
Coba kita input/ketikkan data kedalam form login tersebut, pada form nama tidak ada pembatasan jumlah karakter namun pada saat menginputkan password tidak bisa panjang seperti yang kita inginkan karena sudah ditentukan bahwa jumlah karakter yang diinputkan hanya 8 karakter.
Penjelasan :
Secara umum, kedua type tag input sebagai kolom isian dari user. Dengan perbedaan untuk type=password, text isian tidak akan ditampilkan, namun diganti dengan karakter khusus.
Kedua tag ini biasanya digunakan di dalam form HTML, namun anda juga bisa menggunakannya di luar tag form, terutama jika anda akan memprosesnya menggunakan javascript.
2. Untuk membuat halaman web seperti pada buku modul, hal yang pertama kita lakukan agar mudah ialah menuliskan terlebih dahulu kerangka dasar html agar nantinya kita tinggan memasukkan script lain seperti pada postest nomor 1.
setelah dibuat kerangkanya maka selanjutnya adalah memmasukan script kedalam kerangka. Seperti berikut :
Setelah memasukkan script selanjutnya running script html yang ada pada notepad++ di web browser, jika berhasil tidak ada kesalahan maka akan tampil seperti berikut :
Penjelasan :
Untuk input nim pertama sudah ada didalam kotak dan tidak bisa dihapus karena pada script tidak dicantumkan nama inputannya dan value nya sudah diberi nilai dengan nim yang kita inginkan. Kemudian untuk text area komentar tidak bisa dihapus masih sama dengan input text nim pertama karena nilai valuenya sudah ditentukan. Untuk pemilihan jenis kelamin tinggal memilih saja dengan memilih bulatan yang tersedia.
TUGAS
Untuk mempermudah membuat sebuah frameset html ada 2 cara yaitu menggunnakan tag Frameset maupun menggunakan tabel, untuk tugas ini saya menggunakan tag frameset yang didalammnya menggunakan tabel. Scriptnya seperti berikut ini :
Untuk SRC masukkan nama file external yang akan ditampilkan pada halaman web.
Hasil running nya seperti gambar dibawah ini :
Penjelasan :
Frameset adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada dokumen HTML. Frameset digunakan bersamaan dengan penggunaan tag Frame yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag Frameset. Cara kerja Frameset sama seperti cara kerja tag Table dimana tag Table digunakan untuk membuat halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag Frameset yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya, pada tag Frameset, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari dokumen HTML lain.
Komentar
Posting Komentar