Membuat Website Sederhana Dengan Dreamweaver

List Codingan Dreamweaver

Gambar 1. Screenshot Codingan Halaman Index

Gambar 2. Screenshot Codingan Halaman Jurusan

Gambar 3. Screenshot Codingan Halaman Galeri

Tampilan Website

Gambar 4. Screenshot Tampilan Halaman Index

Gambar 5. Screenshot Tampilan Halaman Jurusan

Gambar 6. Screenshot Tampilan Halaman Galeri

Logika :

Website yang saya coba buat untuk Laporan Akhir ini adalah website tentang Universitas Gunadarma. Didalam website ini terdapat 3 halaman yaitu halaman index, jurusan, dan galeri dimana masing-masing halaman tadi saling terhubung satu sama lain. Pada halaman index terdapat info mengenai Universitas Gunadarma beserta lokasi-lokasi kampusnya, lalu halamn jurusan terdapat penjelasan mengenai fakultas dan jurusan apa saja yang terdapat di Gunadarma, sedangkan halaman Galeri berisi foto gedung-gedung perkuliahan yang dimiliki Universitas Gunadarma. Untuk membuat website seperti ini komponen yang diperlukan adalah sebuah gambar, table dan link untuk menghubungkan setiap halaman.

• Mengatur Warna Background dan Tulisan agar lebih menarik

Untuk mengatur warna background digunakan tag < background bgcolor=”Jenis warna” > Jenis warna tadi bisa dituliskan dalam bahasa inggris misalnya “Red” atau dengan menuliskan kode binary warna yang ingin digunakan.

Tag < pre > digunakan untuk merapikan baris, misalkan kita memberi tab maka tab itu juga akan dieksekusi. Apabila kita tidak menggunakan tag < pre > maka tab itu tidak akan dieksekusi.

Untuk mengatur jenis huruf, syntax yang digunakan adalah < font face=”Verdana, Geneva, sans-serif” >. Syntax ini dituliskan sebelum menuliskan kalimat. Setelah selesai menulis kalimat jangan lupa untuk menutupnya dengan < /font >. 

Tag < h1 > berguna untuk mengatur style dan ukuran tulisan agar tercetak tebal dan besar. Tag < br > digunakan untuk beralih ke baris baru. Tag < center > digunakan untuk membuat tulisan menjadi rata tengah.

• Menyisipkan Gambar

Untuk menyisipkan gambar dapat menggunakan tag < img src=”lokasi gambar” > dan diakhiri dengan < /img >. Src adalah singkatan search dimana tag tersebut akan mencari dimana gambar itu disimpan. Biasanya gambar-gambar yang ingin disisipkan harus disimpan kedalam sebuah folder yang sama agar memudahkan dalam pencariannya. Jika ingin mengatur ukuran lebar dan tingginya maka kita tinggal menambahkan dengan syntax < img src=”gambar1.jpg” width=”1024” height=”768” >< /img >.

• Membuat Table & Link

Untuk membuat table, dimulai dengan tag < table > dan diakhiri dengan < /table >. < tr > merupakan syntax untuk baris dan < td > untuk kolom.

Jika halaman website ingin dibuat saling terhubung satu sama lain maka kita perlu untuk membuat sebuah link. Cara membuat sebuah link yaitu dengan menggunakan tag < a href=”link yang ingin dituju.html” > dilanjutkan dengan membuat sebuah objek tulisan atau gambar untuk diklik dan diakhiri dengan tag penutup < /a >.