0% menganggap dokumen ini bermanfaat (0 suara)
147 tayangan8 halaman

Laporan Resmi Modul Ii: Praktikum Web I

Laporan ini membahas praktikum HTML lanjut yang meliputi tabel, form, frame, dan hyperlink. Tujuan praktikum ini adalah mampu menjelaskan elemen-elemen HTML lanjut tersebut dan membuat aplikasinya. Isi laporan ini meliputi penjelasan teori mengenai tabel, form, frame, dan hyperlink beserta contoh kode programnya. Implementasi dilakukan dengan membuat 3 halaman web dan menggabungkannya menjadi satu tampilan menggunakan frameset

Diunggah oleh

Tissa Dwi Acitya
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
147 tayangan8 halaman

Laporan Resmi Modul Ii: Praktikum Web I

Laporan ini membahas praktikum HTML lanjut yang meliputi tabel, form, frame, dan hyperlink. Tujuan praktikum ini adalah mampu menjelaskan elemen-elemen HTML lanjut tersebut dan membuat aplikasinya. Isi laporan ini meliputi penjelasan teori mengenai tabel, form, frame, dan hyperlink beserta contoh kode programnya. Implementasi dilakukan dengan membuat 3 halaman web dan menggabungkannya menjadi satu tampilan menggunakan frameset

Diunggah oleh

Tissa Dwi Acitya
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

LAPORAN RESMI MODUL II

HTML LANJUT (Table,Form,Frame,HyperLink)

PRAKTIKUM WEB I

NAMA : N.R.P : DOSEN : ASISTEN : TGL PRAKTIKUM :

TISSA DWI ACITYA 110451100038 YENI KUSTIYAHNINGSIH, S.kom, M.kom TITIK ALVIATUL RAHMAH 13 SEPTEMBER 2012

Disetujui : September 2012 Asisten

TITIK ALVIATUL RAHMAH 10.04.511.00011

LABORATORIUM BISNIS INTELIJEN SISTEM JURUSAN MANAJEMEN INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO MADURA

BAB I PENDAHULUAN

1.1 LatarBelakang Dengan Majunya teknologi menuntut kita akan memperbarui pengetahuan termasuk juga dengan web.dimana dasar dari pemrograman web adalah HTML,HTML kependekan dari Hyper Text Markup Language. Dokumen HTMLadalah file text murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada dikomputer client (user) sehingga isi informasinya dapat ditampilkan secara visual dikomputer pengguna (user).

1.2 Tujuan Mampu menjelas kan table, frame, form, image, hyperlink pada HTML Lan jut dan membuat aplikasinya

BAB II DASAR TEORI Tabel a. Atribut ROWSPAN Atribut ini digunakan untuk menggabungkan beberapa baris dalam satu kolom menjadi satu baris (merge cell). b. Atribut COLSPAN Atribut ini digunakan untuk menggabungkan beberapa kolom dalam satu baris menjadi satu kolom (merge cell), dimana atribut ini juga dapat digabungkan dengan atribut sebelumnya yaitu ROWSPAN c. Atribut Latar Belakang Tabel Untuk memberikan warna latar belakang didalam table maka dapat digunakan atribut bgcolor disertai dengan latar yang diinginkan, misalkan latar belakang table akan diisi dengan warna biru, maka dapat dilakukan BGCOLOR=BLUE, atau latar belakang diisi dengan gambar maka dapat dilakukan dengan BACKGROUND=namafile.jpg, file yang dapat digunakan untuk latar belakang adalah *.JPG, *.GIF, *.BM P dan *.PNG. d. Atribut Align Atribut ini d igunakan untuk pengaturan pelurusan dari suatu cell, adapun macam pelurusan ini ada tiga yaitu LEFT, CENTER, dan RIGHT. Pelurusan cell ini diperlukan terutama untuk informasi data mengenai mata uang, atau yang berhubungan dengan nilai uang misalkan daftar harga. Bila ada daftar harga maka sebaiknya digunakan align RIGHT, sehingga akan memudahkan pembacaan. 2.2 Tabel Bersarang (Nested Table) Kata bersarang (nested) sering digunakan pada istilah-istilah pemrograman dan sering dijumpai dalam setiap pemrograman. Demikian pula dalam pembuatan script HTML yaitu table bersarang, yang artinya adalah didalam suatu table terdapat table yang lain, kemungkin ini bias saja terjadi dengan meletakkan tag <table> didalam tag <table> lainnya, sehingga didapatkan table yang bersarang didalam table lainnya. 3.3. Tag FrameSet Sesuai dengan namanya frame yang berarti bingkai, adalah berhubungan dengan pengaturan bingkai sebagai pembentuk jendela tampilan pada browser. Sehingga

