Resume Desain Web ( pertemuan 5 )
Content Display dalam Halaman Web
Hypertext dan Hypermedia
Hypertext adalah dokumen yang berisi link ke dokumen lain. Anda bisa pindah dari satu dokumen ke dokumen lain hanya dengan klik link tersebut.
Hypermedia adalah dokumen yang berdasarkan hypertext ditambah dengan multimedia seperti gambar, video dan audio. Dalam dokumen hypermedia, gambar sering digunakan sebagai link ke dokumen lain.
Absolute Path dan Relative Path
Path relative jika lokasi file tersebut relatif terhadap dokumen yang sedang aktif, yaitu terletak di atas atau dibawah direktori dokumen tersebut.
Contoh : <a href=“../tes.html”>masuk !</a>,
<a href=“masuk/tes.html”>Mlebu !</a>.
Absolute Path adalah path yang merujuk pada pada suatu lokasi file dengan cara alamat url yang ditulis lengkap atau utuh.
Contoh : <a href=http://www.stikom.edu>Stikom</a>Link
Link (disebut juga hyperlink atau web link) merupakan dasar pembangun hypertext. Sebuah link menghubungkan satu sumber web ke web lain.
Link mempunyai dua komponen, yaitu anchor dan tujuan. Link dimulai dari anchor sumber dan berakhir di anchor tujuan yang merupakan sumber web.
Atribut ID
Atribut href untuk menyatakan suatu file tujuan. Server mencari ke dalam direktori di mana dokumen saat ini berada untuk mencari file tersebut. File dokumen tujuan HTML yang menggunakan elemen A bisa diikuti atribut id.
Untuk membuat link yang membawa pembaca ke suatu bagian tertentu dalam dokumen, cukup sertakan tanda # setelah nama bagian link.
Contoh : <a href=“#teguh”>Oke</a>Judul Link
Atribut title bisa digunakan dalam elemen A dan LINK untuk menambah informasi tentang link. Informasi ini akan ditampilkan berupa tooltip oleh browser.
Contoh : <a href=“wkwk.html” title=“Beres”>Hahaha</a>Elemen
Untuk membuat suatau link dalam HTML dipergunakan elemen yang dinyatakan dengan tag berpasangan <a>..</a>.
HTML Frames
Kegunaan Frame :
• Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain menampilkan isi.
• Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isi dokumen.
• Membuat suatu dokumen tanya-jawab, di mana sisi frame yang satu berisi daftar pertanyaan sedangkan sisi frame yang lain.
Dokumen frame tidak boleh berada dalam elemen body. Dokumen frame menggunakan elemen FRAMESET mempunyai dua buah atribut, yaitu ROWS dan COLS.
• ROWS Membagi Jendela Browser menjadi beberapa baris frame
• COLS membagi jendela browser menjadi beberapa kolom frame
Tag <frame> mendefiniskan sebuah frame. Tag tersebut harus dalam elemen FRAMESET
Atribut yang paling penting dari tag FRAME adalah SRC (Source). SRC menunjukkan bahwa frame berisi URL, yang biasanya adalah file HTML.
<frame src=http://www.stikom.edu>HTML Forms
Form adalah salah satu penampilan interaktif yang paling populer pada World Wide Web(www).
Form memungkinkan pengguna berinteraksi dengan teks, grapik atau yang dirampilkan pada browser.
Sebuah form dibentuk dengan menggunakan pasangan tag <form> </form>. Setiap elemen FORM harus mempunyai 2 buah atribut METHOD dan ACTION.
ACTION adalah URL dari script yang dipanggil oleh form tersebut
Method adalah cara mengirimkan data yang dimasukan pembaca ke web server. Form ini mempunyai dua metode yaitu GET dan POST.
Metode GET Adalah mengirimkan data pada server dengan cara meletakkannya pada bagian akhir URL.
Metode POST Adalah mengirim seluruh data dari form yang terpisah dari URL.
HTML Scripting
<script> tag digunakan untuk menetapkan client-side script, seperti JavaScript.
Elemen script baik berisi pernyataan scripting atau menunjuk ke suatu file script eksternal melalui atribut src.
Menggunakan JavaScript umum untuk manipulasi gambar, validasi form, dan perubahan konten dinamis.<script type="text/javascript">document.write("Hello World!")
</script>
Langganan:
Posting Komentar (Atom)
