contoh Tampilan.

keterangan Lebih lengkap menyusul yach..!!

download

kisi-kisi ini di buat oleh: Ir. M. Guntara, M.T

1. Pembuatan tabulasi : <TR>, <TD>, COLSPAN, ROWSPAN
2. Form :
a. Action
b. GET/POST
c. INPUT :TEXT
d. INPUT : SUBMIT/BUTTON
3. Frame :
a. 3 frame dalam 1 layar
4. Hiperlink
a. Ke Halaman web lain
b. Ke URL
c. Ke Gambar
5. CSS:
a. Dasar/Langsung pada TAG
b. Index
6. JAVAScript (JS)
a. Event handler: onclick,onBlur,onMouseOver,onMouseOut
b. Validasi medan isian/ kosong
c. Validasi nilai
d. Alert
e. Fungsi pada JS
f. Fungsi tanggal (DATE())

untuk selanjutnya bisa di download sini

Sumber: http://ns.akakom.ac.id/~guntara/

Adsl Modem SMC

Default IP: 192.168.2.1
Default password: smcadmin
Setting Bridge:

1. Klik WAN
2. Clik ATM PVC
3. Klik VCI
4. Protocol: 1483 Bridging, VLAN: Default, VPI/VCI: 8/81,
Encapsulation: LLC, Qos Class: UBR, PCR/SCR/MBS: 4000/4000/10
5. Klik Save Settings

Setting PPPoE:

1. Klik WAN
2. Clik ATM PVC
3. Klik VCI
4. Protocol: PPPoE, VPI/VCI: 8/81, Encapsulation: LLC, QoS Class: UBR, PCR/SCR/MBS: 4000/4000/10, IP assigned by ISP: Yes, IP Address: 0.0.0.0, Subnet Mask: 0.0.0.0, Connect Type: Always Connected, Idle Time (Minute): 5, Username: nmrspeedy@telkom.net, Password: (password dari telkom), Confirm Password: , MTU: 1492
5. Klik Save Settings

Adsl Modem ZyXeL
P-660R
Default IP: 192.168.1.1
Default username: admin
Default password: 1234
Setting Bridge

1. Pilih Network
2. Pilih WAN
2.   Mode: Bridge, Encapsulation: RFC 1483, Multiplexing: LLC, VPI: 8, VCI: 81, Apply
3. Pilih Maintenance
4. Pilih Tools
5. Restart

Setting PPPoE

1. Pilih Network
2.  Pilih WAN
3.  Mode: Routing, Encapsulation: PPPoE, Username: ( nmrspeedy@telkom.net), Password: (password speedy), Service Name: Speedy, Multiplexing: LLC, VPI: 8, VCI: 81, IP Address: Obtain an IP Address Automatically, Connection: Nailed-Up Connnection, Apply
4. Klik Maintenance
5. Klik Tools
6. Restart

Adsl Modem Shiro

Default IP: 192.168.1.1
Default username: admin
Default password: admin
Setting Bridge:

1.  Klik Advanced
2.  Klik WAN
4.Klik New Connection
5. Connection Name: Speedy, Type: Bridge, VPI: 8, VCI: 81, and Submit
6. Save Settings
7. Restart Router

Setting PPPoE:

1.  Pilih Advanced
2.  Klik WAN
3. Klik New Connection
4.Connection Name: Speedy, Type: PPPoE, Sharing: Enable, Encapsulation: LLC, Username: nmrspeedy@telkom.net, Password: (password dari telkom), VPI: 8, VCI: 81, and Submit
5.  Save Settings
6.  Restart Router

Adsl Modem Aztech
Default IP: 192.168.1.1
Default username: admin
Default password: admin
Setting Bridge

1. Klik Advanced
3.  Pilih WAN
4.  Klik New Connection
5. Connection Name: Speedy, Type: Bridge, VPI: 8, VCI: 81, and Submit.
6.  Save Settings
7.  Restart

Setting PPPoE/Router:

1.  Klik Advanced
2. Pilih WAN
3.  Klik New Connection
4.  Connection Name: Speedy, Type: PPPoE, Sharing: Enable, Encapsulation: LLC, Username: nmrspeedy@telkom.net, Password: (password dari telkom), VPI: 8, VCI: 81, and Submit.
5. Save Settings
6. Restart

Adsl Modem TECOM

AR1031
Default IP: 192.168.1.1
Default username: admin
Default password: admin
Setting Bridge:

1.   Klik Advanced Setup
2. Klik WAN
3.  Klik Edit
4.  ATM PVC Configuration, VPI=8; VCI=81, Service Category: UBR Without PCR, Next
5. Connection Type Bridging, Encapsulation Mode LLC/SNAP-BRIDGING, Next
6.  Cheklist Enable Bridge Service, Service Name: Speedy, Next
7.  WAN Setup – Summary, Save
8. Save/Reboot

Setting PPPoE:

1.  Klik Advanced Setup
2.  Klik WAN
3.  Klik Edit
4.  ATM PVC Configuration, VPI=8; VCI=81, Service Category: UBR Without PCR, Next
5.  Connection Type PPP over Ethernet (PPPoE), Encapsulation Mode LLC/SNAP-BRIDGING, Next

6.  Put your PPP Username: nmrspeedy@telkom.net; PPP Password

(password dari telkom); PPPoE Service Name: Speedy, Next
7.  Cheklist Enable WAN Service, Service Name: Speedy, Next
8.  WAN Setup – Summary, Save
8.  Save/Reboot

Modem Prolink

1. Login To -> http:// 10.0.0.2
User Name: admin
Password: password
Klik . . . . OK
2.  Chose Configurasi WAN:
3.  Select Adapter: Pilih Pvc3 (Indonesia)
4.  Edit Field:
Bridge = Enable
Encapsulation = 1483 Bridge IP LLC
ATM VPI = 8
ATM VCI = 81

5. Static IP Setting: � just blank �
IP Address = just empty
Subnet Mask = just empty
Gateway = just empty
User Name = username@telkom.com. . . . . . ( optional ) *
Password = xxxxxxxx . . . . . . . . . . . . . . . . . . .( optional ) *
* If you choose to put username & password there just double clik explorer
* If you not choose to put username & password there you have to create new connection at Network  Connection
6.. Create New Connection (Bridge) See here..>>
7. Than Next:
8* Klik Submit
9.  * Klik Save Configuration
10.  Next: Save Reboot ….

Adsl Modem D-Link

DSL-302T
Default IP: 192.168.1.1
Default username: admin
Default password: admin
Setting Bridge:

1.  Klik Setup
2. Klik Connection
3.  Bridge Connection Setup. Name: Speedy; Type: Bridge; Encapsulation: LLC; VPI=8; VCI=81, Apply
4.  Klik Tools
5. Klik System Commands, Save All, Restart

Setting PPPoE/Router:

1.  Klik Setup
2.  Klik Connection
3.  Bridge Connection Setup. Name: Speedy; Type: PPPoE; Username: nmrspeedy@telkom.net; Password: (password dari telkom); VPI=8; VCI=81, Apply
4.  Klik Tools
5.  Klik System Commands. Save All, Restart

adsl Modem Repotec

1.  Buka Internet Explorer ketik: http://192.168.1.1
2.  Username: admin & Password: epicrouter
3.  Klik: OK
4.  Klik WAN
5.  Pic Adapter: Pvc0
6.  Klik Submit
7.  Virtual Circuit = Enabled
8.  Bridge & IGMP = Disable
9.  Each region was different from another region and for Bandung vpi:8 , vci: 81
10. Service Category = UBR without PCR
11.  Protocol/Conection type = PPPoE
12. Encapsulation = LLC/Snap-Bridging
13. Put Username & Password from your provider
14.  Klik Submit.
15.  Klik Save Configuration (wait till Saving configuration done.)
16.  put DNS: 202.134.0.155 & 202.134.2.5

Adsl Modem Dareglobal

Default IP: 192.168.1.1
Default username: admin
Default password: admin
Setting Bridge:

1.  Klik Advanced Setup
2. Klik WAN
3. Find VPI/VCI: 8/81, Klik Edit
4.  ATM PVC Configuration, VPI=8; VCI=81, Service Category: UBR Without PCR, Next
5.  Connection Type Bridging, Encapsulation Mode LLC/SNAP-BRIDGING, Next
6.  Cheklist Enable Bridge Service, Service Name: Speedy, Next
7.  WAN Setup – Summary, Save
8.  Save/Reboot

Setting PPPoE:

1.  Klik Advanced Setup
2.  Klik WAN
3.  Cari VPI/VCI: 8/81, Klik Edit
4.  ATM PVC Configuration, VPI=8; VCI=81, Service Category: UBR Without PCR, Next
5.  Connection Type PPP over Ethernet (PPPoE), Encapsulation Mode LLC/SNAP-BRIDGING, Next
6. Put your PPP Username: Nomorspeedy@telkom.net; PPP Password: (password dari telkom); PPPoE Service Name: Speedy, Next
7.  Centang Enable WAN Service, Service Name: Speedy, Next
8.  WAN Setup – Summary, Save
10.  Save/Reboot

Adsl Modem TP-Link

Default IP: 192.168.1.1
Default username: admin
Default password: admin
Setting Bridge:

1. Klik Advanced Setup
2.  Klik WAN
3.  Find VPI/VCI: 8/81, Klik Edit
4. ATM PVC Configuration, VPI=8; VCI=81, Service Category: UBR Without PCR, Next
5.  Connection Type Bridging, Encapsulation Mode LLC/SNAP-BRIDGING, Next
6.  Cheklist Enable Bridge Service, Service Name: Speedy, Next
7.  WAN Setup – Summary, Save
8.  Save/Reboot

Setting PPPoE:

1.  Klik Advanced Setup
2.  Klik WAN
3.  Find VPI/VCI: 8/81, Klik Edit
4.  ATM PVC Configuration, VPI=8; VCI=81, Service Category: UBR Without PCR, Next
5.  Connection Type PPP over Ethernet (PPPoE), Encapsulation Mode LLC/SNAP-BRIDGING, Next
6.  Put your PPP Username: nmrspeedy@telkom.net; PPP Password: (password dari telkom); PPPoE Service Name: Speedy, Next
7.  Cheklist Enable WAN Service, Service Name: Speedy, Next
8.  WAN Setup – Summary, Save
9.  Save/Reboot

Setting Modem Articonet ACN-100R dan ACN-110

Cara melakukan setting di komputer untuk akses ke modem Articonet.
Untuk setting di komputer dilakukan sesuai dengan operating system yang dipakai di komputer pelanggan, disini yang dibahas khusus untuk Windows XP.
Lakukan network setting di PC (komputer) sbb:
a. Start � Control Panel � Network Connection
b. arahkan kursor pada Local Area Connection yang aktif, kemudian klik kanan dan pilih properties
c. kemudian pilih menu Internet Protocol (TCP/IP) dan klik 2X, maka akan muncul menu General.
d. Pilih Obtain an IP Address Automatically kemudian pilih Obtain DNS server address automatically, kemudian tekan tombol OK.
Panduan cara setting modem ADSL Speedy koneksi PPPoE.(PPPoE)
Setting modem dilakukan melalui browser dengan mengakses alamat http://192.168.1.1
Masukkan username dan password: admin/admin
Setelah masuk ke menu setting lakukan langkah berikut:
Masuk ke menu “Advanced Setup” kemudian pilih “WAN” dan klik tombol “Edit” disebelah kanan tabel WAN Masukkan nilai PVC Configuration: (masukkan nilainya sesuai wilayah TELKOM masing-masing daerah)
VPI = X
VCI = XX
Service Category = UBR Without PCR, kemudian klik tombol Next
Connection type = PPPoE
Encapsulation = LLC, kemudian klik tombol Next
Masukkan username dan password Speedy, kemudian klik tombol Next
Tandai atau kasih v untuk pilihan “Enable WAN Service”, kemudian klik Next dan klik tombol Save
Setting PPPoE untuk koneksi Speedy telah selesai dilakukan
Selanjutnya klik tombol Save/Reboot
(Modem akan reboot -/+1 menit dan tunggu sampai modem normal kembali)