dapatlah jendela browser dibagi menjadi beberapa frame. Ada tiga pengaturan frame, yaitu secara vertical, horizontal dan komb inasi dari vertical dan horizontal. Script HTML yang digunakan untuk pengaturan frame maka tidak dapat digunakan untuk membuat halaman tampilan web, untuk itu diperlukan file yang berisi script HTML lain dan disisipkan kedalam script frame tesebut. Jadi bila ada dua frame maka diperlukan dua file HTML. Untuk dapat menyisipkan ketiga file HTML tesebut kedalam frame, diperlukan nama yang jelas dan benar serta dimana letak folder/ direktorinya, karena informasi tersebut digunakna didalam tag <frameset>. 2.4. Form Digunakan untuk menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server. Standar penulisan:

<form method=post/get action=. . .> . . . </form>


a. Elemen Form Tag <FORM> d igunakan untuk membuat form dalam document HTM L Atri but Method Action Name Value Type Fungsi Metode pengiriman data ke file tujuan (POST atau GET) Aksi yang akan dilakukan jika user menekan tombol Submit Memberikan nama tiap masukan Memberikan nilai suatu masukan Tipe form yang akan digunakan Tabel 3.5. Attribut untuk membuat form dalam document HTML b. HTML Input Elemen Pada saat membuat form anda bisa meletakkan control-control pada form untuk memperbolehkan inputan dari user . semua control biasanya di letakkan diantara tag <FORM></FORM > tapi anda juga bias meletakkan control diluar tag tersebut. Untuk menambahkan control gunakan tag <input>. Berikut macam-macam component input: 1. Textbox Untuk membuat sigle line text control. Attribute size digunakan untuk menentukan jumlah character yang bisa ditampilkan, sementara maxlength

attribute digunakan untuk menentukan maximum character yang bisa di masukkan. Contoh Penulisan syntax textbox :

<INPUT TYPE=TEXT NAME=textbox VALUE= SIZE=20>


2. Submit dan Reset Tombol Submit: digunakan ketika user mengisi form dan ingin mengirimkan ke server, sedangkan Tombol Reset: digunakan ketika user ingin menghapus/mengosongkan semua masukan yang ditulis dalam form 3. Checkbox Digunakan Untuk memberi beberapa pilihan kepada user 4. Radio button Fungsi: Untuk memberi (hanya) satu pilihan kepada user, Setiap radio button control harus memiliki nama yang sama, sehingga user hanya bisa memilih satu option saja. Radio button juga harus secara explisit memberikan nilai ke atribut value. 5. Text Area Fungsi: Sebagai field masukan untuk pengunjung (dapat menerima lebih dari satu baris teks). Biasa disebut sebagai kotak komentar untuk membuat textarea gunakan tag <TEXTAREA ></TEXTA REA> 6. Daftar Drop Down Fungsi: Memberikan menu pilihan kepada user (cara kerjanya seperti radio button yang hanya mengijin kan user untuk memilih 1 pilihan saja) 2.5. Hyperlink Fasilitas hyperlink dipergunakan untuk menghubungkan atau membuat suatu link didalam sebuah dokumen maupun alamat URL. Ada beberapa hal yang perlu diketahui tentang model model dari hyperlink d iantaranya yaitu : Link Address Anchor Link Ke doku men lain Link ke bagian tertantu dalam dokumen Link ke bagian tertentu pada dokumen lain

BAB IV IMPLEMENTASI Tugas 1. Buatlah 3 page berformat html seperti di bawah ini... 2. Setelah itu gabungkan 3 page dengan frameset hingga tampilan menjadi seperti dibawah ini

BAB V PENUTUP 5.1 Analisa Dalam membuat sebuah HTML dibutuhkan kreatifitas karna semua sintak-sintak yang ada sudah bisa membantu untuk membuat sebuah web sederhana yang bagus 5.2 Kesimpulan HTML merupakan dasar dalam pemrograman Web oleh karena itu kita harus menguasai dengan benar apa itu HTML mulai dari sintak-sintak yang ada dalam HTML Seperti bagaimana cara merubah background,mengatur letak tulisan,mengatur font dll

Anda mungkin juga menyukai