Hi, guest ! Welcome to Seinfomu. | Lowongan CPNS | Ebook CPNS | Register | Sign In

Rabu, 27 Februari 2013

Cara Membuat Website Company Profile Sederhana (Tutorial)

Pernah ada seseorang yg bertanya kepada saya, Website yg paling mudah di buat itu website yg seperti apa, dan gimana sich cara buatnya ?,
Tentunya website yg cukup mudah adalah web statis, dan pada postingan kali ini akan saya bahas mengenai langkah-langkah membuatnya, tapi saya hanya akan menunjukan langkah dasar nya saja yaa, silahkan sobat kembangkan sendiri untuk lebih bagus lagi karna saya bukan masternya. :-)
Berikut ini adalah Langkah-Langkah dalam membuat web statis adalah :

1. Tentukan konsep dari web yang akan anda buat.
2. Informasi apa saja yang akan ditampilkan dalam web tersebut.
3. Siapkan beberapa Gambar-gambar yang akan digunakan untuk header dan footer
bila semua yang telah siap tinggal mengimplementasikan dalam (.html)

contoh Script html untuk pembuatam web statis adalah berikut ini :

<html>
<head>
<title>Contoh Web Company Profile </title>
</head>
<body>
<table border="1" align="center" width="600">
<tr><td colspan="2" height="100"><img src="capture.jpg" height="100" width="600" /></td></tr>
<tr><td colspan="2" height="25">Menu Utama </td></tr>
<tr><td width="200" height="350">Sidebar website</td><td width="350"> Isi Web
</td></tr>
<tr><td colspan="2" height="100"> <img src="Gambar.jpg" height="100" width="600" /></td></tr>
</table>
</body>
</html>



Maka Hasilnya akan jadi Seperti Gambar di Bawah ini :



























Catatan :
- Pada gambar.jpg dan capture.jpg, silahkan kalian buat sendiri dengan ukuran lebar 600 pixels dan tinggi 100 pixels, atau bisa agan ubah sesuai keinginan agan karna ini hanya gambaran tutorial saja dari saya.
- Anda dapat menggunakan sarana aplikasi notepad, copy paste code script tadi ke dalam notepad, dan simpan dengan nama statis.html (contoh), kemudian jalankan .

* * *

Semoga Tutorial ini Bermanfaat bagi yg belum mengenal website dan bagi yg lagi bingung sama teknik dasar bikin website buat Tugas Akhir ^_^
Share this article now on :

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.