191
Membuat Homepage Sederhana dan Interaktif
1. Manipulasi Gambar dengan HTML
Untuk memanipulasi gambar dapat dilakukan melalui tag-tag kode HTML
Yang berarti gambar diambil dari alamat URL : ”PE01832_.gif” gambar komputer HTML di atas akan ditampilkan pada halaman web sebagai berikut. Hasilnya akan sama
dengan memanipulasi gambar secara langsung pada halaman web homepage:
Gambar 3.7 Tampilan hasil manipulasi gambar dengan HTML
2. Manipulasi Gambar Secara Langsung pada Halaman Web Homepage
Manipulasi gambar serta pengaturan propertiesnya pada halaman web homepage sama halnya dengan manipulasi gambar serta pengaturan propertiesnya pada halaman dokumen MS.Word. Untuk
memanipulasi text pada halaman normal dapat dilakukan dengan langkah sebagai berikut: a.
Bukalah file yang diinginkan. Misalnya, File Belajar Homepage 1. b.
Tentukan pointer sisipan tempat gambar akan disisipkan. c.
Klik Insert - Picture - ClipArt atau From File atau Video.
d. Pilih dan masukkan gambar yang diinginkan.
e. Aturlah format gambar agar lebih menarik.
F. Manipulasi Gambar
G. Manipulasi Daftar Item
1. Manipulasi Daftar Item
Untuk memanipulasi daftar item dapat dilakukan melalui tag-tag kode HTML berikut.
192
Teknologi Informasi dan Komunikasi Kelas XI
Yang berarti daftar item yang digunakan untuk hardware adalah ul dan li dengan tipe bullet Square ul type=”square”
liHarddiskli liModemli
lidan lain-lainli
Sedangkan daftar item yang digunakan untuk software adalah ol, yaitu daftar item bernomor ol liWindows XPli
liNorton Utilityli liMicrosoft Officeli
lidan lain-lainli
HTML di atas akan ditampilkan pada halaman web sebagai berikut hasilnya akan sama dengan memanipulasi daftar item secara langsung pada halaman web homepage:
Gambar 3.8 Tampilan hasil manipulasi daftar item pada halaman Web
2. Manipulasi Daftar Item Secara Langsung pada Halaman Web Homepage
Manipulasi daftar item serta pengaturan propertiesnya pada halaman web homepage sama halnya dengan manipulasi gambar serta pengaturan propertiesnya pada halaman dokumen MS.Word,
dengan langkah sebagai berikut: a.
Buatlah file dengan nama file Belajar Homepage 2 seperti pada gambar di atas. b.
Tentukan pointer sisipan tempat gambar akan disisipkan. c.
Klik Bullets and Numbering pada menu Format.
d. Ketikan text yang diinginkan. Misalnya, seperti gambar di atas.
e. Aturlah format dan posisi text agar lebih menarik.