Bab 6

Diposting oleh Rilang Nadhil Darari komentar (0)

A. Memprogram Web

1. Persiapan Software

Untuk membuat homepage yang dinamis atau interaktif sangatlah sederhana. Cukup dengan menggunakan beberapa software atau tools yang sudah kita ketahui. Software yang dibutuhkan seperti sistem operasi, Internet Information Services (IIS), Microsoft Access, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).

A. Sistem Operasi

Sistem operasi yang akan kita gunakan adalah Windows XP Professional, karena kita sudah terbiasa dengan tampilan dan berbagai komponen di dalamnya. Selain itu, Microsoft juga menambahkan kemampuan untuk melakukan pengembangan dan pengetesan dalam pembuatan homepage interaktif pada sistem operasi Windows XP Professional. Selain Windows XP, keluarga Windows lainnya yang dapat digunakan untuk menjalankan Internet Information Services (IIS) adalah Windows NT, Windows 200, dan Windows 2003.

B. Komponen Internet Information Services (IIS) pada Windows XP

Jika belum terdapat Internet Information Services (IIS) pada Windows XP dalam komputer kita, kita harus menginstalnya menggunakan CD installer Windows XP Professional. Fungsi IIS adalah sebagai web server. Terdapat beberapa web server yang terkenal di dunia, seperti Apache dan IIS. Akan tetapi, dengan menggunakan IIS kita tidak perlu melakukan konfigurasi atau pemasangan secara manual. Langkah-langkah menginstal komponen IIS dalam komputer, yaitu :

  • Masukkan CD installer Windows XP Professional ke dalam CD-ROM
  • Aktifkan Control Panel 
  • Pada jendela Add or Remove Programs, pilih Add/Remove Windows Components yang terdapat di sebelah kiri jendela Add or Remove Programs 
  • Kemudian, akan ditampilkan kotak dialog Windows Components Wizard pertama. Pilih Internet Information Services (IIS). Pilih semua komponen yang tersedia, lalu tekan OK dan tekan tombol Next 
  • Proses instalasi dilakukan secara otomatis. Untuk dapat mencari lokasi file yang sesuai, tekan tombol Browse. Selanjutnya, tekan tombol OK
  • Tekan tombol Finish setelah selesai proses instalasi
  • Lakukan proses restart pada komputer kita
  • Untuk melihat apakah komponen IIS telah ter-install dalam komputer, aktifkan Control Panel kemudian pilih Performance and Maintenance-Administratuive Tools dengan cara klik dua kali pada pilihan tersebut. Pada jendela Administrative Tools, terlihat komponen Internet Information Services. Klik dua kali pada pilihan tersebut
  • Selanjutnya akan ditampilkan jendela Internet Information Services dengan berbagai komponen di dalamnya
C. Microsoft FrontPage

Microsoft FrontPage merupakan sebuah program aplikasi editor HTML yang berbasis WYSIWYG dan juga bertindak sebagai alat bantu administrasi situs web yang dikembangkan oleh Microsoft untuk jajaran sistem operasi Windows. Aplikasi ini merupakan bagian dari Microsoft Office dari tahun 1997 hingga 2003. Versi Macintosh-nya pun pernah dimunculkan pada tahun 1998, tapi tidak dikembangkan lagi. FrontPage sekarang telah usang, dan digantikan oleh Microsoft Expression Web dan Microsoft SharePoint Designer, yang dirilis pada bulan Desember 2006.
Salah satu fitur yang terkenal dari FrontPage adalah dukungannya terhadap template web yang otomatis yang terintegrasi. Perbedaan utama antara template web dengan template HTML yang dibuat oleh produk lainnya adalah bahwa template yang dibuat oleh FrontPage mencakup sistem navigasi otomatis yang mampu menciptakan tombol-tombol yang dianimasikan untuk beberapa halaman yang telah ditambahkan oleh pengguna. FrontPage juga dapat membuat navigasi multi-level secara langsung dengan menggunakan tombol dan juga struktur situs web yang sedang disunting.

Microsoft Access adalah sebuah program aplikasi basis data komputer relasional yang ditujukan untuk kalangan rumahan dan perusahaan kecil hingga menengah. Aplikasi ini merupakan anggota dari beberapa aplikasi Microsoft Office, selain tentunya Microsoft Word, Microsoft Excel, dan Microsoft PowerPoint. Aplikasi ini menggunakan mesin basis data Microsoft Jet Database Engine, dan juga menggunakan tampilan grafis yang intuitif sehingga memudahkan pengguna. Versi terakhir adalah Microsoft Office Access 2007 yang termasuk ke dalam Microsoft Office System 2007.
Microsoft Access dapat menggunakan data yang disimpan di dalam format Microsoft Access, Microsoft Jet Database Engine, Microsoft SQL Server, Oracle Database, atau semua kontainer basis data yang mendukung standar ODBC. Para pengguna/programmer yang mahir dapat menggunakannya untuk mengembangkan perangkat lunak aplikasi yang kompleks, sementara para programmer yang kurang mahir dapat menggunakannya untuk mengembangkan perangkat lunak aplikasi yang sederhana. Access juga mendukung teknik-teknik pemrograman berorientasi objek, tetapi tidak dapat digolongkan ke dalam perangkat bantu pemrograman berorientasi objek.


E. Microsoft Internet Explorer

Internet Explorer, disingkat IE atau MSIE, adalah sebuah penjelajah web dan perangkat lunak tak bebas yang gratis dari Microsoft. Ia tersedia untuk banyak versi Microsoft Windows, namun Microsoft telah berhenti mengeluarkan versi mutakhir untuk semua platform kecuali Windows XP. Untuk beberapa waktu lamanya, Microsoft juga mengeluarkan Internet Explorer untuk Mac (yang berdasarkan mesin pengarsir yang berbeda) dan versi-versi untuk penggunaan melalui X Window System pada Solaris dan HP-UX, tetapi kini mereka sudah tidak dikembangkan.
Internet Explorer hingga kini masih merupakan penjelajah web yang paling banyak digunakan, meliputi 93.7% dari keseluruhan penggunaan penjelajah web, menurut sebuah perusahaan pengulas web WebSideStory. Explorer diikutkan sebagai penjelajah web bawaan (default) di semua versi Microsoft Windows sejak Windows 95 OSR-2.
Windows XP Service Pack 2 keluaran Microsoft beberapa lama ini menambah beberapa fitur keamanan penting kepada Internet Explorer, termasuk firewall Windows yang sudah dimutakhirkan dan pemblokir pop-up. Ini dilakukan untuk meredam kekhawatiran mengenai spyware yang telah menyerang Explorer dengan berat. Microsoft menganjurkan para pengguna untuk memutakhirkan Microsoft Windows (melalui Windows Update) secara berkala.

F. Komponen Open DataBase Connectivity (ODBC)

Komponen ODBC digunakan untuk melakukan koneksi dari program komputer ke database. Komponen ini biasanya sudah tersedia dalam Windows XP. Untuk mengaksesnya, dapat kita lakukan dengan cara menekan tombol Start - Control Panel - Administrative Tools - Data Sources (ODBC).
Salah satu keluhan utama pengguna produk Microsoft adalah penggunaan database yang membingungkan. Pada awalnya, kita hanya dapat menggunakan Open DataBase.

2. Persiapan Direktori Kerja

Seperti langkah awal pada saat kita akan membuat homepage sederhana, kita harus mendefinisikan tempat kerja dalam komputer yang akan digunakan sebagai web server. Langkah-langkah yang harus dilakukan, yaitu sebagai berikut :
  • Aktifkan Windows Explorer dalam komputer kita
  • Buat satu direktori dalam drive C dengan nama SMUKU-INT
  • Buat subdirektori image, css, dan database dalam direktori SMUKU-INT
3. Persiapan Skenario User Interface

Skenario form harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi sebagai form untuk memasukkan dan menampilkan data siswa dari database. Persiapan lebih lanjut mengenai desain form, yaitu dengan cara langsung mendesain bentuk database dan formnya. Tipe data digunakan untuk mempresentasikan penyimpanan data dalam database. Terdapat beberapa tipe data yang disediakan oleh Microsoft Access, yaitu sebagai berikut :
  • Text, merepresentasikan data yang berbentuk gabungan huruf, angka, dan karakter khusus.
  • Number, merepresentasikan data yang berbentuk angka.
  • Date, merepresentasikan data yang berbentuk tanggal.
  • Memo, merepresentasikan data yang berbentuk teks dan jumlahnya sangat banyak.
  • Currency, merepresentasikan data yang memiliki format currency atau mata uang.
  • AutoNumber, merepresentasikan data yang akan ditangani oleh sistem berupa angka.
  • OLE Object, merepresentasikan data yang berupa gabungan dari objek-objek yang dibuat oleh Microsoft. 
  • Hyperlink, merepresentasikan data yang berupa link atau hubungan ke website atau tempat lain.
Bentuk form dalam Microsoft FrontPage digunakan utnuk merepresentasikan halaman HTML yang interaktif lengkap dengan input dan output-nya. Berbagai tool pada toolbar Form yang dapat kita gunakan, yaitu :
  • Form : Membuat form dalam satu halaman
  • TextBox : Merepresentasikan input berupa teks, numerik, atau date.
  • Scrolling TextBox : Merepresentasikan input berupa teks yang panjang.
  • Check Box : Merepresentasikan sebuah pilihan ya atau tidak.
  • Radio Button : Merepresentasikan sebuah pilihan ya atau tidak.
  • Combo Box : Merepresentasikan data yang berupa pilihan terbatas.
  • Push Button : Merepresentasikan sebuah tindakan yang dilakukan jika tombol ditekan.
  • Picture : Merepresentasikan sebuah gambar dalam homepage. 
  • Label : Merepresentasikan tulisan.
4. Persiapan Komponen IIS

Setelah file yang akan kita modifikasi dalam pemrograman selesai dibuat, kita harus mempersiapkan web server. Untuk menjadikan sebuah komputer sebagai web server, dalam komputer tersebut harus ter-install Internet Information Services (IIS). Web server yang akan digunakan adalah komputer lokal tempat kita bekerja dengan tambahan fasilitas IIS. Seperti yang telah dijelaskan sebelumnya, cara pengaksesan IIS, yaitu sebagai berikut :
  • Pilih tombol Start - Control Panel
  • Pilih Administrative Tools pada jendela Control Panel, kemudian pilih Internet Information Services
  • Klik nama komputer, kemudian pilih Web Sites dan klik Default Web Site
Terdapat dua cara menampilkan informasi homepage melalui IIS, yaitu sebagai berikut :
  • Menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows 2000, dan Windows 2003).
  • Menggunakan direktori virtual.
A. Pengaksesan menggunakan port

Langkah-langkah untuk menampilkan informasi homepage melalui IIS dengan menggunakan port, yaitu sebagai berikut :
  • Klik kanan Web Sites, klik New Website, pilih port
  • Gunakan port sembarang antara 2000-65500, karena port 1-1000 biasanya sudah reserved atau digunakan oleh software yang terdapat pada server seperti web server SQL Server, Oracle database, dan software lainnya
  • Jangan mengunakan port 80, karena port tersebut merupakan default website atau web server, kecuali kita akan menggunakan website tersebut sebagai tampilan utama
  • Pengaksesan dengan menggunakan port 8080, yaitu : Stand alone computer - http://localhost:8080/namafile.htm, Intranet - http://NamaKomputer:8080/namafile.htm, Internet - http://www.namadomain.com:8080/namafile.htm
B. Pengaksesan menggunakan direktori virtual

