Category Archives: Pemogran WEB

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

List HTML


List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu, misalnya jenis-jenis list dalam HTML

  1. List dengan Nomor
  2. List tanpa Nomor
  3. List defenisi

List dengan nomor adalah model daftar yang setiap itemnya diberi nomor. Pada contoh kalimat diatas merupakan contoh list dengan nomor.
Selain list bernomor dan tanpa nomor, ada sebuah list lagi yang bisa digunakn untuk memberi uraian terhadap suatu item dalam daftar disebut dengan list defenisi.
Contoh List
Contoh ini mendemonstrasikan list berurut dan tak berurut menggunakan nomor dan menggunakan bullet.

Ordered List

  1. Coffea
  2. Tea
  3. Milk

Unordered List

  • Coffea
  • Tea
  • Milk


Semoga bermanfaat ūüėÄ

Apa Itu Dokumen HTML??


HTML

HTML


HTML kependekan dari Hypert Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet.
Ada dua cara untuk membuat sebuah web page: dengan HTML editor atau dengan editor teks biasa (misalnya Notepad). Untuk latihan atau mencoba materi pada tulisan ini sebaiknya menggunakan notepad, setelah itu pada bagian mendekati akhir dapat menggunakan editor HTML, hal ini dimaksudkan agar Anda memahami dan terbiasa secara primitif membuat dokumen web.

World Wide Web Consortium (W3C)


W3C

W3C


W3C mengembangkan teknologi (spesifikasi, petunjuk — guide line, software, dan tool) yang dapat dioperasikan pada platform manapun, membawa web mencapai potensi yang utuh sebagai suatu forum informasi, commerce, komunikasi dan perjanjian bersama (collective understanding).
W3C dibentuk pada Oktober 1994, dengan jumlah anggota lebih dari 400 organisasi anggota dari seluruh dunia, dan telah menghasilan pengakuan internasional untuk kontribusinya pada perkembangan web.
W3C kini merupakan badan resmi yang membuat standar web. W3C meletakkan gabungan spesifikasi dalam standar web, berikut adalah hasil dari W3C

  • Stardar Web yang paling mendasar adalah HTML, CSS, dan XML
  • Standar HTML yang terakhir adalah XHTML 1.0

World Wide Web


WWW

WWW


World Wide Web (WWW) lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
Kini Internet identik dengan web, karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chating, sampai dengan melakukan transaksi bisnis (commerce).
Kini, web seakan lebih populer dari pada email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi e-mail yang menggunakan web sebagai interfacenya.
Internet identik dengan web, karena popularitasnya sebagai penyedia informasi dan interface yang dibutuhkan oleh pengguna dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma-cuma sampai dengan yang komersial, semuanya ada.
web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri (informasi) di internet.
Selain itu web sudah diadopsi oleh perusahaan sebagai sebagaian dari strategi teknologi informasina, karena beberapa alasan,

  • akses informasi mudah
  • setup server lebih mudah
  • informasi mudah distribusikan, dan
  • bebas platform; informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.

 

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

Tutorial Meng-export Database


Kali ini saya akan men share bagaimana langkah-langkah mene-export database. Berikut Video Tutorialnya

Perkalian pada PHP


perkalian Saat ini saya akan berbagi bagaimana membuat sebuah perkalian pada php
Berikut adalah langkah-langkahnya :
silahkan downloaddisini

Selamat mencoba

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