Pemrograman HTML

Arsip Tulisan untuk Kategori ini

12 Februari 2009

Tab CSS Menu Sederhana

Posted by dfitroh under Pemrograman HTML
Comments Off 

Suka dengan CSS menu? cobalah membuat CSS menu anda sendiri.

Berikut ada contoh membuat menu CSS sederhana, untuk proses belajar anda bisa memodifikasinya :)
Code nya:

<?xml version=”1.0″ encoding=”iso-8859-1″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″/>
<title>DHTML Tab,JavaScript Tab</title>
<style type=”text/css”>
#tabs {display: block;float: left;width: 160px;}
.panel {border: solid 1px #D8D8D8;border-top: none;background-color: #FFFFFF;padding: 0px;width: 158px;overflow: auto;clear: left;}
.tab_bdr{padding: 0px;width: 158px;border: 0px;border: 1px solid #645DB5;height: 4px;margin:0px;background: #645DB5;clear: left;font-size: 0px;}
.tab{font-family:tahoma; FONT-SIZE: 11px;background:#BA0808;color:#FFFFFF;cursor:pointer;border:none;border-bottom: 1px solid #FFFFFF;height:19px;padding-top:3px;margin:0px;width:60px; float:left; text-decoration:none;} (lagi…)

 

8 Agustus 2008

HTML dan CSS

Posted by dfitroh under Pemrograman HTML | Tag: |
Comments Off 

Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:

  1. Mengontrol tampilan dari web page dan contentnya.
  2. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
  3. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
  4. Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.

Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat web, akan tetapi penggunaan style sheets merupakan kelebihan tersendiri. Suatu style sheet merupakan tempat dimana anda mengontrol dan memanage style-style yang ada. Style sheet mendeskripsikan bagaiman tampilan document HTML di layar. Anda juga bias menyebutnya sebagai template dari documents HTML yang menggunakanya. Anda juga bisa membuat efek-efek sepesial di web anda dengan menggunakan style sheet.

Secara teoritis anda bisa menggunakan style sheet technology dengan HTML. Akan tetapi pada prakteknya hanya Cascading Style Sheet (CSS) technology yang support pada hampir semua web Browser. Karena CSS telah di setandartkan oleh World Wide Web Consortium (W3C) untuk di gunakan di web browser. Tutorial ini akan menjelaskan tentang html dan CSS.

DOWNLOAD ARTIKEL LENGKAP (PDF):

  1. nurhasyim-htmlcss.zip
 

25 Juli 2008

Media Player Untuk Situs Dengan Bahasa HTML

Posted by dfitroh under Pemrograman HTML | Tag: |
Comments Off 

Semua sudah mengetahui bahwa untuk memasukkan sebuah lagu pada halaman situs cukup dengan perintah <embed src=. Masalahnya, pada saat halaman dibuka, lagu kan langsung diunduh dari server yang kadangkala menyebabkan koneksi menjadi sangat lambat. Lagu yang dapat dipasangkan pada 1 halamanpun hanya satu buah. Hal ini sebenarnya bisa diatasi dengan java script, tetapi, beberapa browser sekarang melakukan blok terhadap script java tersebut, dan bahkan beberapa masih tidak bisa membaca java (meskipun sangat sedikit). Sebenarnya, dengan sedikit pengetahuan HTML, anda bisa membuat halaman anda memiliki sebuah pemutar multimedia yang bisa memilih-milih lagu yang akan dimainkan, serta tidak diload pada saat halaman pertama kali dibuka. Untuk contoh hasilnya, bisa anda download disini, sedangkan langkah-langkahnya bisa anda download dibawah.

DOWNLOAD ARTIKEL LENGKAP (PDF):

  1. farhan-mediaplayerhtm.pdf
 

25 Juli 2008

Galeri Foto Dengan HTML

Posted by dfitroh under Pemrograman HTML | Tag: |
Comments Off 

Mungkin sekarang sudah banyak web server yang menyediakan Galeri foto, atau yang lebih dikenal dengan Photo Gallery untuk web, baik dalam format PHP, ASP, maupun Flash dan Java, atau bahkan dengan CMS pada Fantastico misalnya.

Nah, kali ini kita akan mencoba membuatnya sendiri, berupa galeri dimana user bebas memilih thumbnail foto melalui daftar album, bebas memilih gambar yang akan ditampilkan melalui thumbnail tersebut, dan semuanya dilakukan hanya pada satu halamn, tanpa pop-up, tanpa pindah halaman. Intinya, gambar akan terbuka atau terganti hanya pada halaman tersebut, dengan bahasa standar, yaitu HTML.

DOWNLOAD ARTIKEL LENGKAP (PDF):

  1. farhan_galerifoto.pdf
  2. contoh.zip