Please Translate these sentence depends on your own language in your country

Penting Untuk Pengunjung

Jika sulit mengingat link blog saya, cukup mencari melalui Google menggunakan kata kunci
"ramazotob"
By enda fiVers
Follow

Kata-kata Bijak 2


Tidak semua yang dapat menghitung dapat dihitung, dan tidak semua yang dapat dihitung dapat menghitung.


Berusahalah untuk tidak menjadi manusia yang berhasil tapi berusahalah menjadi manusia yang berguna.


Sungguh sedikit mereka yang melihat dengan mata mereka sendiri dan merasakan dengan hati mereka sendiri.


Apa yang saya saksikan di Alam adalah sebuah tatanan agung yang tidak dapat kita pahami dengan sangat tidak menyeluruh, dan hal itu sudah semestinya menjadikan seseorang yang senantiasa berpikir dilingkupi perasaan "rendah hati."


Dua hal yang membangkitkan ketakjuban saya - langit bertaburkan bintang di atas dan alam semesta yang penuh hikmah di dalamnya.


Agama sejati adalah hidup yang sesungguhnya; hidup dengan seluruh jiwa seseorang, dengan seluruh kebaikan dan kebajikan seseorang.


Perdamaian tidak dapat dijaga dengan kekuatan. Hal itu hanya dapat diraih dengan pengertian.


Ilmu pengetahuan tanpa agama adalah pincang.


Kearifan ditemukan hanya dalam kebenaran.


Pencegahan lebih baik daripada pengobatan.


Pengetahuan tidaklah cukup; kita harus mengamalkannya. Niat tidaklah cukup; kita harus melakukannya.


Menghidupkan kembali agama berarti menghidupkan suatu bangsa. Hidupnya agama berarti cahaya kehidupan.


Kebersamaan dalam suatu masyarakat menghasilkan ketenangan dalam segala kegiatan masyarakat itu, sedangkan saling bermusuhan menyebabkan seluruh kegiatan itu mandeg.


Penderitaan jiwa mengarahkan keburukan. Putus asa adalah sumber kesesatan; dan kegelapan hati, pangkal penderitaan jiwa.


Dia yang menciptakan mata nyamuk adalah Dzat yang menciptakan matahari.


Aku mengamati semua sahabat, dan tidak menemukan sahabat yang lebih baik daripada menjaga lidah. Saya memikirkan tentang semua pakaian, tetapi tidak menemukan pakaian yang lebih baik daripada takwa. Aku merenungkan tentang segala jenis amal baik, namun tidak mendapatkan yang lebih baik daripada memberi nasihat baik. Aku mencari segala bentuk rezki, tapi tidak menemukan rezki yang lebih baik daripada sabar.


Niat adalah ukuran dalam menilai benarnya suatu perbuatan, oleh karenanya, ketika niatnya benar, maka perbuatan itu benar, dan jika niatnya buruk, maka perbuatan itu buruk.


Orang yang paling aku sukai adalah dia yang menunjukkan kesalahanku.


Takutlah kamu akan perbuatan dosa di saat sendirian, di saat inilah saksimu adalah juga hakimmu.


Sabar memiliki dua sisi, sisi yang satu adalah sabar, sisi yang lain adalah bersyukur kepada Allah.


Ketahuilah bahwa sabar, jika dipandang dalam permasalahan seseorang adalah ibarat kepala dari suatu tubuh. Jika kepalanya hilang maka keseluruhan tubuh itu akan membusuk. Sama halnya, jika kesabaran hilang, maka seluruh permasalahan akan rusak.


Raihlah ilmu, dan untuk meraih ilmu belajarlah untuk tenang dan sabar.


Setiap orang di dunia ini adalah seorang tamu, dan uangnya adalah pinjaman. Tamu itu pastilah akan pergi, cepat atau lambat, dan pinjaman itu haruslah dikembalikan.


Kecintaan kepada Allah melingkupi hati, kecintaan ini membimbing hati dan bahkan merambah ke segala hal.


Allah tidak melihat bentuk rupa dan harta benda kalian, tapi Dia melihat hati dan amal kalian.


Yang terbaik di antara kalian adalah mereka yang berakhlak paling mulia.


