Minggu, 22 April 2012

Membuat Website

       Website dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data, teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk suatu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaring-jaring halaman (hyperlink).
       
      Membuat web sangat memerlukan kekreatifan, agar menarik untuk dibaca oleh orang banyak. Sebelum membuat web itu sendiri kita harus tau apa saja yang harus diperhatikan agar menjadi website yang baik. Dibawah ini adalah cara untuk membuat web yang baik.

  • Isi : isi menjadi hal yang penting dalam membuat web, apa yang harus ditampilkan nantinya agar menarik untuk dibaca atau di tampilkan
  • Struktur Menu : setelah menentukan isi, kemudian buat menu sebagai navigasi yang mempermudah pengunjung menemukan informasi ang diperlukan. 
  • Design : bentuk web yang menarik menjadi salah satu hal penting, kita dapat memakai warna-warna cerah atau gambar yang menarik. 
  • Mudah diindex oleh mesin pencari\search engine : pembuatan HTML juga harus diperhatikan agar mesin pencari mudah mengindex dan pengguna dapat dengan mudah menemukan web kita.
  • Ukuran File : agar pengunjung cepat melihat web, ukuran file harus diperhatikan agar tidak menunggu terlalu lama.
  • Kompatibilitas : web yang didukung dengan kompabilitas peralatan yang baik seperti berbagai plug (google, Chrome, Flock, dll) akan mempermudah pengguna mengunjungi web.

       Membuat web ada berbagai macam cara, dari yang mudah sampai yang sangat sulit. Dari yang pembuatannya dengan cara mencoding satu persatu seperi html sampai yang menggunkan software seperti Dreamwaver. Saya akan membuat contoh web yang menggunkan html. Sebelumnya buatlah sebuah folder untuk menyimpan seluruh file, mulai dari listing, gambar dan hal lainnya yang diperlukan. Pembuatan listing di notepad. Listing pada website :



<html>
<head><center><img src="ban3.png" width="70%" height="200" alt="banner">
<title>Rizka Indah Anindita</title>
</head>
<body>
<body background="bg10.jpg">
<p>
<marquee behavior="right" bgcolor="#96E43D"><fontface="Arial",font size="12"><b>WELCOME</b></marquee></p>
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}
</style>
<center><table border="0" height="50%" width="70%">
<td bgcolor="#3e2b09"><font size="5">
  <p align="left"><font size="5"><font color="#FFAA5B"><font face="Arial"><p align="justify">
<img src="logo.jpg"width="35%"heigth="35%" align="left">
<table border="0" width="50%">
<tr>
 <tr>
 <td width="30%"align="justify"><b><font color="#FFAA5B">Nama Lengkap</font></b></td>
 <td width="20%"heigth="40%"align="justify"><b><font color="#FFAA5B">:</font></b></td>
 <td width="50%"align="left"><b><font color="#FFAA5B">Rizka Indah Anindita</font></b></td>
</tr>
<tr>
 <td width="30%"align="justify"><b><font color="#FFAA5B">Kelas</font></b></td>
 <td width="20%"heigth="40%"align="justify"><b><font color="#FFAA5B">:</font></b></td>
 <td width="50%"align="left"><b><font color="#FFAA5B">2IA03</font></b></td>
</tr>
<tr>
 <td width="30%"align="justify"><b><font color="#FFAA5B">NPM</font></b></td>
 <td width="20%"heigth="40%"align="justify"><b><font color="#FFAA5B">:</font></b></td>
 <td width="50%"align="left"><b><font color="#FFAA5B">56410105</font></b></td>
</tr>
</tr></table>
<hr color="#96E43D"width="90%">
<center><table width="50%" border="0">
<tr>
  <br><td><center><font size="4"><font color="purple"><font face="goudy stout"><a href="index.html"><img src="about.jpg"width="50%"heigth="50%"> </font></td>
  <td><center><font size="4"><font color="purple"><font face="goudy stout"><a href="archive.html"><img src="archive.jpg"width="50%"heigth="50%"> </a></font></td>
  <td><center><font size="4"><font color="purple"><font face="goudy stout"><a href="favorit.html"><img src="favorit.jpg"width="50%"heigth="50%"></a></font></td>
  </b></table></tr></p></tr></br>
</p>  </font>  /table>
</body>
</html>


       Setelah listing selesai simpanlah pada folder yang telah dibuat dengan format file (dot)html. Website yang telah selesai dibuat hanya dapat di akses secara offline. Untuk dapat di akses secara online kita dapat mendaftarkan pada berbagai hosting dan domain gratis. Pada web ini saya menggunakan http://www.000webhost.com untuk hosting dan http://freedns.afraid.org/subdomain/ untuk domain. Untuk mengaktifkan domain, perlu melawati email. Setelah domain aktif upload-lah file-file pada folder tadi dengan menggunkan filezilla, anda dapat mendownload disini jika tidak punya http://filezilla-project.org/download.php . Website yang telah saya buat apat diliahat disini :

Referensi: