Part 10 Membuat Isi Website

8/3/2019 Part 10 Membuat Isi Website

1/5


2/5

Hal umum apa yang biasanya terkandung dalam website profil perusahaan ? Secara umum

website profil perusahaan berisi tentang informasi perusahan, kontak perusahaan, visi/misi

perusahaan, sejarah perushaan. Dari hal tersebut kita bisa menarik kesimpulan bahwa web

tersebut membutuhkan 5 menu yaitu :

1. Home Sebagai halaman utama profil perusahaan.2. About us Sebagai halaman yang berfungsi untuk menampilkan kegiataan

perusahaan.

3. Visi dan Misi Halaman yang nantinya berisi tentang visi dan misi perusahaan.4. History Halaman yang menjelaskan tentang sejarah perusahaan.5. Contact Sebagai halaman yang berisi kontak perusahaan, baik itu alamat ataupun

no telepon perusahaan.

Setelah menu dari website, Sobat Bloger juga tidak boleh melupakan sidebar yang nantinya

bisa kita isi dengan customer support dan juga link yang terkait dengan perusahaan tersebut.

Pada bagian akhir dari website atau yang biasa disebut footer biasanya berisi tentanginformasi singkat dari perusahaan itu sendiri ataupun hak cipta dan owner (pemilik) website.

Langsung saja dan tanpa berlama-lama, silahkan Sobat Bloger persipakan dahulu layout

website yang sudah kita buat pada tutorial sebelumnya.

Jika layout sudah dibuat kita tinggal memasukkan menu, isi, sidebar, dan juga footer.

Sekarang lihat gambar 1.1.

gambar 1.1


3/5

Pada tabel bagian menu masukkan tag untuk membuat link antar menu yang

sudah saya jabarkan diatas. Untuk lebih jelasnya silahkan lihat script dibawah ini.

HomeAbout usVisi dan

MisiHistoryContact

Pada bagian isi berikan penjelasan tentang halaman utama tersebut. Pada website statisyang saya buat di halaman home.html saya berikan ucapan selamat datang dan beberapa

informasi tentang perusahaan. Salin script konten dibagian tabel isi website.

script kontenSelamat datang di website Perusahaan ListrikKami adalah perusahaan listrik terkemuka yang melayani berbagai macam masalah kelistrikan anda dengan

cepat, tepat, dan murah.

Pada bagian sidebar saya akan menambahkan list cabang perusahaan dengan

memanfaatkan order list pada HTML. Masukkan script sidebar ini dibagian siderbar website.

script sidebar

Cabang electricalSurabayaMedanYogyakartaAcehPapua

Khusus untuk bagian footer saya hanya menambahkan hak cipta dari pembuat websiteperusahaan, sehingga klaim terhadap perusahaan oleh orang lain bisa dicegah atau

dipidanakan jika terjadi masalah. Masukkan script footer pada bagian footer

script footer2009-2011 Electrical Government

Untuk hasil akhir dari script yang saya buat akan menghasilkan script seperti dibawah ini.

Perusahaan Listrik | Home


4/5

title='contact'>ContactCabang electricalSurabayaMedanYogyakartaJakartaMakassarSelamat datang diwebsite Softholic's ElectricalKami adalah perusahaan listrik terkemuka yang melayani berbagai macam masalahkelistrikan anda dengan cepat, tepat, dan murah 2009-2011 Electrical Government

Jika Sobat Bloger mengikuti langkah-langkah yang sudah saya berikan, maka hasil website yangdibuat akan seperti gambar 1.2

gambar 1.2

Setelah Sobat Bloger berhasil membuat tampilan yang sama dengan saya, sekarang copy source

code website yang sudah dibuat lalu buka file baru dan paste pada file baru. Pada file baru


5/5

tersebut simpan dengan nama menu yang sudah kita buat yaitu about.html. visi_misi.html,

history.html, dan contact.html.

Tutorial kali ini saya rasa cukup sampai disini, saya harap softholic mania tetap mengikuti

tutorial-tutorial berikutnya sehingga pada akhir tutorial softholic mania bisa membuat wesbite

statis dengan sendiri.

Documents

Part 10 Membuat Isi Website