sini saya akan sharing membuat halaman web statis menggunakan bantuan tabel. Fungsinya, agar lebih rapi dan mudah dipahami. Sebaiknya agan baca artikel diatas.
Oke, untuk membuat web statis kita persiapkan tool kita yaitu text editor. Bisa notepad++, dreamweaver, dll. Selanjutnya, kita buka text editor dan mulai membuat web statis. Kita akan membuat web pribadi yang berisi data diri, hobby, galery. Cukup 3 halaman saja, jika ingin tambah silahkan agan kembangkan sendiri. Oke…
Membuat web statis halaman biodata.html
Oke, langkah awal membuat suatu halaman web html adalah dengan perintah berikut ini:
Save dengan nama biodata.html pada folder namanya web statis atau apa yang agan suka. Untuk setiap tag html di atas jika agan belum paham silahkan baca dasar html link di atas tadi. Di situ sudah saya jelaskan dengan gamblang. he…
Next, selanjutnya kita isi halaman biodata.html dengan table. caranya sebagai berikut:
Nah, kita save lalu kita buka file biodata.html tadi dengan mozilla. Biasanya file sudah otomatis terindex oleh mozilla/web browser agan. berikut gambarnya:
membuat web statis dengan tabel selanjutnya adalah mengisi setiap kolom yang ada. baik header, sidebar, isi web, dan footer. pada kolom header kita isi dengan kata yang biasanya menggunakan tag <h1></h1>. Silahkan pelajarin padaMengatur Format Teks Pada HTML. Nah, Kita isi dengan
Selanjunya pada Sidebar Kiri kita isi lagi dengan Link untuk menuju halaman Hobby dan Galery. Caranya sebagai berikut, ganti tulisan “sidebar kiri” menjadi:
Dan Untuk “Isi Web” Kita ganti dengan informasi biodata yang akan kita tampilkan pada web statis yang kita buat. Bebas saja, tapi saya contohkan sbb:
Dan pada “Footer” kita ganti dengan tulisan copy right. caranya:
Save file biodata.html lalu jalankan kembali/reflesh pada browser. Maka hasil dari pembuatan web statis sederhana di atas adalah:
Jika file biodata agan tidak berhasil, download saja file biodata.html disini.
Oke, Web statis sederhana dengan tabel html sudah jadi satu halaman biodata. Selanjutnya kita buat halaman hobby dan galery. caranya mudah, kita tinggal save as pada file biodata.html tadi dan kita beri nama dengan hobby.html. Dalam hal ini artinya kita tinggal edit isi halaman saja dan kerangkanya sama. Yang harus diganti pada hobby.html adalah sidebar dan isi web.
Pada sidebar kita ganti link “Halaman Hobby” dengan “Halaman Biodata”. caranya sbb:
Dan untuk isi web kita ganti dengan keterangan tentang hobby kita. saya contohkan sbb:
Kita save halaman html hobby.html. Lalu kita jalankan, maka membuat web statis halaman hobby sbb:
Jika tidak berhasil file agan download hobby.html disini dan coba jalankan. cara membuat web statis dengan html ini cukup mudah kan? halaman biodata dan hobby sudah selesai. berikutnya adalah membuat web statis halaman galery. Masih sama, kita save as halaman hobby dan beri nama galery.html. Kita ganti link sidebar galery dengan hobby. caranya sbb:
Dan untuk isinya kita menampilkan gambar tentang kita. untuk penjelasan lengkap menampilkan gambar di html ada pada halaman Menyisipkan Gambar di HTML. Gambar yang ditampilkan kita siapkan. pilih Gambar dari komputer, lalu letakkan gambar persis satu folder dari file html yang kita buat (biodata.html, hobby.html, dan galery.html). Oke langsung saja pada perintahnya:
Save dokumen. Maka web statis halaman galery yang kita buat di atas jika kita jalankan akan tampil seperti ini:
Download file galery.html disini. Em, maaf jika gambar kurang jelas. saya kompres soalnya. Gimana mudah cara membuat web statis dengan tabel html kan? Jika kita akan pindah halaman, tinggal klik pada sidebar berupa link.
Membuat halaman website statis menjadi indah atau menarik bisa kita lakukan dengan cara memberi background halaman dan memberi background pada tabel. untuk halaman bisa kita atur dengan mengedit tag <body>. caranya kita ganti dengan warna hijau:
Untuk tabel Utama, kita beri warna latar putih. dengan cara :
Selanjutnya pada header dan footer kita ganti dengan background warna kuning.Caranya pada tag <td> kita tambah bgcolor juga, sbb:
Pada sidebar kiri, kita beri warna biru muda dengan kode hex sbb:
Selanjutnya kita save. Dan kita jalankan atau reflesh maka hasil dari membuat web statis menjadi indah dan keren sebagai berikut:
Belajar HTML merupakan dasar penting dalam membuat sebuah web statis. Jadi alangkah baiknya sebelum membuat web statis kita pelajari sintak dan simantek (penulisan dan makna). Belum lagi kita membuat dengan CSS. Maka web akan menjadi lebih menarik dan mudah diotak-atik. Sekian penjelasan saya dalam membuat web statis dengan tabel HTML semoga bermanfaat. Silahkan Komentar atau bertanya. 
EmoticonEmoticon