Demi Allah yang jiwaku berada di tangan-Nya, seseorang tidak beriman hingga ia mencintai saudaranya sebagaimana ia mencintai dirinya sendiri.


Jauhilah dengki, karena dengki memakan amal kebaikan sebagaimana api memakan kayu bakar.
Baca Selengkapnya

Menambah Kecepatan Mozilla Firefox 0

Mozilla Firefox merupakan aplikasi browser yang umum dan banyak digunakan karena kemudahan dan user friendly yang dilengkapi dengan plugin yang gratis.
Silahkan ikuti langkah - langkah di bawah untuk menambah kecepatan Mozilla anda dalam berselancar di dunia maya.

1.  Open your Mozilla firefox
2.  Ketikan di addres bar  "about:config" (tanpa tanda petik).
3.  Scroll mouse anda kebawah dan cari "network.http.max-connections", double klik dan masukan nilai "64".
4.  Cari "network.http.max-connections-per-server", double klik dan masukan nilai "21".
5.  Cari 'network.http.max-persistent-connections-per-server", double klik dan masukan nilai "8".
6.  Doube klik pada "network.http.pipelining " menjadi "true".
7.  Cari "network.http.pipelining.maxrequests", double klik dan masukan nilai "100".
8.  Double klik pada "network.http.proxy.pipelining" menjadi "true".
9.  Langkah terakhir, klik kanan dimana saja pilih :
"New >> integrar >> lalu tulis "nglayout.initialpaint.delay" (tanpa tanda petik". Kemudian masukan nilai "0".
Baca Selengkapnya

Cara Mempercepat Koneksi nternet 0

DNS kepanjangan Domain Name Server. Fungsi DNS menerjemahkan nama Domain menjadi deretan angka IP. Contohnya bila kita akan membuka atau merequest url Domain tertentu, biasanya kita menggunakan deretan nama atau huruf karena lebih mudah di hapal seperti google.com , yahoo.com , Facebook.com dan sebagainya.

Nah disinilah DNS ini bekerja. DNS ini melakukan encode atau menerjemahkan dari domain google.com ke dalam bentuk deretan angka unik yaitu berupa IP misal google.com IP nya adalah 208.67.219.231. Jadi bila kita masukan 208.67.219.231 pada browser maka juga akan membuka domain google.com tersebut. Deretan angka IP seperti 174.36.138.32. IP inilah yang digunakan mesin internet untuk saling berkomunikasi seperti Server Domain, Server Hosting, Server Proxy dan sebagainya.

Terus apa hubungan DNS dengan kecepatan akses internet kita ?

Selain trik dan tips mempercepat akses internet Menggunakan Proxy dan tweaking pada borwser, trik dan tips tersebut merupakan sulit buat pemula. Nah sekarang kita juga bisa menggunakan DNS alternatif ini untuk mempercepat akses internet kita yang sangat mudah caranya.

Pada dasarnya semua ISP (Internet Service Provider) atau penyedia layanan sambungan internet seperti indosat, Telkomsel, Telkom, dan sebagainya menggunakan atau mempunyai DNS Server tersendiri.Server DNS suatu ISP atau penyedia internet tentunya juga mempunyai kemampuan, kecepatan, spesifikasi, dan lama cache tersediri.

Adakalanya Server DNS ini Drop karena padatnya Trafik DNS server suatu ISP. Sehingga menyebabkan lambannya query atau proses request. Jadi bila terjadi gangguan pada Server DNS suatu ISP, maka pada saat kita akan membuka website menggunakan browser seperti mozila , Firefox, Opera, Flock, safari dan sebagainya, maka akan terasa lebih lambat bahkan terjadi konfirmasi error atau not Found pada browser kita. Seperti yang dulu sering terjadi di Telkom Speedy beberapa saat lalu.

Meski ISP atau penyedia Internet yang kita gunakan mempunyai Server DNS sendiri sebenarnya kita juga bisa menggunakan atau memanfaatkan DNS server ISP operator lain. Jadi Server DNS ini bisa kita gunakan untuk semua jenis ISP yang kita gunakan.

Berikut ini langkah atau Cara merubah Setting DNS pada windows :

Control panel >>> Network Connections >>> Klik kanan account sambungan internet yang sedang aktif /connected >>> Properties >>> Networking >>> Internet Protocol >>> Properties >> Beri Tanda pada Use the Following DNS server addresses >>> masukan DNS yang anda pilih >> Klik Ok

Restart Ulang Koneksi Internet anda , Perubahan akan terjadi setelah anda restart ulang koneksi internet anda. Silahkan pilih alternatif DNS Server berikut ini, gunakan DNS yang anda rasa paling cepat pada sambungan internet anda.

Daftar DNS Server Indonesia :
Server DNS indosat.net.id termasuk DNS Indosat IM2
* 202.155.0.10
* 202.155.0.15
* 202.155.0.20
* 202.155.0.25
* 202.155.46.66
* 202.155.46.77
* 202.155.30.227

DNS Telkom.net.id Telkom Speedy
* 202.134.2.5
* 203.130.196.5
* 202.134.0.155
* 202.134.1.10
* 202.134.0.62
* 202.159.32.2
* 202.159.33.2
* 202.155.30.227

DNS AWARI (Asosiasi Warnet Indonesia)
* 203.34.118.10
* 203.34.118.12

DNS sat.net.id
* 202.149.82.25
* 202.149.82.29

DNS cbn.net.id
* 202.158.40.1
* 202.158.20.1
* 202.158.3.7
* 202.158.3.6

Singnet Singapore
* 165.21.100.88
* 165.21.83.88

DNS indo.net.id
* 202.159.32.2
* 202.159.33.2

DNS itb.ac.id
* 202.249.24.65
* 167.205.23.1
* 167.205.22.123
* 167.205.30.114

DNS ukdw.ac.id
* 222.124.22.18

Daftar DNS Luar indonesia :

DNS Open DNS
* 208.67.222.222
* 208.67.220.220

DNS ScrubIt
* 67.138.54.100
* 207.225.209.66

DNS DNSadvantage
* 156.154.70.1
* 156.154.71.1

DNS vnsc-pri.sys.gtei.net
* 4.2.2.1
* 4.2.2.2
* 4.2.2.3
* 4.2.2.4
* 4.2.2.5
* 4.2.2.6

Verizon (Reston, VA, US)
* 151.197.0.38
* 151.197.0.39
* 151.202.0.84
* 151.202.0.85
* 151.202.0.85
* 151.203.0.84
* 151.203.0.85
* 199.45.32.37
* 199.45.32.38
* 199.45.32.40
* 199.45.32.43

GTE (Irving, TX, US)
* 192.76.85.133
* 206.124.64.1

One Connect IP (Albuquerque, NM, US)
* 67.138.54.100

OpenDNS (San Francisco, CA, US)
* 208.67.222.222
* 208.67.220.220

Exetel (Sydney, AU)
* 220.233.167.31

VRx Network Services (New York, NY, US)
* 199.166.31.3

SpeakEasy (Seattle, WA, US)
* 66.93.87.2
* 216.231.41.2
* 216.254.95.2
* 64.81.45.2
* 64.81.111.2
* 64.81.127.2
* 64.81.79.2
* 64.81.159.2
* 66.92.64.2
* 66.92.224.2
* 66.92.159.2
* 64.81.79.2
* 64.81.159.2
* 64.81.127.2
* 64.81.45.2
* 216.27.175.2
* 66.92.159.266.93.87.2

Sprintlink (Overland Park, KS, US)
* 199.2.252.10
* 204.97.212.10
* 204.117.214.10

Cisco (San Jose, CA, US)
* 64.102.255.44
* 128.107.241.185

Catatan :
Beberapa DNS tidak bisa digunakan untuk akses FTP dan Website tertentu diblokir oleh Server DNS tersebut.


Baca Selengkapnya

Cara Menaikkan Pagerank 6

Meningkatkan google pagerank blog merupakan agenda rutin bagi sebagian blogger, utamanya yang mengembangkan bisnis online yang terkait dengan google pagerank tentunya. Beragam langkah dan aktifitas cara pun ditempuh untuk menunjang peningkatan pagerank yang lebih tinggi seperti aktif blogwalking, saling bertukar link, menata keyword, membangun inbound link, mencari backlink, berburu blog  dofollow, mengupdate isi blog, melakukan promosi, memasang iklan, dll. Akhirnya perjuangan fii dunya maiyya terasa sangat melelahkan, bagaikan mengayuh becak di padang pasir.

Kita tentu sepakat bahwa tidak ada cara natural yang cepat untuk bisa mengundang hadirnya pagerank tinggi pada blog kita, tanpa didahului oleh serangkaian aktifitas SEO. Sehingga mutlak dibutuhkan pemahaman, pengetahuan yang cukup untuk bisa lebih cepat mendapatkan google pagerank yang tinggi. Syarat mutlak lainnya adalah waktu, hal ini dikarenakan google pagerank update waktunya sekitar 3-4 bulan sekali.

Search engine google bagaimanapun adalah hanya mesin program, tentulah ada kekurangan dan kelemahannya. Meskipun sudah dipublikasikan sebelumnya oleh google tentang rumus pagerank yang digunakan, namun hal ini ternyata masih bisa ditembus oleh cara-cara ”agak” hitam (blackHat). Salah satu cara yang sering dipergunakan oleh pedagang domain nakal adalah redirect blog ke blog lain.

Redirect blog adalah sebuah cara untuk mempertautkan URL blog A dengan URL blog B, sehingga pagerank URL A akan sama dan mengikuti pagerank URL B ketika Google melakukan update pagerank. Bisa saya contohkan, sekitar 4 bulan lalu web pnpm-perkotaan.org diredirect ke p2kp.org, maka pada update pagerank bulan lalu pageranknya mengikuti juga menjadi PR 6.

Apabila anda menginginkan cara cepat meningkatkan pagerank blog menjadi PR 23456789 dan 10 maka ini bisa menjadi pilihan ”hitam”. Apa resikonya melakukan redirect:
1.    Tingkat kesalehan anda sebagai blogger akan ternoda.
2.    Pagerank hasil redirect ini hanya akan berbuah pagerank fake (palsu) belaka.
3.    Anda telah melakukan ghosob, atau aksi pencurian ”kecil”.

Cara redirect seperti ini sering dipergunakan oleh broker domain yang tidak sholeh, sehingga barang dagangannya adalah PR fake.  Berhati-hatilah dalam mengeksekusi domain atau membeli domain berpagerank, silakan cek dulu di checkpagerank.net, multipagerankcheck, atau tool lainnya. Cara ini biasa digunakan untuk jualan link para blogger terutama di backlinks.

sumber:shalimow

Baca Selengkapnya

Model OSI dan TCP/IP 0

OSI atau yang disebut juga Open System Interconnection adalah model referensi jaringan terbuka, yaitu sebuah gambaran model arsitektural jaringan. Model ini dikembangkan oleh badan Standarisasi Internasional (Internasional Organization for Standardization) ISO di Eropa pada tahun 1977.
Tujuan dibuatnya model OSI adalah untuk mengatasi berbagai kendala internetworking yang diakibatkan perbedaan arsitektur dan protokol jaringan. Sebelum adanya Model OSI komunikasi antar komputer dengan berbeda vendor atau perusahaan sangatlah susah, karena setiap vendor atau perusahaan tersebut menggunakan protokol dan format data yang berbeda-beda.
Jadi fungsi dari model OSI adalah sebagai penghubung komputer-komputer dari vendor yang berbeda tersebut.
Model OSI Layer dibagi menjadi 7, yaitu:




1. Application Layer
Application Layer berfungsi sebagai penghubung aplikasi dengan fungsionalitas jaringan, interaksi antara user dengan jaringan. Application Layer menyediakan layanan untuk aplikasi misalnya, transfer file, email, akses suatu komputer atau layanan.

2. Presentaion Layer
Presentation Layer berfungsi untuk mentranslasikan data yang akan ditransmisikan oleh aplikasi ke dalam format yang dapat ditransmisikan melalui jaringan.

3. Session Layer
Session Layer berfungsi untuk mendefinisikan bagaimana koneksi dimulai, dipelihara dan diakhiri.