Berikut langkah setting modem ADSL Articonet untuk Dial-Up/Bridge.
Setting modem dilakukan melalui browser dengan mengakses alamat http://192.168.1.1
Masukkan username dan password: admin/admin
Setelah masuk ke menu setting lakukan langkah berikut:
Masuk ke menu “Advanced Setup” kemudian pilih “WAN” dan klik tombol “Edit” Masukkan nilai PVC Configuration: (masukkan nilainya sesuai wilayah TELKOM masing-masing daerah)
VPI = X
VCI = XX
Service Category = UBR Without PCR, kemudian klik tombol Next
Connection type = Bridging
Encapsulation = LLC, kemudian klik tombol Next
Tandai atau kasih v untuk pilihan “Enable Bridge Service”, kemudian klik Next dan klik tombol Save
Setting Bridge untuk koneksi Speedy telah selesai dilakukan
Selanjutnya klik tombol Save/Reboot
(Modem akan reboot -/+1 menit dan tunggu sampai modem normal kembali)
Setting modem Articonet untuk koneksi Bridging sudah selesai, langkah berikutnya setting koneksi Dial-Up di PC/komputer.

Panduan instalasi Dial Up koneksi ADSL menggunakan Windows 2000:

* Klik Start, klik Setting,klik Control Panel,
* Klik Network and Dial Up Connections.
* Klik Make New Connection, klik Next,
* Klik Dial Up to the Internet
* Klik I want to setup my internet manually, klik Next
* Klik I connect through a phone line and a modem klik Next
* Pilih dan klik modem ADSL yang sesuai
* Isi username:15xxxxxxxxxx@telkom.net
* Password: xxxxxxxx
* Klik OK dan Lanjutkan sesuai perintah yang muncul
* Klik Finish

Panduan installasi Dial Up koneksi ADSL menggunakan Windows Xp:

* Klik Start, klik Setting, klik Control Panel.
* Klik Network Connection
* Klik Create a New Connection, klik Next.
* Klik Connect to the Internet, klik Next
* Klik Setup my connection manually, klik Next
* Klik Connect Using Dial Up, klik Next
* Klik modem ADSL yang sesuai, klik Next
* Isi username: 15xxxxxxxxxx@telkom.net dan Password: *******
* Confirm password: xxxxxxxx
* kemudian beri tanda v pada pilihan “Add a shortcut to the desktop screen”
* Klik Finish

sumber: klik http://www.telkomspeedy.com/index.php/main/modem/setting/Setting.Modem

Konsep Sistem Informasi
Konsep Sistem Informasi ini di ampu oleh Bapak Ari adjidharma.

pengenalan web

materi pengenalan web ini di ampu oleh: Y.YOHAKIM MARWANTA, S.Kom., M.Cs.

selengkapnya.

Internet Download Manager atau banyak orang menyebut nya dengan nama IDM , adalah perangkat lunak yang mampu mengambil / mengunduh data-data yang ada di internet . Perangkat buatan New York, Amerika ini menempati posisi teratas dalam memaksimalkan kecepatan mengunduh data. Tampilan dan grafis yang sederhana membuat IDM lebih bersahabat dengan penggunanya.

IDM didukung dengan fitur resume, yaitu untuk kepentingan mengunduh ulang berkas-berkas yang sebelumnya terputus karena kehilangan koneksi internet, masalah jaringan, komputer shutdowns, atau listrik padam secara tak terduga. IDM juga memiliki fitur unduh yang cepat dengan kemampuan melakukan segmentasi berkas secara otomatis dan didukung dengan teknologi yang aman.

Perangkat lunak ini memiliki kemampuan yang lebih baik daripada tool sejenis yang ada saat ini, karena fitur yang dimiliki dalam membagi data yang sedang diunduh menjadi beberapa bagian terpisah untuk kemudian disatukan kembali setelah proses mengunduh selesai. Proses ini dinamakan multipart. Akan tetapi, IDM berbeda dengan perangkat sejenisnya karena proses multipart ini dilakukan secara bersamaan dan kecepatannya hingga 500% atau lima kali lipat lebih baik sebagaimana diklaim oleh pembuat IDM ini.

