Membuat Website Sederhana Dengan Dreamweaver


utama

Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan untuk mengembangkan sebuah halaman web.  Langkah-langkah untuk membuat situs sederhana sebagai berikut:

  • Install terlebih dahulu Aplikasi Macromedia Dreamweavernya.
  • Install juga php mysqlnya
  • Setelah selesai install keduanya silahkan ikuti petunjuk dibawah ini

Berikut ini akan ditunjukkan langkah-langkah membuat website sederhana dengan menggunakan bahan-bahan (file gambar, video, teks) yang telah disediakan oleh Macromedia Dreamweaver 8 dalam htdocs – PelatihanWeb (saya membuat dengan nama folder utama dengan nama PelatihanWeb)

  1. 1.      Membuat folder utama

Saat membuat situs lokal, semua file yang dibutuhkan (gambar, text, video dll) harus diletakkan di sebuah folder lokal (folder utama untuk website tsb).

  1. Buatlah folder baru dengan nama PelatihanWeb di drive C_Apache_htdocs
  2. Kemudian rancang desain halaman utama (saya contohkan dengan yang saya buat) dengan nama index.php seperti gambar berikut

Listing nya adalah sebagai berikut
<html>
<head>
<title>BUDIDARMA</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<style type=”text/css”>
<!–
.style2 {font-family: Georgia, “Times New Roman”, Times, serif}
–>
</style>
</head>

<body>
<table width=”100%” align=”center” cellpadding=”2″ cellspacing=”2″ bordercolor=”#000099″ bgcolor=”#66FF99″>
<tr align=”center” bordercolor=”#000000″ bgcolor=”#1FA954″>
<th height=”150″ colspan=”3″><img src=”image/Header.jpg” width=”820″ height=”95%” align=”middle” /></th>
</tr>
<tr bgcolor=”#00CCFF”>
<td colspan=”3″ bgcolor=”#70C6E2″><marquee>

Selamat datang di situs  Sistem Informasi Penjadwalan Dosen di STMIK Budidarma Medan
</marquee></td>
<tr>
<td width=”163″ valign=”top”><table width=”159″ border=”0″ cellpadding=”2″ cellspacing=”2″ bgcolor=”#66FF33″>
<tr>
<th width=”147″ scope=”col”><div align=”left”><a href=”index.php?slink=home.php”>Home</a></div></th>
</tr>
<tr>
<td><a href=”index.php?slink=profil.php”>Profil</a></td>
</tr>
<tr>
<td><a href=”index.php?slink=pegawai.php”>Data Dosen</a></td>
</tr>
<tr>
<td><a href=”index.php?slink=Gallery.PHP”>Gallery</a></td>
</tr>
<tr>
<td><a href=”index.php?slink=Bukutamu.php”>Buku Tamu</a> </td>
</tr>
<tr>
<td><a href=”index.php?slink=listtamu.php”>List Tamu </a></td>
</tr>
<tr>
<td><a href=”index.php?slink=Aboutme.php”>About Me</a> </td>
</tr>
</table></td>
<td width=”913″ valign=”top”>
<?
$slink=$_REQUEST[‘slink’];
if(isset($slink))
{
include”$slink”;
}else{
include “Home.php”;
}
?> </td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”#FF0000″><div align=”center”>
<p class=”style2″>By : Lesmardin Hasugian E-m@il : lesmardin_hasugian@ymail.com
Blog : Lesmardin1988.wordpress.com  </p>
</div></td>
</tr>
</table>
<p>&nbsp; </p>
</body>
</html>

Selesai sudah membuat halaman utaman yang akan menampilkan semua isi dari sebuah website.

Untuk kode lengkapnya download disini

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s