4. Transport Layer
Transport Layer berfungsi sebagai pembawa/pengirim paket data, dalam pengiriman data, data tersebut dipecah menjadi paket-paket data dan diberi kode pada setiap data tersebut, ketika diterima data disusun ulang kembali menjadi data yang dapat dikenali user. Sedangkan data yang hilang/rusak ditengah jalan akan dikirim ulang.

5. Network Layer
Network Layer berhubungan dengan pengontrolan dan pengoperasian jaringan. Isi utama dari perancangan adalah menentukan bagaimana paket data diteruskan (routing menentukan rute terpendek) dari sumber ke tujuan.

6. Data Link Layer
Fungsi utama lapis ini adalah mengakses fasilitas transmisi dan
mentransformasikannya ke sebuah saluran yang bebas dari kesalahan transmisi bagi lapis jaringan. Tugas ini dilakukan dengan membuat pengirim memecah data menjadi blok-blok data atau paket data (frame , data paket) di mana blok data bias mengandung beberapa ratus byte. Blok-blok data ini dikirim secara berurutan dan penerima mengirim balik blok pengakuan (ackowedment frame) yang menyatakan
kepada pengirim bahwa sebuah blok data sudah diterima dengan baik, ada kesalahan atau jangan kirim dulu blok berikutnya.

7. Physical Layer
Physical Layer berfungsi untuk mendefinisikan media transmisi jaringan. Layer physical berkaitan langsung dengan hal-hal fisis seperti listrik, magnet, gelombang.
Baca Selengkapnya

Pengelompokan jaringan LAN, MAN, dan WAN 1

Pengelompokan jaringan berdasarkan :

- Berdasarkan Area
LAN
Local Area Network disebut juga jaringan privat, karena merupakan jaringan yang dibuat pada area tertutup. LAN sering digunakan untuk menghubungkan client dan server.

MAN
Metropolitan Area Network memiliki daerah cakupan yang lebih luas dibanding LAN, daerah cakupan dari MAN bisa menjangkau RW, kota ataupun provinsi.

WAN
Wide area network Cakupannya lebih luas lagi daripada LAN dan MAN, bisa mencakup satu kawasan,satu pulau, satu negara bahkan satu benua. Bisa dibilang WAN adalah pengembangan dari LAN dan MAN.
Internet
Adalah interkoneksi seluruh jaringan yang ada di dunia sehingga wilayah cakupannya dapat meliputi 1 planet. Hal ini dapat di lakukan berkat dukungan dari IP (Internet Protocol).


- Berdasarkan Media Penghantar
Wire Network
Pada jaringan ini masih digunakannya kabel sebagai sarana penghantar. Untuk LAN menggunakan kabel tembaga, MAN dan WAN menggunakan gabungan tembaga dan serat optik mengingat cakupanya yang luas.

Wireless Network
Pada jaringan ini sudah tidak digunakannya lagi kabel sebagai sarana penghantar, fungsi kabel telah digantikan dengan penggunaan gelombang radio atau sinar inframerah. Contoh jaringan seperti ini sudah umum kita temukan, sebagai contoh penggunaan akses internet hotspot di Universitas Gunadarma hal ini memberi kemudahan kepada mahasiswa untuk mengakses internet saat berada di lingkungan kampus. Namun biasanya untuk lingkungan kampus menggunakan gelombang radio karena jika menggunakan inframerah hanya dapat digunakan antara dua komputer saja.


- Berdasarkan Fungsi
Client Server
Server adalah sistem yang memberikan layanan tertentu kepada client. Client adalah kebalikan dari server yaitu yang menerima layanan. Layanan yang diberikan berupa akses web, email, file dsb. Client server bisa diterapkan di semua tipe jaringan tergantung kebutuhan.




Peer to Peer
Yaitu sebuah jaringan yang memungkinkan setiap komputer yang terkoneksi menjadi server atau client dan juga dapat menerima atau memberikan layanan. Namun peer to peer kurang baik jika digunakan pada MAN,WAN dan Internet karena sangat sulit bagi security dalam memantau pengguna peer to peer yang banyak jumlahnya.



Baca Selengkapnya

Install Ulang Windows XP Tanpa Format 2

install-xp



Pernahkah anda menginstall ulang windows tanpa harus melakukan format hard disk (tanpa me-repair) dan tanpa harus menginstall ulang kembali driver dan aplikasi yang sudah ada ? Jika belum silahkan lanjut untuk membaca artikel ini.

Menginstal ulang Komputer merupakan pekerjaan yang cukup membosankan dan menyita waktu kita. Karena setelah menginstall OS windowsnya kita harus menginstall kembali semua driver, semua aplikasi dan juga harus menyelamatkan datanya terlebih dahulu, serta mensetting kembali windows.


Penasaran dengan cara ini? Berikut Langkah-langkahnya :

1. Masukkan Master CD Instalasi Windows kedalam CD ROM

2. Melalui RUN, Cari lokasi file “winnt32” yang berada didalam folder i386 di CD Instalasi. Jika sudah ketemu, klik Open

install-xp-01

3. Kemudian tambahkan baris perintah dibelakangnya, sehingga perintahnya menjadi seperti dibawah ini (asumsi CD Drive anda pada drive G :
G:\I386\winnt32 /unattend

install-xp-02
lalu tekan enter atau OK.

4. Secara otomatis Windows langsung menampilkan layar proses, kemudian akan merestart sendiri Komputer anda.

5. Biarkan saja proses berlangsung hingga selesai. Anda tidak akan perlu repot lagi untuk menginstall driver dan aplikasi.

Selamat Mencoba :)



sumber:belajarpc.info
Baca Selengkapnya

HTML DASAR, FORM [Lanjutan 8] 0

compteacher.jpg:: 7-HTML FORM ::

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form.

MATERI:
Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA


ELEMENT FORM
Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST).

Sintaks:
<form action="action" method="GET"|"POST">
...........................
</form>




ELEMENT INPUT
Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked.
Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM.

Sintaks:
<input
name="name"
size="number"
type="text"|"checkbox"|"radio"|"submit"|"reset"
value="value"
checked >



ELEMENT SELECT
Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM.

Sintaks:
<select
name="name"
size="number"
multiple >
.....................
</select>



ELEMENT OPTION
Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.

Sintaks:
<option
selected
value="number" >
.....................
</option>




ELEMENT TEXTAREA
Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM

Sintaks:
<textarea
name="name"
cols="number"
rows="number" >
.....................
</textarea>





LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Buat form dengan input kontrol form seperti text, checkbox, radio, reset, submit, seperti tampilan di bawah ini:

form1
                         


Nama file: latihan7_1.html
<html>
<head>
<title>Latihan7-1</title>
</head>
<body>
<FORM METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>
</body>
</html>
Jika diisi namanya adalah Rahmat ; student di check ; umur 21-25 ; maka jika form ini di submit data form yang terkirim adalah var1="Rahmat"&var2="1"&var3="r3"

Latihan 2:

Dari latihan 1 tambahkan menu select seperti gambar di bawah ini:

form2


   
Nama file: latihan7_2.html
<html>
<head>
<title>Latihan7-2</title>
</head>
<body>
<FORM METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <B>Where are you from?</B>
   <BR>
   <SELECT NAME="var6" SIZE="1">
      <OPTION VALUE="BG">Bulgaria
      <OPTION VALUE="UK">United Kingdom
      <OPTION VALUE="USA" SELECTED>USA
   </SELECT>
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>
</body>
</html>


Latihan 3:
Dari latihan 2 tambahkan textarea seperti gambar di bawah ini:

form3


   
Nama file: latihan7_2.html
<html>
<head>
<title>Latihan7-2</title>
</head>
<body>
<FORM METHOD="POST" ACTION="mailto:teknisi@jardiknas.org">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <B>Where are you from?</B>
   <BR>
   <SELECT NAME="var6" SIZE="1">
      <OPTION VALUE="BG">Bulgaria
      <OPTION VALUE="UK">United Kingdom
      <OPTION VALUE="USA" SELECTED>USA
   </SELECT>
   <BR><BR>
   <B>Your comment:</B>
   <BR>
   <TEXTAREA NAME="var7" COLS="30" ROWS="6">
   </TEXTAREA>
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>
</body>
</html>
Catatan:
Pemberian nilai attribute action pada element FORM dengan menuju ke alamat email adalah untuk memperlihatkan nilai-nilai data form yang dikirimkan.







