Memecah File Index.php di Dreamweaver CS3

Tutorial dreamweaver kali ini adalah kelanjutan tutorial kemarin yaitu membuat website di dreamweaver CS3, setelah kemarin kita membuat file index.php sekarang kita akan memecah file tersebut agar nantinya mudah di edit.
Langsung saja tutorial dreamweaver kali ini yaitu memecah file index.php dengan Dreamweaver,
Buka program Adobe Dreamweaver anda, kemudian buka file index.php.
Buatlah 3 file baru, tekan Ctrl + N pilih PHP, kemudian simpan beri nama :
  1. header.php
  2. sidebar.php
  3. footer.php
Setelah anda membuat ke 3 file tersebut, hapus semua kode yang ada didalamnya. Sekarang kita akan menggabungkan semua file tersebut kedalam file index.php
Kemarin susunan kode website kita seperti berikut :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<body>
 
<div id="header">
<a href="index.php"><img src="images/logo.png" alt="logo websiteku" border="0" /></a>
<p>Deskripsi website anda disini</p>
</div>
 
<div id="navigasi">
  <table border="0" cellspacing="5" cellpadding="5">
    <tr>
      <td><a href="index.php">Home</a></td>
      <td><a href="#">Profile</a></td>
      <td><a href="#">Gallery</a></td>
      <td><a href="#">Contact</a></td>
    </tr>
  </table>
</div>
 
<div id="conten-wrapper">
<div id="conten"></div>
<div id="sidebar"></div>
</div>
 
<div id="footer"></div>
</body>
Kemudian cut kode :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="header">
<a href="index.php"><img src="images/logo.png" alt="logo websiteku" border="0" /></a>
<p>Deskripsi website anda disini</p>
</div>
 
<div id="navigasi">
  <table border="0" cellspacing="5" cellpadding="5">
    <tr>
      <td><a href="index.php">Home</a></td>
      <td><a href="#">Profile</a></td>
      <td><a href="#">Gallery</a></td>
      <td><a href="#">Contact</a></td>
    </tr>
  </table>
</div>
Paste kedalam header.php, kemudian gabungkan file header.php dengan file index.php caranya ketikkan kode berikut
1
<?php include ('header.php') ?>
letakkan di tempat kode yang anda cut tadi atau di bawah <body>
Selanjutnya kita akan menggabungkan atau menghubungkan file sidebar.php dengan file index.php. Cut kode berikut :
1
<div id="sidebar"></div>
paste kedalam sidebar.php, dan ketikkan kode berikut di bawah <div id=”conten”></div>
1
<?php include ('sidebar.php') ?>
Terakhir kita akan menggabungkan file footer.php dengan file index.php, cut kode berikut :
1
<div id="footer"></div>
Paste kedalam file footer.php, dan ketikkan kode berikut tepat di atas </body>
1
<?php include ('footer.php') ?>
Jadi dalam folder websiteku.com kita telah memiliki 4 file, yaitu :
  1. index.php
  2. header.php
  3. sidebar.php
  4. footer.php
Sedangkan untk membuat halaman yang lainnya, misalnya profile, contact, dan gallery anda tinggal mencopy file index.php kemudian ubah namanya menjadi nama halaman tersebut, dan untuk jelasnya nanti akan saya terangkan dalam tutorial dreamweaver berikutnya.
Jadi kesimpulannya jika anda memiliki ingin mengedit atau mengubah pada bagian sidebar, anda tinggal membuka file sidebar.php, dan jika anda memiliki file yang banyak anda tidak perlu merubah semua file anda, cukup sidebar.php saja yang perlu anda edit, itu karena fungsi dari include tadi.
Tutorial membuat halaman profile di dreamweaver bisa lihat disini

Comments

Post a Comment

Popular Posts