IDM mampu membagi sebuah berkas saat proses mengunduh berlangsung hingga menjadi tujuh sampai delapan bagian. Sebuah berkas yang diunduh dan terbagi menjadi delapan bagian selanjutnya ditangani oleh IDM yakni dengan membagi kecepatan yang sama besar per bagiannya. Namun jika bagian-bagian tadi ada yang mengalami hambatan dalam proses unduh maka kecepatan pada bagian lain akan digunakan untuk membantu bagian yang lambat tadi.

Untuk Download IDM 5.19 Build 1

Petunjuk Install IDM 5.19 Build 1 :

1. Download dan ekstrak Internet Download Manager 5.19 Build 1 Retail.rar
2. Lakukan proses installasi pada file idman519.exe
3. Jika sebelumnya sudah terinstall IDM versi lama bisa menimpa dan melanjutkan installasi dengan file installer IDM yang baru
4. Setelah proses installasi selesai, tutup/exit program ini. Lihat juga di system tray pojok kanan bawah, apabila masih ada logo IDM klik kanan pilih exit
5. Copy file UNREAL Patch 5.xx(2009-07-10).exe kedalam folder installasi yang biasanya terdapat di : C:\Program Files\Internet Download Manager
6. Kemudian jalankan file tersebut.

sumber:http://dedepurnama.blogspot.com/2010/04/mempercepat-download-dengan-idm-519.html

Saat kita meng-klik program “netbeans-6.7-ml-java-windows”

maka akan muncul “netbeans IDE installer” dan mulai memproses apa yang kita
perintahkan padanya.

Setelah itu layar akan memunculkan petunjuk berikutnya dan di sisi kanan bawah
kita klik “Next” untuk ke langkah selanjutnya, setelah itu kita harus
mengisi/mencentang di kotak kosong disebelah kiri bawah “I accept the terms in the
license agreement” maka akan terbuka “next>” untuk meneruskan langkah berikutnya,

Selanjutnya akan muncul perintah/petunjuk berikutnya, di sini kita dapat
memindahkan atau menaruh program yang telah kita instalasi program tersebut,
bila kita perlu memindahkanya maka ubahlah sesuai yang kita inginkan, jika tidak
maka kita teruskan ke petunjuk selanjutnya klik “next>” . Setelah itu akan muncul
pilihan admin. Menurut saya petunjuk itu tidak perlu diubah dan klik “next>”,
terus akan muncul letak program tersebut akan ditempatkan dan dapat kita
lanjutkan ke program berikutnya klik “next” dan anda klik “install”

Biarkan program tersebut berkerja, dan setelah selesai mengistalasi, program
netbeans akan terbuka.

Netbeans sudah dapat digunakan membuat aplikasi berbasis Java

Pemasangan status yahoo massager ini di gunakan sebagai layanan bagi pengunjung web untuk berkomunikasi dengan pengembang web atau administrator sebuah web. biasa di gunakan di berbagai web e-comerce yang umumnya YM digunakan sbagai asistant dalam penawaran produk. Sbenarnya masih bannyak lagi manfaat dari Widget ini, untuk selanjut nya saya akan perlihatkan scriptnya.

untuk menampilkan ke halaman web anda

<a href="ymsgr:sendIM?id_ym_anda"> <img src="http://opi.yahoo.com/online?u=id_ym_anda&m=g&t=0&l=us" alt="" /></a>

Untuk kalimat “id_ym_anda” diganti dengan id ym anda masing masing. Untuk fariasi image yang digunakan sebagai indikator anda dapat mengganti angka dari “=1″ , untuk contoh dapat diperlihatkan pada gambar di bawah ini:

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=1&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=1&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=2&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=6&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=7&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=8&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=9&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=9&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=10&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=11&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=12&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=13&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=14&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=15&amp;l=us"/></a>

Scriptnya :

<a href="ymsgr:sendIM?nur_pete"> <img  src="http://opi.yahoo.com/online?u=nur_pete&amp;m=g&amp;t=16&amp;l=us"/></a>

Sekarang tinggal menentukan Icon mana yang akan digunakan sebagai indikator status Yahoo Messenger .
sumber: http://andangcharisma.net/article/view/13/status-yahoo-messenger-pada-website

