1. Pendahuluan
Dewasa ini dunia komputer dan informasi berkembang sangat pesat, terlebih lagi dengan
adanya Internet. Internet merupakan jaringan komputer global yang terbentuk dari jaringan
komputer di seluruh dunia yang memungkinkan orang yang terkoneksi bertukar informasi,
berkomunikasi, serta berbagi sumber daya komputer. Selain menyediakan media-media online
di bidang-bidang pendidikan, ilmu pengetahuan dan teknologi, bisnis dan sebagainya, dengan
Internet orang dapat berkomunikasi dengan cepat dengan memanfaatkan antara lain fasilitas email.
Para produsen komputer, terutama mikroprosesor, berlomba-lomba untuk menemukan
komputer yang canggih, dan umumnya komputer-komputer tersebut dikembangkan untuk
memenuhi kebutuhan akan informasi, terutama informasi melalui Internet. Internet itu pulalah
yang membuat dunia informasi berkembang dengan sangat pesat mencengangkan. Beberapa
tahun yang lalu, informasi umumnya hanya diperoleh melalui media massa baik yang bersifat
cetak, seperti surat kabar, buku, maupun elektronik, seperti televisi dan radio. Media-media
informasi tersebut memiliki beberapa kekurangan, antara lain hanya dapat memberi informasi
saja, tetapi tidak dapat “mencarikan” informasi yang kita butuhkan, juga memiliki
keterbatasan waktu karena dibatasi oleh waktu terbit maupun waktu tayang. Dengan Internet,
kita dapat mencari hampir semua informasi yang kita butuhkan dan tidak terbatas oleh waktu,
karena internet “dibuka” 24 jam sehari. Modul ini akan memberikan pengetahuan dasar praktis
tentang internet browsing, e-mail, dan HTML.
1.1 Sejarah Internet
Mungkin agak sulit dipercaya bahwa cikal bakal Internet sesungguhnya diawali dari Unisovyet,
ketika pada tahun 1957 mereka meluncurkan sebuah satelit bernama Sputnik. Peluncuran
Sputnik ini dirasakan sebagai “ancaman” oleh musuh besar mereka, yaitu Amerika Serikat.
Presiden Dwight D. Eisenhower menyatakan perlunya membangun sebuah teknologi yang
membuat AS tetap sebagai negara superior. Kemudian dibentuklah sebuah badan yang disebut
Advanced Research Projects Agency (ARPA). ARPA bernaung di bawah Departemen Pertahanan
Amerika Serikat atau Department of Defense (DoD).
Pada tahun 1969, DoD memberi tugas kepada ARPA untuk membangun sebuah mata rantai
komunikasi antara DoD dengan militer yang tidak dapat disabot oleh musuh mereka. Jaringan
komunikasi yang diciptakan ini disebut ARPAnet. Pada awalnya, ARPAnet hanya menghubungkan
empat buah situs saja, yaitu :
· Stanford Research Institute (SRI)
· University of California at Santa Barbara (UCSB)
· University of California at Los Angeles (UCLA)
· University of Utah
Pada tahun 1970, penelitian yang dilakukan di Stanford University menghasilkan sebuah
protokol yang disebut TCP/IP. Protokol TCP/IP inilah yang berkembang terus hingga sekarang
dan menjadi protokol standar dalam Internet.
PDF created with pdfFactory Pro trial version www.pdffactory.com
1.2 Istilah-istilah Internet
Istilah
WWW World Wide Web merupakan suatu bentuk layanan Internet yang
menggunakan konsep hypertext antar dokumen yang berkaitan, yang di
dalamnya terdapat halaman web (web page). Untuk mengakses www
digunakan protokol http (HyperText Transfer Protocol)
Protocol Sejumlah aturan yang menentukan bagaimana dua komputer atau lebih
saling berkomunikasi
Homepage Tampilan awal (halaman utama) suatu website yang memuat informasi
singkat tentang apa isi dari website tersebut
Situs Suatu alamat di dalam sebuah web
Browser Software yang digunakan untuk surfing atau browsing Internet, seperti
Internet Explorer, Opera, Netscape dll
ISP Internet Service Provider, penyedia jasa layanan Internet, seperti
Indosatnet, Wasantara, Meganet dll
Download Menyalin/mengambil file atau objek dari Internet ke komputer
E-mail Electronic Mail, suatu layanan/fasilitas yang disediakan untuk saling
berkirim surat lewat internet
Search Engine Mesin pencari, suatu layanan/fasilitas untuk melakukan pencarian di
Internet
Mailing List Suatu forum/kelompok diskusi di Internet yang dapat saling bertukar
informasi
Ekstensi Address
com Commerce, komersial
co Company, perusahaan
org Organization, organisasi
gov;go Government, pemerintah
ac Academic, akademik
edu Education, pendidikan
mil Military, militer
id Indonesia
us United State, Amerika
au Australia
it Italia
1.3 Koneksi Internet
Untuk melakukan koneksi ke Internet kita memerlukan modem dan line telepon. Berikut adalah
langkah-langkah untuk melakukan koneksi ke Internet menggunakan layanan Telkomnet@Instan.
Windows XP
1. Klik kanan My Network Places di desktop
2. Pilih Properties, akan tampil window Network Connection
3. Klik Create a New Connection
PDF created with pdfFactory Pro trial version www.pdffactory.com
4. Tampil jendela New Connection Wizard Kemudian klik Next, sehingga tampil jendela
wizard berikutnya
PDF created with pdfFactory Pro trial version www.pdffactory.com
5. Pilih Connect to The Internet, kemudian klik Next
6. Pada Wizard berikutnya pilih Set up my connection manually, kemudian klik Next
PDF created with pdfFactory Pro trial version www.pdffactory.com
6. Kemudian pilih Connect using a dial-up modem, klik Next
8. Pada jendela wizard berikutnya isi ISP name, misalnya telkom. Kemudian klik Next
PDF created with pdfFactory Pro trial version www.pdffactory.com
9. Isikan nomor telkomnet@instan, yaitu 080989999, lalu Next
10. Pada jendela wizard berikutnya Anda diminta memilih apakah koneksi Internet hanya untuk
Anda saja atau dapat juga digunakan orang lain. Agar orang lain bisa koneksi ke Internet
maka pilih Anyone’s use. Bila hanya Anda saja pilih My use only. Kemudian klik Next
PDF created with pdfFactory Pro trial version www.pdffactory.com
11. Isikan Username dengan telkomnet@instan, passwordnya telkom, confirm password
telkom, lalu next
12. Pada jendela berikutnya, tandai add a shortcut to this connection to my desktop, lalu klik
Finish
PDF created with pdfFactory Pro trial version www.pdffactory.com
2. Membuka Internet
Untuk membuka Internet kita harus menggunakan browser, salah satunya adalah Internet
Explorer.
1. Klik Start > All Programs > Internet Explorer
2. Setelah itu akan tampil jendela Internet Explorer.
2.1 Mengenal Elemen Jendela Internet Explorer
Pada jendela Internet Explorer terdapat Menu bar dan toolbar. Berikut adalah tools-tools yang
biasa digunakan pada Internet Explorer.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Back, berfungsi untuk kembali ke halaman
sebelumnya
Forward, berfungsi untuk ke halaman depan
Stop, berfungsi untuk menghentikan load
suatu halaman
Refresh, setelah mengklik stop kita dapat
mengklik refresh
Bar address, tempat menuliskan alamat
situs/website yang hendak kita buka
Go, setelah mengetikkan alamat situs/website
kita dapat mengklik Go atau menekan Enter
untuk menampilkan halaman situs/website
tersebut
Minimize, menyembunyikan jendela Internet
Explorer
Restore, mengecilkan jendela
Maximize, membesarkan layar
Close, menutup jendela Internet Explorer
2.2 Membuka Situs/Website
Untuk membuka situs/website, ikuti langkah-langkah seperti membuka browser Internet
Explorer, yaitu klik Start > All Programs > Internet Explorer
Setelah jendela Internet Explorer terbuka, ketikkan alamat situs/website pada address bar,
misalnya www.yahoo.com
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
11
Semua icon/teks yang mengubah kursor panah menjadi bentuk seperti tangan berarti
“clickable” atau dapat diklik untuk menampilkan halaman baru atau informasi lebih lanjut.
3. Search Engine
Fasilitas Search Engine atau mesin pencari ini dapat digunakan manakala kita tidak tahu alamat
yang akan dituju atau kita ingin mencari informasi sebanyak mungkin dari sesuatu hal. Search
Engine adalah suatu fasilitas yang dapat menghubungkan kita dengan website yang akan kita
cari.
Contoh Search Engine : http://www.google.com , http://www.google.co.id ,
http://www.yahoo.com
Untuk mencari informasi yang diinginkan, kita harus menuliskan kata kunci (keyword) pada
search box, misalnya krisis ekonomi, kemudian tekan enter atau search. Sebelumnya Anda juga
dapat memilih terlebih dahulu, mencari situs/web atau mencari di halaman Indonesia.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
12
Setelah itu akan tampil halaman hasil pencarian seperti di bawah ini.
Kita dapat membuka setiap judul yang mempunyai link(clickable), yang sesuai dengan
pencarian yang kita lakukan.
4. E-mail
E-mail merupakan suatu layanan/fasilitas yang disediakan untuk saling berkirim surat lewat
internet. Banyak sekali situs yang memberikan layanan e-mail, dari yang gratis hingga yang
bayar. Sebelum membuat e-mail, yang harus kita pertimbangkan adalah :
1. Situs yang memberikan e-mail gratis yang menyediakan layanan terbaik untuk user
(pengguna).
2. Situs yang menyediakan mailbox (daya tampung pesan) yang besar, space (ruang)
attachment (lampiran) yang luas dan yang paling penting menyediakan layanan mail client
server antara lain POP3 dan SMTP.
Contoh situs yang kita gunakan untuk membuat e-mail adalah www.yahoo.com, karena yahoo
kini menyediakan space mailbox hingga 1GB.
4.1 Mendaftar E-mail
Langkah-langkah membuat e-mail di www.yahoo.com :
1. Buka situs yahoo (www.yahoo.com), akan muncul halaman pertama situs yahoo.
2. Klik icon Mail (gambar surat) yang terdapat pada kanan atas halaman.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
13
3. Akan tampil halaman sign up, klik sign up untuk mendaftar.
4. Setelah itu Anda akan diminta untuk mengisi form registrasi. Isikan data Anda pada
form yang diminta.
Pada box prefered content, Anda dapat memilih yahoo US (fasilitas lebih lengkap),
yahoo Indonesia dan lainnya sesuai keinginan Anda. Bila Anda memilih yahoo US maka
halaman yahoo Anda akan berbahasa Inggris dan ID Anda akan
berekstensi ....@yahoo.com. Tetapi bila Anda memilih yahoo Indonesia maka halaman
yahoo Anda akan berbahasa Indonesia dan ID Anda akan berekstensi ....@yahoo.co.id .
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
14
Yahoo US
Yahoo Indonesia
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
15
Pada bagian verifikasi pendaftaran, Anda diminta memasukkan kode yang ditunjukkan pada
kotak yang berada dibawahnya. Sebelum Anda mengklik Saya Setuju perhatikan hal-hal
dibawah ini.
Yang perlu diperhatikan saat pendaftaran :
1. ID Anda jangan sama dengan ID orang lain yang telah terdaftar di yahoo.
2. Jangan membuat sandi/password mirip dengan nama Anda.
3. Anda harus mengingat sandi/password Anda dengan baik, huruf besar atau huruf kecil
sangat berpengaruh (case sensitive).
4. Masukkan kode verifikasi pendaftaran dengan benar. Bila yang ditampilkan huruf kecil,
maka ketikkan huruf kecil, begitu juga sebaliknya.
5. Setelah semua diisi, klik Saya Setuju.
Bila semua isian benar maka pendaftaran Anda akan berhasil dan akan tampil halaman seperti
di bawah ini. Yahoo akan memberi konfirmasi ID yahoo Anda yang sudah Anda daftarkan. ID
inilah yang harus Anda ingat sebagai alamat e-mail Anda.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
16
4.2 Membuka E-mail
Setelah berhasil membuat e-mail, berarti kita telah mempunyai satu mailbox (kotak surat) yang
berfungsi sebagai tempat tampungan e-mail kita. Untuk membuka e-mail, ikuti langkah-langkah
berikut ini :
1. Buka situs www.yahoo.com
2. Klik icon Mail (gambar surat) yang terdapat pada kanan atas halaman.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
17
3. Isikan ID yahoo Anda yang telah Anda daftarkan dan sandi/password.
4. Klik Sign in, akan terbuka mailbox Anda.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
18
Keterangan :
· Check Mail/Cek Surat, melihat e-mail (surat) yang masuk.
· Inbox/Kotak Masuk, berisikan e-mail (surat) yang masuk/diterima.
· Draft/Draf, berisikan e-mail (surat) yang telah kita buat namun belum kita kirim.
· Sent/Terkirim, berisi e-mail (surat) yang telah terkirim.
· Bulk, berisi surat (e-mail) yang bukan dari kontak kita (orang tak dikenal) atau e-mail
yang bisa berupa virus dsb.
· Trash/Sampah, berisi e-mail yang tidak berguna lagi.
Untuk membaca e-mail, klik inbox/kotak masuk, lalu klik topiknya.
4.3 Mengirim E-mail
Untuk mengirim e-mail, langkah-langkahnya adalah :
1. Klik Compose/Tulis yang terdapat pada bagian kiri atas. Kemudian akan tampil
halaman penulisan e-mail.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
19
K
eterangan :
· To/Kepada, tempat menuliskan alamat e-mail tujuan.
· Cc, alamat e-mail kedua (tembusan, optional)
· Bcc, alamat e-mail ketiga (arsip, optional)
· Subject/Topik, topik e-mail (optional)
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
20
· Insert Addresses/Masukkan Alamat, untuk mengambil alamat e-mail rekan Anda yang
telah tersimpan sehingga Anda tidak perlu mengetikkannya lagi.
Dalam mengirim e-mail, kita juga dapat melampirkan file, baik berupa teks, gambar dsb. Untuk
melampirkan file Anda tinggal mengklik Attachment/Lampirkan File. Kemudian cari lokasi
tempat file Anda tersimpan dengan mengklik browse. Setelah itu klik Lampirkan File.
2. Setelah semua diisi, klik Send/Kirim untuk mengirim e-mail.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
21
3. Bila tidak terdapat kesalahan pada alamat maka akan ada laporan e-mail Anda berhasil
dikirim, seperti gambar di bawah ini.
4.4 Menambahkan Alamat
Untuk menambahkan alamat e-mail rekan Anda :
1. Klik Addresses/Alamat pada kiri atas
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
22
2. Klik Tambah Kontak/Add Contact
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
23
3. Isi semua field yang perlu kemudian Klik Save atau Save and Add Another/Simpan
atau Simpan dan Tambahkan yang lain.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
24
4.5 Merubah Account
Bila Anda ingin merubah Account Anda baik password atau profile, maka yang harus Anda
lakukan :
1. Klik My Account/Akunku yang terdapat pada bagian atas halaman.
2. Masukkan Password Anda lalu klik Lanjutkan/Sign In
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
25
3. Silakan klik apa yang hendak dirubah, apakah Sandi/Password atau informasi lainnya.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
26
4.6 Keluar dari E-mail
Banyak orang yang apabila telah selesai mengirim/membuka e-mail, langsung saja mengklik
tombol Close, itu merupakan suatu kesalahan, karena apabila ada orang lain yang memakai
komputer itu dan membuka e-mail di yahoo juga, maka jendela e-mail Anda akan langsung
terbuka. Dengan demikian semua e-mail Anda dapat terbaca olehnya. Untuk keluar dari e-mail,
Anda harus sign out terlebih dahulu dengan mengklik Sign out/Keluar yang terdapat di atas.
Lalu klik Keluar Sepenuhnya.
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
27
5. HTML
HTML digunakan untuk membangun suatu halaman web. Sekalipun banyak orang menyebutnya
sebagai suatu bahasa pemrograman, HTML sama sekali bukan bahasa pemrograman, tapi
merupakan bahasa markup (penandaan), terhadap sebuah dokumen teks.
Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda
lebih besar ( > ) , dan disebut tag.
5.1 Struktur Dasar HTML
Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag HTML. Karena merupakan
file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang sederhana, misalnya
Notepad. Dapat juga menggunakan HTML editor yang bersifat Visual, misalnya Frontpage.
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling nampak
jelas adalah ekstensi filenya, yaitu .htm atau .html.
Struktur Dasar
………………………………
…………………………………
Contoh :
Gunakanlah teks editor (notepad), tuliskan kode dibawah ini :
Ini halaman web pertama saya
Simpan dengan nama coba.htm, pada bagian save as type ubah menjadi all files. Setelah
disimpan, buka internet explorer, klik File > Open > browse (cari file coba.htm) > Open
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
28
5.2 Bagian HEAD
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang
benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head – kecuali judul
dokumen – tidak akan terlihat oleh pembaca dokumen tersebut.
Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
· Menyediakan judul dokumen
· Menjembatani hubungan antar dokumen
· Memberitahu browser untuk membuat form pencarian
· Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :
· Tag
Penggunaannya adalah sebagai berikut :
· Tag
Penggunaannya adalah sebagai berikut berikut :
Contoh :
· Tag , digunakan untuk menunjukkan relasi antar dokumen HTML.
Tag ini mempunyai beberapa atribut :
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
29
ATRIBUT FUNGSI
HREF Menunjuk pada URL dokumen lain
REL Mendefinisikan relasi terhadap sebuah dokumen dan dokumen lain yang
berisi informasi tentang personil yang memberi kontribusi terhadap
dokumen tersebut
REV Mendefinisikan relasi sebuah dokumen HTML dengan dokumen lain
TYPE Menentukan tipe dan parameter dari relasi
Penggunaannya adalah sebagai berikut :
Contoh :
· Tag , digunakan untuk mendefinisikan informasi-informasi di luar HTML Informasi
meta dapat digunakan oleh browser untuk menjalankan suatu aktivitas yang belum
didukung ileh HTML.
Tag mempunyai atribut :
ATRIBUT FUNGSI
HTTP-EQUIV Mendefinisikan properti dari elemen
NAME Menyediakan deskripsi tambahan dari elemen
URL Mendefinisikan target dokumen dari sebuah
properti
CONTENT Menyediakan nilai respon dari properti
Untuk lebih memperjelas penggunaan atribut tag perhatikan contoh berikut ini :
Perintah diatas akan diterjemahkan oleh browser sebagai “tunggu 60 detik, kemudian panggil
dokumen baru pada www.alamat.com”. Jika atribut URL tidak disertakan, maka halaman itu
sendiri yang akan dipanggil, jadi setara dengan mengklik tombol Refresh/Reload pada browser.
Penggunaan elemen yang paling populer adalah penggunaan properti Keyword dan
Description. Kedua properti ini sangat berguna untuk membantu kerja search engine. Biasanya
search engine akan menggunakan teks yang disebutkan pada properti Keyword untuk
mengindeks dokumen dan menggunakan teks yang terdapat pada properti Description untuk
mendeskripsikan indeks tersebut.
Contoh :
PDF created with pdfFactory Pro trial version www.pdffactory.com
Internet
Ferry Gustiawan
30
the Satates”>
the Civil WAR”>
5.3 Bagian BODY
Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai
dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah
disebutkan di atas, bagian BODY diawali oleh tag
Atributnya :
ATRIBUT FUNGSI
ALINK Menentukan warna link aktif
BACKGROUND Merujuk URL atau direktori dari file gambar yang
digunakan sbg latar belakang
BGCOLOR Menentukan warna latar belakang
BGPROPERTIES Jika nilai atribut ini diisi “FIXED”, maka gambar latar
belakang tidak ikut tergulung
LEFTMARGIN Batas kiri dokumen
LINK Menentukan warna link yang belum dikunjungi
TEXT Menentukan warna teks
TOPMARGIN Menentukan batas atas
VLINK Menentukan warna link yang telah dikunjungi
Contoh :