Codeman



About My Hero:

"Anak 1: Pahlawanku sungguh bersayap, ia terbang dari langit yang tinggi kemudian menginjakkan kakinya dibumi, membasmi musuh-musuh yang ingin menguasai dunia dan berambisi melenyapkan umat manusia. Ia adalah superman, dan siapakah yang lebih hebat darinya?

Anak 2: Pahlawanku tidak memerlukan sayap untuk melompat bebas setinggi-tingginya di udara. Ia memiliki senjata ampuh, berupa jaring-jaring mematikan yang dengan sekilas keluar dari ujung-ujung jarinya, dan dalam sekejap dapat melumpuhkan musuh dan membuat mereka tak berdaya. Ia adalah spiderman, dan siapakah yang lebih hebat darinya?

Anak 3: Pahlawanku memang tidak bersayap seperti Superman, namun ketika ia berada diketinggian, ia bersayap pengetahuan yang dapat membawa mereka terbang bebas menjelajahi dunia cyber demi menemukan musuh-musuh umat manusia, bahkan yang bersembunyi dibalik konspirasi sekalipun. Jari-jarinya pun tak mungkin mengeluarkan jaring-jaring mematikan seperti Spiderman, namun ketika mereka berada diketinggian, jari-jari tersebut sangat terampil, bergerak lincah memberikan perintah kepada benda supermaya demi memberikan kedamaian dimuka bumi. Mereka berada diketinggian ketika mereka sudah mampu mengendalikan ego, memahami etika dan memiliki sense of humanity yang tinggi.

Anak 1 dan2: Siapakah pahlawanmu?

Anak 3: Codeman"

Blog

Sedikit Tutorial Design Website


Kali ini saya akan membahas tentang cara mendesign website menggunakan macromedia dreamweaver. Tema yang saya angkat untuk design website ini adalah Linkin Park Fansite. Berikut ini adalah screenshoot dari design website yang saya buat.

Home
 
Pembatasan bahasan kali ini hanya untuk mendesign page Home saja. Sebab lain seperti gambar di atas hanya tinggal mengganti elemen – lemennya. Oke, langsung saja kita melangkah ke cara mendesign page Home dari website tersebut. Mula - mula buat folder yang bernama Website di lokasi drive manapun. Misal di drive D:\Website .  Folder ini akan digunakan sebagain tempat penyimpanan elemen – elemen website kita.  Kemudian buka applikasi Macromedia Dreamweaver. Lalu buat file HTML baru. (lihat gambar)

Berikut ini adalah tampilan default dari Macromedia Dreamweaver.



Save As terlebih dahulu file ini ke folder Website yang telah kita buat. Kemudian kita pindah ke bagian tab code untuk mengubah warna background dan judul dari page website kita (lihat gambar di bawah ini).
Ganti kata ‘Untitled Document’ yang berwarna hitam tersebut dengan kata ‘H O M E’ (tanpa tanda kutip). Kemudian cari gambar bertipe .gif dan letakkan di folder Website yang kita buat. Kemudian tuliskan kode di bawah untuk mengubah warna background. (Lihat gambar).
Pindah ke tab Design, lalu buat table yang terdiri dari satu baris (tanpa kolom). Kemudian klik pada garis table tersebut untuk setting table. Untuk setting table lihat gambar di bawah ini:
Cari gambar (yang bertipe data .jpg .gif atau .png) / animasi (.swf) kemudian taruh di folder Website. Kemudian kita sisipkan gambar atau animasi tersebut ke dalam tabel.  Karena saya menggunakan file berjenis animasi(.swf), pada toolbar pilih plugin(lihat gambar di bawah ini) dan sisipkan file berjenis animasi (.swf) tersebut.


Selanjutnya kita akan sisipkan gambar yang sedikit bertumpuk dengan tabel yang telah kita buat. Caranya adalah dengan menyisipkan gambar tersebut kemudian kita atur margin dari gambar. Lihat gambar.



 
Kemudian Copy paste tabel yang pertama kali kita buat di bawah gambar yang bertumpuk tadi. Tabel ini akan kita gunakan sebagai tempat membuat menu navigasi. Selanjutnya delete isi dari tabel tersebut agar kita dapat menyisipkan menu navigasi, dan atur height tabel tersebut menjadi 100px. Kemudian kita hanya tinggal menyisipkan menu navigasi.  (Lihat gambar)
Langkah terakhir adalah copy paste tabel seperti langkah sebelumnya, kemudian delete elemen flash yang ada di tabel ganti height tabel menjadi 800px kemudian di tabel inilah isi dari website kita ketik. Cukup klik satu kali di tengah tabel kemudian atur warna tulisan dan posisinya di jendela property di bawah. (Lihat gambar)
 

Kemudian save design yang telah kita buat tersebut. Lihat hasilnya dengan klik dua kali file .HTML yang telah kita buat tersebut. Untuk menambahkan halaman web lain agar dapat berpindah pindah halaman, cukup copy paste design yang telah jadi ini. Kita hanya mengganti isi dari web tersebut.

Sekian tutorial singkat ini semoga dapat bermanfaat. 




Comments