TUGAS-2 PKTI 2C

           CARA MEMBUAT HTML 2 (EFEK MARQUEE DAN HYPERLINK)

 

 

            Pada kali ini, kita akan membuat sebuah HTML yang lebih kreatif dan keren dibandingkan HTML sebelumnya. Kali ini bukan HTML biasa, tetapi kita akan membuat beberapa efek yang tentunya akan membuat HTML kita semakin menarik. Bagaimana caranya? Simak penjelasannya. Yang pertama, kita akan membuat HTML dengan efek-efek berjalan atau yang dinamakan “Marquee”, berikut langkah-langkahnya:

1.    Buka program Notepad dengan cara:

Klik “Start” >> “All Programs” >> “Accessories” >> “Notepad”

2.    Setelah itu buat HTML seperti berikut

 

Note: Judul & keterangan bisa dikreasikan sendiri

3.    Setelah itu simpan dokumen, dengan cara:

a)     Klik File ® Save as

b)     Ubah File name: (nama).htm. Sebagai contoh; Matkul 1EB14.htm

c)      Klik “Save as type” dan klik “All Files”

d)     Klik “Encoding” dan pilih “ANSI”

e)     Pilih folder yang diinginkan untuk menyimpan file

f)       Klik “Save”

4.    Setelah itu buka file pada folder yang telah dipilih, kemudian klik dua kali

5.    Kemudian akan muncul program aplikasi web (Mozilla Firefox, Internet Explorer, Google Chrome, dll.) dan berikut hasilnya:

 

    Untuk mengetahui lebih detail, berikut penjelasan beberapa kode HTML pada gambar di atas:

1.    MATKUL 1EB14

Kode ini untuk menambahkan jenis font, ukuran, maupun warna teks berjalan

2.    Kode dasar (Sosiologi & Politik)

Kode marquee dengan kalimat diberi efek tebal (Bold)

3.    Kode background (Pengantar Komputer & TI 2ABC)

Kode marquee dengan background berwarna

4.    Kode delay (Pengantar Akuntansi 2)

Kode marquee dengan teks yang diatur lebih lambat atau delay (pada contoh ini 500 berarti 0,5 detik)

5.    Kode scrollamout (Perekonomian Indonesia)

Kode marquee yang mengatur kecepatan gerakan teks (semakin besar angka, semakin cepat)

6.    Kode direction (Pendidikan Pancasila & Bahasa Inggris)

Kode marquee yang mengatur arah gerakan teks (up, down, left, dan right). Pada gambar di atas menggunakan "up" >> efek arah ke atas (Pendidikan Pancasila) dan "right" >> efek arah ke kanan (Bahasa Inggris)

7.    Kode width (Matematika Ekonomi 2)

Kode yang megatur lebar media marquee (contohnya 50% berarti lebar teks hanya setengah dari lebar html)

8.    Kode behavior alternate (Dasar Pemasaran)

Kode marquee yang  mengatur jenis gerakan (terdiri atas tiga jenis, yaitu scroll, slide, dan alternate. Pada contoh ini memakai alternate, yaitu gerak memantul)

Selain ke-8 efek marquee di atas, masih banyak lagi efek marquee lainnya, tergantung kebutuhan dan kreativitas,

Tak hanya efek marquee saja,  kita dapat membuat HTML yang hasilnya akan membawa kita ke sebuah link website (bisa dikatakan “hyperlink”). Berikut, langkah-langkahnya

1.    Buka program Notepad

2.    Buatlah HTML sebagai berikut:

 

Note: Judul & keterangan dapat diubah sesuai keinginan

3.    Simpan filenya (lihat caranya pada topik sebelumnya)

4.    Buka filenya dan berikut hasilnya:

 

5.    Klik “click here to see my campus” (teks hyperlink atau teks yang berwarna biru dan digarisbawahi)

6.    Dan hasilnya seperti ini:

 

Mudah bukan? Cobalah buat HTML sekreatif mungkin dan tentunya hasilnya tidak kalah menarik.

Selamat mencoba ^^