Page 26 - My Skripsi

Gambar 4.1 Diagram hasil angket analisis kebutuhan media
pembelajaran
Gambar 4.2 Implementasi Header
Gambar 4.3 Implementasi tombol-tombol navigasi

Gambar 4.4 Implementasi sidebar
Gambar 4.5 Implementasi area isi
Gambar 4.6 Implementasi footer

Gambar 4.7 Implementasi animasi
Gambar 4.8 Tampilan awal program Adobe Dreamweaver CS6

Gambar 4.9 Membuat lembar kerja baru dengan format *.html
Gambar 4.10 Struktur dasar website menggunakan bahasa HTML
Gambar 4.11 Tampilan sebelum diatur menggunakan CSS

Gambar 4.12 Tampilan setelah diatur menggunakan CSS
Gambar 4.13 Screen halaman Home (index.html)

Gambar 4.14 Screen halaman profil peneliti (cv.html)
Gambar 4.15 Screen halaman daftar isi (daftarisi.html)
Gambar 4.16 Screen halaman KI-KD (kikd.html)

Gambar 4.17 Screen halaman materi kedudukan titik
Gambar 4.18 Screen halaman materi jarak titik

Gambar 4.19 Screen halaman latiohan soal
Gambar 4.20 Screen halaman STORIES (stories.html)
Gambar 4.21 Screen halaman REFERENSI (referensi.html)

Gambar 4.22 Desain tampilan Header sebelum (atas) dan sesudah
(bawah) revisi

Gambar 4.23 Desain tampilan daftar isi sebelum (atas) dan sesudah
(bawah) revisi

xxii