HeTeMeL
Bab pertama TIK kelas XI ini tentang HTML. Nah, gak kayak kelas 1 dulu, sekarang kami bener-bener dapet pelajaran sama meteri. Ya secara gurunya udah ganti. Anak-anak kelas pertamanya ngeluh gitu. "Halah rek enakan kelas siji biyen. Lek wayah ngene isok nonton yo gak." Tapi pas udah masuk ke materinya, semua pada sibuk nyimak sama asik sendiri. O ancene -o- Tapi emang bab-nya lumayan asik sih.
Habis 2 kali pertemuan, Mas Rosyid -guru TIK yang sekarang- ngasih tugas mbuat 5 halaman web. Ngerjainnya kelompokan. Dan setelah diacak, akhirnya aku sekelompok sama Ardhan, Vio. Jeng jeng. Kami bingung nentuin webnya tentang apa. Mbuleeet terus. Vio ka ngikut aja, Ardhan ini gak 'ngikut aja', tapi mesti gak pernah setuju sama tema yang diusulin. Tapi akhirnya semua setuju isi webnya online shop baju muahaha. Ardhan masih radak gak mau. Dia malah ngilokin Vio yang setuju sama tema itu, "Yo kan Vio iki ancen maho kok, seneng fashion-an." =))
Tentang HTML
- Waktu ngerjain: 2 minggu
- Sekelas baru bingung ngerjain pas H-3 deadline
- kelompokku baru ngerjain H-2 (kalau diitung, total ngerjain cuma 1,5 hari)
- Semua templeate sama background html kelompok buat sendiri
- Tema: Online shop baju
- Nama toko: Mhao Shop
- Ardhan sempet ngomen button, template, header awal yang dibuat Dinda, katanya kaku (tumben perfeksionis=))) Padahal mepet tapi sempeet aja.
- Vio sama Ardhan bingung + heboh gara-gara gak ngerti cara make H-Space V-Space buat nurutin posisi-posisi yang dipengenin Dinda (by the way, banyak bab yang belom diajarin, tapi kelompokku sama beberapa kelompok lain sok-sokan make sama nyoba ngaplikasiin di tugas HTML-nya, jadinya ya gitu)
- Akhirnya dipilih tata letak alternatif
- Kelompok yang paling singkat catatan di Notepad-nya, soalnya cuma pake gambar-gambar. Kelompok lain banyak pake artikel
- Salah satu widgetnya ada "Wow! They Use Our Products!" Jadi itu semacam animasi (gif) yang isinya foto-foto orang terkenal yang make produk yang dijual Mhao Shop
Ini hasilnya (bentuk gambar hehe):
Halaman Utama |
Halaman 1 (Men Wear) |
Men Wear (2) |
Men Wear (3) |
Hal 3 (Women Wear) |
Women Wear (3) |
Women Wear (4) |
Hal 4 (Press) |
Hal 5 (Owner!) |
Owner (2) |
Owner (3) |
P.S: Mohon maaf kepada pihak yang sesuatunya dugunakan untuk mengerjakan tugas ini
0 comments