Baca Selengkapnya

HTML DASAR, TABEL [Lanjutan 7] 0

compteacher.jpg:: 4-HTML TABEL ::

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan tabel.

MATERI:
Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)


ELEMENT TABLE
Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding(jarak antara tepi sel dengan isi sel), cellspacing(jarak antara sel), width(lebar tabel), height(tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.

Sintaks:
<table
align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%" >
........................
</table>



ELEMENT CAPTION 
Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel).

Sintaks:
<caption align="top"|"bottom">
..........................
</caption>


ELEMENT TR (Table Row)
Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor.

Sintaks:
<tr
align="left"|"center"|"right"
valign="top"|"middle"|"bottom"
bgcolor="color">
..........................
</tr>



ELEMENT TH (Table Header) dan TD (Table Data)
Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan

Sintaks:
<th
align="left"|"center"|"right"
valign="top"|"middle"|"bottom"
bgcolor="color"
colspan="number"
rowspan="number">
..........................
</th>

<td

align="left"|"center"|"right"
valign="top"|"middle"|"bottom"
bgcolor="color"
colspan="number"
rowspan="number">
..........................
</td>




LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Buat tabel untuk teks di bawah ini:

     Tabel 1.1

No.   Nama
1.      Rina Hastuti
2.      Ali Amran
3.      Rahmat
                         

Nama file: latihan4_1.html
<html>
<head>
<title>Latihan4-1</title>
</head>
<body>
<table align="center" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel 1.1</b></caption>

<tr>
    <th>No.</th>
    <th>Nama</th>
</tr>
<tr>
    <td>1.</td>
    <td>Rina Hastuti</td>
</tr>
<tr>
   
<td>2.</td>
    <td>Ali Amran</td>
   
</tr>
<tr>
   
<td>3.</td>
    <td>Rahmat</td>
   
</tr>
</table>
</body>
</html>

Tugas tambahan:
1. Ganti ukuran cellpadding, cellspacing, border dengan lainnya.
2. Berikan nilai width dan height pada tabel hingga 100%.

Latihan 2:

Dari Latihan 1 gantilah warna background baris tabel menjadi baris-1=green baris-2=yellow baris-3=red baris-4=blue
                        

Nama file: latihan4_2.html
<html>
<head>
<title>Latihan4-2</title>
</head>
<body>
<table align="center" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel 1.1</b></caption>

<tr bgcolor="green">
    <th>No.</th>
    <th>Nama</th>
</tr>
<tr bgcolor="yellow">
    <td>1.</td>
    <td>Rina Hastuti</td>
</tr>
<tr bgcolor="red">
   
<td>2.</td>
    <td>Ali Amran</td>
   
</tr>
<tr bgcolor="blue">
   
<td>3.</td>
    <td>Rahmat</td>
   
</tr>
</table>
</body>
</html>

Tugas tambahan:
Ubahlah align pada baris-2 kolom-1 dan baris-4 kolom-2 ke kanan


Latihan 3:
Buat tabel untuk teks di bawah ini:

     Tabel 1.1

    Data Siswa
No.    Nama
1.      Rina Hastuti
2.      Ali Amran
3.      Rahmat
                         

Nama file: latihan4_3.html
<html>
<head>
<title>Latihan4-3</title>
</head>
<body>
<table align="center" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel 1.1</b></caption>

<tr bgcolor="fuchsia">
    <th colspan="2">Data Siswa</th>
</tr>
<tr bgcolor="green">
    <th>No.</th>
    <th>Nama</th>
</tr>
<tr bgcolor="yellow">
    <td>1.</td>
    <td>Rina Hastuti</td>
</tr>
<tr bgcolor="red">
   
<td>2.</td>
    <td>Ali Amran</td>
   
</tr>
<tr bgcolor="blue">
   
<td>3.</td>
    <td>Rahmat</td>
   
</tr>
</table>
</body>
</html>
Baca Selengkapnya

HTML DASAR, FRAME [Lanjutan 6] 0

