Membuat Website Dinamis

Membuat Website Menggunakan Dremweaver MX
Pada Postingan Kali ini saya akan sedikit berbagi tentang dasar "Membuat Website Berbasis HTML" dengan menggunakan "Macromedia Dreamweaver MX ", Kenapa menggunakan Macromedia Dreamweaver MX, sedangkan diluar sana masih banyak Software editor lainnya ??? , Hal ini cukup simple menurut saya, Macromedia Dreamweaver MX cukup ringan untuk diinstal di komputer-komputer,,,, Kemudian dari segi fiturnya.. tidak kalah dengan Tingkatan di atasnya.. Bagi anda yang ingin menggunakan editor laiinya itu tidaklah menjadi masalah, OK langsung aja kita masuk dalam pokok pembahasannya :
1. Membuat Kerangka Website dengan Table

a. Buka Dreamweaver MX, Kemudian di Bagian Creat New , Pilih HTML
b. Pilih Insert Table, Lihat Gambar di bawah
Lakukan Pengaturan pada Table Seperti Gambar dibawah
Setelah itu Klik OK, Maka akan tampil Seperti gambar dibawah :
Lakukan Pengaturan Propertis Table, Lihat Gambar dibawah
Table Sudah Kita buat, Nah sekarang kita lakukan Pengaturan Propertis Pada Table yang Sudah Kita Buat..
Gambar diatas Menandakan Penggabungan 2 buah Kolom Header dengan menggunakan "Marge Cells" dan hasilnya akan terlihat seperti gambar dibawah ini :
Lakukan Pengaturan, Ketinggian "HEADER" pada propertis...seperti gambar dibawah ini :
Nah Hasilnya , akan terlihat seperti gambar dibawah ini :
Setelah itu lakukan Pengaturan pada Baris ke "3" kolom "1" dengan "W=600" dan High ="200"
a.
Pada baris keempat bagian footerisi properties Highnya (H)60
Read more: http://www.ebsof.com/2012/08/membuat-website-menggunakandremweaver.html#ixzz2uoqVPdOi
Membuat Website Dinamis (Bagian 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") 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"> </td> 12. </tr> 13. <tr bgcolor="#CCFF66"> 14. <td colspan="2"> </td> 15. </tr> 16. <tr> 17. <td width="200" height="600" valign="top" bgcolor="#00CCFF"> </td> 18. <td valign="top"> </td> 19. </tr> 20. <tr bgcolor="#0099FF"> 21. <td height="80" colspan="2"> </td> 22. </tr> 23. </table> 24. </body> 25. </html> Untuk hasil dari script di atas dapat dilihat seperti dibawah ini :
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.
Membuat Web Dinamis Bagian II
Pada Tutorial saya " Membuat Web Dinamis Bagian I" , kita sudah membuat satu file .PHP yaiut file "index.php" . File "index.php" adalah file yang dijadikan halaman depan website yang bisa di akses oleh semua orang. Namun itu hanyalah kerangka website, belum tampilan sesungguhnya. Nah pada Tutorial ini kita akan membuat kerangka Halaman "admin", Apa itu halaman admin..? Halaman admin adalah halaman yang tidak bisa di akses oleh semua orang, hanya orang yang terdaftar di dalam database, yang memiliki ID Login yang dapat masuk ke halaman admin. Tentunya pada file "Index.php" nanti kita harus membuat Form Login. Diman Form Login berfungsi sebagai jalan Masuk Ke Halaman Admin. Berikut ini Script Kerangka admin : 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>Untitled Document</title> 5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 6. <style type="text/css"> 7. <!-8. .style1 { 9. font-family: Georgia, "Times New Roman", Times, serif; 10. font-weight: bold; 11. } 12. --> 13. </style> 14. </head> 15. 16. <body> 17. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
18. <tr bgcolor="#CCCC00"> 19. <td height="100" colspan="2"><span class="style1">Welcome To Admin </span> </td> 20. </tr> 21. <tr> 22. <td width="200" height="200" bgcolor="#99FF66"> </td> 23. <td> </td> 24. </tr> 25. <tr bgcolor="#CCCC00"> 26. <td height="40" colspan="2"> </td> 27. </tr> 28. </table> 29. </body> 30. </html>
Hasil dari Script di Atas yaitu :
Welcome To Admin
Seperti biasa anda bisa mengcopy script di atas ke text editor yang anda gunakan. kemudian simpan dengan nama "admin.php" di folder yang sama dengan index.php
Membuat Koneksi (Web Dinamais Bag.III)
Setelah Kita membuat Kerangka Layout Halaman Website pada index.php dan admin.php, pada Bagian ke III ini , kita akan membuat file koneksi, Dimana, File ini berfungsi sebagai koneksi antara website ke database nya : berikut sript PHP dari "koneksi.php" view plainprint? 1. <?php 2. 3. $server= "localhost"; 4. 5. $username = "root"; 6. 7. $password = ""; 8. 9. $database = "db_web"; 10. 11. 12. 13. mysql_connect($server,$username,$password) or die ("Koneksi Gagal"); 14. 15. mysql_select_db($database) or die ("Database Tidak Bisa Di Buka " ); 16. 17. ?>
Dari coding php sederhana di atas, kita sudah bisa mengkoneksikan dengan database di phpmyadmin,, yang harus di pahami dari sript di atas ialah : $server,$username,$password,$database merupakan sebuah variabel, dan "db_web" merupakan nama database dari website yang ingin kita buat nanti. nb : simpanlah dengan nama "koneksi.php", di folder yang sama dengan index.php,admin.php
Web Dinamis Bagian IV ( Membuat Sistem Login)

Sebelum Melanjutkan pada Tahan IV ini pada pembuatan Website Dinamis Berbasis PHP Mysql, ada baiknya kita mencoba meriview dari tahap-tahap sebelumnya : 1. Membuat Web Dinamis Bagian 1 kita sudah membuat halaman index 2. Membuat Web Dinamis Bagian II kita sudah membuat halaman admin, 3. Membuat Web dinamis Bagian III kita sudah membuat file koneksi.php
Nah pada kali ini kita akan membuat Sistem Login , dimana ini digunakan untuk masuk ke halaman admin bagi yang mempunyai , Password, username dan hak akses, intinya kira-kira begitu. Sekarang aktifkan Xampp Control->Service Apache dan Mysql->buat database dengan nama "db_ebsof" pada phpmyadmin
Gambar Xampp Control
Pembuatan Database "db_ebsof" Setelah itu buatlah tabel, di dalam database "db_ebsof" dengan nama tbl_user
berikut script nya tbl_user: view plainprint? 1. 2. 3. 4. 5. 6. 7. CREATE TABLE `db_ebsof`.`tbl_user` ( ìd_user` INT( 3 ) NOT NULL AUTO_INCREMENT PRIMARY KEY , ùsername` VARCHAR( 40 ) NOT NULL , `password` VARCHAR( 40 ) NOT NULL , `level` VARCHAR( 40 ) NOT NULL , `blokir` ENUM( 'Y', 'N' ) NOT NULL ) ENGINE = MYISAM ;
Setelah tbl_user berhasil dibuat , insertkan data sebagai berikut : view plainprint? 1. 2. 3. 4. 5. 6. 7. 8. 9. INSERT INTO `db_ebsof`.`tbl_user` ( ìd_user` , ùsername` , `password` , `level` , `blokir` ) VALUES ( '1', 'admin', 'admin', 'admin', 'N'
Pada tahap ini kita sudah selesai membuat Database dengan nama "db_ebsof" dan tabel dengan nama "tbl_user" , Nah.. Langkah selanjutnya ialah kita membuat FORM login pada halaman index.php , berikut tampilannya :
Form Login User Pass : :
langkah penambahan Form login yaitu dengan menambahkan form dan table dengan ukuran 200 px, dengan baris 5 , dan 2 kolom, baris boleh lebih ,, tergantung selera anda Tambahkan Form Login ini di antara code : view plainprint? 1. <td width="200" height="600" valign="top" bgcolor="#00CCFF"> 2. ...... </td>
dan berikut ini code form login. view plainprint? 1. <table width="200" border="0" cellspacing="0" cellpadding="0"> 2. <tr> 3. <td><form name="form1" method="post" action="cek_login.php"> 4. <table width="200" border="0" cellspacing="0" cellpadding="2"> 5. <tr bgcolor="#003366"> 6. <td height="30" colspan="2"><div align="center"><strong>Form Login </st rong></div></td> 7. </tr> 8. <tr> 9. <td width="74" height="30">Username</td> 10. <td width="126">: 11. <input name="username" type="text" id="username" size="10"></td> 12. </tr> 13. <tr> 14. <td height="30">Password</td> 15. <td>: 16. <input name="password" type="password" id="password" size="10"></td> 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. </tr> <tr> <td height="30"> </td> <td><input type="submit" name="Submit" value="Login"></td> </tr> </table> </form></td> </tr> <tr> <td> </td> </tr> </table>
Sehingga kode html "index.php" yang sudah di modifikasi dengan penambahan form login akan seperti ini view plainprint?
1. <!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 2. 3. <html> 4. 5. <head> 6. 7. <title>Web Portal Ebsof</title> 8. 9. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 10. 11. </head> 12. 13. 14. 15. <body> 16. 17. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> 18. 19. <tr bgcolor="#003366"> 20. 21. <td height="100" colspan="2"> </td> 22. 23. </tr> 24. 25. <tr bgcolor="#CCFF66"> 26. 27. <td colspan="2"> </td> 28. 29. </tr> 30. 31. <tr> 32. 33. <td width="200" height="600" valign="top" bgcolor="#00CCFF"><table width="2 00" border="0" cellspacing="0" cellpadding="0"> 34. 35. <tr> 36. 37. <td><form name="form1" method="post" action="cek_login.php"> 38. 39. <table width="200" border="0" cellspacing="0" cellpadding="2"> 40. 41. <tr bgcolor="#003366"> 42. 43. <td height="30" colspan="2"><div align="center"><strong>Form Login </st rong></div></td> 44. 45. </tr> 46.
47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63.
<tr> <td width="74" height="30">Username</td> <td width="126">: <input name="username" type="text" id="username" size="10"></td> </tr> <tr> <td height="30">Password</td> <td>: <input name="password" type="password" id="password" size="10"></td>
64. 65. </tr> 66. 67. <tr> 68. 69. <td height="30"> </td> 70. 71. <td><input type="submit" name="Submit" value="Login"></td> 72. 73. </tr> 74. 75. </table> 76. 77. </form></td> 78. 79. </tr> 80. 81. <tr> 82. 83. <td> </td> 84. 85. </tr> 86. 87. </table></td> 88. 89. <td valign="top"> </td> 90. 91. </tr> 92. 93. <tr bgcolor="#0099FF"> 94. 95. <td height="80" colspan="2"> </td>
96. 97. </tr> 98. 99. </table> 100. 101. </body> 102. 103. </html>
Pada tahap ini kita sudah menyelesaikan 2 pekerjaan untuk membuat sistem login yaitu : 1. Membuat Database dimana databasenya bernama "db_ebsof" dan tbl_user , serta id user yang nantinya kita gunakan adalah : userid : admin password : admin 2. Memodifikasi "index.php" guna membuat Form Login Setelah selesai pada 2 tahap di atas , tahap selanjutnya adalah membuat coding PHP, yang berguna untuk memproses atau mengecek userid dan password yang di inputkan lewat form Login, dengan yang terdaftar di dalam database : dengan logika : "APABILA userid dan password yang diinputkan sama dengan Yang ada di DATABASE".. maka ia berhak masuk ke halaman admin " berikut adalah script php "cek_login.php" yang berfungsi memproses dan mengecek user id dan password yang di inputkan : view plainprint? 1. <?php 2. 3. // pemanggilan file koneksi 4. 5. include "koneksi.php"; 6. 7. // pembuatan variabel pada penginputan username dan password 8. 9. $username = $_POST['username']; 10. 11. $pass = $_POST['password']; 12. 13. 14. 15. // Pengecekan user id dan password dengan yang ada di database 16. 17. $login=mysql_query("SELECT * FROM tbl_user WHERE username='$username' A ND password='$pass' AND blokir='N'"); 18. 19. $ketemu = mysql_num_rows($login);
20. 21. $r=mysql_fetch_array($login); 22. 23. 24. 25. if ($ketemu > 0) { 26. 27. session_start (); 28. 29. 30. 31. $_SESSION[namauser] = $r[username]; 32. 33. $_SESSION[passuser] = $r[password]; 34. 35. $_SESSION[leveluser]= $r[level]; 36. 37. 38. 39. header('location:admin.php'); 40. 41. } 42. 43. else { 44. 45. echo "<center>LOGIN GAGAL 46. 47. 48. Username atau Password Anda Tidak benar 49. 50. 51. Atau Acount Anda Sedang Di blokir 52. "; 53. 54. echo "<a href='index.php'>Ulangi Lagi</a>"; 55. 56. } 57. 58. ?>
copy paste, coding php di atas ke text editor, simpan dengan nama "cek_login.php" di folder yang sama dengan file-file yang telah kita buat sebelumnya.. Untuk melihat hasil nya, silahkan jalankan file index.php.. dan masukkan userid : admin password : admin maka akan masuk ke halaman admin, dan jika user id dan password salah,, akan keluar pesan " username atau Password Tidak benar, Atau Acount Anda Sedang Di blokir.
Web Dinamis Bagian V (Membuat Logout)

Baiklah... pada setelah kita berhasil login ke admin pada , tentunya kita akan membuat sistem Logout. berikut file "logout.php"
Copy lah coding di atas di text editor anda. Dan Simpan Dengan nama "logout.php" ke folder yang sama dengan File, : index.php, Koneksi.php, cek_login.php. dll Read more: http://www.ebsof.com/2012/09/web-dinamis-bagian-v-membuatlogout.html#ixzz2uouPQpAN
Web Dinamis Bagian VI (Proteksi Halaman Admin)
Pada tutorial sebelumnya kita sudah Membuat Sistem Login Untuk Hak Akses User menuju halaman admin, dimana halaman admin ini akan kita isi untuk memanajemen website kita nanti,disinilah perlunya sistem login untuk membatasi hak akses user, Dengan demikian seitap orang yang mengakses website kita memiliki tingkatkan antara user biasa dan Admin . Pada tutorial sebelumnya juga kita sudah Membuat Sistem Logout untuk yang berfungsi untuk keluar dari Halaman Admin. Tahukah anda, Sistem keamanan Yang kita buat ini masih terlalu mudah untuk di temubus oleh sang penyusup, Meskipun ia tidak mempunyai hak akses untuk login, namun sang penyusup masih dapat mengakses halaman admin dengan menggetikkan URL yang menuju ke halaman admin pada address bar browser . Itulah Sang Hacker
Nah disinilah perlunya kita Memproteksi Halaman Admin untuk mengatasi masalah tersebut. Hal yang perlu kita lakukan ialah Menyilumuti Seluruh Kode halaman Admin dengan Kode Proteksi. Begini gambarannya : ...<Awal Kode Proteksi>...
...<Kode Keseluruhan halaman admin>.. ...<Akhir Kode Proteksi>.... view plainprint? 1. <?php 2. 3. session_start(); 4. 5. if (emptyempty($_SESSION[username]) AND emptyempty($_SESSION[passuser])) { 6. 7. echo "<center>Untuk mengakses modul, Anda harus login 8. "; 9. 10. echo "<a href=../index.php><b>LOGIN</b></a></center>"; 11. 12. } 13. 14. else{ 15. 16. ?> 17. .......<KODE HALAMAN ADMIN>..... 18. 19. <?PHP } ?>
dan Berikut Hasil Penempatan kode pada coding halaman admin : view plainprint? 1. <?php 2. 3. session_start(); 4. 5. if (empty($_SESSION[username]) AND empty($_SESSION[passuser])) { 6. 7. echo "<center>Untuk mengakses modul, Anda harus login
8. "; 9. 10. echo "<a href=../index.php><b>LOGIN</b></a></center>"; 11. 12. } 13. 14. else{ 15. 16. ?> 17. 18. <!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 19. 20. <html> 21. 22. <head> 23. 24. <title>Untitled Document</title> 25. 26. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 27. 28. <style type="text/css"> 29. 30. <!-31. 32. .style1 { 33. 34. font-family: Georgia, "Times New Roman", Times, serif; 35. 36. font-weight: bold; 37. 38. } 39. 40. --> 41. 42. </style> 43. 44. </head> 45. 46. 47. 48. <body> 49. 50. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> 51. 52. <tr bgcolor="#CCCC00"> 53. 54. <td height="100" colspan="2"><span class="style1">Welcome To Admin </span> </td>
55. 56. </tr> 57. 58. <tr> 59. 60. <td width="200" height="200" valign="top" bgcolor="#99FF66"><a href="logout. php">Logout</a></td> 61. 62. <td> </td> 63. 64. </tr> 65. 66. <tr bgcolor="#CCCC00"> 67. 68. <td height="40" colspan="2"> </td> 69. 70. </tr> 71. 72. </table> 73. 74. </body> 75. 76. </html> 77. 78. <?php } ?>
Read more: http://www.ebsof.com/2012/09/web-dinamis-bagian-vi-proteksihalaman.html#ixzz2uow04vt0
Membuat Web Dinamis Bag.7 ( Tulisan Berjalan/Marquee)

Pada kesempatan ini , sedikit kita akan berinteraksi dengan tampilan, Penggunaan Tulisan Berjalan pada pembuatan web dinamis ini dimaksudkan untuk memperindah tampilan website kita, Sehingga enak di lihat dan memberikan kesan dan informasi yang berguna bagi yang mengakses website kita. Langsung saja .. Untuk tampilan halaman "index.php" sebelumnya seperti ini :
Kita akan menyisipkan tulisan berjalan, pada baris ke-2 setelah Hider.. Berikut Script Nya : view plainprint? 1. <marquee onmouseover="this.stop()" onmouseout="this.start()" truespeed="true" scr ollamount="1" scrolldelay="40" direction="left"> 2. <strong>.....ISI TULISAN.....</strong>
3.
</marquee>
Perhatikan pada script di atas terdapat tulisan "..........ISI TULISAN............" , pada tulisan ini lah tempat kita mengetikkan tulisan yang ingin kita tampilkan nanti. Disini Saya akan mengisi tulisan dengan " Selamat Datang Di Website Kami" , Sehingga Scriptnya menjadi : view plainprint? 1. <marquee onmouseover="this.stop()" onmouseout="this.start()" truespeed="true" scro llamount="1" scrolldelay="40" direction="left"> 2. <strong>.....Selamat Datang Di Website Kami.....</strong> 3. </marquee>
Setelah itu Kita sisipkan Script di atas pada file "index.php " baris ke-2 pada bagian bawah Header. Sehingga Script "index.php" yang sudah kita sisipkan script Marquee akan berubah seperti di bawah ini : 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"> </td> 12. </tr> 13. <tr bgcolor="#CCFF66"> 14. <td colspan="2"><marquee onmouseover="this.stop()" onmouseout="this.start()" tr uespeed="true" scrollamount="1" scrolldelay="40" direction="left"> 15. <strong>.....Selamat Datang Di Website Kami.....</strong> 16. </marquee> 17. </td> 18. </tr> 19. <tr> 20. <td width="200" height="600" valign="top" bgcolor="#00CCFF"><table width="2 00" border="0" cellspacing="0" cellpadding="0"> 21. <tr> 22. <td><form name="form1" method="post" action="cek_login.php"> 23. <table width="200" border="0" cellspacing="0" cellpadding="2"> 24. <tr bgcolor="#003366">
25.
<td height="30" colspan="2"><div align="center"><strong>Form Login </st rong></div></td> 26. </tr> 27. <tr> 28. <td width="74" height="30">Username</td> 29. <td width="126">: 30. <input name="username" type="text" id="username" size="10"></td> 31. </tr> 32. <tr> 33. <td height="30">Password</td> 34. <td>: 35. <input name="password" type="password" id="password" size="10"></td> 36. </tr> 37. <tr> 38. <td height="30"> </td> 39. <td><input type="submit" name="Submit" value="Login"></td> 40. </tr> 41. </table> 42. </form></td> 43. </tr> 44. <tr> 45. <td> </td> 46. </tr> 47. </table></td> 48. <td width="600" valign="top"> </td> 49. </tr> 50. <tr bgcolor="#0099FF"> 51. <td height="80" colspan="2"> </td> 52. </tr> 53. </table> 54. </body> 55. </html>
Dan berikut Tampilannya :
Read more: http://www.ebsof.com/2012/10/membuat-web-dinamis-bag7tulisan.html#ixzz2uowWYGVk

Membuat Website Dinamis

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Membuat Website Dinamis

Diunggah oleh

Hak Cipta:

Format Tersedia

Membuat Website Menggunakan Dremweaver MX

1. Membuat Kerangka Website dengan Table

b. Pilih Insert Table, Lihat Gambar di bawah

Lakukan Pengaturan pada Table Seperti Gambar dibawah

Lakukan Pengaturan Propertis Table, Lihat Gambar dibawah

Lakukan Pengaturan, Ketinggian "HEADER" pada propertis...seperti gambar dibawah ini :

Nah Hasilnya , akan terlihat seperti gambar dibawah ini :

Pada baris keempat bagian footerisi properties Highnya (H)60

Read more: http://www.ebsof.com/2012/08/membuat-website-menggunakandremweaver.html#ixzz2uoqVPdOi

Membuat Website Dinamis (Bagian 1)

Membuat Web Dinamis Bagian II

Hasil dari Script di Atas yaitu :

Membuat Koneksi (Web Dinamais Bag.III)

Web Dinamis Bagian IV ( Membuat Sistem Login)

Gambar Xampp Control

Form Login User Pass : :

Web Dinamis Bagian V (Membuat Logout)

Web Dinamis Bagian VI (Proteksi Halaman Admin)

Read more: http://www.ebsof.com/2012/09/web-dinamis-bagian-vi-proteksihalaman.html#ixzz2uow04vt0

Membuat Web Dinamis Bag.7 ( Tulisan Berjalan/Marquee)

Form Login User Pass : :

Dan berikut Tampilannya :

Form Login User Pass : :

Read more: http://www.ebsof.com/2012/10/membuat-web-dinamis-bag7tulisan.html#ixzz2uowWYGVk

Anda mungkin juga menyukai