Untuk menampilkan informasi homepage melalui IIS dengan menggunakan direktori virtual, yaitu sebagai berikut :
  • Klik kanan Default Web Site, pilih New - Virtual Directory
  • Selanjutnya, akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan tombol Next untuk melanjutkan ke wizard berikutnya
  • Pada Virtual Directory Creation Wizard kedua, akan diminta untuk mengisi alias direktori, ketikkan SMUKU-INT. Selanjutnya, tekan tombol Next
  • Selanjutnya, akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan tombol Browse atau masukkan C:\SMUKU-INT, kemudian tekan tombol Next
  • Pada wizard yang menampilkan access permission, tekan tombol Next
  • Selanjutnya, tekan tombol Finish dan kita dapat mencoba apakah direktori virtual tersebut sudah bekerja dengan baik atau belum
  • Pada jendela Internet Information Services, akan terlihat bahwa direktori virtual sudah berhasil dibuat
  • Pengaksesan dengan menggunakan direktori virtual SMUKU-INT, yaitu : Komputer Lokal - http://localhost/SMUKU-INT/datasiswa.htm, Intranet - http://namakomputer/SMUKU-INT/datasiswa.htm, Internet - http://www.namadomain.com/SMUKU-INT/datasiswa.htm
5. Pemilihan Bahasa Pemrograman

Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS. Dengan kata lain, kita tidak perlu kesulitan untuk mempelajari bahasa pemrograman yang lain jika akan memprogram web dengan menggunakan Windows, seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.
ASP merupakan suatu skrip yang bersifat server side yang ditambahkan pada halaman HTML untuk membuat sebuah web menjadi lebih menarik, dinamis, dan interaktif. Sever side berarti bahwa proses pengerjaan skrip berlangsung di server bukan di browser atau client. Dengan kata lain, jika kita menggunakan sebuah browser untuk memanggil sebuah file ASP maka browser tersebut mengirimkan permintaan ke web server kemudian server tersebut mengeksekusi setiap skrip yang ada dan hasilnya dikirimkan kembali ke browser. Karena bersifat server side, maka untuk dapat dijalankan pada sebuah PC biasa yang berbasis Windows, PC tersebut perlu disimulasikan menjadi sebuah web server dengan meng-install Microsoft Personal Web Server (PWS) atau Microsoft Internet Information Services. (IIS).
Bahasa skrip standar yang digunakan oleh ASP adalah Microsoft VBScript dan Microsoft JScript. Jika tidak dinyatakan sendiri maka secara default skrip yang digunakan adalah Microsoft VBScript. Kita dapat mengubah default tersebut dengan menambahkan perintah (%LANGUAGE=bahasa skrip%). Alasan utama penggunaan bahasa pemrograman ASP, yaitu :
  • Sudah tersedia secara gratis jika kita menggunakan IIS pada sistem operasi Windows. 
  • Struktur bahasanya sangat mudah untuk dipelajari karena ASP mengadopsi sintaks dari bahasa pemrograman Visual Basic yang sudah sangat familiar di kalangan programmer atau pemula.
  • Mampu berkomunikasi dengan berbagai objek komponen (COM/DCOM) yang dibuat dengan berbagai bahasa pemrograman yang lain.
  • Mempunyai respon request data dengan cepat.
  • Untuk menggunakannya, kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program.
Sebuah file ASP merupakan file text only yang di dalamnya berisi teks, tag HTML, dan skrip ASP. Jadi, dapat dikatakan bahwa file ASP sebenarnya merupakan file HTML biasa yang di dalamnya ditambahkan skrip ASP. Jika file HTML mempunyai ekstensi .htm atau .html maka jika sudah diberi skrip ASP, ekstensi tersebut tinggal diubah menjadi .asp.
Skrip ASP dapat diletakkan di mana saja sebagaimana kita meletakkan tag HTML. Untuk membedakan antara teks, tag HTML, dan skrip ASP maka digunakan suatu tanda yang disebut delimiter. Delimiter adalah suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip. Untuk tag HTML, sudah kita ketahui bahwa delimiter yang digunakan adalah karakter <>. Untuk skrip ASP, delimiter yang digunakan adalah kumpulan karaketer (% %).

Note : tanda ( ) diganti dengan tanda < >


A. Deklarasi Variabel

VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variabel, yaitu dim, private, dan public. Perbedaannya, yaitu pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat lokal, sedangkan jika menggunakan public maka variabelnya bersifat global.
VBScript mempunyai kemampuan untuk mengenal variabel walaupun tidak dideklarasikan. Akan tetapi, sebaiknya deklarasi tetap dilakukan untuk menghindari kesalahan penggunaan variabel.

B. Blok kode ASP

ASP selalu diawali dengan blok (% dan diakhiri dengan blok %). Di dalam kedua blok tersebut, sintaks atau kode ASP dituliskan.

Contoh :
Untuk menuliskan kata HALLO DUNIA, kita cukup mengetikkan blok ASP berikut di atas sebuah file HTML dan mengubah nama ekstensi file tersebut menjadi ASP.

(%
response.write ["HALLO DUNIA"]
%)
(HTML)
(TITLE)HALLO DUNIA(/TITLE)
(BODY)
(/BODY)
(/HTML)

Note : tanda ( ) diganti dengan < >, dan tanda [ ] diganti dengan ( )

C. Statement Input

Sintaks 1 - Request.Form([nama variabel/id dalam page HTML/ASP])
Sintaks 2 - Request.QueryString([nama variabel/id yang diletakkan pada url])

Note : tanda [ ] diganti dengan tanda < >


Request.Form digunakan untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request.QueryString digunakan untuk mengambil nilai variabel HTTP query string. Variabel HTTP query string ditandai dengan karakter tanda tanya (?) dan biasanya terletak dibelakang penulisan sebuah alamat URL.

Contoh :
Untuk mengambil sebuah nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode ini :
[%
dim nama
nama=request.Form("txtNama")
%]

Note : tanda [ ] diganti dengan tanda < >

D. Statement Output

Statement atau pernyataan output digunakan untuk mengatur output yang akan dikirimkan ke browser. Contoh metode yang digunakan yaitu metode write dan redirect. Metode write digunakan untuk menulis output berupa variabel sebagai sebuah string. Metode redirect digunakan untuk mengirimkan pesan ke browser yang mengarahkan browser menuju ke URL tertentu.

Sintaks 1 - Response.write([nama variabel/id/konstanta])
Sintaks 2 - Response.redirect([nama variabel/id/konstanta])

Note : Tanda [ ] diganti dengan tanda < >

Contoh :
Untuk menuliskan nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :
[%
dim nama
nama=request.form("txtNama")
response.write (nama)
%]

Note : Tanda [ ] diganti dengan tanda < >

E. Statement logika

Sintaks logika untuk ASP sama dengan sintaks logika bahasa pemrograman Visual Basic.

F. Statement looping

Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic.

G. Operasi pengaksesan data

Sintaks pengaksesan data juga sama dengan Visual Basic.

H. Cara kerja ASP

Misalnya, kita mengakses halaman ASP dari sebuah website http://www.namadomain.com/index.asp. Halaman tersebut akan di-load ke browser Internet Explorer atau Netscape dalam bentuk HTML setelah terlebih dahulu web server menerjemahkan atau meng-compile semua kode yang terdapat dalam blok (% %) pada file index.asp. Semua kode ASP yang terdapat dalam file tersebut akan hilang dan diganti dengan value atau nilai yang dikembalikan dari database. Hal ini dapat kita lihat pada saat kita klik menu View dari browser. Selanjutnya, pilih View Source, di dalamnya sudah tidak terdapat kode ASP. Semua kode telah berubah menjadi nilai yang diperoleh dari input maupun database.

B. Memprogram Database Web Interaktif

1. Pembuatan Database

Setelah semua yang diperlukan telah disiapkan, langkah selanjutnya adalah melakukan pembuatan database data siswa menggunakan Microsoft Access yang merupakan bagian dari Microsoft Office. Langkah-langkah dalam pembuatan data tersebut, yaitu sebagai berikut :
  • Aktifkan Microsoft Access. Buat database datasiswa dan simpan dalam C:\SMUKU-INT\database yang sudah dibuat sebelumnya
  • Buat satu tabel dengan nama DataSiswa pada saat kamu melakukan persiapan skenario user interface
2. Pembuatan Data Source Name (DSN)

Setelah database kita buat, langkah selanjutnya adalah membuat Data Source Name (DSN). DSN ini akan mempermudah pengaksesan data dari program ke database. Langkah-langkahnya, yaitu :
  • Tekan tombol Start - Control Panel - Performance and Maintenance - Administrative Tools - Data Sources (ODBC)
  • Selanjutnya, akan ditampilkan kotak dialog ODBC Data Source Administrator. Pilih tab System DSN
  • Klik tombol Add yang akan menampilkan menu untuk memilih driver database yang akan digunakan. Pilih Microsoft Access Driver (*.mdb) kemudian tekan tombol Finish 
  • Pada kotak dialog ODBC Microsoft Access Setup, isi kotak Data Source Name dengan DataSiswa dan kotak Description dengan data siswa. Tekan tombol Select untuk memasukkan database dengan lokasi C:\SMUKU-INT\database\datasiswa.mdb. Selanjutnya, tekan tombol OK
  • Hasil akhir akan ditampilkan, lalu tekan tombol OK.
3. Pemrograman

Pemrograman dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedua halaman tersebut, kita dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif.

4. Pengujian (Testing)

Langkah terakhir adalah pengetesan hasil pemrograman. Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan. Kesalahan tersebut akan langsung ditampikan dalam browser yang kita akses. Akan tetapi, jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut sudah tersimpan dalam database bukan dalam halaman lihatdatasiswa.asp. 

Bab 5

Diposting oleh Rilang Nadhil Darari komentar (0)

A. Software untuk Membuat Homepage

Membuat homepage atau website tidak sulit. Hal ini dapat dilakukan cukup dengan memperhatikan beberapa hal dibawah ini yang akan memberikan gambaran mengenai bagaimana homepage seharusnya dibuat. Beberapa hal yang harus diperhatikan, yaaitu sebagai berikut :
  • Tujuan dibuatnya homepage, apa yang menjadi tujuan pembuatan utama dari pembuatanhomepage harus jelas.
  • Siapa (anak-anak-/remaja/orang dewasa) yang menjadi target untuk melihat homepage yang kita buat.
  • Klasifikasikan informasi yang akan ditampilkan dalam homepage. 
  • Hasil klasifikasi tersebut akan mewakili satu halaman homepage, sedangkan hasil klasifikasi yang lain akan ditampilkan sebagai hyperlink yang akan ditampilkan pada saat pengguna mengakses link tersebut.
  • Buat sebuah skenario dari setiap hasil klasifikasi tersebut agar informasi yang akan ditampilkan benar-benar jelas atau tidak "mengambang".
1. Editor HTML

Editor HTML adalah sebuah aplikasi perangkat lunak untuk menciptakan halaman web. Meskipun HTML markup dari halaman suatu web dapat ditulis dengan editor teks, editor HTML khusus menambah kenyamanan dan fungsional. Sebagai contoh, banyak HTML bekerja tidak dengan HMTL, tetapi juga dengan teknologi yang berhubungan seperti, CSS, XML, dan JavaScript atau ECMAScript.Dalam beberapa kasus, mereka juga mengatur dengan web serverremote melalui FTP dan WebDAV, dan sistem manajemen versi seperti CVS atau Subversion.


Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu, editor HTML juga digunakan untuk menggabungkan gambar, suara, dan animasi yang telah dibuat dalam satu halaman homepage. Editor HTML yang bersifat graphical user interface, akan mengurangi waktu kita dalam proses penulisan sintaks. Selama ini kita sudah terbiasa dengan produk-produk jadi buatan Microsoft untuk melakukan aktivitas sehari-hari. Demikian juga pengembangan homepage, kita akan menggunakan salah satu produk Microsoft sebagai editor HTML, yaitu Microsof FrontPage XP.



2. Editor Grafis

Editor grafis digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar, dan siap untuk ditampilkan pada homepage. Terdapat beberapa editor grafik yang sering digunakan dan populer yaitu, CorelDRAW dan Adobe Photoshop. Untuk pembuatan logo gambar dari homepage yang akan dikembangkan, kita dapat menggunakan Adobe Photoshop 7.0.

3. Editor Multimedia Animasi dan Suara

Editor multimedia digunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer, yaitu Macromedia Flash. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara, tetapi juga untuk membuat suatu homepage multimedia. Dengan menggunakan editor Macromedia Flash, animasi yang rumit dapat dikerjakan dan hasilnya sangat baik.