compteacher.jpg:: 8-HTML FRAME ::

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element frame untuk menampilkan informasi dalam bentuk subwindows.

MATERI:
Element FRAMESET, Element FRAME, Element NOFRAMES


ELEMENT FRAMESET
Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.

Sintaks:
<frameset
cols="list"
rows="list"
border="pixel"
bordercolor="color"
frameborder="yes"|"no"
framespacing="pixel">
...........................
</frameset>



ELEMENT FRAME
Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup.

Sintaks:
<frame
name="name"
marginheight="pixel"
maginwidth="pixel"
bordercolor="color"
frameborder="yes"|"no"
noresize
scrolling="yes"|"no"
src="uri">



ELEMENT NOFRAMES
Element NOFRAME mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses .

Sintaks:
<noframes>
.....................
</noframes>




LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Bagilah jendela menjadi dua frame secara vertikal dengan komposisi 40% untuk dokumen left.html dan 60% untuk dokumen right.html.


Nama file: latihan8_1.html
<html>
<head>
<title>Latihan8-1</title>
</head>
<frameset cols="40%,60%">
<frame src="left.html">
<frame src="right.html">
</frameset>
<body>

</body>
</html>
Catatan: penulisan nilai attribute cols dapat juga ditulis cols="40%,*".


Latihan 2:

Dari latihan 1 ubahlah dengan memberikan warna merah pada border dengan ukuran 10pixel.

   
Nama file: latihan8_2.html
<html>
<head>
<title>Latihan8-2</title>
</head>
<frameset cols="40%,*" border="10" bordercolor="red">
<frame src="left.html">
<frame src="right.html">
</frameset>
<body>

</body>
</html>


Latihan 3:
Dari latihan 2, tambahkan pada frame dokumen right.html dengan margin 50pixel.

   
Nama file: latihan8_3.html
<html>
<head>
<title>Latihan8-3</title>
</head>
<frameset cols="40%,*" border="10" bordercolor="red">
<frame src="left.html">
<frame src="right.html" marginheight="50" marginwidth="50">
</frameset>

<body>
</body>
</html>









Baca Selengkapnya

HTML DASAR, HYPERLINK [Lanjutan 5] 0

compteacher.jpg:: 6-HTML HYPERLINK ::

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web.

MATERI:
Element A


ELEMENT A
Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target.  Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.

Sintaks:
<a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">
...........................
</a>





LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Membuat link eksternal:

Link:

   1. yahoo
   2. google
   3. d3tkj
                         

Nama file: latihan6_1.html
<html>
<head>
<title>Latihan6-1</title>
</head>
<body>
Link:
<ol>
<li><a href="http://www.yahoo.com">yahoo</a></li>
<li><a href="http://www.google.com">google</a></li>
<li><a href="http://teknisi.jardiknas.org">d3tkj</a></li>

</ol>
</body>

</html>

Tugas tambahan:
Tambahkan setiap link dengan target "_blank", "_parent", "_self", "_top". Amatilah hasilnya.


Latihan 2:

Membuat link internal dan anchor:

Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokument ini.
kebagian akhir
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.

Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.

Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.

Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.

Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.

Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
kebagian pertama                        

Nama file: latihan6_2.html
<html>
<head>
<title>Latihan6-2</title>
</head>
<body>
Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokument ini.<br>
<a href="#akhir">kebagian akhir</a>
<a name="pertama"></a>
<p>Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini.
Ini adalah teks bagian pertama dalam dokumen ini. </p>

<p>Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.
Ini adalah teks bagian kedua dalam dokumen ini.</p>

<p>Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.
Ini adalah teks bagian ketiga dalam dokumen ini.</p>

<p>Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.
Ini adalah teks bagian keempat dalam dokumen ini.</p>

<p>Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.
Ini adalah teks bagian kelima dalam dokumen ini.</p>

<a name="akhir"></a>
<p>
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.
Ini adalah teks bagian keenam dalam dokumen ini.</p>

<a href="#pertama">kebagian pertama</a>
</body>
</html>

Tugas tambahan:
Buatlah link ke bagian ketiga dari posisi bagian keenam.


Baca Selengkapnya
→Klik Background 2x Untuk Kembali ke Atas←