TUGAS KELOMPOK

Pemrograman Web

Judul Tugas Kelompok

Fakultas Program Studi Kelompok Hari /Jam Kuliah Disusun Oleh

Ilmu Komputer Sistem 01 Kamis/07.30 NIM dan Nama Anggota
Informasi Kelompok
Pembahasan

1 Links dan Navigation

a.Basic Links

Link aka hyperlink merupakan sarana perintah yang dapat menghubungkan antara satu bagian dalam
dokumen HTML dengan bagian yang lain baik itu dalam satu dokumen yang terdiri dari beberapa
halamn ataupun dengan again dokumen lain yang berada diluar dokumen kita.

Untuk membuat link atau penghubung digunakan tag <A> yang diikuti dengan HREF dan kemudian
ditutup dengan </A>. selengkapnya perintah tersebut dapat dituliskan sebagai berikut :

<A HREF=”URL”>…</A>. Peranan HREF=”URL” menentukan URL pada halaman atau sumber-sumber
informasi yang akan ditampilkan setelah user dengan cara melakukan klik pada link tsb, yang
biasanya berwarna biru.

Contoh input :

Hasil Output :

b.Navigasi

2018
2
tag <nav> digunakan untuk membuat navigasi halaman situs yang biasanya diletakkan dibagian tepi
(sidebar) situs tersebut. Oleh karena itu umumnya, tag <nav> ini dipadukan dengan tag “klasik”
untuk membuat list, yaitu <ul> atau <ol>. Contoh sebagai berikut :

b.Pemahaman Direktori dan Struktur Direktori

Menyusun Struktur direktori atau folder website merupakan salah satu bagian penting dalam
membangun sebuah website atau web aplikasi sehingga menyusun direktori ini sangatlah penting
dan tidak boleh sembarang, meskipun penting penyusunan direktori ini tidaklah selalu sama antara
webdeveloper

satu dengan webdeveloper yang lain karena hal seperti ini biasa dijadikan sebagai standarisasi
seorang atau perusahaan developer agar mudah mengembangkan website yang mereka bangun.

Struktur direktori ini biasanya ditujukan sebagai menejemen file-file agar terkelompokkan dengan
baik sesuai fungsi dan kegunaanya.

c.URL, Absolute dan Relative URL,dan <base> elemen

-URL

World Wide Web menujukkan ke lokasi-lokasi dari suatu informasi pada sebuah server menggunakan
URL (Uniform Resource Locator). URL menujukkan alamat sumber pada web. URL merupakan alat
untuk menangani protocol seperti Hypertext Transfer Protocol (HTTP), File Transfer Protocol (FTP)
dan lain-lainnya. Sintaks dari URL ini selau sama yaitu :

Protokol://domain_host/Direktori/nama_file

-Absolute dan Relative URL

-<base> elemen

Atribut ini digunakan untuk menentukan bagian mana yang dapat dirubah informasinya. Untuk
memperjelas bahasan tsb, dibuat fram eterdiri dari 4 bagian.

Perhatikan contoh berikut ini :

2018
3
2018
4
Tampilan pada browser, terlihat seperti berikut ini :

d.Advanced E-Mail Links

Untuk mempermudah komunikasi netter dengan webmaster, maka disebuah halman web tercantum
alamat email. Tag yang digunakan adalah sebagai berikut

<a href=mailto:alamatemail> Komentar </a>

Digunakan jika link menggunakan teks.

<a href=mailto:alamatemail> <img src=”path dan nama file” width=angka height=angka>

<\a>

Digunakan jika link menggunakan gambar.

Untuk memperjelas perhatikan contoh berikut :

2018
5
Hasil tampilan pada browser seperti berikut ini :

2.Colors, Image, and Objects

a.Menambahkan Warna (Color) untuk Web: Specifying, Using, & Hex Codes versus Color Names

Sebagaimana pada tag, kita dapat menentukan warna latar belakang pada halaman web, maka pada
table dengan mengguakan atribut BGCOLOR, kita juga dapat menggunakan warna dengan perintah
yang sama, dengan ketentuan seperti berikut.

2018
6
 <TABLE BGCOLOR = “pink”> atau dengan menggunakan hex code

<TABLE BGCOLOR = #ff0045>

Contoh :

Hasil keluaran pada browser :

2018
7
b.Memilih Warna (Color) untuk Web: Basic Color, Color Scheme, Contrast, Affect Color, Color Palette,
Final Words

Salah satu cara untuk menambahkan warna pada warna huruf ada

2018
8
2018
9
c.Menambahkan Gambar (image): Types Image format, Bitmap, Vector, penggunaan elemen <img>

untuk memasukkan gambar dalam website ada dua cara yang dapat dilakukan, hal ini didasarkan
pada dimana source gambar itu berada, yaitu :

1. Gambar berada dalam satu lokasi dengan dokumen HTML

2. Gambar tidak berada dalam satu lokasi dengan dokumen HTML

Tidak semua format gambar dimasukkan dalam website, semisal TIF, tetapi yang dapat dimasukan
adalah tipe yang sesuai seperti GIF dan JPG.

Untuk memasukkan gambar digunakan perintah :

<img src = “path dan nama file”>

Misalkan :<img src=rastra.jpg>

Untuk lebih jelasnya perhatikan contoh berikut ini :

2018
10
Keluaran dari dokumen berikut :

2018
11
d.Menambahkan Objek Lain dengan elemen <object> : Atribut elemen <object> dan <param>

Adakalanya kita menginginkan website kita ditambah dengan bebagai obyek multimedia, yaitu
obyek-obyek yang terdiri dari citra atau gambar, suara dan data; untuk itu pada bagian ini akan
diberiakn contoh-contoh bagaimana caranya menambahan obyek teersebut pada situs kita.

Untuk menambahkan subyek atau file multimedia perintahnya sebagai berikut: <IMG
DYNSRC=”nama file”>.

- Atribut elemen <object>

Perhatikan contoh berikut ini :

Keluaran dari dokumen berikut :

2018
12
- Atribut elemen <param>

perhatikan contoh berikut ini :

Keluaran dari dokumen berikut :

2018
13
e.Penggunaan Images sebagai Links

selain teks link juga dapat dibuat dengan menggunakan gambar. Secara prinsip link dengan
gambar tidak jauh berbeda dengan link menggunakan teks. Pebedaannya pada komentar diganti
dengan tag memasukkan gambar. Tag yang digunakan adalah sebagai berikut :

<a href=http://www.nama domain/nama_file> <img src=”path dan nama_file”width=angka

height=angka> </a>.

Untuk lebih jelasnya, perhatikan contoh berikut ini :

2018
14
2018
15
Daftar Pustaka

a. Suryana, Taryanal. Sarwono, Jonathan. 2007 Membuat Web Pribadi

dan Bisnis dengan HTML. GAVA MEDIA.

b. EP, Junaedi, Fajar. 2005 Panduan Lengkap Pemrograman HTML.

Percetakan Negeri.

c. Prasetio, Andhi. 2010 Cara Mudah Mendesain Web Untuk Pemula.

Mediakita.

2018
16