tutorial

3
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 <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>

Upload: aan-apriansyah

Post on 16-Aug-2015

218 views

Category:

Documents


2 download

DESCRIPTION

tutorial dreamweaver

TRANSCRIPT

Tutorial dreamweaver kali ini adalah kelanjutan tutorial kemarin yaitu membuat website didreamweaver 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.Buatlahfile baru, tekan Ctrl + N pilih !, kemudian simpan beri nama !". header.php#. sidebar.php. footer.php$etelah anda membuat kefile tersebut, hapus semua kode yang ada didalamnya. $ekarang kita akan menggabungkan semua file tersebut kedalam file index.php%emarin susunan kode website kita seperti berikut !12345678910111213141516171819202122232425

eskripsi website anda disini

"ome$rofile%allery&ontact

%emudian cut kode !12

eskripsi website anda disini

"ome$rofile%allery&ontact

&aste kedalam header.php, kemudian gabungkan file header.php dengan file index.php caranya ketikkan kode berikut1

letakkan di tempat kode yang anda cut tadi atau di bawah "body#$elanjutnya kita akan menggabungkan atau menghubungkan file sidebar.php dengan file index.php. 'ut kode berikut !1

paste kedalam sidebar.php, dan ketikkan kode berikut di bawah "div id$%conten%#"&div#1

(erakhir kita akan menggabungkan file footer.php dengan file index.php, cut kode berikut !1

&aste kedalam file footer.php, dan ketikkan kode berikut tepat di atas )*body+1

,adi dalam folder websiteku.com kita telah memiliki - file, yaitu !". index.php#. header.php. sidebar.php-. footer.php$edangkan untk membuat halaman yang lainnya, misalnya profile, contact, dan gallery anda tinggalmencopy file index.php kemudian ubah namanya menjadi nama halaman tersebut, dan untuk jelasnya nanti akan saya terangkan dalam tutorial dreamweaver berikutnya.,adi 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