B. Membuat Layout Homepage

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Terdapat beberapa layout halaman homepage yang dapat tergantung pada jenis navigasi dan informasi yang akan ditampilkan dalam homepage. Kita tidak perlu membuat layout yang rumit yang akan membuat pengaksesan homepage menjadi lambat atau membingungkan pengguna.
Untuk melihat dan memilih jenis layout yang tersedia dalam Microsoft FrontPage XP, dapat kita lakukan pada saat akan membuat halaman atau website baru. Langkah-langkah untuk melakukannya adalah sebagai berikut :
  • Pilih tombol Start - All Programs - Microsoft FrontPage. Selanjutnya, akan ditampilkan dokumen baru pada Microsoft FrontPage 
  • Pilih menu File - New - Page or Web 
  • Pilih Page Templates pada bagian New from template dari taskpane New Page or Web  
  • Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets. Pilih tab Frames Pages yang menampilkan berbagai jenis template yang disediakan oleh Microsoft FrontPage XP  
  • Pilih jenis frame yang kita inginkan kemudian tekan tombol OK
Jenis-Jenis Frame pada Microsoft FrontPage XP
  • Banners and Contents : Membuat frame banner di atas, frame isi di bagian bawah kiri, dan frame utama di bagian bawah kanan. Hyperlink pada frame banner akan mengubah frame isi
  • Contents : Frame di sebelah kiri merupakan link yang akan mengubah frame utama di sebelah kanan
  • Footers : Frame utama di atas, frame bawah adalah footer. Hyperlink di footer akan mengubah tampilan frame utama
  • Footnotes : Sama dengan footers, tetapi hyperlink di frame utama akan mengubah tampilan Footnotes 
  • Header : Membuat frame header navigasi dan sebuah frame utama di bawahnya. Hyperlink di header akan mengubah frame utama
  • Header, Footers, and Contents : Membuat frame header dan footer untuk navigasi. Hyperlink di header dan footer akan mengubah frame isi
  • Horizontan Split : Frame atas dan bawah yang independent atau tidak saling berhubungan
  • Nested Hierarchy : Hyperlink di sebelah kiri akan mengubah frame sebelah kanan atas. Hyperlink di frame kanan atas akan mengubah isi frame utama
  • Top-Down Hierarchy : Frame paling atas atau pertama akan mengubah frame di bawahnya, frame kedua akan mengubah isi frame ketiga
  • Vertical Split : Frame kanan dan kiri yang independent atau tidak saling terhubung
C. Menerapkan Hyperlink

Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Diperlukan sebuah hyperlink, karena terdapat banyak informasi yang tidak dapat dijelaskan dalam satu halaman homepage secara keseluruhan. Cukup dengan menggunakan hyperlink, kita dapat menuju ke informasi yang akan kita akses pada page lain.
Langkah-langkah membuat hyperlink menggunakan Microsoft FrontPage XP, yaitu sebagai berikut :
  • Aktifkan aplikasi Microsoft FrontPage XP 
  • Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama kali 
  • Blok tulisan "Link ke halaman lain" 
  • Tekan tombol Ctrl + K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink. Kotak Text to display menampilkan teks yang akan dijadikan link. Kolom link to digunakan untuk memilih link tujuan. Kotak Look in digunakan untuk memilih lokasi tujuan link. Setelah selesai melakukan pengaturan terhadap link yang dibuat, tekan tombol OK 
  • Setelah file disimpan dan dijalankan, ketika kita klik "Link ke halaman lain", maka akan membuka halamana tujuan link tersebut
Langkah-langkah untuk membuat hyperlink dengan tag HTML, yaitu sebagai berikut :
  • Aktifkan aplikasi Microsoft FrontPage XP
  • Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama kali 
  • Klik tab HTML di bagian bawah dokumen 
  • Letakkan kursor di depan kata "Link" dan di belakang tag (p) pada sintaks HTML yang ditampilkan 
  • Klik tab Normal di bagian bawah dokumen untuk melihat hasil akhir
Note : tanda () diganti dengan <>

D. Menerapkan Cascading Style Sheet

Dengan menggunakan Microsoft FrontPage XP, kita tidak perlu merasa bingung untuk memberikan efek warna dan tampilan pada homepage yang akan kita buat. Microsoft FrontPage sudah menyediakan Cascading Style Sheet (CSS) yang dapat kita gunakan. Fungsi utama (CSS) adalah untuk melakukan pengaturan beberapa format, yaitu :
  • Bentuk huruf,
  • Ukuran huruf,
  • Format huruf,
  • Warna huruf,
  • Warna background, 
  • Warna hyperlink, 
  • Format textbox.
Beberapa CSS yang telah tersedia dalam Microsoft FrontPage XP, dapat diakses dengan menggunakan langkah-langkah di bawah ini :
  • Aktifkan Microsoft FrontPage XP dalam komputer
  • Pilih menu File - New - Page or Web 
  • Pilih Page Templates pada bagian New from template dari taskpane New Page or Web 
  • Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames, Pages, dan Style Sheets. Pilih tab Style Sheets yang menampilkan berbagai jenis style sheet yang disediakan oleh Microsoft FrontPage XP 
  • Pilih jenis style sheet yang kita inginkan kemudian tekan tombol OK
Jenis-jenis CSS pada Microsoft FrontPage XP
  • Normal Style Sheet, CSS kosong
  • Arcs, Teks menggunakan jenis huruf Verdana berwarna cokelat, Headers menggunakan jenis huruf Times New Roman berwarna cokelat, Background berwarna kuning.
  • Bars, Teks menggunakan jenis huruf Arial, Headers menggunakan jenis huruf Times New Roman, Background berwarna light olive. 
  • Blocks, Teks dan headers menggunakan jenis huruf Bookman Old Style, Hyperlinks berwarna merah, Background berwarna light silver. 
  • Blueprint, Teks dan headers menggunakan jenis huruf Century Gothic, Hyperlinks berwarna purple, Background berwarna bright yellow. 
  • Capsules, Teks dan headers menggunakan jenis huruf Arial, Hyperlinks berwarna red orange, Background berwarna light green. 
  • Downtown, Teks menggunakan jenis huruf Garamond berwarna kuning, Headers menggunakan jenis huruf Verdana, Hyperlinks berwarna orange, Background berwarna royal blue. 
  • Expediton, Teks dan headers menggunakan jenis huruf Book Antiqua, Background berwarna peach. 
  • Highway, Teks menggunakan jenis huruf Verdana berwarna putih, Headers menggunakan jenis huruf Verdana, Hyperlinks berwarna orange, Background berwarna black. 
  • Neon, Teks dan Headers menggunakan jenis huruf Verdana berwarna hijau, Hyperlinks berwarna chartreuse, Background berwarna black. 
  • Poetic, Teks menggunakan jenis huruf Book Antiqua berwarna purple, Headers menggunakan jenis huruf Book Antiqua, Backgroud berwarna white. 
  • Street, Teks menggunakan jenis huruf Verdana berwarna navy, Headers menggunakan jenis huruf Comic Sans MS, Background berwarna light cyan. 
  • Sweets, Teks menggunakan jenis huruf Arial berwarna dark blue, Headers menggunakan jenis huruf Comic Sans MS, Background berwarna pale yellow.
Langkah-langkah membuat CSS, yaitu :
  • Aktifkan Microsoft FrontPage XP 
  • Pilih menu File - New - Page or Web 
  • Pilih Page Templates pada bagian New from template dari taskpane New Page or Web 
  • Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets. Pilih tab Style Sheets yang menampilkan berbagai jenis style sheet yang disediakan oleh Microsoft FrontPage XP 
  • Pilih jenis Arcs kemudian tekan tombol OK
  • Pilih File - Save 
  • Ketikkan SMUKU pada kotak File name kotak dialog Save As kemudian tekan tombol Save
Untuk mengaplikasikan CSS pada halaman HTML, lakukan langkah-langkah berikut :
  • Aktifkan Microsoft FrontPage XP 
  • Pilih menu File - New - Page or Web 
  • Pilih menu Page Templates pada bagian New from template dari taskpane New Page or Web 
  • Selanjutnya, pilih tab General yang menampilkan berbagai jenis tampilan homepage yang disediakan oleh Microsoft FrontPage XP 
  • Pilih jenis Frequently Asked Questions kemudian tekan tombol OK
  • Klik tab HTML di bagian bawah di samping tab Normal 
  • Kita akan mengaplikasikan file "SMUKU.css" pada page HTML. Letakkan kursor di sebelah kiri tag (title) kemudian tekan tombol Enter pada Keyboard sehingga terdapat satu baris kosong antara tag (meta name) dengan (title) kemudian letakkan kursor di antara kedua tag tersebut
  • Ketikkan (LINK href="SMUKU.css" type=text/css rel=stylesheet). Link tersebut akan memberikan efek gratis sederhana yang didefinisikan pada SMUKU.css pada halaman HTML
  • Selanjutnya, simpan halaman tersebut menggunakan menu File - Save. Beri nama file "table_of_contents.htm". Selanjutnya, klik tab Preview di bagian bawah
Note : tanda () diganti dengan tanda <>

E. Membuat Aplikasi Terintegrasi

1. Membuat Aplikasi Terintegrasi dengan Microsoft FrontPage

Untuk mebuat sebuah situs atau homepage, dipelukan sebuah skenario yang sederhana. Fungsi dari skenario adalah untuk memandu kita dalam menentukan apa saja yang dapat dilakukan oleh suatu halaman atau website. Jika skenario sudah dibuat maka implementasi atau pembuatan website tidak akan mengambang.
Berhasil tidaknya pembuatan sebuah homepage sangat tergantung pada skenario yang dikembangkan. Semakin detail sebuah skenario, akan semakin mudah homepage tersebut untuk dikembangkan.

2. Menentukan Directory Lokasi Kerja

Directory tempat kita menyimpan file-file hasil kerja juga harus dipersiapkan dengan baik dan terorganisir. Pada satu directory, sebaiknya tidak terdapat beberapa pekerjaan yang berbeda fungsinya. Pengorganisasian ini untuk mempermudah pencarian file hasil kerja pada saat diperlukan. Lakukan langkah-langkah berikut ini :
  • Buat directory C:\SMUKU pada drive C:\
  • Dalam directory C:\SMUKU, buat folder Image yang akan digunakan untuk menyimpan gambar-gambar yang akan digunakan dalam homepage SMUKU. Selanjutnya, buat directory / folder CSS yang akan digunakan untuk menyimpan CSS
3. Membuat Halaman pada Homepage

A. Membuat halaman 1

Langkah-langkahnya, yaitu :
  • Aktifkan Microsoft FrontPage XP 
  • Pilih menu File - New - Page or Web 
  • Pilih menu Page Templates pada bagian New from template dari taskpane New Page or Web. Selanjutnya, pilih tab General yang menampilkan berbagai jenis tampilan homepage yang disediakan oleh Microsoft FrontPage XP 
  • Pilih One - Column Body with Contents on Left kemudian tekan tombol OK
  • Pada frame page sebelah kiri, hapus SECTION 2 sampai 4
  • Pada page frame utama yang diperoleh, hapus semua tulisan dibawah "Fish Photo Caption"
  • Ganti tulisan "Your Heading Goes Here" dengan "KEGIATAN SISWA"
  • Ganti "SECTION 1" dengan "Kegiatan Siswa", "Title 1" dengan "Jadwal Pelajaran", "Title 2" dengan "Data Siswa", dan Title 3 "dengan "Link Bermanfaat"
  • Hapus tulisan "Fish Photo Caption" kemudian tekan tombol Enter pada keyboard. Tulis "Kegiatan Siswa" kemudian tekan tombol Enter pada keyboard. Tulis "Kembali" dan naikkan kursor di atas tulisan "Kembali"
  • Pilih Menu Table - Insert - Table. Selanjutnya, akan ditampilkan kotak dialog Insert Table. Masukkan 5 pada kotak Rows dan 4 pada kotak Columns kemudian tekan tombol OK
  • Simpan halaman kegiatan siswa pada lokasi C:\SMUKU dengan nama file "kegiatansiswa.htm"
  • Selanjutnya, buat link dari navigasi yang terdapat pada frame kiri. Blok "Kegiatan Siswa" kemudian pilih menu Insert - Hyperlink atau tekan tombol Ctrl + K pada keyboard. Selanjutnya, akan ditampilkan kotak dialog Insert Hyperlink. Tentukan tujuan link yang dituju yaitu file "kegiatan siswa.htm" kemudian tekan tombol OK
  • Simpan kembali perubahan melalui menu File - Save
B. Membuat halaman 2

Untuk membuat halaman 2, yaitu halaman jadwal pelajaran kita tidak perlu membuat halaman tersebut dari awal, tetapi cukup melakukan modofikasi pada halaman 1 dengan cara melakukan penyimpanan kembali menggunakan menu File - Save As.
  • Pastikan halaman "kegiatansiswa.htm" masih terbuka
  • Pilih menu File - Save As. Beri nama file "jadwalpelajaran.htm"
  • Tekan tombol Change title untuk mengganti page title dari DATA SISWA menjadi JADWAL PELAJARAN. Lalu, tekan tombol Save 
  • Ganti "KEGIATAN SISWA" di frame header dengan "JADWAL PELAJARAN" dan "Jadwal Pelajaran" pada bagian frame isi
  • Lalu, simpan kembali data tersebut
C. Membuat halaman 3

Untuk mebuat halaman 3, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2.
  • Pilih menu File - Save As. Beri nama file "datasiswa.htm"
  • Tekan tombol Change title untuk mengganti page title menjadi DATA SISWA. Selanjutnya, tekan tombol Save
D. Membuat halaman 4

Untuk membuat halaman 4 atau link bermanfaat, lakukan langkah-langkah yang sama seperti langkah-langkah mebuat halaman 2 dan 3.
  • Pilih menu File - Save As. Beri nama file "linkbermanfaat.htm"
  • Tekan tombol Change title untuk mengganti page title menjadi LINK BERMANFAAT. Selanjutnya tekan tombol Save.
4. Mengaplikasikan Cascading Style Sheet
  • Copy file yang telah dibuat sebelumnya yaitu file SMUKU.css ke dalam directory C:\SMUKU\CSS
  • Masukkan (link href="CSS\SMUKU.css"type=text/css rel=stylesheet) di antara tag (meta) dan (title) dalam setiap halaman HTML yang telah dibuat
  • Simpan halaman tersebut
  • Melalui Windows Explorer, kamu dapat melihat tampilan akhir dengan cara klik dua kali file "kegiatansiswa.htm", pastikan semua link ke halaman lain seperti jadwal pelajaran, data siswa, dan link bermanfaat berfungsi dengan benar
F. Membuat Grafis

Membuat logo grafis SMUKU dengan menggunakan editor Adobe Photoshop 7.0. Langkah-langkahnya yaitu :
  • Aktifkan Adobe Photoshop 7.0 
  • Pilih menu File - New 
  • Lakukan pengaturan pada kotak dialog itu, lalu klik OK
  • Akan ditampilkan lembar baru. Pilih Rectangle Tool pada toolbox di sebelah kiri halaman kerja untuk memblok halaman kerja. Pilih warna di bagian Set foreground color dengan warna kuning atau sesuai dengan keinginanmu. Blok kotak yang menutupi seluruh halaman sehingga berubah warna sesuai warna yang dipilih
  • Berikan efek texturizer pada halaman kerja dengan cara pilih menu Filter - Texture - Texturizer. Untuk Texture, pilih Brick, Scaling, 55, dan Relief 4 
  • Ganti warna dengan biru tua dengan cara mengklik tool Set foreground color yang akan menampilkan kotak dialog Color Picker 
  • Klik Horizontal Type Tool pada toolbox untuk membuat tulisan pada halaman kerja. Buat tulisan SMUKU KELAS 3A ANGKATAN 2005 pada halaman kerja. Lalu, klik Move Tool pada toolbox sehingga akan ditampilkan 8 titik
  • Langkah terakhir yaitu menyimpan gambar dengan nama logosmuku dengan format GIF dalam subfolder Image dalam folder C:\SMUKU kemudian tekan tombol Save. Jika muncul prompt atau kotak dialog lain setelah menekan tombol Save, tekan tombol OK
G. Mendaftarkan Alamat Domain

Untuk mempublikasikan homepage yang telah dibuat melalui Internet, kita perlu mempunyai alamat di Internet yang disebut domain. Untuk mendapatkan alamat di Internet, kita harus membeli domain tersebut. Nama domain sangat spesifik atau bersifat unik. Untuk mendapatkan nama yang sama, kita harus mempunyai extension domain yang berbeda. Misalnya, jika SMUKU.com sudah ada pemiliknya maka kita tidak dapat menggunakannya atau kita harus memilih extension yang lain, misalnya SMUKU.co.id.
Untuk pencarian nama domain, saat ini sudah banyak web hosting atau domain hosting yang mempunyai kemampuan untuk itu, baik hosting lokal maupun internasional. Akan tetapi, yang paling lengkap, yaitu http://www.internic.com dan http://www.register.com. Lakukan langkah-langkah di bawah ini untuk mendaftarkan alamat domain ke provider web hosting.
  • Buka Internet Explorer dan ketikkan http://www.register.com pada kotak URL pada web browser komputer kita
  • Selanjutnya, ketikkan nama domain yang akan kita cari, misalnya sekolah.com kemudian tekan tombol Go 
  • Akan tampil halaman baru. Ketikkan sekolahsmuku pada kotak TRY A NEW SEARCH kemudian tekan tombol Search. Kita dapat menggunakan nama domain yang lain yang kita inginkan
H. Melakukan Upload

Kita akan mempelajari cara melakukan upload dokumen yang telah kita buat dalam komputer kita ke Internet. Hal ini mebutuhkan tempat untuk menyimpan dan menampilkan data di Internet. Untuk lebih mudah memahami cara melakukan upload dan perbaikan data homepage, kita gunakan fasilitas gratis dari Yahoo dengan alamat http://www.yahoo.com. Langkah-langkahnya, yaitu :
  • Daftarkan nama sekolahsmuku sebagai user atau pengguna Yahoo Geocities. Caranya, tekan tombol Sign Up Now. Klik link Sign Up di bawah kotak Log In 
  • Isi form tersebut dengan lengkap. Setelah itu, tekan tombol I Agree 
  • Lalu, klik link Build your website now! untuk berpindah ke halaman berikutnya
  • Akan ditampilkan halaman GeoCities Control Panel. Pilih menu Manage kemudian klik link File Manager. Klik link Open File Manager 
  • Di halaman berikutnya akan ditampilkan fasilitas untuk melakukan upload file. Tekan tombol Upload Files yang terdapat di sebelah kanan atas. Lalu, masukkan file-file HTML yang sudah dibuat sebelumnya. Caranya, tekan tombol Browse di sebelah kanan setiap kotak untuk mengisi lokasi nama file yang dimaksud. Kemudian, tekan tombol Upload Files 
  • Selanjutnya, tekan link File Manager yang terdapat di bagian bawah halaman
  • Untuk memasukkan folder gambar yang sudah kita buat, kita perlu membuat subdirectory untuk folder gambar tersebut. Caranya, tekan tombol New di bawah Subdirectories. Beri nama subdirectories dengan nama Image kemudian tekan tombol Create Subdirectory 
  • Selanjutnya, buat subdirectory untuk menyimpan file CSS dengan ara yang sama. Beri nama subdirectories dengan nama CSS kemudian tekan tombol Create Subdirectory 
  • Edit file index.htm yang sudah disediakan oleh Geocities dengan melakukan modifikasi terhadap isinya. Tandai file index.htm kemudian tekan tomboli
  • Lakukan proses pengeditan melalui editor HTML yang tersedia. Setelah selesai, tekan tombol Save 
  • Untuk memasukkan file gambar Fish.jpg dan file CSS SMUKU.css ke dalam subdirectory Image dan CSS, klik dua kali subdirectory CSS pada halaman yang ditampilkan kemudian lakukan upload file SMUKU.css melalui tombol Upload Files. Kita dapat memasukkan file Fish.jpg ke dalam subdirectory Image dengan cara yang sama
  • Untuk menampilkan tampilan homepage yang telah kita upload, klik link View My Site yang terdapat di sebelah kanan atas
I. Memperbaiki dan Merivisi Data

Langkah-langkah memperbaiki homepage yang telah kita buat pada Yahoo! Geocities agar mudah diakses, yaitu :
  • Aktifkan Yahoo! Geocities, lakukan log in dengan nama sekolahsmuku dan password yang sesuai
  • Aktifkan GeoCities Control Panel. Pilih menu Manage kemudian klik link File Manager. Pada halaman File Manager, klik link Open File Manager 
  • Upload file logosmuku.gif dengan cara menekan tombol Browse di sebelah kanan kotak upload file 
  • Ubah gambar fish.jpg yang terdapat dalam setiap halaman, yaitu datasiswa.htm, jadwalpelajaran.htm, kegiatansiswa.htm, dan linkbermanfaat.htm dengan gamabr logosmuku.gif
  • Ubah link (img src="Fish.jpg" width="188" height="103") dengan (img src="logosmuku.gif" width="500" height=103"). Selanjutnya, tekan tombol Save 
  • Untuk menampilkan halaman yang sudah diubah gambarnya, klik link View My Site
Note : tanda () diganti dengan tanda <>

Bab 4

Diposting oleh Rilang Nadhil Darari komentar (0)

A. Menggunakan Pelayanan Internet

1. Pencarian Menggunakan Situs

Tugas-tugas dari guru biasanya disesuaikan dengan mata pelajarannya masing-masing. Terdapat beberapa situs yang khusus membahas satu topik mata pelajaran atau masalah, antara lain sebagai berikut :
2. Pencarian Menggunakan Search Engine

Selain menggunakan situs-situs yang sesuai dengan mata pelajaran tertentu, kita juga dapat melakukan pencarian informasi melalui Internet dengan menggunakan mesin pencari atau lebih dikenal dengan nama search engine. Search engine yang dapat kita gunakan, antara lain Google, Yahoo, Alta Vista, Alltheweb, Lycos, Excite, Web crawler, dan search engine lainnya. Dalam pembahasan ini, kita akan menggunakan Google untuk melakukan pencarian. Untuk menjalankan Google, ikuti langkah-langkah berikut :
Untuk melakukan pencarian dengan menggunakan Google, langkah-langkahnya adalah :
  • Setelah halaman Google terbuka, masukkan kata kunci pencarian pada kotak isian yang tersedia. Misalnya, kita ingin mencari halaman web yang mengandung informasi mengenai majalah komputer, maka ketikkan kata itu pada kotak isian yang disediakan
  • Tekan tombol Enter pada keyboard. Google akan melakukan pencarian dan segera menampilakan hasilnya
3. Fasilitas Khusus pada Google

Hasil pencarian yang lebih baik dapat kita peroleh karena Google menyediakan fasilitas pencarian yang lebih canggih. Kita dapat menetukan format file yang akan kita cari dengan menggunakan fasilitas ini. Misalnya, kita ingin melakukan pencarian Portable Document Format (PDF) mengenai majalah komputer. Kita ingin agar Google melakukan pencarian secara tepat serta hanya mencari di web yang berbahasa Indonesia. Lakukan dengan menggunakan cara sebagai berikut :
  • Jalankan browser bertuliskan Pencarian Khusus di samping kotak isian kata kunci pencarian
  • Klik hyperlink bertuliskan Pencarian Khusus
  • Hasil pencarian akan ditampilkan
4. Trik Pencarian Melalui Google

Agar pencarian yang kita lakukan melalui Google lebih efektif dan relevan, Google memfasilitasi diri dengan bantuan filterisasi atau penyaringan simbol matematika, tanda kutip, tanda (~), dan simbol Boolean.


A. Simbol Matematika (Tanda Plus (+))

Tanda Plus (+) bekerja apabila kita ingin mencari berbagai dokumen yang mempunyai lebih dari satu kata kunci. Misalnya kita ingin mengetahui nama-nama pemain bola negara Italia pada Piala Dunia 2006. Kita dapat mengetikkan kata kunci sebagai berikut :
  • +italia+footbal+player+name+word+cup+2006
Jika menemui format seperti ini, Google akan mecari seluruh dokumen atau halaman yang didalamnya terdapat kata "italia", "football", "player", "name", world cup", dan 2006". Jika terdapat kurang dari tujuh kata tersebut, maka dokumen yang bersangkutan tidak akan ditampilkan. Cara ini tentunya lebih efisien dibandingkan memasukkan kata kunci "italia football player" atau "italia football name".Tanda plus (+) dapatr kita gunakan sebanyak-banyaknya. Pada dasarnya, semakin banyak tanda plus (+) yang kita gunakan maka semakin spesifik sebuah pencarian.

B. Simbol Matematika (Tanda Minus (-))

Simbol matematika lain yang dapat kita gunakan adalah tanda minus (-). Simbol ini dapat diartikan "kecuali", yang bekerja jika kamu tidak ingin menampilkan dokumen atau file yang berisi kata yang terdapat di belakang tanda minus (-).
Misalnya, jika kita ingin mencari informasi mengenai buku pelajaran tetapi tidak ingin mengetahui informasi tentang komputer, kita dapat menggunakan kata kunci berikut :
  • +buku+pelajaran-komputer
B. Tanda Kutip (")

Jika kita hanya ingin memperoleh halaman web yang mengandung kata majalah komputer, dimana kedua kata tersebut tidak terpisah dan serangkai, maka ikuti langkah-langkah berikut:
  • Buka browser, ketikkan http://www.google.co.id/ pada Address bar, kemudian tekan tombol Enter pada keyboard. 
  • Ketika muncul tampilan seperti awal Google, ketikkan kata kunci pencarian pada kotak isian yang tersedia. Tambahkan tanda petik di awal dan di akhir kata kunci pencarian.
  • Tekan tombol Enter pada keyboard.
D. Tanda (~)

Google juga mengembangkan teknik pencarian dengan sinonim dalam bahasa Indonesia. Penggunaan sinonim ini adalah dengan menambahkan tanda (~) di depan istilah yang akan kita cari. Secara otomatis, Google akan menyertakan sinonim dalam pencariannya. Tanda (~) ini akan memudahkan kita yang kesulitan mencari padanan kata untuk sebuah pencarian yang kita maksud.
Misalnya, kita menggunakan tanda (~) di depan kata kunci penerbit widya utama, maka selain menampilkan dokumen yang mengandung kata "penerbit widya utama", Google juga akan menampilkan dokumen atau file yang juga mengandung kata-kata seperti "utama" atau "penerbit".

E. Operasi Boolean (OR)

Operasi OR biasa diartikan "atau" bekerja dengan cara yang sama dengan karakter spasi dalam simbol matematika. Dengan mengetikkan kata yang kita hubungkan dengan kata OR, hasil pencarian Google menampilkan dokumen atau informasi yang berisi salah satu dari kata yang kita masukkan.
Contoh penggunaan operasi OR, misalnya kita mengetikkan kata kunci berikut "komputer OR matematika". Selanjutnya, Google akan menampilkan seluruh dokumen atau informasi yang mengandung kata "komputer" atau "matematika" atau mengandung kedua kata tersebut.

B. Layanan Chatting untuk Berkomunikasi

CHAT merupakan kependekan dari Conversational Hypertext Access Technology, yaitu suatu sistem yang dapat digunakan untuk berkomunikasi dengan pengguna Internet di seluruh dunia secara real-time dan online. Chatting merupakan salah satu aktivitas yang cukup populer di Internet, mereka berkumpul dari berbagai suku, bangsa, benua, ras, umur, dan jenis kelamin.
Kita juga dapat berinteraksi langsung dengan para pakar yang berada di tempat lain melalui e-mail atau group, atau dapat juga dengan menggunakan layanan chatting. Terdapat banyak jenis program untuk chatting, salah satunya adalah mIRC. mIRC adalah salah satu program untuk chatting yang populer. mIRC menyediakan antarmuka yang mudah digunakan untuk dapat berhubungan dengan jaringan IRC (Internet Relay Chat). Jaringan IRC adalah sebuah tempat pertemuan maya (virtual) di mana setiap orang dari seluruh penjuru dunia dapat saling berkomunikasi.
Kita dapat memperoleh program ini di http://www.mirc.co.uk/ atau http://www.mirc.com/  Salah satu fasilitas yang menarik dari sekian fasilitas yang terdapat pada mIRC adalah jika kita sudah cukup berpengalaman menggunakan software ini, mIRC memberikan fasilitas untuk penggunanya untuk mengatur konfigurasi sistem yang diinginkan. Kita harus meng-install terlebih dahulu program mIRC jika kita belum memilikinya. Program mIRC yang terbaru sudah mencapai versi 6.17. Program ini dapat kita peroleh (download) secara gratis melalui Internet dengan cara berikut :
  • Jalankan browser kita, lalu buka halaman web http://www.mirc.com/get.html
  • Ketika muncul halaman web, pilih lokasi server terdekat.
  • Secara otomatis akan muncul konfirmasi untuk melakukan download terhadap file instalasi mIRC, kemudian simpan di folder yang kita inginkan.
Untuk melakukan chatting dengan menggunakan mIRC, ikuti langkah-langkah berikut ini :
  • Jalankan program mIRC dari dekstop atau start menu komputer
  • Ketika muncul jendela berikutnya, klik tombol Continue 
  • Secara otomatis akan muncul jendela mIRC Options 
  • Masukkan nama dan alamat e-mail kita. Masukkan juga nama samaran kita dalam kotak isian Nickname. Nama samaran tersebut yang akan kamu gunakan untuk berkomunikasi dengan orang lain di dalam mIRC. Alternative merupakan nama samaran lain yang perlu kita isikan. Hal ini berguna seandainya nama samaran kita sudah digunakan orang lain
  • Klik tombol Connect To Server pada kotak dialog mIRC Options. Akan muncul jendela mIRC
  • Selanjutnya, pilih salah satu channel yang ingin kita masuki. Kita juga dapat menuliskan nama channel tersebut pada kotak isian Enter a channel name and click join
  • Jendela sebuah channel akan muncul setelah kita berhasil terhubung dengan sebuah channel
  • Pada kotak bagian kanan, klik dua kali pada salah satu daftar alias yang ingin kita ajak mengobrol
  • Sekarang, kita bisa mengobrol dengan teman
  • Untuk menutup atau mengakhiri percakapan, kita dapat mengklik tombol Close pada jendela bagian kanan atas
C. Mailing List di Yahoogroups

Untuk dapat saling berkomunikasi dengan teman satu hobi dan satu profesi, dapat menggunakan suatu sarana yang bisa disebut mailing list. Mailing list atau disingkat Milis merupakan suatu kelompok diskusi dimana setiap orang dapat berlangganan dan berpartisipasi di dalamnya. Kita dapat membaca e-mail orang lain dan kemudian mengirimkan balasannya. Dengan kata lain, mailing list adalah sebuah daftar alamat-alamat e-mail yang mempunyai kesukaan atau kepentingan yang sama.
Jika seseorang mengirimkan e-mail yang kemudian dikirimkan ke semua orang yang terdapat di dalam daftar, kita dapat me-reply e-mail pengirim tersebut, mengirim e-mail baru, atau hanya membacanya saja. Setiap kali kita atau orang lain me-reply sebuah e-mail, email tersebut akan didistribusikan ke setiap mailbox setiap orang yang terdapat dalam daftar anggota. Hal ini diatur oleh sebuah program yang dinamakan Mailing list Manager atau Mail Server. Salah satu contoh mailing list yang terkenal adalah Yahoo! Groups.
Yahoo! Groups merupakan layanan mailing list yang disediakan oleh Yahoo! dan kita dapat gunakan untuk saling berkomunikasi baik melalui web maupun dengan menggunakan e-mail client, seperti Outlook Express. Dengan maling list, member (anggota) yang tergabung dapat mengirimkan pesan ke semua anggota dengan sekali kirm.

1. Membuat Mailing List di Yahoo! Groups

Langkah-langkah untuk membuat mailing list di Yahoo! Groups, yaitu :
  • Jalankan browser 
  • Buka situs Yahoo! Groups di http://groups.yahoo.com 
  • Klik Sign in untuk melakukan pendaftaran. Lakukan Login dengan menggunakan account Yahoo! ID yang telah kita miliki.
  • Klik create a group, maka akan muncul halaman Start a Group. Selanjutnya, klik salah satu kategori yang merupakan deskripsi mailing list kita. Misalnya, kita klik Computers & Internet.
  • Ketika muncul halaman web berikutnya, klik link Internet
  • Lalu, klik tombol Place my group here
  • Ketika muncul halaman berikutnya, ketikkan nama mailing list atau nama group pada kotak Group Name, ketikkan alamat e-mail list kita pada kotak isian Enter your Group e-mail address. Selnjutnya, deskripsikan singkat tentang mailing list kita, kemudian klik tombol Continue
  • Selanjutnya, akan muncul halaman berikutnya. Pada halaman tersebut, tentukan profil mailng list kita.Ketikkan huruf yang terdapat dalam gambar ke dalam kotak isian Word Verification, lalu klik tombol Continue
  • Selanjutnya, akan ditampilkan halaman verifikasi atau konfirmasi bahwa kita telah berhasil membuat mailing list
  • Kilk Customize Your Group untuk mengatur keanggotaan kelompok milis
  • Klik Invite People to Join untuk mengajak orang lain ikut bergabung dalam milis
  • Kita dapat mengkilk tulisan Sign Out untuk menutup mailing list kita
2. Berkirim E-mail Menggunakan Mailing List

Untuk melakukannya, ikuti langkah-langkah berikut ini :
  • Buka account e-mail kita
  • Klik tombol Compose untuk membuat pesan yang akan kamu kirim melalui alamat mailing list yang kita tuju. Klik tombol Send untuk mengirim e-mail tersebut
  • Setiap anggota mailing list akan menerima kiriman e-mail tersebut. Karena kita termasuk anggota mailing list, maka kita juga akan menerima e-mail yang kita kirimkan

Bab 3

Diposting oleh Rilang Nadhil Darari komentar (0)

A. Fungsi E-mail Sebagai Alat Komunikasi

1. Penggunaan Internet untuk Komunikasi (E-mail)

E-mail (Electronic Mail) merupakan salah satu fasilitas tertua dalam penggunaan internet. Dengan adanya e-mail maka akan mempermudah orang dari seluruh dunia untuk saling berkomunikasi dalam waktu singkat. Salah satu alasan disebarluaskannya penggunaan internet sebagai jaringan komputer internasional adalah karena fleksibilitas dari berbagai jenis komputer yang dapat terhubung dengan internet.

Terdapat dua jenis e-mail, yaitu :
  • E-mail berbaris web, pada e-mail jenis ini,seluruh aktivitas mengirim atau menerima e-mail dilakukan melalui sebuah situs yang disebut dengan web mail. 
  • E-mail berbaris client, dibutuhkan sebuah perangkat lunak apabila akan menggunakan e-mail pada e-mail jenis ini, misalnya Eudora atau Microsoft Outlook. Fasilitas yang disediakan perangkat lunak tersebut, antara lain fasilitas untuk menulis dan menulis dan mengolah e-mail tanpa harus terhubung dengan Internet.
2. Fungsi E-mail sebagai Alat Komunikasi

E-mail berasal dari kata electronic mail. E-mail atau surat elektronik adalah suatu cara untuk mengirimkan pesan dalam format data elektronik dari suatu komputer ke komputer lainnya. Pesan yang terdapat pada e-mail dibuat dengan pengolah kata yang menghasilkan suatu dokumen dan kemudian dikirimkan secara elektronik dengan menggunakan komputer.
Penggunaan e-mail memungkinkan data terkirim secara elektronik sehingga sampai di tujuan dengan sangat cepat. Kita dapat mengirimkan file berupa program, gambar, grafik, dan file lainnya. E-mail juga dapat digunakan untuk mengirimkan surat kepada keluarga di luar negeri. Dalam bidang bisnis, e-mail sudah digunakan untuk melakukan kesepakatan bisnis atau mengirimkan dokumen penting.

Terdapat banyak cara untuk mendapatkan e-mail, yaitu :
  • Melalui penyedia e-mail gratis, hanya tinggal mengunjungi penyedia tersebut, mengisi data pribadi lalu kita pun akan memiliki e-mail secara instan.
  • Undangan dari teman, melalui undangan (invite) dari teman kita yang telah memiliki account pada penyedia layanan e-mail tersebut.
  • Dari Intenet Service Provider (ISP), ISP adalah perusahaan yang melayani koneksi internet.
  • Dari perusahaan, e-mail yang diperoleh dari perusahan adalah e-mail yang diberikan oleh suatu perusahaan. Ciri khasnya adalah alamat e-mail ini memiliki identitas perusahaan dimana e-mail tersebut terdaftar.
  • Memesan sendiri, cara ini hanya bertujuan untuk mendapatkan alamat e-mail khusus yang dapat kita tentukan sendiri, mulai dari nama domain, identitas diri, serta fasilitas yang ingin kita dapatkan dari e-mail tersebut. Untuk mendapatkannya kita harus memesan domain terlebih dahulu, kemudian memesan paket hosting untuk server, setelah itu kita dapat menggunakan e-mail tersebut.
B. Mailbox (Fisik dan Logik)

Alat komunikasi melalui media elektronik mempunyai keunikan tersendiri, baik dari kecepatan transfer data maupun kemampuannya untuk melakukan broadcast. Surat merupakan alat komunikasi yang sudah lama kita kenal. Mengirim surat dengan menggunakan metode konvensional, akan menghasilkan sesuatu yang jelas dan isinya tidak harus selalu diklarifikasi. Sedangkan melalui e-mail sangat mudah digunakan. Pengguna e-mail memiliki kotak surat yang disebut dengan mailbox yang tersimpan dalam mail server. Untuk dapat membuka mailbox, pengguna harus memasukkan user ID dan kata kunci (Password). Pesan yang diterima akan disimpan mailbox, selanjutnya pemilik mailbox dapat melakukan pengecekan isi, membaca, menjawab, menghapus, dan mengirim pesan (e-mail).

C. Adress dan Subjek E-mail

Terdapat berbagai macam penyedia layanan e-mail, diantaranya :
Nama login atau alamat pada umumnya terdiri atas 2 bagian utama, yaitu nama mailbox dan nama komputer dimana mailbox tersebut berada. Mailserver merupakan komputer tempat meletakkan mailbox, sedangkan setiap pengguna e-mail dapat kita sebut sebagai client. Format penulisan alamat e-mail dituliskan sebagai berikut :
  • namamailbox@namaserver
1. Melakukan Pendaftaran di Yahoo Mail

Langkah-langkahnya adalah sebagai berikut:
  • Klik start
  • Klik browser website 
  • Buka situs Yahoo Mail di http://mail.yahoo.com, di kotak Address
  • Klik Sign Up, lalu isi form pendaftaran
  • Isikan Enter the code pada bagian Verify Your Regristration 
  • Baca ketentuan layanan disediakan oleh Yahoo Mail. Pada bagian Term of Service, klik I Agree 
  • Setelah aplikasi diterima, sebaiknya mencatat Yahoo ID dan e-mail yang ditampilkan Yahoo!,
     kemudian klik Continue to Yahoo! Mail
  • Setelah mengklik Continue to Yahoo! Mail, kita akan masuk ke Yahoo! Mail yang kita miliki. Kita akan mendapat inbox yang berisi ucapan selamat bergabung di Yahoo! 
  • Proses untuk menjadi anggota Yahoo! Mail telah selesai. Kita sudah memiliki e-mail di Yahoo!. Untuk keluar dari Yahoo!, klik sign out
2. Menggunakan Yahoo! Mail

Langkah-langkahnya adalah sebagai berikut:
  • Klik start, pilih browser 
  • Buka situs Yahoo! di http://mail.yahoo.com, dengan cara mengetikan alamat tersebut di address. Isi Yahoo ID dan password, lalu sign in
D. Attachment File dalam E-mail

1. Mengirim E-mail

Langkah-langkahnya adalah sebagai berikut :
  • Klik ikon Compose 
  • Akan muncul halaman Compose 
  • Pada kotak To, ketik alamat e-mail penerima, dan pada kotak subjek ketik perihal e-mail yang kita kirimkan
  • Pada kotak CC (Carbon Copy), isikan dengan alamat tujuan lain yang mendapat tembusan e-mail, alamat e-mail akan ditampilkan pada e-mail penerima sehingga penerima tahu siapa yang menerima e-mail 
  • Pada kotak BCC (Blind Carbon Copy), isikan dengan alamat tujuan lain yang mendapat tembusan e-mail, tetapi alamat e-mail tidak ditampilkan pada e-mail penerima sehingga penerima tidak tahu siapa yang menerima e-mail
  • Ketik isi e-mail yang ingin kita kirimkan
  • Klik Send, untuk mengirim e-mail 
  • Akan muncul konfirmasi pengiriman e-mail kita
  • Klik Back to Inbox untuk kembali ke kotak surat (inbox)
2. Mengirim Attachment File dalam E-mail

Langkah-langkahnya adalah sebagai berikut :
  • Klik Attach Files 
  • Pilih file dengan cara mengklik tombol Browse 
  • Selanjutnya akan ditampilkan proses pengambilan file (Attach File)
  • Jika berhasil, akan muncul tombol Continue to Message 
  • Klik Send untuk mengirim e-mail beserta sisipan (attachment)
E. Melakukan Reply dan Forward

1. Melakukan Reply E-mail

Reply adalah fasilitas untuk membalas e-mail ke alamat e-mail si pengirim. Langkah-langkahnya adalah sebagai berikut :
  • Buka surat yang terdapat di inbox 
  • Klik Reply, kemudian akan muncul editor reply 
  • Klik Attach Files, jika ingin memasukan dokumen
  • Klik Send, tunggu sampai muncul pemberitahuan bahwa e-mail balasan (reply) kita sudah terkirim
  • Klik Back to Message untuk kembali ke inbox
2. Melakukan Forward E-mail

Forward adalah fasilitas untuk meneruskan e-mail yang kita terima ke alamat e-mail lain selain alamat si pengirim. Langkah-langkahnya adalah sebagai berikut :
  • Buka surat yang terdapat di inbox 
  • Klik Forward, kemudian akan ditampilkan editor forward 
  • Tuliskan alamat e-mail tujuan pada kotak isian To 
  • Klik Send, tunggu sampai muncul pemberitahuan bahwa e-mail terusan (forward) kita sudah terkirim
  • Klik Back to Message untuk kembali ke inbox
F. Mengelola E-mail

Untuk menghapus e-mail dapat mengikuti langkah-langkah sebagai berikut :
  • Buka kotak surat kita (inbox)
  • Pilih e-mail yang ingin dihapus
  • Klik pada bagian sebelah kiri Sender, sampai muncul tanda check list 
  • Klik Delete
Untuk menghapus e-mail sampah (spam), dapat dilakukan dengan langkah-langkah sebagai berikut :
  • Pada bagian folders, pilih Bulk
  • Pilih e-mail yang ingin dihapus
  • Klik pada bagian sebelah kiri Sender, sampai muncul tanda check list 
  • Klik Delete
G. Download Attachment File
 
Langkah-langkah membuka atau menyimpan e-mail yang mempunyai sisipan (attachment) adalah sebagai berikut :
  • Buka e-mail yang mengandung file attachment, e-mail ini akan ditandai dengan simbol attachment (seperti klip)
  • Akan ditampilkan halaman e-mail yang diterima. Perhatikan bagian bawah e-mail, akan terlihat file attachment 
  • Klik nama file attachment pada kotak subject e-mail untuk membuka atau menyimpan (men-download) file sisipan
  • Klik Scan and Download Attachment, kemudian akan tampil kotak informasi pengecekkan file attach terhadap virus
  • Klik Download Attachment jika file attachment sudah benar-benar bebas dari virus
  • Akan muncul kotak dialog untuk download file 
  • Jika ingin menyimpan file attachment, klik Save. Kemudian akan ditampilkan kotak dialod Save As 
  • Tentukan direktori atau folder penyimpanan data pada kotak Save in 
  • Klik nama file pada kotak File name jika ingin mengubah nama file attachment 
  • Klik Save, kemudian akan ditampilkan kotak dialog proses download file. Jika proses sudah selesai dan lengkap maka akan ditampilkan kotak dialog Download Complete 
  • Klik Open untuk membuka file hasil download atau Close untuk menutup jika proses download telah selesai
H. Kode Etik Penggunaan E-Mail

E-mail dapat membantu dalam banyak hal. Tapi penggunaan e-mail tanpa etika yang benar dapat berakibat fatal dalam beberapa kasus. Etika dalam berkomunikasi melalui e-mail dikenal dengan istilah netiquette atau internet etiquette. Berikut ini beberapa aturan yang perlu diketahui ketika kita berkomunikasi dalam e-mail. 
  • Hindari penggunaan huruf Kapital terhadap seluruh isi pesan.
  • Hormati privacy orang lain.
  • Ingatlah bahwa tidak semua orang suka menerima segala hal yang dianggap Lucu.
  • Jangan teruskan surat berantai.
  • Jangan melakukan spam. 
  • Perhatikan susunan e-mail kita apabila kita ingin mengirim.
  • Selalu isi bagian subject. 
  • Ganti subject apabila topik pembicaraan berubah.
  • Hapuslah pesan Reply yang tidak perlu.
  • Jangan mudah tersinggung atau menghapus buru-buru menghapus semua e-mail tanpa memikirkannya terlebih dahulu.
  • Bersabarlah dalam menunggu balasan.
  • Jangan mengirim e-mail dengan lampiran yang terlalu besar, kecuali diminta.
  • Hindari kesalahan ejaan.
  • Hindari penggunaan kata-kata “pedas”.
  • Baca Frequently Asked Question (FAQ), jika ingin bergabung dalam sebuah kelompok diskusi.

Bab 2

Diposting oleh Rilang Nadhil Darari komentar (3)

A. Pelayanan World Wide Web (WWW)

Seperti kita ketahui, sudah miliaran halaman web yang terdapat di Internet. Bagaimana untuk mencari halaman web? Jika kita mencoba kita mencoba membuka halaman web satu persatu untuk mencari halaman web tertentu, maka hal ini tidak mudah. Untuk proses pencarian dan menemukan suatu informasi, kita dapat menggunakan mesin pencari yang dikenal dengan istilah search engine. Search engine merupakan sebuah situs khusus yang dirancang untuk menyimpan katalog serta menyusun daftar alamat tersebut berdasarkan topik tertentu.
Kemampuan Internet boleh dikatakan tidak terbatas dalam mengelola informasi dan mempunyai sumber daya yang tidak sedikit, termasuk di dalamnya penggunaan e-mail, usenet newsgroup, proses transfer file ataupun informasi, dan pelayanan lainnya.
Sumber daya yang dimiliki oleh internet yaitu :
  • E-mail, digunakan untuk melakukan pertukaran surat elektronik
  • Newsgroup, forum diskusi
  • Mailing List, kelompok diskusi dengan menggunakan surat elektronik
  • IRC (Internet Relay Chat), fasilitas yang memungkinkan pengguna melakukan dialog dalam bahasa tertulis secara interaktif
  • Telnet, fasilitas yang memungkinkan pengguna melakukan koneksi (login) ke suatu sistem komputer
  • FTP (File Transfer Protocol), sarana untuk melakukan transfer berkas dari komputer lokal ke suatu komputer lain atau sebaliknya
  • Gopher, perangkat yang memungkinkan pengguna untuk menemukan informasi yang terdapat pada server Gopher melalui menu yang bersifat hierarkis
  • Archie, perangkat yang dapt digunakan untuk melakukan pencarian berkas pada situs FTP
  • Veronica (Very Easy Rodent-Oriented Netwide Index to Computer Archieves), merupakan kemampuan tambahan yang digunakan untuk melakukan pencarian pada situs-situs Gopher 
  • WAIS (Wide Area Information Servers), perangkat yang digunakan untuk melakukan pencarian data pada Internet yang dilakukan dengan menyebutkan nama basis data dan kata kunci yang dicari
  • World Wide Web (WWW), sistem yang memungkinkan pengaksesan informasi dalam Internet melalui pendekatan hypertext
World Wide Web (WWW) atau biasa disebut dengan web merupakan salah satu layanan yang diperoleh pengguna komputer yang terhubung dengan Internet. Selain itu, WWW juga dapat diartikan sebagai sebuah sistem di mana informasi dalam bentuk teks, gambar, suara, dan informasi lainnya dipresentasikan dalam bentuk hypertext.
Protokol yang digunakan web disebut HTTP (HyperText Transfer Protocol) yang berjalan pada TCP/IP. Adapun dokumen web pada umumnya ditulis dalam format HTML (HyperText Markup Language). Dokumen tersebut diletakkan di dalam web server (server yang melayani permintaan halaman web) dan diakses oleh klien (pengakses informasi) melalui perangkat lunak yang disebut (browser).

B. Menu dan Fasilitas pada Web Browser

Fasilitas utama yang dimiliki oleh berbagai browser pada umumnya adalah sama, yaitu penyedia layanan navigasi untuk para "peselancar" di dunia maya. Biasanya terdapat enam bagian informasi yang ditampilkan pada jendela browser, yaitu :
  • Title Bar, merupakan judul dari halaman web yang sedang dibuka. Title bar ini berada pada baris paling atas dari jendela browser.
  • Menu Bar, merupakan menu-menu utama browser. Misalnya, menu File, Edit, View, dan menu lainnya. Di dalam menu-menu tersebut terdapat beberapa submenu yang lain.
  • Tool Bar, merupakan tombol-tombol standar yang sering digunakan pada saat browsing sebagai jalan pintas (shortcut) untuk menu-menu yang ada dalam bentuk button.
  • Adress Bar, berfungsi untuk menunjukkan atau menuliskan alamat situs halaman web yang ingin ditampilkan.
  • Workspace, merupakan ruang untuk menampilkan informasi dari halaman yang sedang kita kunjungi. Pada bagian ini juga terdapat tempat untuk melakukan scrolling (menggeser atau menggulung) halaman.
  • Status Bar, berfungsi untuk menampilkan situs dari situs web yang sedang kita buka. Tulisan terdapat pada status bar dapat berubah sesuai kondisi.
Bagian-bagian pada tool bar yang sering digunakan yaitu :
  • Back, untuk kembali ke halaman web sebelumnya.
  • Forward, untuk maju ke halaman web berikutnya.
  • Stop, untuk menghentikan proses download situs web yang sedang berlangsung.
  • Refresh, untuk menampilkan kembali halaman web.
  • Home, untuk kembali ke halaman pertama.
  • Search, untuk mencari web atau data tertentu pada internet.
  • Favorites, untuk menyimpan halaman web yang sering dikunjungi.
  • History, untuk menampilkan kembali daftar web yang telah dikunjungi.
  • Mail, untuk mengirim atau membaca e-mail.
  • Print, untuk mencetak halaman web yang diinginkan.
C. Pengertian URL dan Homepage

1. Mengenai URL

URL (Universal Resource Locator) merupakan alamat sebuah situs atau dokumen dari sumber lainnya di Internet yang terdapat pada web. URL adalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama file-nya, tetapi juga nama mesin yang digunakan dalam jaringan. URL dapat disediakan atau diakses dengan berbagai metode dan bisa jadi bukan hanya sekedar file, karena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database, hasil dari suatu perintah finger atau archie, atau apa pun yang berkaitan dengan data hasil proses.
Secara umum, untuk melakukan penjelajahan Internet harus diketahui alamat yang dituju. Aturan penulisan alamat tersebut adalah sebagai berikut :
  • Protokol > http://
  • Domain > www.ilkom.fmipa.ipb.ac.id
  • Directory > /06/
  • Nama halaman > index.php
Aturan tersebut jika digabung akan menjadi :
  • http://www.ilkom.fmipa.ipb.ac.id/06/index.php
Bentuk nama domain secara umum adalah :
  • ilkom.fmipa.ipb.ac.id
Contoh di atas menunjukkan alamat web Departemen Ilmu Komputer, FMIPA, IPB. Bagian "ac" menyatakan tipe domain, sedangkan "id" menyatakan kode negara untuk Indonesia.
Bermacam-macam tipe domain dapat dilihat sebagai berikut :
  • com atau co, Perusahaan komersil
  • edu atau ac, Institusi pendidikan
  • gov atau go, Biro atau badan pemerintah
  • mil, Militer
  • net, Penyedia jaringan
  • org atau or, organisasi
Bemacam-macam contoh kode negara dapat dilihat sebagai berikut :
  • at, Austia
  • au, Australia
  • ca, Kanada
  • de, Jerman
  • fr, Prancis
  • id, Indonesia
  • jp, Jepang
  • kr, Korea Selatan
  • mx, Meksiko
  • my, Malaysia
  • nz, Selandia Baru
  • sg, Singapura
  • tr, Turki
  • tw, Taiwan
  • uk, Inggris
  • us, USA
  • ve, Venezuela
  • za, Afrika Selatan
2. Mengenal Homepage

Informasi-informasi yang terdapat di WWW dikemas dalam bentuk halaman-halaman web (web page). Sekumpulan halaman web milik seseorang atau suatu perusahaan dikumpulkan dan diletakkan dalam sebuah situs web (website). Homepage adalah istilah untuk menyebut halaman pertama yang akan kita lihat jika sebuah situs web diakses dan merupakan suatu informasi dalam World Wide Web. Suatu homepage dapat memuat informasi mengenai apa pun yang dapat kita bayangkan.
Web page atau halaman web merupakan istilah lain yang tidak kalah penting untuk kita ketahui. Jika website dapat diibaratkan seperti sebuah buku, maka sebuah web page merupakan salah satu halaman dari website tersebut. Karena homepage merupakan halaman depan dari website pun dapat disebut sebagai sebuah web page. Akan tetapi, tidak semua web page merupakan homepage.

D. Hypertext dan HTML

1. Hypertext

Dalam komputer, hypertext adalah paradigma interface pengguna untuk menampilkan dokumen yang berisi referensi-silang otomatis ke dokumen lainnya yang disebut hyperlink. Memilih hyperlink menyebabkan komputer menampilkan dokumen yang terhubungkan dalam waktu sangat singkat.
Sebuah dokumen dapat dibuat secara statik atau dinamik. Oleh karena itu, sebuah sistem hypertext yang dikonstruksi dengan baik dapat menangani, menggunakan atau melebihi banyak interface pengguna lainnya seperti menu dan baris perintah, dan dapat digunakan untuk mengakses kedua dokumen referensi-silang yang dikumpulkan secara statik dan aplikasi interaktif. Dokumen dan aplikasi terdapat secara lokal atau dari mana pun dia berada dengan bantuan jaringan komputer seperti Internet. Implementasi paling terkenal dari hypertext adalah World Wide Web.
Istilah "hypertext" sering kali digunakan di mana istilah hypermedia lebih cocok bila digunakan.

Source : http://id.wikipedia.org/wiki/Hypertext

2. HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka e-mail ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.
Secara garis besar, terdapat 4 jenis elemen dari HTML:
  • structural, tanda yang menentukan level atau tingkatan dari sebuah teks.
  • presentational, tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut.
  • hypertext, tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain.
  • Elemen widget, memuat objek objek lain seperti tombol, list, dan garis horisontal.
Selain markup presentational , markup yang lain tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Source : http://id.wikipedia.org/wiki/Html

E. Search Engine

Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.
Sejalan dengan makin berkembangnya pemanfaatan jaringan internet sebagai media bisnis, kebutuhan atas SEO juga semakin meningkat. Berada pada posisi teratas hasil pencarian akan meningkatkan peluang sebuah perusahaan pemasaran berbasis web untuk mendapatkan pelanggan baru. Peluang ini dimanfaatkan sejumlah pihak untuk menawarkan jasa optimisasi mesin pencari bagi perusahaan-perusahaan yang memiliki basis usaha di internet.

Sejarah terbentuknya mesin pencari (search engine)

Menurut Danny Sullivan, istilah search engine optimization pertama kali digunakan pada 26 Juli tahun 1997 oleh sebuah pesan spam yang diposting di Usenet. Pada masa itu algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi.
Versi awal algoritma pencarian didasarkan sepenuhnya pada informasi yang disediakan oleh webmaster melalui meta tag pada kode html situs web mereka. Meta tag menyediakan informasi tentang konten yang terkandung pada suatu halaman web dengan serangkaian kata kunci (keyword). Sebagian webmaster melakukan manipulasi dengan cara menuliskan kata kunci yang tidak sesuai dengan konten situs yang sesungguhnya, sehingga mesin pencari salah menempatkan dan memeringkat situs tersebut. Hal ini menyebabkan hasil pencarian menjadi tidak akurat dan menimbulkan kerugian baik bagi mesin pencari maupun bagi pengguna internet yang mengharapkan informasi yang relevan dan berkualitas.
Larry Page dan Sergey Brin, dua mahasiswa doktoral ilmu komputer Universitas Stanford, berusaha mengatasi permasalahan tersebut dengan membangun Backrub, sebuah mesin pencari sederhana yang mengandalkan perhitungan matematika untuk memeringkat halaman web. Algoritma tersebut, yang dinamakan PageRank, merupakan fungsi matematika yang kompleks berupa kombinasi antara perhitungan jumlah link yang mengarah pada suatu halaman web dengan analisis atas kualitas masing-masing link tersebut.
Berdasarkan prinsip kerja PageRank, secara umum bisa dikatakan bahwa halaman web yang memperoleh peringkat tinggi adalah halaman web yang banyak di-link oleh halaman web lain. Nilai Page Rank juga akan semakin tinggi apabila halaman web yang mengarah kepadanya juga memiliki kualitas yang tinggi. Nilai sebuah link dari situs berkualitas tinggi seperti Yahoo! atau DMOZ dapat bernilai lebih tinggi daripada kombinasi nilai link dari seratus situs web berkualitas rendah.
Backrub hanyalah sebuah permulaan. Pada tahun 1998 Page dan Brin mendirikan Google yang merupakan versi tingkat lanjut dari Backrub. Dalam waktu singkat Google memperoleh reputasi dan kepercayaan dari publik pengguna internet karena berhasil menyajikan hasil pencarian yang berkualitas (tidak dimanipulasi), cepat, dan relevan. Page Rank lantas menjadi standar baik bagi mesin pencari lain maupun bagi webmasterwebnya yang berusaha agar situs memperoleh nilai Page Rank setinggi mungkin sehingga menempati posisi tertinggi pada hasil pencarian.

Tokoh-tokoh SEO Terkemuka

Selain pendiri Google Larry Page dan Sergey Brin, beberapa orang menjadi figur yang dihargai dan pendapatnya dijadikan acuan seputar bisnis mesin pencari dan SEO. 
  • Danny Sullivan, Mantan wartawan LA Times yang mendirikan situs web Search Engine Watch yang aktif menyoroti perkembangan bisnis dan teknologi mesin pencari. Kini dia aktif menulis dan membuat reportase di Search Engine Land.
  • Matt Cutts, Programmer dan mantan pegawai NSA (National Security Agency) Amerika Serikat yang bergabung dengan Google pada tahun 2001 dan saat ini mengepalai tim penanggulangan spam Google. Selain menjadi karyawan Google, Matt Cutts adalah seorang blogger terkemuka. Artikel-artikel di blognya menjadi rujukan para praktisi SEO dari seluruh dunia, karena blognya sering menjadi sumber pertama setiap informasi mengenai perkembangan teknologi pencarian Google. Matt Cutts sering dianggap sebagai juru bicara tidak resmi Google. 
  • Vannesa Fox, Mantan karyawati Google. Vannesa dikenal di kalangan webmaster sebagai konseptor dan programmer yang mengepalai proyek Google Webmaster Central.
Source : http://id.wikipedia.org/wiki/Optimisasi_mesin_pencari

Dari sekian banyak mesin pencari (search engine), yang paling populer diantaranya, yaitu :
1. Google (www.google.co.id)

Google merupakan mesin pencari yang cukup terkenal untuk saat ini dan memberikan hasil yang relevan dan sangat cepat. Sejumlah besar informasi di Internet membutuhkan layanan pencarian yang sempurna untuk mengelola informasi. Tidak hanya kecanggihan yang dimiliki Google, tetapi juga layanan komunikasi dengan penggunanya yang mengguanakan bahasa Indonesia, bahkan bahasa Jawa. Sebagai satu sistem yang melayani pengguna dalam melayani informasi diantara miliaran halaman web yang terdapat di Internet, Google menggunakan kombinasi yang unik anatara perangkat keras dan perangkat lunak yang canggih. Kecepatan pencarian yang berbiaya rendah, yang dihubungkan dalam sebuah jaringan kerja untuk membangun sebuah mesin pencari yang super cepat.

2. Yahoo (www.yahoo.com)

Yahoo merupakan situs search engine yang paling kaya fitur. Popularitas Yahoo meningkat dimata para pengguna karena banyaknya fitur yang disediakan. Hal ini disebabkan karena Yahoo memposisikan diri sebagai situs portal di Internet. Meskipun situs ini banyak fitur yang menggiurkan, tetapi kemampuan layanan mesin pencarinya tidak kalah dengan search engine yang lain. Kecepatan dan keakuratannya dapat diadu dengan search engine terkemuka lainnya.

3. All The Web (www.alltheweb.com)

Internet AllTheWeb adalah mesin pencari yang berjaya pada pertengahan tahun 1999. Ini tumbuh keluar dari FTP Search, Tor Egge doktor tesis di Norwegia Universitas Sains dan Teknologi, yang ia mulai pada tahun 1994, yang pada gilirannya mengakibatkan pembentukan Cepat Cari dan Transfer didirikan pada 16 Juli 1997. Itu digunakan terutama sebagai bagian pertunjukan situs untuk FAST perusahaan mesin pencari. Meskipun menyaingi Google dalam ukuran dan teknologi, AllTheWeb tidak pernah menjadi populer.
Ketika AllTheWeb dimulai pada tahun 1999, Cepat Cari dan Transfer bertujuan untuk menyediakan database untuk mesin pencari yang lain, menyalin kasus yang sukses Inktomi. Memang, pada bulan Januari 2000, Lycos digunakan hasil mereka Lycos PRO dalam pencarian. Pada saat itu, para AllTheWeb database Crawler mereka diindeks lebih dari 2 milyar halaman dengan Juni 2002 dan memulai babak baru dari perang ukuran mesin pencari. Sebelum pembelian oleh Yahoo!, database berisi sekitar 3,3 miliar URL. AllTheWeb memiliki beberapa keunggulan dibandingkan dengan Google, seperti database lebih segar, lebih canggih fitur pencarian, cari clustering dan disesuaikan sepenuhnya terlihat. Pada Februari 2003 Cepat divisi pencarian web dibeli oleh Overture. Bulan Maret 2004 Overture itu sendiri diambil alih oleh Yahoo!. Tak lama setelah Yahoo! akuisisi, di situs AllTheWeb mulai menggunakan Yahoo! database telah berkembang dari 80 juta URL hingga 200 juta. Tujuan mereka adalah untuk mengindeks semua web dapat diakses publik. dan beberapa fitur canggih yang dihapus, seperti FTP pencarian.

4. Excite (www.excite.com)

Excite tetap menjadi pilihan pengguna dalam mencari data di Internet, meskipun situs ini mengalami pasang surut dalam bisnis dot-com. Excite merupakan search engine pelopor dan paling inovasional pada saat pertama kali diperkenalkan. Excite masih layak untuk bersaing dan disebut terbaik di antara search engine lain, karena keakuratan dan kecepatannya dalam menampilkan hasil pencarian.

5. Lycos (www.lycos.com)

Setiap search engine tentu dibuat semenarik dan seakurat mungkin untuk dapat bersaing dan mengejar popularitas di mata pengguna Internet. Lycos sebagai salah satu pelopor mesin pencari, tetap bagus, cepat, dan akurat dalam melakukan pencarian, meskipun banyak situs search engine baru yang baik dan akurat. Hal inilah yang membuat Lycos masih bertahan di jajaran search engine terbaik dunia.
Tampilan Lycos cukup meriah, mengesankan dirinya sebagai situs portal, tidak seperti tampilan search engine lain yang terkesan sederhana. Kotak pencarian terletak di bagian atas halaman, seakan tersembunyi oleh tampilan image dan ikon fitur yang mencolok. Akan tetapi, tidak salah jika fitur-fiturnya dibuat mencolok, karena fitur tersebut sangat bermanfaat dan membantu para penggunanya.

6. Altavista (www.altavista.com)

Para pesaing bisnis di bidang Internet layak memperhitungkan Altavista, khususnya dalam bidang search engine, karena kepopuleran mesin pencari ini dapat disetarakan dengan search engine lain yang lebih lama muncul. Keandalan dan keakuratan hasil yang ditampilkan Altavista menjadikan para pengguna memilih situs ini.
Di balik tampilannya yang sederhana, Altavista menyimpan potensi fungsi pencarian yang mencenangkan. Bahkan, fasilitas penerjemahnya, Babel Fish, merupakan layanan terbaik di kelasnya.

F. Menggunakan Search Engine

Search Engine mempunyai 3 komponen penting. Pertama, elemen yang disebut laba-laba (spider) yang disebut juga dengan crawler. Elemen spider mengajarkan akses ke situs-situs web, membaca isinya dan mengikuti link-link yang terdapat dalam situs.
Setiap informasi yang dijumpai di elemen spider selalu akan ditulis dalam sebuah indeks. Indeks merupakan elemen kedua dari search engine. Indeks mirip dengan buku raksasa berisi salinan (copy) dari setiap situs yang dikunjungi elemen spider. Jika elemen spider menemukan perubahan dari sebuah situs web, maka informasi dari situs web yang terdapat dalam katalog ini akan segera diperbaharui (update). Kadang-kadang diperlukan sebuah penulisan halaman baru sesuai hasil elemen temuan spider pada situs web, sehingga terdapat kemungkinan informasi baru dari sebuah situs web yang telah diakses oleh elemen spider tidak tertulis dalam indeks katalog.
Elemen ketiga dari search engine adalah perangkat lunak (software) search engine itu sendiri. Program inilah yang memilih jutaan data dalam katalog yang berisi salinan halaman-halaman situs web dan mencocokannya sesuai permintaan pengguna internet dan kemudian menampilkan data ke layar monitor dan menyusunnya dalam daftar sesuai dengan peringkatnya.

Berikut adalah langkah-langkah untuk mencari search engine Google :
  • Buka browser Internet Explorer
  • Pada kotak Address ketik www.google.co.id, kemudian tekan Enter 
  • Pada kotak search, ketik kata kunci yang ingin dicari, lalu tekan Enter
  • Pilih link untuk informasi yang diperlukan dengan mengklik link tersebut
G. Mengelola Informasi yang diperoleh

1. Menyimpan Informasi

Kita dapat menyimpan data ke dalam harddisk, disket, atau flash disk. Sehingga tanpa harus terhubung dengan internet (offline), kita dapat membukanya.

Adapun cara-cara menyimpan halaman web tersebut :
  • Aktifkan web browser pada halaman yang kita sukai
  • Setelah tampilan muncul secara utuh, klik File pada pull-down menu, dan pilih Save As 
  • Selanjutnya akan muncul kotak dialog Save Web Page, tentukan dimana file tersebut akan disimpan, dan juga nama file-nya
  • Pilih tombol Save untuk melakukan penyimpanan
Terdapat berbagai jenis penyimpanan yang disediakan, yaitu sebagai berikut :

  • Web Page Complete (*.htm,*html), Fasilitas ini digunakan untuk menyimpan halaman web secara lengkap.
  • Web Archive, Single File (*.mht), Fasilitas ini digunakan untuk menyimpan halaman web secara lengkap dalam satu kesatuan file dengan extension *.mht. File html, gambar, dan animasi disimpan dalam satu file tersebut.
  • Web Page, HTML Only (*.htm,*.html), Fasilitas ini digunakan untuk menyimpan file html. Sedangkan, file pendukung, seperti gambar-gambar beserta animasi tidak ikut disimpan.
2. Mencetak informasi

Langkah-langkah mencetak file sebagai berikut :
  • Klik menu File
  • Klik Print, akan muncul kotak dialog Print
  • Selanjutnya, pilih jenis printer kemudian klik Print
H. Download File

Download adalah menyalin data dari server secara remote (mengambil file atau mentransfer file dari satu komputer ke komputer lainnya). Banyak program khusus untuk menangani kegiatan download file dari internet. Misalnya, Download Accelerator Plus (DAP), Getright, Free Download Manager, dan lainnya.

Langkah-langkah untuk melakukan download, yaitu :
  • Buka Browser, pilih satu topik
  • Klik Download 
  • Secara otomatis akan muncul jendela konfirmasi untuk melakukan Download terhadap file tersebut
  • Klik tombol Save untuk mulai mendownload informasi. Ketika muncul jendela Save As tentukan folder penyimpanan
  • Ketika muncul jendela progress download, tunggu beberapa saat sampai proses selesai
I. Elemen-elemen dalam Dokumen HTML

Untuk membangun suatu situs atau halaman web, kamu terlebih dahulu harus mengerti mengenai HTML. HTML terdiri atas tag-tag yang mempunyai fungsi dan kegunaan masing-masing. Tag adalah kode yang berada di antara tanda kurung. Bentuk umum dari suatu tag diawali dengan tanda kurung, kemudian teks yang akan dimasukkan, dan diakhiri dengan tanda kurung dengan garis miring. Tag-tag tersebut ditulis secara berpasangan. Saat program browser menampilkan suatu halaman web, browser tersebut akan mencari tag pembuka, kemudian menampilkan teks dengan bentuk yang sesuai dengan definisi dari tag tersebut, dan kemudian mencari tag penutup sebagai batasannya. Tidak semua tag harus ditulis berpasangan, karena terdapat beberapa tag tertentu yang hanya perlu ditulis tunggal.
Elemen yang dibutuhkan untuk membuat suatu dokumen HTML, dinyatakan dengan tag dan berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi mengenai dokumen tersebut dan elemen body berisi teks yang sebenarnya, tersusun atas link, grafik, dan elemen lainnya. Secara umum, dokumen web dibagi menjadi dua bagian (section), yaitu section head dan section body.
Setiap dokumen HTML harus diawali dengan menuliskan tag dan di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen tersebut adalah dokumen HTML. Dalam satu dokumen hanya terdapat satu elemen HTML.
Section atau elemen head ditandai dengan tag head di awal dan tag head dengan garis miring di akhir. Section ini berisi informasi mengenai dokumen HTML. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen. Judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag title dan diakhiri dengan tag title dengan garis miring. Section atau elemen body ditandai dengan tag body di awal dan diakhiri dengan tag body dengan garis miring. Section body merupakan elemen terbesar di dalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf, grafik, link, tabel, dan elemen lainnya.

Mengenai Saya

Foto saya
Saya siswa SMAN 2 Bekasi, kelahiran Surabaya. Saya senang berteman dan punya teman banyak. Baru buat blog bulan November 2009, karena tugas dari sekolah. Alamat saya Perumahan Bumi Sani Permai Blok C4 no 11, Bekasi. Mobile +628568790705

Time

IP Adress

IP

About this blog

Blog ini dibuat untuk menyelesaikan tugas TIK dari ka' fanny..

Copyright 2009 - Materi TIK Kelas XI

Blogspot Theme designed by: Ray Creations, Ray Hosting.