Pertemuan 03

36
PEMROGRAMAN WEB I Oleh: I Wayan Simpen

Transcript of Pertemuan 03

  • AgendaLinkList

  • LINK HTMLDokumen HTML menggunakan hyperlink (anchor) untuk meng-hubungkan dokumen ke dokumen dalam web.Hyperlink biasa disebut dengan hypertext link

  • Contoh

  • Tag AnchorHTML menggunakan tag untuk membuat linkSintak:

    Jenis Link:Link RelatifLink AbsolutLink ke lokasi tertentu pd dokumen Teks Tampilan

  • Atribut LINK

    HREFMenentukan source dokumenNAMEMemberi alamat pada lokasi tertentu pada sebuah halamanTARGET Menentukan target tampilanTITLE Menentukan judul linkonClick Menambahkan event klikonMouseOver Event mouse di atas link onMouseOut Event mouse saat meninggalkan link

  • Link RelatifLink dalam page ke page yang lain dalam satu komputerContoh:Berikut Berikut Berikut

  • Link AbsolutMembuat link web page ke web site lain di Internet.Contoh: MicrosoftMembuat link ke Misrosoft DipanegaraMembuat link ke web site STMIK Dipanegara

  • Link ke Bagian lain dalam DokumenLink jenis ini dibuat apabila dokumen html cukup panjang

    Link ini berpasangan dengan tagYang Baru Hari Ini

  • Link ke Windows BaruMelakukan link ke page lain dan membukanya pada jendela baruContoh:

    Target link yang lainnyaTARGET = "_blank" | "_parent" | "_self" | "_top" | window name untuk FRAME

    Cetak Coret

  • Link yang tidak TergarisbawahiLink dapat ditampilkan teks yang tidak digaris bawahi.Contoh:

    Indentasi Paragraf

  • MailtoMembuat link pada suatu pesan mail (tidak bisa bekerja jika mail client didak dipasang)Contoh: Kirim ke email ke [email protected]

  • LIST HTMLBentuk umum untuk mengguraikan suatu daftarBentuk-bentuk listList dengan angka, abjad, Romawi (ordered list)List (unordered list)Definition List

  • Ordered ListList dibuat dengan menggunkana angka atau abjad atau huruf romawiType list ordered jika penomoran bukan

    TypeArtiIRomawi BesariRomawi KecilAAbjad Huruf BesaraAbjad Huruf Kecil

  • Type bila tidak disebutkan, list berbentuk angkaTag yang digunakan adalah dan berpadsangan dengan yag ubtuk List-nyaBentuk:

    Teks .. Teks

  • Contoh:

    SERBA GRATIS DARI INTERNET Penyelenggara E-mail Gratis! DALAM NEGERI : Telkom BolehMail

  • LUAR NEGERI : Yahoo Excite Penyelenggara Web Space Gratis!

  • Hasil

  • Unordered ListList dibuat dengan menggunkana simbol (bullet)Type list unordered

    TypeArtiDiscBulatan PenuhCircleBulatan KosongSquareSegi empat penuh

  • Tag yang digunakan adalah berpasangan dengan tag Bentuk:

    Teks .. Teks

  • Contoh:

    SERBA GRATIS DARI INTERNET

    Penyelenggara E-mail Gratis! DALAM NEGERI : Telkom BolehMail

  • LUAR NEGERI : Yahoo Excite Penyelenggara Web Space Gratis!

    &copy '2006

  • Hasil

  • Tag Sama dengan tag Contoh:

    DIR

    SERBA GRATIS DARI INTERNET

    Penyelenggara E-mail Gratis!

  • DALAM NEGERI : Telkom BolehMail LUAR NEGERI : Yahoo Excite Penyelenggara Web Space Gratis!

    &copy '2006

  • Tag Untuk membuat daftar unut tanpa penomoran. karakter spasi dihitungFont yang standar kalau tidak disebutkan

  • Contoh

    LISTING

    Browser Makers Microsoft W33 Netscape OperaService Providers AOL CompuServe

  • Definition ListUntuk mendefinisikan indentasi biasa dan gantungTag yang digunakan

    TagKegunaanDefinition ListDefinition TermDefinition Description

  • Contoh 1:

    Bank yang tidak masuk dalam daftar likuidasi tetap berjalan seperti biasa. Jika terdapat selebaran palsu mengenai daftar Bank yang dikatakan bakal dilikuidasi, masyarakat jangan percaya. Itu selebaran palsu yang berisi omong kosong. Hanya 16 Bank yang telah dilikuidasi.Demikian penegasan gubernur Bank Indonesia J. Soedradjad Djiwandono di gedung utama sekretariat kabinet, di Jakarta, Senin (3/11), usai pengumuman paket kebijaksanaan ekonomi 3 Nopember 1997.

  • Hasil:

  • Contoh 2:

    BAB I Pendahuluan. Menjelaskan mengenai Evolusi Cyberspace, Word Wide Web, Perancangan HomePage serta Editor-editor Web yang dapat digunakan untuk membuat HomePage. BAB II Dasar-Dasar Bahasa HTML.menjelaskan mengenai mengapa kita menggunakan tag-tagbeserta atribut-atributnya serta menjelaskan segala sesuatu tentang dasar-dasar HTML yang harus diketahui sebelum membuat HomePage.

  • Hasil:

  • TugasBuat Web Page dengan bentuk tampilan sebagai berikut:

    PEMROGRAMAN WEB IOleh:I Wayan Simpen

    SAMPAI JUMPAMINGGU DEAN