Category Archives: PHP

Membuat Drop Down Menu (Sub Menu)


dropdown

dropdown

Dalam beberapa kasus akan dijumpai menu yang masih mempunyai menu-menu lagi (sub menu), maka ketika menu tersebut disorot akan tampil menu-menu lagi dibawahnya atau sering dikenal dengan drop down menu.
Pada tulisan saya kali ini, kita akan coba membuat sub menu pada web yang akan dirancang. Silahkan ketikkan skrip dibawah dengan nama dropdown.html

<html>
<head>
<title>Latihan</title>
</head>

<body>
<div id=”menu”>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>Profil</a>
<ul>
<li><a href=”#”>Tentang Kami</a></li>
<li><a href=”#”>Sejarah</a></li>
<li><a href=”#”>Visi dan Misi</a></li>
<li><a href=”#”>Struktur Organisasi</a></li>
</ul>
</li>
<li><a href=”#”>Agenda</a></li>
<li><a href=”#”>Berita</a></li>
<li><a href=”#”>Download</a></li>
<li><a href=”#”>Hubungi Kami </a></li>
</ul>
</div>
</body>
</html>

Kalau skrip dropdown.html dijalankan di browser, maka akan terlihat seperti gambar dibawah.
2

Pada menu profil belum dapat muncul sub menunya. Untuk membuat sub menu dibawahnya ketika disorot, coba ketikkan skrip dibawah ini dengan nama styledropdown.css Continue reading

Sekilas Lahirnya WEB


Berners-Lee

Berners-Lee


Tahun 1993, tim Berners-Lee dan peneliti lain di European Particle Physic Lab (Consei European pour la Recherrche Nucleaire, atau CERN) di Geneva, Swis, mengembangkan suatu cara untuk men-share data antarkoleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunkan software browser baru.
Kode-kode khusus disisipkan ke dalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.
Kemampuan Internet dimasukkan ke dalam browser ini sehingga loncat dari dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat meloncat ke dokumen lain yang letaknya pada komputer remote.
Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perli melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan WWW (World Wide Web) dan berikut server dan browser webnya (sekarang dimaintenance oleh World Wide web Consortium)

Upload Gambar Dengan PHP


Di tutorial PHP ” Upload Gambar Dengan PHP” ini akan dipaparkan cara mengupload file menggunakan PHP. Tutorial ini mencakup cara penggunaan element input file, mengatur atribut html form agar file bisa ter-upload, membuat script php untuk menangani file yang diupload.
Setting HTML Form
Untuk meng-upload file digunakan element input file. Agar file bisa ter-upload maka pada form HTML harus ditambahkan atribut enctype=”multipart/form-data” dan menggunakan method POST (method=”post”). Form html untuk meng-upload file akan terlihat seperti di bawah:
view plaincopy to clipboardprint?

  1. <!–form to upload file–>
  2. <form name=”formupload” method=”post” enctype=”multipart/form-data” action=”script/to/upload/file.php”>
  3.  Picture : <input name=”picture” type=”file” />
  4.  <input type=”submit” name=”upload” value=”Upload” />
  5. </form>

Contoh Upload File dengan PHP
Di asumsikan anda akan mengupload file ke directory /photo, dimana directory /photo ini berada pada root webserver anda.
Buatlah sebuah file baru menggunakan text editor dan buat sebuah html form seperti berikut:
Picture :
view plaincopy to clipboardprint?

  1. <!–file picture.html–>
  2. <form name=”form_upload” method=”post” action=”upload.php” enctype=”multipart/form-data”>
  3.  Picture: <input type=”file” name=”picture” />
  4.  <input type=”submit” name=”upload” value=”Upload” />
  5. </form>

Simpan dengan nama picture.html dan letakkan di directory yang Continue reading

Membuat Website Sederhana Dengan Dreamweaver


utama

Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan untuk mengembangkan sebuah halaman web.  Langkah-langkah untuk membuat situs sederhana sebagai berikut:

  • Install terlebih dahulu Aplikasi Macromedia Dreamweavernya.
  • Install juga php mysqlnya
  • Setelah selesai install keduanya silahkan ikuti petunjuk dibawah ini

Berikut ini akan ditunjukkan langkah-langkah membuat website sederhana dengan menggunakan bahan-bahan (file gambar, video, teks) yang telah disediakan oleh Macromedia Dreamweaver 8 dalam htdocs – PelatihanWeb (saya membuat dengan nama folder utama dengan nama PelatihanWeb) Continue reading