RosyidLinuX

Share Everything to Everyone

Kamis, 17 September 2015

Memecah File Index.php

06.24 Posted by ROSYID'S BLOG No comments

Langsung saja tutorial  kali ini yaitu memecah file index.php ,
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.

0 komentar:

Posting Komentar