Nama :Valentina Rosi

Kelas :3KA34
Mata Praktikum : Analisis Interface
Matakuliah : Interaksi Manusia dan Komputer
Pertemuan Ke :2
Tanggal :2-12-2020

Laboratorium Sistem Informasi

Universitas Gunadarma
PTA 2020 / 2021
Tugas :

1. Jelaskan pengertian layout situs menurut anda serta sebutkan komponen-komponennya!

2. Buatlah frameset pada Macromedia Dreamweaver seperti contoh diatas. Dan berikan
penjelasan cara membuat, kode program, dan hasil yang telah dibuat. (Disertai screenshot
dari setiap cara dan kode program dan untuk gambarnya bebas).

TAMBAHAN:
 Kumpulkan Jawaban Dalam Format Pdf.
 Gunakan Template Atau Format Ini Untuk Menjawab.
 Praktikan Yang Jawabanya Sama [Kurang Lebih (80%)] Akan Mendapatkan Nilai Minimal !
 Praktikan Yang Tidak Menjelaskan Logika Pengerjaan Akan Mendapatkan Nilai Minimal !
 Jawaban Yang Dikumpulkan Diluar Batas Waktu Pertemuan Tidak Akan Diinput Nilainya.!

Jawaban :
1.
Fixed:
Ini adalah layout atau tata letak primitif yang disukai oleh banyak orang, dan mudah untuk dibuat
serta disesuaikan. Sebagaimana namanya, komponen website dikemas dalam lebar yang tetap .
Dari pernyataan di atas jelaslah bahwa siapa pun yang melihat website dari browser dengan
ukuran apa pun akan melihat website beserta komponen - komponennya dalam lebar yang tetap
dan mereka tidak akan berpindah. Jika designer web di Surabaya menggunakan layout tipe fixed,
lebar tata letak situs web tetap sama bahkan ketika dilihat di browser yang berbeda. Bila dilihat
melalui layar yang lebih besar, pengguna akan dihadapkan dengan spasi. Bila dilihat melalui
layar yang lebih kecil, pengguna harus scroll website secara horizontal (yang tidak disukai oleh
sebagian besar pengguna) untuk melihat elemen web.
Fluid:
Ini adalah salah satu tipe layout yang paling disukai oleh web designer. Layout dengan tipe fluid
akan membuat keseluruhan tampilan situs web terlihat baik pada browser yang berbeda. Lebar
persentase yang dirancang untuk elemen - elemen situs menyesuaikan dengan baik untuk ukuran
layar yang berbeda dan sesuai untuk resolusi layar pengguna dengan sempurna. Beberapa poin
yang menarik sedikit tentang tata letak ini adalah: Tidak ada perbedaan white space yang
berlebihan ketika dilihat melalui browser yang berbeda, sebuah fluid layout yang dirancang
dengan baik dapat mengatasi horizontal scroll untuk meningkatkan visibilitas pengguna,
menyiapkan beberapa ukuran untuk video, konten, gambar agar sesuai dengan resolusi layar
yang berbeda.
Elastic:
Secara singkat, ini tidak lain adalah kombinasi dari dua layout lainnya, fixed dan fluid. Ini adalah
tata letak terbaik yang kebanyakan diadopsi berbagai website untuk saat ini, terutama setelah
masuknya ponsel ke pasar. Pada tipe ini, ukuran font menyesuaikan diri setiap kali terjadi
perubahan resolusi layar. Jadi, jika designer web Surabaya menggunakan tipe ini, layout akan
sesuai dengan berbagai ukuran dan resolusi layar yang berbeda sehingga dapat menyediakan
visibilitas pengguna web menyenangkan.
2.
Buka Aplikasi Adobe dreamwaver lalu pilih HTML
Klik File > New , Pilih HTML 5 pada DocType:
Masukan foto yang akan di tampilkan dan berikan backgroundnya