Web Standards merupakan sebuah standard dalam menyusun kode-kode HTML yang baik dan terstruktur. Kebanyakan website yang ada saat ini disusun dengan kode HTML yang tidak terstruktur, hancur dan berantakan. Karena itu World Wide Web Consortium (W3C) dengan semangat membara ingin menyuruh para pembuat website diseluruh dunia untuk menstandardkan websitenya.

XML

Anda tentu sudah tau tentang XML, yang merupakan bahasa markup seperti halnya HTML. Hanya saja XML lebih terstruktur penggunaannya, salah sedikit saja maka aplikasi-aplikasi yang dapat membaca XML akan gagal membaca file XML anda. Perbedaan antara XML dan HTML adalah: HTML didesain untuk menampilkan data sedangkan XML didesain untukmendeskripsikan data.

Karena itu W3C mengeluarkan standard baru yang menggabungkan kekuatan HTML dan XML menjadi satu yaitu XHTML. Karena XHTML merupakan XML, maka XHTML bisa dibaca oleh semua alat yang mampu membaca XML. Dan karena XHTML juga merupakan HTML maka browser-browser kuno juga mampu membacanya.

Kenapa sih harus standard?

Ini pertanyaan yang sering ditanyakan oleh orang-orang, kenapa website kita harus standard? Oke, jika kita menggunakan browser seperti IE, Firefox dan browser lainnya dikomputer tidak akan masalah walaupun kode HTML kita berantakan karena browser-browser tersebut cukup canggih dan mampu membaca kode HTML sekacau apapun. Tapi bagaimana dengan orang-orang yang masih menggunakan browser text seperti Linx? atau orang buta yang menggunakan browser Webbie atau screen reader untuk membaca website anda? Atau bagaimana dengan orang-orang yang mengakses website anda melalui Handphone, PDA atau gadget-gadget kecil lainnya. Dengan membuat website anda menjadi standard maka website anda dapat dibaca oleh semua media

Dengan bantuan CSS (Cascading Stylesheet) maka tampilan XHTML anda bisa dipercantik tanpa harus mengubah kode XHTML anda. Jadi gabungan XHTML dan CSS akan menghasilkan website maut yang kompatibel disemua media.

Satu lagi keunggulan web standard. Karena kode XHTML anda terstruktur dan tidak terlalu banyak kode (karena layout dan tampilan diatur oleh CSS) maka Search Engine dapat lebih mudah mengindeks website anda. Website anda akan lebih mudah masuk Search Engine.

Jadi? jika anda ingin beralih ke XHTML teruskan membaca, tetapi jika anda pikir ini hanya omong kosong silahkan saja klik tanda silang dikanan atas browser anda. Pilihan ada ditangan Anda

Deklarasikan bahwa file anda XHTML

Mungkin anda akan bertanya-tanya, berarti saya simpan filenya dengan nama index.xhtml? tidak perlu, anda gunakan saja index.html atau index.php atau lainnya. Yang penting disini adalah kita mendeklarasikan bahwa dokumen kita adalah dokumen XHTML. XHTML sendiri saat ini sudah ada 3 versi, yaitu XHTML 1.0, XHTML 1.1 dan XHTML 2.0 (dalam pengembangan). Apabila anda masih beralih dari HTML ke XHTML gunakan saja XHTML 1.0, karena XHTML 1.1 sudah banyak perubahan apalagi yang XHTML 2.0.

XHTML 1.0 sendiri dibagi menjadi 3 tipe dokumen yaitu:

• STRICT. Puncaknya standard, gunakan ini apabila anda benar-benar menginginkan kode yang benar-benar terstruktur. Beberapa tag sudah dihilangkan disini seperti <iframe>. Anda harus mengkombinasikan antara XHTML dan CSS
• TRANSITIONAL. Gunakan ini apabila anda ingin tampilan ditampilkan didalam file XHTML tidak di CSS
• FRAMESET. Gunakan yang ini, jika anda ngotot ingin menggunakan frames

Saya akan menerangkan perbedaan ketiganya di artikel lainnya. Sekarang seperti apa deklarasi ketiganya? lihat contoh dibawah:

