Untuk memasuki tutorial ini , saya sarankan untu anda agar lebih dahulu membaca Dasar Pembuatan
Web Dinamis , ebsof akan m...
Baris Ke empat ( bagian Footer website ) , atur ketinggian (Hight="80") ini terserah berapa
ukurannya.
Jika anda belum men...
anda bisa mencopy langsung script diatas, dan simpanlah dengan Nama : "index.php" dan simpanlah
di folder Xampp-> Htdocs->...
Upcoming SlideShare
Loading in...5
×

Cara membuat web dinamis dengan php mysql part1

22,544

Published on

Berikut ini adalah tutorial cara membuat website dengan php untuk pertama saya share bagiaan satu atau anda bisa ke blog saya langsung http://hasifdiary.blogspot.com/

Published in: Business
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
22,544
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
461
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Cara membuat web dinamis dengan php mysql part1

  1. 1. Untuk memasuki tutorial ini , saya sarankan untu anda agar lebih dahulu membaca Dasar Pembuatan Web Dinamis , ebsof akan menjelaskan tahap demi tahap pembuatan web dinamais, Pada judul tutorial ini yaitu "Membuat Web Dinamis (Bagian 1)" , sesuai judulnya "Bagian 1" , Bahwa ini adalah langkah awal dalam pembuatan website yang mempunyai sistem dinamis, bukan statis. Hal yang harus diperhatikan sebelum memulai pembuatan ialah , Menentukan bentuk dan Jenis serta tujuan Website yang ingin dibuat, Tidak panjang lebar lagi, Kali ini Ebsof akan menjelaskan Tahap demi Tahap Pembuatan Web Portal secara dinamis dengan melibatkan bahasa HTML, PHP, CSS, Java Sript. Berikut Flowchart Web dinamis Yang Ingin Kita buat : Text Editor yang saya gunakan pada Tutorial-tutorial ini : Macromedia Dreamweaver MX , dan Anda Harus sudah menginstal Xampp di komputer anda. Ok Langsung ke TKP : 1. Buat Layout seperti dibawah ini dengan menggunakan table, kemudian simpan dengan nama "index.php" Gambar. 1.1 (Sekema/Layout Website) Gambar di atas merupakan rancangan sekema bentuk website yang ingin kita buat. ada pun properti-nya ialah sebagai berikut : Table Terdiri dari 4 baris dan 2 Kolom Ukuran Table Width = "800 px" Baris Pertama adalah bagian "Header". , Hight = 100 px. (Untuk tinggi Header ini dinamis, artinya terserah berapa nilai yang ingin anda beri. Baris Kedua, Biarkan defult, jangan di rubah-rubah Baris Ketiga . Disini terdapat 2 Kolom. Kolom Pertama adalah Bagian Menu ( Width="200" hight="600") , Kolom Kedua merupakan Bagian Content Website ( Width="600")
  2. 2. Baris Ke empat ( bagian Footer website ) , atur ketinggian (Hight="80") ini terserah berapa ukurannya. Jika anda belum mengerti bagaimana cara pembuatan layout di atas, silahkan baca Membuat Website Menggunakan Dremweaver MX Bagian I Berikut script diatas : view plainprint? 1. <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2. <html> 3. <head> 4. <title>Web Portal Ebsof</title> 5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 6. </head> 7. 8. <body> 9. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> 10. <tr bgcolor="#003366"> 11. <td height="100" colspan="2">&nbsp;</td> 12. </tr> 13. <tr bgcolor="#CCFF66"> 14. <td colspan="2">&nbsp;</td> 15. </tr> 16. <tr> 17. <td width="200" height="600" valign="top" bgcolor="#00CCFF">&nbsp;</td> 18. <td valign="top">&nbsp;</td> 19. </tr> 20. <tr bgcolor="#0099FF"> 21. <td height="80" colspan="2">&nbsp;</td> 22. </tr> 23. </table> 24. </body> 25. </html> Untuk hasil dari script di atas dapat dilihat seperti dibawah ini :
  3. 3. anda bisa mencopy langsung script diatas, dan simpanlah dengan Nama : "index.php" dan simpanlah di folder Xampp-> Htdocs->buat folder baru di dalam Htdocs, dan simpan file "index.php" didalamnya. Jangan lupa aktifkan terlebih dahulu service Apache dan Mysql Xampp anda terlebih dahulu.. untuk melihat hasilnya di browser anda. Untuk Lanjutan dari Materi Ini.. Bisa di Lihat Pada "Membuat Website Dinamis Bagian II (Membuat Halaman Admin Web Dinamis " Update : Website Dinamis Ini Sudah di Upadate Terus Jika Anda Ingin Melihat Hasil Dari Tutorial-Tutorial Saya Membuat Website Dinamis Langsung aja "Website Dinamis + Source Code + Demo Website " Hanya ada di : http://hasifdiary.blogspot.com/

×