What time is it?


Pages

Senin, 04 Juni 2012

Membuat design web sederhana menggunakan div


   Berikut ini adalah tutorial sederhana untuk membuat sebuah design web dinamis menggunakan teknik div . 
  1. Buatlah design layout web yang akan kamu buat, sebagai contoh adalah sebagai berikut :
Tentu saja, ketika layout ini sudah jadi, anda sudah memiliki 1 file css (contoh css_saya.css) dan 1 file html yang biasanya berfungsi sebagai index (halaman utama) – misal kita beri contoh index.php, yang di dalamnya berisi script sebagai berikut :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>My Website</title>
  <!-- ini adalah link ke file css yang kita buat //-- >
  <link rel="stylesheet" href="css_saya.css" type="text/css" />
</head>
<body>
  <div id="wrapper">
  <div id="header">
      <embed src="BANER/baner 3.swf" width="1024" height="150"></embed>
  </div>
  <div id="inner">
      <div id="innercontent">
           <div id="content">
                <?php include("content.php")?>
           </div>
      </div>
      <div id="sidebar">
           <?php include("menu_kanan.php")?>
      </div>
  </div>
  <div id="footer">
  </div>
</div>
</body>
</html>

  2. Perhatikan script yang saya beri warna merah. Div content merupakan tempat dimana semua halaman dari link ditampilkan. Disini hanya akan diincludekan 1 file saja, yang bernama content.php (nama terserah kreasi kamu). File ini berisi daftar semua link yang ada di website kamu. Content.php ini penting supaya kita dapat membuka semua halaman dari link yang tersedia pada suatu tempat yang tetap yaitu pada div content. Sebagai contoh, perhatikan script berikut :
<?php
   $lihat=$_GET['lihat'];
  
   switch ($lihat){
      case 'laporan' :
          include ("laporan_pi_paging.php");break;
      case 'tambah_laporan' :
          include ("tambah_laporan2.php");break;
      case 'edit_laporan' :
          include ("edit_laporan2.php");break;
      case 'hapus_laporan' :
          include ("delete_laporan.php");break;
      Default : include (“beranda.php”);break;
  }
?>

Keterangan :
      $lihat=$_GET['lihat']; lihat merupakan parameter dari sebuah link yang dikirimkan untuk menunjuk pada suatu halaman yang diinginkan. Sebagai contoh, jika saya ingin membuka halaman edit_laporan2.php, maka saya cukup mengirimkan link :
<a href=”index.php?lihat=edit_laporan”>
                break; sangat perlu untuk dituliskan, supaya ketika sudah berhasil menemukan parameter lihat yang sesuai, program langsung menghentikan pencarian,
Disini jelas bahwa kita tetap memanggil halaman index.php, dengan isi/content yang berbeda.
Default adalah halaman yang akan dimunculkan apabila parameter lihat dalam sebuah link tidak terdapat dalam daftar.

Selamat mencoba.. semoga bermanfaat.

         

Related Posts:

  • Koneksi VB.Net dengan Mysql JaringanSetelah sekian lama bingung dan pusing serta penasaran tentang bagaimana mengkoneksikan aplikasi yang kita buat dengan VB.Net ke database yang tidak terletak di localhost komputer kita, akhirnya pada hari ini ada pencerahan..… Read More
  • Tips Membuat Situs Anti HackerBerikut ini adalah beberapa tips dalam Membangun Websites yang tidak mudah di jebol Hacker. Tips ini dibuat oleh moderator komunitas white hacker Yogyafree, Nathan Gusti Ryan. Sehubungan dengan maraknya deface atau hacking … Read More
  • Membuat Script Printing dengan VB.NetApabila kita membuat sebuah aplikasi desktop menggunakan VB, VB.net, atau Java, sering kali kita juga akan membuat sebuah laporan yang perlu untuk dicetak oleh tingkatan manager tertentu. Disini saya akan men-share sedikit te… Read More
  • 5 Tips Bermain Gitar untuk Pelayanan di Persekutuan Minimnya skill bermain gitar membuat suasana fellowship di berbagai persekutuan kantor kadang jadi kaku dan kurang bergairah. Skill semacam ini memanng tidak hanya didapat dalam waktu singkat. Tapi 5 jurus singkat gL… Read More
  • Tips : Cara Cepat Belajar PemrogramanBanyak yang mengatakan bahwa menjadi seorang programmer adalah suatu hal yang sangat sulit, karena membuat sebuah program itu sendiri merupakan suatu hal yang tidak mudah. Saya katakan hal ini benar, tetapi bisa jadi salah. S… Read More

1 komentar: