MEMBUAT LAYOUT WEBSITE MENGGUNAKAN TABLE DAN CSS

MEMBUAT LAYOUT WEBSITE MENGGUNAKAN TABLE DAN CSS
Mata Pelajaran
Kelas
Materi
Klasifikasi
Tanggal Tugas
:
:
:
:
:
Pemrograman Web
X TKJ
Membuat layout website menggunakan table dan CSS
Tugas Kelompok
11 Nopember 2014
PETUNJUK:
1.
2.
3.
4.
Buatlah sebuah website dengan layout seperti contoh gambar di bawah ini
Gunakan table untuk mendesain layout halaman websitenya
Gunakan warna dan image yang menarik untuk mendesain halaman web tersebut
Kerjakan tugas ini dalam satu kelompok dengan pembagian tugas sebagai berikut:
a. Orang ke 1, bertugas membuat layout halaman index.html
b. Orang ke 2, bertugas membuat halaman 2 (profil semua anggota kelompok)
c. Orang ke 3, bertugas membuat halaman 3 (galeri foto, minimal 6 foto)
d. Orang ke 4, bertugas membuat halaman 4 (contact informasi yang berisi Nama, alamat email
dan nomor hp dari para pembuat web)
e. Orang ke 5, bertugas menyiapkan header (image) yang akan dipasang di header dan
menyiapkan widget yang akan dimasuk ke halaman 1
5. Simpan project ini dengan nama folder nama1-nama2-nama3-nama4-nama5 (berurutan)
6. Simpan nama file sesuai jenisnya pada folder yang berbeda.
Layout file index.html
Header
(800px)
Navigasi (200px)
Halaman 1 (menu
utama)
Halaman 2 (profil)
Halaman 3 (galeri foto)
Halaman 4 (contact
information)
Konten
Widget (200px)
(link email)
(badge facebook)
(timeline twitter)
(foto)
Footer
Contoh layout halaman berikutnya (galeri foto)
Header
(800px)
Foto1 (200px)
Foto1 (200px)
Navigasi
Konten
foto2 (200px)
foto2 (200px)
Footer
© 2014 – www.BambangHerlandi.web.id
Foto3 (200px)
Foto3 (200px)