Rabu, 13 April 2011
Apa itu Snooping, Spam, Spoofing, Phising, Pharming, Cookies dan Spyware ???
Didalam dunia maya ini pasti anda sering mendengar istilah - istilah yang asing ditelinga anda seperti Snooping, Spam, Spoofing, Phising, Pharming, Cookies dan Spyware. Disini saya kan menjelaskan apa itu Snooping,Spam,Spoofing,dll.
Pertama - tama kita mulai dari Snooping. Snooping adalah suatu pemantauan elektronik terhadap jaringan digital untuk mengetahui password atau data lainnya. Ada beragam teknik snooping, yakni:
1. Shoulder Surfing (Pengamatan langsung terhadap display monitor seseorang untuk memperoleh akses)
2.Dumpster Diving (Mengakses untuk memperoleh password dan data lainyya)
3. Digital Sniffing (Pengamatan elektronik terhadap jaringan untuk mengungkap password atau data lainnya).
Dan Spam adalah penyalahgunaan sistem pesan elektronik (termasuk media penyiaran dan sistem pengiriman digital) untuk mengirim berita iklan dan keperluan lainnya secara massal. Umumnya, spam itu menampilkan berita acara secara bertubi - tubi tanpa diminta dan sering kali tidak dikehendaki oleh penerimanya. Pada akhirnya, spam dapat menimbulkan ketidaknyamanan bagi para pengguna situs web.Orang yang menciptakan spam elektronik disebut spammers.
Spoofing dapat didefinisikan sebagai "Teknik yang digunakan untuk memperoleh akses yang tidak sah ke suatu komputer atau informasi, dimana penyerang berhubungan dengan pengguna dengan berpura -pura memalsukan bahwa mereka adalah host yang dapat dipercaya". Dalam bahasa networking, spoofing berarti pura-pura berlaku atau menjadi sesuatu yang sebenarnya bukan.
Phising merupakan teknik licik yang digunakan oleh pencuri dan hacker untuk menipu pengguna internet dengan cara mencuri informasi penting, biasanya hal ini berkenaan dengan informasi keuangan (nomor rekening dan kartu kredit) dan informasi login (ID dan Password).
Pharming adalah suatu cara yang digunakan untuk mengarahkan pengguna situs tertentu untuk masuk ke situs palsu yang mana interface dari situs itu dibuat mirip sekali dengan situs asli. Lalu bahayanya apa? Loh jelas bahaya, sebab di situs palsu itu ada form login, dengan mengisi form username dan password di situs plasu itu, maka username dan password kita bisa disimpan oleh pemilik situs palsu tersebut untuk digunakan di situs asli.
Cookies adalah file teks yang ditulis oleh browser client ke dalam komputer client yang berisi informasi yang dikirimkan oleh server. Informasi yang telah dituliskan tersebut selanjutnya dapat dimanfaatkan untuk mengidentifikasikan client, kemudian melakukan hal - hal lain sesuai dengan kebutuhan.
Spyware yang juga dikenal dengan nama "adware", adalah semacam program tersembunyi yang berfungsi mengirim informasi mengenai komputer yang terinfeksi melalui komunikasi internet ke si pembuat spyware ini. Biasanya spyware otomasti terinstall di komputer kita secara otomatis akibat kita mendownload software tertentu atau mengklik iklan tertentu dari sebuah situs. Spyware menjadi berbahaya karena saat ini spyware tidak hanya sebagai pengirim info tersembunyi saja, tapi juga menginstall semacam program khusus (sering disebut 'trojan') yang pada akhirnya si pemilik spyware biasa memata-matai sega;a aktivitas yang kita lalukan di internet tanpa sepengetahuan kita.
Banyak program antispyware yang beredar di internet saat ini, anda bisa mencarinya di mesin pencari (search engine) dengan kata kunci 'anti sp
Rabu, 06 April 2011
Pembuatan Web Sederhana Menggunakan HTML
Website atau disingkat web atau dikenal juga dengan nama homepage kini telah menjadi trend. Ribuan bahkan jutaan website kini telah meramaikan dunia maya seiring dengan perkembangan internet. Bila telah terhubung dengan internet, sebuah perusahaan dapat mempromosikan produknya ke segala penjuru dunia lewat website perusahaan. Dengan www.yahoomail.com kita bisa berkirim email ke teman kita di luar negeri tanpa harus repot repot menulis di kertas, memasukkan ke dalam amplop, dan mengirimnya lewat kantor pos. Dengan website pula kita bisa mengetahui berita mutakhir lewat www.detik.com, dan dengan website pula kita bisa menambah teman dengan mendaftar ke www.facebook.com.
Kita pun bisa membuat website seperti itu sendiri dengan bantuan software web developer yang sudah ada seperti Microsoft Frontpage atau Macromedia Dreamweaver. Kalaupun program tersebut tidak terinstal di komputer anda, asalkan ada program Notepad, Internet Explorer, atau web browser sejenis anda masih bisa membuat web pribadi anda.
Selain PHP, bahasa yang umum dipakai untuk membuat halaman website ini salah satunya adalah Hyper Text Mark up Language (HTML). HTML ini sangat mudah untuk kita pelajari bila dibandingkan dengan PHP. Karena itu untuk latihan kali ini saya terangkan mengenai pembuatan web pribadi sederhana menggunakan HTML. Perintah perintah yang dipakai dalam HTML ini dinamakan tag. Tag tag yang dipakai untuk membuat halaman sebuah web dapat kita lihat dengan mengeklik tab View > Source dalam web browser yang anda pakai, yang dalam tutorial ini saya pakai web browser Internet Explorer. Untuk web browser lainnya seperti Mozilla Firefox, source halaman website bisa anda lihat dengan mengeklik tab View > Page Source. Berikut ini saya jelaskan langkah langkah untuk membuat website sederhana buatan anda sendiri. Ikuti terus ya !
1. Klik Start > All Program > Accessories > Notepad untuk membuka program
Notepad.
2. Tampilan program Notepad seperti gambar di bawah ini. Di Notepad ini nanti kita akan mengetik tag HTML untuk membuat sebuah halaman web.
3. Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web. Bagian kepala dan bagian badan ini nantinya akan membentuk sebuah kesatuan halaman website yang akan kita buat. Tuliskan tag tag berikut dalam Notepad untuk membuat bagian kepala dan badan web.
<html>, <head>, <title>, <body>, </html>, </head>, </title>, </body> adalah beberapa contoh tag yang dipakai untuk membangun sebuah halaman website. Pada contoh di atas terlihat bahwa setiap tag mempunyai pasangan yang ditambahi dengan tanda slash (/). Perlu diingat bahwa tidak semua tag mempunyai pasangan seperti contoh di atas, dan tag tag yang tidak mempunyai pasangan akan kita bahas di nomer selanjutnya.
Terlihat bahwa di bagian atas halam website terdapat kata kata yang anda
tuliskan di antara tag <title> </title> , sedangkan dalam badan website terdapat
tulisan yang anda tuliskan di antara tag <body> </body> .
4. Warna background website anda dapat anda ubah dengan menambahkan kata “bgcolor = warna” setelah tag body. Misalnya anda ingin memberi warna hitam website anda maka anda tinggal tambahkan kode berikut :
5. Anda bisa juga menjadikan sebuah gambar sebagai background website anda
dengan menambahkan kode : “background = file gambar” setelah tag body.
Misalnya anda ingin menjadikan file gambar pemandangan.jpg sebagai
background halaman website anda maka anda tinggal tambahkan kode berikut :
<body background = pemandangan.jpg>
tuliskan di antara tag <title> </title>
tulisan yang anda tuliskan di antara tag <body> </body> .
4. Warna background website anda dapat anda ubah dengan menambahkan kata “bgcolor = warna” setelah tag body. Misalnya anda ingin memberi warna hitam website anda maka anda tinggal tambahkan kode berikut :
<body bgcolor = black>
Bila sudah anda tambahkan ke ketikan anda dalam Notepad kemudian disave, dan selanjutnya tekan tombol refresh dalam web browser anda. Tampilan website anda akan berubah menjadi seperti di bawah ini. Bila anda ingin mengubahnya menjadi warna lainnya anda tinggal ubah warna yang diketik setelah bgcolor, misalnya : red, green, blue, atau warna lainnya.
5. Anda bisa juga menjadikan sebuah gambar sebagai background website anda
dengan menambahkan kode : “background = file gambar” setelah tag body.
Misalnya anda ingin menjadikan file gambar pemandangan.jpg sebagai
background halaman website anda maka anda tinggal tambahkan kode berikut :
<body background = pemandangan.jpg>
Save dan klik refresh. Tampilan website anda akan seperti gambar di bawah ini.
Perlu diingat bahwa menggunakan gambar sebagai background halaman website
anda akan memperlambat loading halaman website anda, terutama bila ukuran
file gambar ini terlalu besar. Karena itu usahakan sebisa mungkin agar
background website anda tidak menggunakan file gambar.
6. Seperti halnya background website, tulisan dalam website pun bisa juga diubah
ubah warnanya. Selain itu jenis dan ukuran tulisan bisa juga kita ubah ubah.
Untuk itu kita perlu menyisipkan tag <font> </font> dalam tag <body> </body> .
Untuk mengubah warna tulisan kita tambahkan kode “color” setelah font, untuk
mengubah jenis tulisan kita tambahkan kode “face”, dan untuk mengubah
ukuran tulisan kita tambahkan kode “size”. Khusus untuk size kita bisa
mengubah ubah ukurannya dari -7 sampai +7, bila nilainya semakin besar maka
semakin besar pula huruf yang akan ditampilkan dalam halaman web. Kita bisa
mengubah satu, dua, atau tiga pengaruh tag tag di atas secara bersamaan
dengan dipisahkan spasi. Misal kode yang kita tuliskan dalam Notepad :
<br>Website Saya<br& <html>
<head>
<title>
Website Saya
</title>
</head>
<body bgcolor = black>
<font color = white face = verdana size = +3 align = center>
Selamat datang di website saya
</font>
</body>
</html>
<center> Selamat datang di website saya </center>
7. Anda bisa menyisipkan foto atau gambar anda dalam website anda dengan
mengetikkan tag <img src = file foto anda>. Misalkan file yang ingin anda
masukkan bernama bajaj.jpg, maka tag yang perlu anda tuliskan adalah :
Perlu diingat bahwa menggunakan gambar sebagai background halaman website
anda akan memperlambat loading halaman website anda, terutama bila ukuran
file gambar ini terlalu besar. Karena itu usahakan sebisa mungkin agar
background website anda tidak menggunakan file gambar.
6. Seperti halnya background website, tulisan dalam website pun bisa juga diubah
ubah warnanya. Selain itu jenis dan ukuran tulisan bisa juga kita ubah ubah.
Untuk itu kita perlu menyisipkan tag <font> </font> dalam tag <body> </body> .
Untuk mengubah warna tulisan kita tambahkan kode “color” setelah font, untuk
mengubah jenis tulisan kita tambahkan kode “face”, dan untuk mengubah
ukuran tulisan kita tambahkan kode “size”. Khusus untuk size kita bisa
mengubah ubah ukurannya dari -7 sampai +7, bila nilainya semakin besar maka
semakin besar pula huruf yang akan ditampilkan dalam halaman web. Kita bisa
mengubah satu, dua, atau tiga pengaruh tag tag di atas secara bersamaan
dengan dipisahkan spasi. Misal kode yang kita tuliskan dalam Notepad :
<head>
<title>
Website Saya
</title>
</head>
<body bgcolor = black>
<font color = white face = verdana size = +3 align = center>
Selamat datang di website saya
</font>
</body>
</html>
Kode di atas berarti memberi pengaruh tulisan warna putih berjenis Verdana
dan berukuran +3. Save dan refresh browser untuk melihat pengaruhnya. Anda
bisa juga menambahkan efek tulisan bergerak dengan menyisipkan tag <marquee> </marquee> sebelum kode <font> </font>
bisa juga menambahkan efek tulisan bergerak dengan menyisipkan tag <marquee> </marquee> sebelum kode <font> </font>
Untuk mengatur posisi tulisan bisa kita sisipkan tag <posisi> </posisi> di antara
tulisan yang kita tuliskan. Posisi kita isi dengan “left”, “center”, atau “right”.
Misalkan kita ingin membuat posisi tulisan ke tengah, maka kita ketikkan :
tulisan yang kita tuliskan. Posisi kita isi dengan “left”, “center”, atau “right”.
Misalkan kita ingin membuat posisi tulisan ke tengah, maka kita ketikkan :
7. Anda bisa menyisipkan foto atau gambar anda dalam website anda dengan
mengetikkan tag <img src = file foto anda>. Misalkan file yang ingin anda
masukkan bernama bajaj.jpg, maka tag yang perlu anda tuliskan adalah :
<img src = bajaj.jpg>
Untuk memberi jarak antara tulisan anda sebelumnya dengan foto ini maka
perlu anda tambahkan tag <br>
Tampilan website anda akan seperti ini. Ukuran gambar bisa anda atur dengan
sumber: http://www.maswahyu.tk
Untuk memberi jarak antara tulisan anda sebelumnya dengan foto ini maka
perlu anda tambahkan tag <br>
<font color = white face = verdana size = +3 align = center>
Selamat datang di website saya <br>
<img src = bajaj.jpg>
</font>
Selamat datang di website saya <br>
<img src = bajaj.jpg>
</font>
Tampilan website anda akan seperti ini. Ukuran gambar bisa anda atur dengan
menambahkan kode “height = ukuran”, dan/atau “width = ukuran”. Misalkan
anda ingin gambar anda mempunyai tinggi 100 pixel maka anda tinggal
tambahkan “height = 100” setelah kode nama file gambar yang anda sisipkan.
anda ingin gambar anda mempunyai tinggi 100 pixel maka anda tinggal
tambahkan “height = 100” setelah kode nama file gambar yang anda sisipkan.
8. Selanjutnya tinggal anda tambahkan menu menu dalam website anda. Menu
standar yang ada dalam web sederhana biasanya adalah profil, galeri foto, dan
link. Untuk itu kita perlu menambah halaman baru yang mempunyai nama file
profil.html, galeri.html, dan link.html. Untuk membuat halaman halaman ini
anda bisa mengulangi langkah langkah yang telah dijelaskan sebelumnya. Untuk
menghubungkan halaman utama website dengan halaman halaman tambahan ini
kita perlu ketikkan tag <a href = profil.html> dan ditutup dengan </a> bila kita
ingin menghubungkan dengan halaman profil, demikian pula untuk halaman web
lainnya. Kode berikut akan menampilkan hubungan antar halaman website yang
berjejer.
Bila link yang anda buat benar maka kursor mouse akan berubah menjadi
tangan bila anda dekatkan ke link yang anda buat.
standar yang ada dalam web sederhana biasanya adalah profil, galeri foto, dan
link. Untuk itu kita perlu menambah halaman baru yang mempunyai nama file
profil.html, galeri.html, dan link.html. Untuk membuat halaman halaman ini
anda bisa mengulangi langkah langkah yang telah dijelaskan sebelumnya. Untuk
menghubungkan halaman utama website dengan halaman halaman tambahan ini
kita perlu ketikkan tag <a href = profil.html> dan ditutup dengan </a> bila kita
ingin menghubungkan dengan halaman profil, demikian pula untuk halaman web
lainnya. Kode berikut akan menampilkan hubungan antar halaman website yang
berjejer.
<a href = profil.html> Profil </a> <a href = galeri.html> Galeri </a> <a href =
link.html> Link </a>
Klik Save dan refresh sehingga ditampilkan halaman website seperti berikut.
link.html> Link </a>
Bila link yang anda buat benar maka kursor mouse akan berubah menjadi
tangan bila anda dekatkan ke link yang anda buat.
9. Untuk halaman profil, galeri, dan link bisa anda tambahkan sesuka anda seperti
langkah langkah sebelumnya. Khusus untuk halaman link, anda bisa mengisinya
dengan link ke Facebook, Yahoomail, Google, dan sebagainya. Link yang telah
dijelaskan di atas bila kita klik maka halaman baru akan dibuka dalam satu
jendela browser yang sama. Bila kita ingin tetap menikmati halaman website
kita sedangkan kita juga ingin membuka Facebook misalnya, maka kita perlu
menambahkan tag “target = “_blank” setelah alamat Facebook. Misal :
Bila anda ingin Facebook ini dibuka di halaman web yang sama maka anda
tinggal hilangkan saja “target = “_blank” nya.
10. Bila anda ingin link ke halaman profil anda berupa gambar profil.jpg misalnya,
maka anda perlu menyisipkan file gambar di dalam tag <a href = profil.html>
</a>. Sehingga dapat kita tuliskan sebagai berikut :
Bila benar maka kursor mouse akan berubah menjadi tangan bila didekatkan ke
gambar profil.jpg. Demikian pula bila link ke Facebook atau Yahoomail juga
dalam bentuk gambar, maka anda tinggal menambahkan tag <img src = gambar>
di antara tag <a href = link > </a> .
11. Saya rasa tutorial ini sudah cukup sebagai awal untuk mulai membuat website
pribadi anda. Yang saya bahas di sini cuma HTML saja,
dan bahasa HTML ini masih jauh lebih mudah dari bahasa PHP. Karena itu,
sering seringlah berlatih dan jangan cepat merasa puas bila anda sudah
mempunyai website pribadi. Selamat berkarya ! :)
langkah langkah sebelumnya. Khusus untuk halaman link, anda bisa mengisinya
dengan link ke Facebook, Yahoomail, Google, dan sebagainya. Link yang telah
dijelaskan di atas bila kita klik maka halaman baru akan dibuka dalam satu
jendela browser yang sama. Bila kita ingin tetap menikmati halaman website
kita sedangkan kita juga ingin membuka Facebook misalnya, maka kita perlu
menambahkan tag “target = “_blank” setelah alamat Facebook. Misal :
Bila anda ingin Facebook ini dibuka di halaman web yang sama maka anda
tinggal hilangkan saja “target = “_blank” nya.
10. Bila anda ingin link ke halaman profil anda berupa gambar profil.jpg misalnya,
maka anda perlu menyisipkan file gambar di dalam tag <a href = profil.html>
</a>. Sehingga dapat kita tuliskan sebagai berikut :
<a href = profil.html> <img src = profil.jpg> </a>
Bila benar maka kursor mouse akan berubah menjadi tangan bila didekatkan ke
gambar profil.jpg. Demikian pula bila link ke Facebook atau Yahoomail juga
dalam bentuk gambar, maka anda tinggal menambahkan tag <img src = gambar>
di antara tag <a href = link > </a> .
11. Saya rasa tutorial ini sudah cukup sebagai awal untuk mulai membuat website
pribadi anda. Yang saya bahas di sini cuma HTML saja,
dan bahasa HTML ini masih jauh lebih mudah dari bahasa PHP. Karena itu,
sering seringlah berlatih dan jangan cepat merasa puas bila anda sudah
mempunyai website pribadi. Selamat berkarya ! :)
sumber: http://www.maswahyu.tk
Langganan:
Postingan (Atom)