XHTML 1.0 STRICT

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 TRANSITIONAL

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 FRAMESET

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Kode XHTML selengkapnya adalah:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Judul Halaman Web
</head>
<body>
<p>Isi halaman Web</p>
</body>
</html>
 

Seperti apa sih kode XHTML?

Banyak sekali perbedaan antara kode HTML dan XHTML, yang pertama tentu saja diatas kode anda harus dideklarasikan apakah kode anda XHTML Frameset, Transitional atau Strict. Anda sudah melihat contohnya diatas. Kemudian apa lagi? masih banyak yang harus diingat. Mari kita bahas satu persatu.

Gunakan selalu huruf kecil (lowercase)

Ahh, kebiasaan kita dalam membuat HTML, hurufnya gede-gede bahkan kadang-kadang campur aduk nggak karuan. Perhatikan contoh HTML yang keliru dibawah ini:

<table WIDTH="100%">
<TR><TD>Contoh Teks</TD></TR>
</table>

Jika anda tidak mengerti apa itu tag, apa itu atribut, berarti anda salah membaca artikel. Silahkan baca artikel mengenai dasar HTML terlebih dahulu, baru kemudian meneruskan membaca yang ini.

Jika anda perhatikan pada dicontoh diatas, tag ataupun atribut ada yang menggunakan huruf kapital (uppercase). Didalam XHTML kode seperti itu salah, anda harus selalu menggunakan huruf kecil. Karena itu biasakan menggunakan huruf kecil dalam membuat tag html. Walaupun toh hasilnya dibrowser sama saja, tetapi web anda menjadi tidak standard. Ini contoh XHTML yang benar:

<table width="100%">
<tr><td>Contoh Teks</td></tr>
</table>

Semua tag harus terstruktur dengan baik

Setiap tag yang dibuka harus ditutup dan harus terstruktur dengan baik dan benar. Perhatikan contoh yang salah ini:

<p><b>Ini Contoh Text</p></b>

Oke anda tau kesalahannya? ya <b> yang dibuka didalam <p> tetapi malah yang ditutup </p> duluan. Yang benar adalah:

<p><b>Ini Contoh Text</b></p>

Contoh lagi yang salah:

<p>Paragraf 1 
<p>Paragraf 2

Apa kesalahannya? ya, <p> tidak ditutup. Ini yang benar:

<p>Paragraf 1

 
<p>Paragraf 2

Standalone Tag yang benar

Jika kita biasanya menulis <br> maka didalam XHTML yang benar adalah <br />. Demikian juga dengan <hr> yang benar <hr />. Ada lagi tag yaitu<img>, <input> yang benar adalah <img />, <input />

Jangan lupa tanda petik untuk atribut

Kebiasaan buruk lainnya adalah tidak memberikan tanda petik untuk atribut. Perhatikan contoh berikut ini:

<table width=100% cellpadding=2 cellspacing=3>
<tr><td>Contoh Teks</td></tr>
</table>

Seharusnya yang benar adalah:

<table width="100%" cellpadding="2" cellspacing="3">
<tr><td>Contoh Teks</td></tr>
</table>

Menyingkat atribut = Salah!!

Anda pernah menyingkat atribut? mungkin anda tidak menyadarinya, coba perhatikan contoh berikut:

<input type="radio" checked>
<input type="text" readonly>

Jadi bagaimana yang benar? mudah, perhatikan contoh yang benar:

<input type="radio" checked="checked">
<input type="text" readonly="readonly">

Valid kah kode XHTML anda?

Jika anda sudah mengubah semua kode HTML menjadi XHTML, sekarang saatnya anda untuk mengetes apakah kode XHTML anda valid, bagaimana caranya? Kunjungi saja

http://validator.w3.org

yang merupakan validator resmi dari W3C. Jika tidak terdapat error dalam website anda, selamat website anda sudah standard, dan anda benar-benar memperhatikan website anda dan pengunjung website anda.

sumber: http://andangcharisma.net/

]]> http://aryokondo.wordpress.com/2009/09/25/belajar-xhtml-dan-web-standards/feed/ 0 aryokondo images