Gambar 3.24Men-setting akun e-mail baru. (6) Klik More Settings... dan isikan data pada kolom yang ada pada halaman tab Advance, seperti tampak pada gambar berikut. Gambar 3.25Penyetingan nomor port serverPranala Luar (7) Klik OK, lalu Finish. Akun Gmail Anda sekarang dapat diakses menggunakan MS Outlook.Untuk belajar lebih jauhtentang MS Outlook, Tugassilahkan Anda buka alamatwebsite berikut. Carilah informasi mengenai langkah-langkah konfigurasi Ms Outlook menggunakan akun layanan e-mail lainnya.//www.klik-kanan.com/ Gunakan mesin pencari di internet untuk mempermudahfokus/setting.email.yahoo. pencarian Anda.outlook.shtml b. Mengolah Pesan Untuk mengirimkan pesan dan mengambil pesan yang terdapat pada server dapat dilakukan dengan mengklik ikon Send/Receive pada toolbar. Jika koneksi internet Anda belum aktif, MS Outlook secara otomatis akan mencoba untuk mengaktifkannya dan menghubungi server.92 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIUntuk membaca sebuah pesan pada kotak masuk (inbox) Gambar 3.26Anda cukup klik folder inbox, kemudian klik subjek pesan. Isipesan akan ditampilkan pada bagian lain MS Outlook. Ikon Send/Receive pada toolbar Gambar 3.27 Ms Outlook menyediakan fasilitas-fasilitas seperti halnya pada mailbox yang ada di web site. MS Outlook juga menyediakan fasilitas untuk membalaspesan (reply) dan meneruskan pesan (forward). Anda cukupikon yang sesuai pada toolbar. Selain fasilitas tersebut, MSOutlook juga menyediakan fasilitas pengecekan ejaan (bahasaInggris), melampirkan file (attachment) dan buku alamat(Recepient).Bertukar Informasi Menggunakan E-mail 93Uji Konsep 3.3Kerjakan soal-soal berikut di buku latihan Anda.1. Tuliskan langkah-langkah membuat 3. Syarat apa yang harus dimilki agarpesan baru. suatu akun e-mail dapat diakses2. Bagaimana cara membalas pesan/ menggunakan MS Outlook?surat yang masuk?Rangkuman penerima terkoneksi ke internet dan men- download pesan yang ada pada server. E-mail adalah sarana berkomunikasi surat menyurat melalui media internet. Untuk membuat e-mail, Anda dapat E-mail dapat bekerja karena adanya menghubungi ISP atau membuatnya protokol SMTP (Simple Mail Transfer melalui penyedia web mail gratis, seperti Protocol) dan protokol POP (Post Office Yahoo, Google, dan Hotmail. Anda juga Protocol). Protokol SMTP memungkinkan dapat menggunakan perangkat lunak mail terjadinya pertukaran e-mail antar- client untuk mengelola akun e-mail Anda. pengguna, namun memerlukan syarat Perangkat lunak tersebut di antaranya MS komputer antarpengguna terkoneksi Outlook dan Mozilla Thunderbird. ke internet saat pengiriman terjadi. Pada protokol POP, pesan yang dikirim pengirim tersimpan pada server hinggaKeselamatan dan Kesehatan Kerja Pengaturan posisi monitor yang Sebaliknya, tampilan monitor yang terlalubaik akan membantu kita mengurangi redup akan menyulitkan mata untukketegangan mata dan otot. Perlu Anda melihat dengan jelas.perhatikan ketinggian penempatanmonitor. Ketinggian monitor harus Jarak mata ke monitor juga harusdiatur sedemikan rupa sehingga baris diatur. Monitor yang terlalu jauh atauteks paling atas pada monitor berada terlalu dekat dapat mengakibatkan matasedikit di bawah ketinggian mata. Mata cepat lelah. Hal khusus yang sebaiknyaakan sedikit melihat ke arah bawah ketika diperhatikan adalah seperti berikut.sedang menatap teks di bagian tengah 1. Usahakan jarak pandang mata kemonitor. Kemiringan monitor sebaiknyasejajar dengan kemiringan wajah. Letak monitor kira-kira 50 cm bagi monitormonitor miring ke belakang agar sejajar standar.dengan wajah. Harus diperhatikan juga 2. Gunakan pengaman radiasi monitortingkat terang gelapnya cahaya monitor jika ada.atau tampilan monitor. Monitor yang 3. Atur resolusi warna dan kontras denganterlalu terang akan menyilaukan mata baik, jangan terlalu terang atau terlaludan menyebabkan mata cepat lelah. gelap. 4. Saat bekerja, penerangan di ruangan/ tempat kerja atau belajar harus cukup. Sumber: //www.angelfire.com94 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIUji Kompetensi Bab 3Kerjakanlah di buku latihan Anda. d. IMAC e. PPO 3A. Pilihlah jawaban yang benar. 7. Hal-hal berkut sebaiknya dipertimbangkan ketika Anda hendak mendaftar pada suatu1. Perangkat komunikasi berikut tergolong layanan e-mail, kecuali .... perangkat komunikasi modern, kecuali .... a. stabilitas layanan a. Telepon selular b. kapasitas b. Telegram c. akses POP c. E-mail d. fasilitas e-mail d. Telepon e. jumlah pengguna e-mail e. Teleconference 8. Penyedia layanan e-mail berikut yang menyediakan kapasitas tak terbatas pada2. Layanan E-mail disediakan oleh .... layanannya adalah .... a. web server a. plasa b. print server b. google c. mail server c. yahoo d. web browser d. hotmail e. mail client e. MSN 9. E-mail dapat dikelola secara langsung3. Alamat situs berikut yang tidak menye- dari situs penyedia layanan e-mail meng- diakan layanan e-mail adalah .... gunakan aplikasi .... a. www.gmail.com a. pengolah kata b. www.hotmail.com b. pengolah angka c. www.mail.yahoo.co.id c. pengolah gambar d. www.plasa.com d. web browser e. www.detik.com e. web builder 10. Yahoo mail Indonesia memiliki domain4. Untuk mendaftar pada suatu layanan dengan alamat .... e-mail dapat dilakukan dengan meng-klik a. www.mail.yahoo.com link bertuliskan .... b. www.mail.yahoo.go.id a. sign in c. www.mail.yahoo.co.id b. sign up d. www.mail.yahoo.org c. log in e. www.mail.yahoo.net d. log out 11. Program berikut yang merupakan program e. sign out mail client adalah .... a. MS Publisher5. Protokol pada mail server yang digunakan b. MS FrontPage untuk mengirimkan e-mail adalah .... c. MS Internet Explorer a. SMPT d. MS Outlook b. POP e. MS Excel c. POP 3 d. SMTP e. SPMT6. Protokol pada mail server yang digunakan untuk mengambil e-mail dari server ke komputer pengguna adalah .... a. SMPT b. POP 3 c. SMTP Bertukar Informasi Menggunakan E-mail 9512. Agar dapat diakses menggunakan program a. 1 mail client, akun e-mail tersebut harus b. 2 mendukung protokol .... c. 3 a. TCP/IP d. 4 b. SMTP/POP 3 e. 5 c. UNIX 14. Istilah Re: pada topik suatu surat/e-mail d. Web Mail diartikan sebagai .... e. Internet Protokol a. Replay b. Redo13. Perhatikan gambar berikut. c. Reply d. Regain 12 3 e. Resend 4 15. Ikon attachment pada suatu e-mail, menandakan pesan tersebut .... 5 a. merupakan e-mail balasan b. merupakan e-mail lanjutan c. memiliki file terlampir Ikon yang digunakan pada program d. belum dinyatakan bebas virus Microsoft Outlook untuk mentransfer e. berisi iklan surat-surat Anda dari mail server ke komputer ditunjukkan oleh nomor .....B. Jawablah pertanyaan-pertanyaan berikut dengan jelas.1. Secara singkat, jelaskan bagaimana komunikasi dengan e-mail bekerja.2. Jelaskan perbedaan antara sign in dan sign up pada e-mail.3. Apa perbedaan antara protokol SMTP dan POP serta kapan kedua protokol tersebut digunakan?4. Jelaskan langkah-langkah konfigurasi Microsoft Outlook 2003 menggunakan akun dari Gmail.5. Ketika mengirim pesan terdapat data-data yang perlu Anda lengkapi, seperti kepada, cc, dan topik. Apa saja yang Anda isikan pada ketiga bagian tersebut?Refleksi Setelah mempelajari bab ini, tentu Anda telah memahami banyak hal tentang komunikasi menggunakan E-mail. Berikan tanda cek pada konsep materi yang telah Anda kuasai. Pengertian E-mail Manfaat E-mail Cara mendaftar E-mail Mengelola E-mail menggunakan web browser Mengelola E-mail menggunakan MS Outlook Jika ada konsep materi bab ini yang belum Anda kuasai, diskusikanlah bersama rekan belajar dan guru Anda.96 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI4Bab tPembuatan Sumber: img142.imageshack.usHomepage Kata Kunci A. Membuat Homepage, HTML, ISP, MS Publisher, tag, web browser, dan web Homepage hosting. Menggunakan HTML Apakah Anda ingin mengetahui bagaimana sebuahhomepage/situs yang menarik dibuat? Terdapat beberapa B. Membuat Halamancara pembuatan sebuah homepage atau halaman utama Homepage denganweb. Awalnya, sebuah halaman web dibuat menggunakan MS Publisher 2007bahasa pemprograman HTML. Kini para profesional dapatmenggunakan bahasa pemprograman lain, seperti Java, ASP, C. Web Hostingdan PHP. Sebelumnya, untuk membuat sebuah halamanweb, Anda harus hafal dan mengetikkan semua kode bahasapemprograman HTML. Dengan perkembangan iptek, begitu banyak perangkatlunak yang dapat membantu Anda membuat sebuah halamanweb dengan mudah. Sekarang, pelajarilah bab ini dengan baik.Siapa tahu, Ada akan menjadi seorang web designer yang saatini banyak dibutuhkan karyanya oleh instansi pemerintahataupun perusahaan swasta. 97Peta Konsep Homepage tersimpan pada merupakan Server Bahasa HTML yaitu dibaca oleh dibuat menggunakanISP Web Hosting Web Browser Text Web Editor Editor Uji Pramateri Sebelum mempelajari materi pada bab ini, kerjakanlah beberapa soal berikut. 1. Jelaskan apa yang Anda ketahui tentang internet. 2. Ada berapa cara yang digunakan untuk membuat dokumen HTML? 3. Apa fungsi sebuah homepage?98 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIA Membuat Homepage Pranala Luar Menggunakan HTML Anda dapat mengunjungi Seperti yang telah dijelaskan, pada awalnya untuk dapat alamat situs berikut untukmembuat sebuah tampilan halaman situs web berformat memperoleh penjelasanHTML, Anda harus memahami dan mengetahui bahasa mengenai HTML .pemprograman HTML. Secara sederhana, HTML atau • www.w3.org/MarkUp/HyperText Markup Language, merupakan sebuah bahasayang memberikan perintah kepada web browser bagaimana Guidesebuah tampilan file dokumen terlihat. Dokumen itu sendiri • //lectoner.eepis.its.berupa file teks ASCII (American Standard Code for InformationInterchange) dengan kode-kode spesial atau tag yang dapat edu/~riyanto/web.htmldimengerti oleh aplikasi web browser. Akhirnya web browsertersebut menerjemahkannya menjadi apa yang Anda lihat di Materi tambahan Caramonitor. Sederhana Sekali untuk Membuat Homepage Kali ini akan dijelaskan bagaimana cara membuat halaman dapat Anda peroleh padaweb secara konvensional, dengan mengetikkan semua bahasa CD Pendamping.HTML yang diperlukan. Untuk dapat membuatnya, Andamemerlukan aplikasi teks editor, seperti Notepad pada OSWindows. Anda juga dapat menggunakan aplikasi pengolahkata seperti MS Word, namun Anda harus men-save file yangAnda buat dalam format plain ASCII. Oleh karena itu, lebihdisarankan menggunakan teks editor paling sederhana sepertiNotepad. Untuk kenyamanan Anda, pada pembahasan ini,semua nama menu dan objek akan diperlihatkan dengan huruftebal. Adapun teks yang harus Anda ketikkan diperlihatkandalam huruf mesin tik.1. Mengenal Tag pada HTML Apakah itu tag HTML? Tag merupakan kode spesial yangdituliskan dengan tanda < dan >. Format umum untuk tagadalah: <nama tag>kata atau parameter yang harus dimasukkan</nama tag> Contohnya, judul untuk bagian ini menggunakan tagHeader. <h3>Apakah tag HTML itu?</h3> Tag ini memerintahkan web browser untuk menampilkanteks Apakah tag HTML itu? Dalam style header tingkat 3.Anda akan mempelajari tag ini nanti. Pembuatan Homepage 99Tokoh Tag HTML memerintahkan web browser untuk Informatika menebalkan, menggarisbawahi, membuatnya sebagai header, atau membuatnya memiliki fungsi hyperlink ke halaman webRobert Cailliau lahir tanggal lain. Perlu Anda perhatikan pada akhir tag memiliki garis26 January 1947 di Belgia. miring “/”.Ia merupakan seorangBelgian ilmuwan komputer. </nama tag>Bersama Tim Berners-Lee,ia mengembangkan World Tanda garis miring “/” ini memerintahkan browser untukWide Web dan bahasa berhenti menerjemahkan kode tersebut. Banyak kode HTMLpemrograman HTML. yang dipasangkan seperti ini. Jika Anda lupa garis miring ini, web browser akan terus menerjemahkan tag hingga akhir&Tips Trik dokumen, berakibat hasil yang tidak diinginkan. Cobalah melakukan hal ini nanti sebagai percobaan.Browser web tidakmengindahkan kaidah Berbeda dengan pemograman komputer, jika Andahuruf besar atau kecil pada membuat kesalahan pengetikan di HTML, Anda tidak akanpenulisan tag HTML. menyebabkan sistem komputer hang atau rusak. Anda<h3>…..</h3> hanya akan melihat tampilan web yang salah. Cukup mudahtidak berbeda dengan dan cepat untuk melihat kode HTML yang dibuat dan<H3>…..</H3> memperbaikinya. Kali ini, Anda akan mencoba membuat homepage sederhana menggunakan bahasa HTML. Pertama-tama, buatlah sebuah folder baru dengan nama Myweb untuk menyimpan semua pekerjaan membuat homepage. Kemudian, bukalah aplikasi web browser, seperti Internet Explorer versi 6 atau Mozilla Firefox versi 3, serta teks editor seperti Notepad. Kemudian, tuliskan pada Notepad teks berikut. <html> <body> “Hallo Dunia!” </body> </html> Selanjutnya, save file Notepad tersebut menjadi “index. html” dan simpan pada folder Myweb yang telah Anda buat. Dengan menggunakan ekstensi “.html”, web browser mengenali file ini dan akan membacanya sebagai dokumen HTML serta menampilkannya sebagai web. Kembali ke web browser Anda. Melalui perintah File>Open, cari dan bukalah file index.html melalui browser Anda. Lihatlah hasilnya.100 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIApa yang Anda lihat? Bandingkan dengan teks yang telah Gambar 4.1Anda ketikkan ke Notepad. Pada tampilan browser, hanya Hasil dokumen Notepadterlihat tulisan teks “Hallo Dunia!”. Adapun tag <html> dan setelah diubah menjadi<body> yang telah diketikkan tidak terlihat di browser. dokumen HTML. Hasilnya dibuka menggunakan Berikut ini adalah struktur dasar sebuah halaman HTML. Mozilla Firefox 3.Hampir semua web memiliki struktur ini. Info TIK <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”> Satu ciri unik HTML <html> adalah jika browser <head> tidak mengenali tag <!-- header info digunakan memasukkan yang diberikan, browser informasi mengenai dokumen, tidak akan akan mengabaikan input ditampilkan halaman web --> tag tersebut. Browser </head> akan meneruskan <body> menerjemahkan tag yang <!—Semua isi yang akan ditampilkan --> dimengerti. :: :: :: </body> </html> Pada baris pertama berisikan tag berikut. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”> Secara teknis tag tidak diperlukan. Baris ini berisi kodeyang memberitahukan browser versi HTML yang sedangdibuat. Pada baris selanjutnya, semua isi HTML dimasukkandalam tag <html>...</html>. Di dalamnya terdapatbagian head (<head>...</head>). Tag head memiliki fungsi Pembuatan Homepage 101Info TIK mendeskripsikan header atau keterangan lain mengenai halaman web. Tag body menyediakan tempat untuk mengisiPenamaan file homepage teks yang akan ditampilkan. Perhatikan juga tag komentarmenjadi index.html pada <!--komentar Anda -->. Teks di dalam tag ini tidakmerupakan standar akan ditampilkan pada web browser. Tag ini dibuat sebagaiyang dibuat berdasarkan informasi yang mungkin berguna untuk Anda atau orangsistem pada server. Hal ini lain yang mungkin melihat kode HTML pada web tersebut.berhubungan dengan URL. Komentar ini sangat berguna jika halaman web yang AndaJika pada URL dituliskan buat sudah sangat kompleks. Tag ini juga berguna sebagai penanda dan pemisah ketika memasuki kode tag mengenai//www. tabel, frame, dan objek lainnya. Komentar juga berguna saatnamahomepage.edu/ melakukan perbaikan pada kode HTML yang dibuat.homepage/angga/ Cobalah mengetikkan tambahan berikut pada HTMLmaka secara otomatis yang Anda buat.server akan mengacu padahalaman index.html dan <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTMLmenampilkan dokumen 4.0//EN”>ini. Untuk keperluan <html>web hosting, sebaiknya <head>langsung digunakan <title>Web Punyaku</title>nama index.html sebagai </head>halaman utama web Anda. <!—Dibuat sebagai latihan pelajaran TIK, Januari 15, 2009--> <body> “Hallo Dunia!” Ini adalah web pertamaku. Web ini aku buat sebagai latihan dalam pelajaran TIK. </body> </html> Save perubahan ini. Lihatlah hasilnya pada browser Anda. Jika jendela browser Anda masih terbuka dan memperlihatkan halaman sebelumnya, cukup klik perintah refresh pada browser untuk melihat perubahan yang dilakukan. Perhatikan penambahan tag title <title>…..</title>. Tag title tidak akan ditampilkan pada halaman web. Tag title dibuat sebagai identitas unik setiap dokumen serta ditampilkan sebagai judul halaman pada title bar atau pada tab browser. 2. Membuat Baris Heading Pada HTML, kamu dapat membuat heading dengan memasukkan tag: <hN>Teks yang akan ditampilkan pada heading</hN>102 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIN pada tag <hN> merupakan angka (1 sampai 6) yangmenunjukkan ukuran teks heading. Ukuran heading 1merupakan paling besar, sedangkan ukuran 6 paling kecil. Tugas 1. Buka kembali file index.html menggunakan Notepad. 2. Kali ini Anda akan memasukkan judul halaman web menggunakan heading paling besar <h1>. Masukkan tag berikut pada body teks paling atas atau setelah tag </head><body>. <h1>Web Pribadi Angga Dwi Purwa</h1> 3. Di bawah tag yang baru, ketikkan juga tag berikut sebagai bagian dari halaman web yang akan Anda buat. <h3>Tentang Aku</h3> <h3>Sekolahku</h3> <h3>Situs Favorit</h3> 4. Save perubahan yang terjadi pada Notepad. Kembali pada web browser Anda, dengan perintah Open dan Reload/Refresh, Anda akan menemukan perubahan yang Anda buat.3. Memecah Paragraf Jika Anda perhatikan, HTML tidak memutus teks yangpanjang menjadi paragraf baru meskipun Anda melakukannyapada Notepad. Untuk melakukannya Anda cukup mengetikkantag berikut. Pembuatan Homepage 103Info TIK <p>...teks paragraf baru...</p>.Untuk tampilan tag Karena tag <p> merupakan tag spesial, Anda terkadangheading, hasil ukuran tidak perlu menuliskan tag penutup </p>. Coba Andadan jenis font yang kamu ketikkan tulisan berikut dibawah teks yang telah Anda buat.lihat dapat berbeda-beda pada browser yang ... dalam pelajaran TIK.berbeda. Misalnya, jika Perkenankan aku memperkenalkan diri. Namakupada satu browser, tag Angga Dwi Purwa, biasa dipanggil Angga.h2 menghasilkan heading Aku sekolah di SMA 48 Bandung. Aku lahirdengan font Times 36 poin, di Bandung 25 April 18 tahun yang lalu.mungkin pada browser Aku membuat halaman web ini semata-matalain tag h2 menghasilkan untuk mempererat tali persaudaraan antarafont Helvetica 24 poin. teman-temanku di SMA 48 Bandung. Jika kamuPengaturan tag HTML siswa SMA 48 atau memang ingin bersahabathanya menetapkan header denganku, silahkan melihat-lihat homepagetipe tertentu. Adapun pribadiku ini.tampilan yang diperlihatkanbergantung browser. Lakukan langkah-langkah berikut: 1) Save perubahan yang terjadi pada Notepad. 2) Kembali pada web browser Anda, dengan perintah Open dan Reload/Refresh, Anda akan menemukan satu paragraf panjang. Kali ini akan dibuat paragraf baru dari teks yang ada. 3) Sisipkan tag <p> pada baris paragraf yang diinginkan. Perhatikan contoh berikut. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”> <html> <head> <title>Web Punyaku</title> </head> <!—Dibuat sebagai latihan pelajaran TIK, Januari 15, 2009--> <body> <h1>Web Pribadi Angga Dwi Purwa</h1> <h3>Tentang Aku</h3> <h3>Sekolahku</h3> <h3>Situs Favorit</h3> “Hallo Dunia!” Ini adalah web pertamaku. Web ini aku buat sebagai latihan dalam pelajaran TIK. <p>Perkenankan aku memperkenalkan diri. Namaku Angga Dwi Purwa, biasa dipanggil Angga. Aku sekolah di SMA 48 Bandung. Aku104 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIlahir di Bandung 25 April 18 tahun yang lalu. <p>Aku membuat halaman web ini semata-mata untuk mempererat tali persaudaraan antara teman-temanku di SMA 48 Bandung. Jika kamu siswa SMA 48 atau memang ingin bersahabat denganku, silahkan melihat-lihat homepage pribadiku ini.</p> </body> </html>4) Save perubahan yang terjadi pada Notepad.5) Kembali pada web browser Anda, dengan perintah Open dan Reload/Refresh, Anda akan menemukan perubahan yang Anda buat. Gambar 4.2 Perubahan yang terjadi pada browser4. Tag Baris Baru <br> Pada teks tersebut, cobalah mengubahnya denganmenambahkan tag <br> seperti berikut. <p>Perkenankan aku memperkenalkan diri. <br>Namaku Angga Dwi Purwa, biasa dipanggil Angga. Pembuatan Homepage 105Materi tambahan Panduan <br>Sekarang aku sekolah di SMA 48Ringkas HTML dapat Bandung. <br>Aku lahir di Bandung 25 April 18 tahunAnda peroleh pada CD yang lalu. <p>Aku membuat halaman web ini semata-mataPendamping. untuk mempererat <br>tali persaudaraan antara teman-temanku di SMA 48 Bandung. <br>Jika kamu siswa SMA 48 atau memang ingin bersahabat denganku, <br>silahkan melihat-lihat homepage pribadiku ini.</p> Save dan lihatlah hasilnya pada browser. Apa yang terjadi? 5. Menambahkan Style pada Tulisan HTML dapat menambahkan style pada teks yang Anda buat, seperti style huruf tebal, huruf miring, dan font mesin ketik. <b>...style huruf tebal...</b> <i>....style huruf miring...</i> <tt>...style huruf mesin tik...</tt> Ubahlah body teks HTML Anda menjadi seperti berikut. <p>Perkenankan aku memperkenalkan diri. <br>Namaku <b>Angga Dwi Purwa</b>, biasa dipanggil <i>Angga</i>. <br>Sekarang aku sekolah di SMA 48 Bandung. <br>Aku lahir di Bandung 25 April 18 tahun yang lalu. <p>Aku membuat halaman web ini semata-mata untuk mempererat <br>tali persaudaraan antara teman-temanku di <tt>SMA 48 Bandung</tt>. <br>Jika kamu siswa SMA 48 atau memang ingin <b><i>bersahabat</i></b> denganku, <br>silahkan melihat-lihat homepage pribadiku ini.</p> Save dan lihatlah perubahannya pada browser. Teks apa saja yang berubah?106 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIGambar 4.3 Perubahan yang terjadi pada browser Lebih jauh, pengunaan tag ini dapat Anda kombinasikandengan tag paragraf baru ataupun tag heading. Satu hal perludiperhatikan adalah pada kombinasi urutan tag. Tag pembukayang diketikkan pertama akan memiliki tag penutup yangdisimpan pada urutan terakhir. Perhatikan contoh penulisantag berikut. <h2><i>Pertama</i> dan <i><tt>Terakhir</ i></tt></h2> Penulisan tag tersebut akan menghasilkan teks, sepertiberikut. Pertama dan Terakhir6. Membuat List Anda juga dapat membuat list tidak berurutan atau yangdikenal dengan bullet list. List ini ditandai dengan tanda titik,namun ini bergantung web browser Anda. Untuk membuatnyagunakan tag <ul>....</ul>. Perhatikan contoh berikut. <h2>List tidak berurutan</h2> <ul> <li>Objek 1 <li>Objek 2 <li>Objek 3 </ul> Pembuatan Homepage 107&Tips Trik Perhatikan tag <ul>menandakan awal dan akhir list yang dibuat. Adapun tag <li> menandakan list item atau daftarJika Anda melihat objek.sebuah halaman webyang menarik dan ingin Untuk membuat list berurutan, dengan penomoran,tahu bagaimana cara Anda dapat menggunakan tag <ol>....</ol>. Perhatikanmembuatnya. Anda dapat contoh berikut.mengetahui bahasa HTMLyang digunakan pada <h2>List berurutan</h2>halaman web tersebut. <ol>Bahkan Anda dapat <li>Objek 1melakukan perubahan- <li>Objek 2perubahan dan melihat <li>Objek 3perubahan yang Andalakukan secara offline. </ol>Untuk melakukannya, savehalaman web ke komputer Jika Anda inginkan, Anda dapat membuat daftar objekAnda. Kemudian klik kanan dengan kombinasi keduanya. Perhatikan contoh berikut.pada ikon dokumen HTMLtersebut dan klik Open <b>List Kombinasi</b>with>Notepad. <ul> <li>Objek 1 <li>Objek 2 <ul> <li> Objek 2.1 <ul> <li> Objek 2.1.1 <li> Objek 2.1.2 </ul> <li> Objek 2.2 <li> Objek 2.3 </ul> <li>Objek 3 </ul> Berikut hasil yang akan Anda dapatkan. Gambar 4.4Hasil daftar yang didapatkan108 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI7. Memasukkan Gambar ke Halaman Web Sebelum Anda memasukkan gambar ke dalam halamanweb, terdapat beberapa hal yang perlu Anda perhatikan.- Format gambar yang umum digunakan untuk web adalah GIF dan JPEG/JPG. Kedua format ini melakukan kompresi gambar sehingga ukuran file relatif kecil.- Usahakan ukuran file gambar tidak lebih dari 100kb. Sebaiknya hanya sekitar 50kb.- Tidak semua pengguna memiliki monitor layar besar 21 inci, maka dari itu usahakan ukuran gambar tidak lebih dari 480x300 pixel. Gambar sebesar ini akan memenuhi layar monitor ukuran 14 inci sehingga pengguna akan sedikit terganggu. Kali ini Anda akan mempelajari cara memasukkan gambaryang disisipkan di antara teks. Tag HTML untuk memasukkangambar ini adalah sebagai berikut. <img src=”nama file beserta ekstensinya” Harus Anda ingat, bahwa file yang dituju harus beradadalam folder yang sama dengan dokumen HTML Anda. Untukitu, buatlah file gambar Anda yang berekstensi JPG atauGIF. Kemudian, cobalah sisipkan gambar pada web Anda.Perhatikan contoh berikut. <br>tali persaudaraan antara teman-temanku di<tt>SMA 48 Bandung</tt>. <br>Jika kamu siswa SMA 48 atau memang ingin <b><i>bersahabat</i></b> denganku, <br>silahkan melihat-lihat homepage pribadiku ini.<img src=”friends.jpg.”></ p> Save perubahan ini dan lihat perubahan pada browserAnda. Jika tag yang Anda masukkan sesuai, hasil yang Andadapatkan akan seperti berikut ini. Pembuatan Homepage 109Gambar 4.5 Hasil penyisipan gambar Perhatikan hasilnya. Terlihat bahwa penempatan tag <img src=”friends.jpg.”> pada teks akan menyimpan gambar yang sejajar dengan teks. Anda dapat membuatnya berada di bawah dengan menyisipkan tag <p> sebelum dan sesudah tag gambar tersebut. Hasilnya akan seperti ini. Gambar 4.6Akibat penyisipan tag <p>sebelum dan sesudah tag <img src=”friends. jpg.”> Anda juga dapat mengatur kesejajaran antara teks dan gambar. Mengunakan atribut Align yang disisipkan pada tag 1<img>, Anda dapat mengatur kesejajaran ini. 1) <img align=top src=”nama file beserta ekstensi gambar”>, menghasilkan teks sejajar di atas gambar. 2) <img align=middle src=”nama fil beserta ekstensi gambar”>, menghasilkan teks sejajar gambar.110 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI3) <img align=bottom src=”nama file beserta ekstensi gambar”>, merupakan nilai default tag <img...>, menghasilkan teks sejajar di bawah gambar. Contoh Bagaimana cara mengatur dimensi gambar yang di sisipkan? Pembahasan: Anda dapat mengatur panjang dan lebar gambar yang disisipkan. Biasanya, web browser membaca nilai ini dari gambar itu sendiri. Namun jika diperlukan, Anda dapat mengatur dimensi gambar dengan memasukkan nilai width dan height pada tag <img...>. Caranya sebagai berikut. <img src=”nama filebeserta ekstensi gambar” width=X height=Y >, menjadi <img src=”nama filebeserta ekstensi gambar” width=400 height=300 > Nilai lebar/width (X) dan tinggi/height (Y) gambar dalam satuan pixel.Latihan 4.1Cobalah gunakan atribut width dan height pada tag<img...> gambar Anda. Apa yang Anda dapatkan?8. Membuat Hyperlink pada HTML Kemampuan utama web adalah kemampuan untukmembuat link hypertext ke informasi lain. Informasi laintersebut dapat berupa halaman web lain, gambar, suara, filmdigital, animasi, software program, dan lain-lain. World WideWeb atau WWW menggunakan skema penunjukan alamatyang dikenal dengan URL (Uniform Resource Locator) untukmenunjukkan lokasi suatu informasi. Hypertext link atauhyperlink ini dikenal sebagai anchor dan pada teks biasanyadigarisbawahi berwarna biru. Salah satu link anchor paling mudah adalah link yangmembuka file HTML lain yang berada dalam satu folder denganhalaman web yang sedang dibuka. Tag HTML untuk melakukanini adalah sebagai berikut. <a href=”nama fileHTML”>teks</a> Pembuatan Homepage 111&Tips Trik Pikirkan “a” sebagai anchor link dan “href ” sebagai hypertext reference. Untuk menggunakan tag ini, file yang ditujuAnda dapat mengetahui harus file HTML. Pada “Teks hyperlink”, isikan teks yang akanpanjang dan lebar gambar memiliki kemampuan link hypertext. Teks ini akan tampakdalam satuan pixel dengan digarisbawahi dan berwarna biru.menggunakan aplikasipengolah gambar. Cara Lakukan langkah-langkah berikut untuk mencobapaling mudah, Anda membuat hyperlink.cukup melakukan drag a. Buatlah halaman web baru pada folder myweb sesuai& drop ikon gambar dariExplorer ke web browser dengan penjelasan sebelumnya.Anda. Pada titlebar akan b. Isikan tag HTML berikut.terpampang dimensigambar tersebut. <html> <body> Halaman 2 </body> </html> c. Simpan file Notepad dengan nama webku2.html. Kemudian, hubungkan halaman index.html dan webku2. html dengan memasukkan tag berikut setelah tag <img...>. <p><a href=”webku2.html”>Halaman 2</a> Gambar 4.7 d. Selanjutnya Save perubahan yang dibuat dan lihat hasilnya pada browser Anda. Pada bagian bawah gambar Terlihat link teks menuju akan terlihat tulisan “Halaman 2” dan jika pointer Anda halaman 2 yang telah berada diatas tulisan tersebut akan berubah menjadi telunjuk. Klik kiri tulisan tersebut, maka Anda akan dibuat berwarna biru dan berpindah ke halaman webku2.html. Begitulah cara digarisbawahi hyperlink menghubungkan halaman web.112 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIGambar 4.8 Jika hyperlink diklik akan muncul halaman 2 seperti ini. Anda juga dapat Anda menggunakan tag anchor &Tips Trikuntuk memperlihatkan sebuah gambar. Jika link tersebutdiklik, gambar akan terlihat pada browser Anda. Untuk Beberapa sistem komputermenggunakannya sama halnya dengan membuat link untuk sensitif terhadap besardokumen HTML lain. kecil huruf ekstensi gambar. Contohnya, file “friends.jpg” <a href=”nama file gambar beserta berbeda dengan “friends. ekstensinya”>teks hyperlink</a> JPG”. Oleh karena itu, disarankan untuk konsisten Tentunya file gambar tersebut harus berada dalam folder menggunakan huruf kecilyang sama dengan file HTML yang Anda buat. Bagaimana jika untuk semua kode HTMLfile dokumen HTML atau gambar tersebut berada di folder yang Anda buat.yang berbeda dengan dokumen HTML yang sedang Andakerjakan? Info TIK Mungkin Anda ingin membuat sebuah folder khusus Dengan HTML, Andagambar karena ketika pengerjaan semakin kompleks, Anda dapat memerintahkantentu ingin gambar-gambar berada dalam satu tempat agar web browser Anda untukpengerjaan lebih rapi. Untuk dapat melakukan, buatlah sebuah membuka file semuafolder baru pada folder Myweb, beri nama folder tersebut dokumen atau gambardengan gambar. yang disimpan pada tingkata. Simpan file gambar, seperti friends.jpg Anda dalam folder direktori lebih rendah. Seperti pada subdirektori tersebut. atau folder yang beradab. Buka kembali dokumen HTML index.html menggunakan pada folder dokumen HTML yang Anda kerjakan notepad. dengan menggunakanc. Edit tag <img src=”friends.jpg.”> menjadi karakter “/”. karakter ini menandakan perpindahan seperti berikut. subdirektori yang dituju. <img src=”gambar/friends.jpg”>d. Anda akan melihat bahwa gambar yang Anda simpan Hal ini juga berlaku bagi hyperlink ke halaman web tidak berubah. Ini menandakan bahwa tag yang Anda lain. buat sudah benar. Coba Anda hapus “gambar/” pada tag <img...> yang Anda buat. Apa yang terjadi? Link yang Anda buat sebelumnya disebut juga denganrelative link. Artinya, web browser dapat membangun URLlengkap berdasarkan lokasi dokumen HTML berada daninformasi tag yang dibuat pada dokumen URL. Hal ini sangatberguna, karena meskipun Anda mengerjakan web dalam satukomputer, membukanya, kemudian membawa folder besertafile dokumen HTML ke komputer lain dan membukanyakembali, semua link relatif akan tetap ada. Anda akan tetapmemiliki halaman web yang utuh beserta semua linknya. Pembuatan Homepage 113&Tips Trik Jika sebelumnya Anda telah mengetahui cara menyisipkan gambar yang terdapat pada subdirektori, Anda juga dapatTerkadang sebuah URL membangun link untuk direktori pada level lebih tinggihalaman web atau objek menggunakan karakter”/”. Misalkan, Anda memiliki sebuahtertentu sangatlah panjang file HTML dengan nama myfriends.html yang disimpanuntuk dituliskan. Untuk itu, pada subdirektori/folder friends. Pada file HTML tersebutsebaiknya Anda menyalin digunakan juga gambar yang sama. Berikut ini gambaranalamat situs yang Anda organisasi foldernya.kunjungi dan ingin Andamasukkan dalam halamanweb. Caranya, salin URLhalaman situs tersebutyang tercantum padakolom address dan simpanpada dokumen Notepadatau program pengolahkata untuk selanjutnyaAnda masukkan dalam taganchor. Gambar 4.9Gambaran organisasi folderpada homepage. Organisasi yang baik sangat pentingdalam pembuatan dokumen HTML. Agar Anda mahir dan memahami benar pentingnya struktur direktori bagi HTML, kerjakanlah kegiatan berikut. 1) Masukkan tag berikut pada dokumen HTML friends.html menggunakan Notepad. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”> <html> <body> myfriends <p><img src=”../gambar/friends.jpg”</a> </body> </html> 2) Perhatikan tag <img..>. Sebelumnya Anda telah membuat tag berikut. <img src=”gambar/friends.jpg”>114 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XITag ini dibuat untuk mencari gambar pada subdirektori “gambar”. Adapun pada dokumen friends.html dituliskan <img src=”../gambar/friends.jpg”</a> Tag dengan karakter “../” ini dibuat untuk memerintahkan web browser mencari gambar bernama friends.jpg satu tingkat direktori dari dokumen, pada direktori “gambar”.3) Jika kamu telah mencoba langkah-langkah tersebut dan mendapati gambar pada dokumen friends.html yang dibuka menggunakan browser, maka Anda telah berhasil memasukkan tag tersebut. Berikut hasilnya. Gambar 4.10 Hasil yang akan Anda dapatkan jika memasukkan tag dengan benar4) Anda juga dapat membuat link kembali ke halaman sebelumnya dengan aturan “../”. Masukkan tag berikut setelah tag gambar <img...> <p><a href=”../index.html”>Kembali</a>5) Refresh browser Anda dan lihat hasilnya. Anda dapat kembali ke halaman web sebelumnya dengan mengklik Kembali. Gambar 4.11 Tampilan web dengan hyperlink “Kembali” Pembuatan Homepage 115Anda juga dapat membuat link menuju situs-situs di internet. Tentunya agar link ini dapat dicoba, komputer Anda harus terhubung dengan internet. Perlu Anda ingat bahwa URL ini dapat Anda dihubungkan dengan server WWW lain, server Gopher, situs FTP, teks, gambar, suara, atau file video pada server tersebut. Untuk menambahkan link ke situs internet cukup masukkan tag berikut <a href=”URL situs internet”>Teks hyperlink</a> contohnya <a href=”//www.wikipedia. org”>Wikipedia ensiklopedia terbesar</a>, atau <a href=//kahfiez.blogspot.com/r/ pictures/lembang1.jpg>foto lembang</a>Info TIK 9. Menampilkan Teks yang Telah DiformatAnda telah mengetahuimudahnya memasukkan Anda dapat menampilkan teks dengan format yang sesuailink sebuah halaman terlihat pada Notepad. Untuk melakukannya, gunakan tagweb atau objek dari situs <pre>…teks…</pre> di dalam body. Berikut contohnya.lain ke dalam web Anda.Sebaiknya sebelum Anda <pre>melakukan hal tersebut, Nama KelasAnda meminta izin terlebih ==== ====dahulu kepada pemilik Agus 2Asitus tersebut untuk Dani 2Bmenggunakan objek Dadan 2Csitus miliknya. Biasanya </pre>pada setiap situs terdapatkontak e-mail pemilik ataupembuat situs yang dapatAnda hubungi. Tulisan yang Anda edit di Notepad, dengan tag <pre>, akan diperlihatkan di browser dengan format yang sama. Tabel 4.1 Beberapa Tag yang Sering Digunakan. Tag HTML Kegunaan Contoh<font size=N>…</font> Mengubah font teks; N=1-7; <font size=5> teks</font> default=3116 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI<font color=XX>…</font> Mewarnai font, XX=warna, <font color=red>teks</font> seperti red, lime, navy, atau <font color=#993459>teks</<sup>…</sup> bilangan hexadesimal untuk font><sub>…</sub> warna<u>…</u> Superscript teks, seperti x2 x<sup>2</sup><strike>…<?strike> Subscript teks, seperti H2O H<sub>2</sub>O<body bgcolor Garis bawah teks <u>teks</u>=#xxxxxx> Garis tengah teks <strike>teks</strike> Warna latar body teks <body bgcolor=#000000><body text=#xxxxxx> Warna teks body <body text=#ffffcc><body link=#xxxxxx> Warna teks hyperlink pada <body link=#33ccff> body<body vlink=#xxxxxx> Warna link yang pernah <bodr vlink=#ff6666> dikunjungi.<body bgcolor=#xxxxxx Parameter bg color, <body bgcolor=#000000text=#xxxxxx text, link, dan vlink text=#ffffcclink=#xxxxxx untuk teks body dapat link=#33ccffvlinkvlink=#xxxxxx> disatukan dalam satu tag =#ff6666> Menentukan kesejajaran<p align=xxxx>…</p> (aligment) teks atau gambar; <p align=center>teks<img src=”nama file xxxx=center, right, atau left </p>;gambar” align=xxxx> <img src=”friends.jpg” align=center> Masih banyak tag-tag yang dapat Anda gunakan untukmembuat sebuah homepage yang baik. Namun tentunyaAnda harus mengetahui, mencoba, dan melakukan berbagaiperubahan yang diperlukan. Tugas Bersama teman sebangku Anda, buatlah homepage sederhana menggunakan HTML dengan tema tertentu. Carilah referensi lebih banyak mengenai pembuatan homepage. Buatlah homepage tersebut dengan jumlah halaman terkait lebih dari lima. Buatlah sebaik dan semenarik mungkin. Kumpulkan hasilnya kepada guru Anda. Pembuatan Homepage 117Uji Konsep 4.1Kerjakanlah soal-soal berikut dibuku latihan Anda.1. Apa yang dimaksud dengan HTML, 3. Bagaimana cara melihat hasil akhir tag, dan hyperlink? homepage yang Anda buat?2. Bagaimana cara membuat dokumen HTML?Info TIK B Membuat Halaman Homepage denganSebelum Microsoft Office MS Publisher 20072007 dan 2003, Microsoftmenyertakan paket Office Telah dijelaskan sebelumnya, bahwa untuk membuatdengan aplikasi web editor sebuah halaman web atau homepage, Anda kini dapatMS FrontPage. Sejak MS menggunakan beberapa perangkat lunak yang dapat membantuOffice 2003, paket MS Anda tanpa harus mengetahui bahasa pemrograman HTML.FrontPage tidak termasuk Beberapa perangkat lunak tersebut, yaitu MS Frontpage yangpaket MS Office dan terdapat pada MS Office 97-2003 dan MS Publisher 2007 padadijual terpisah. Pada 2007, MS Office 2007.Microsoft mengeluarkanMicrosoft Expression Web Pada subbab ini Anda akan mempelajari cara membuatsebagai penggantinya. sebuah homepage sederhana menggunakan MS Publisher 2007. Sewaktu Anda melakukan instalasi MS Office 2007, sumber: xigorapy.blogspot.com secara otomatis MS Publisher akan terinstal bersama program MS Office 2007 lainnya. Jika Anda masih menggunakan MS Frontpage 2003, dengan keinginan dan sedikit ketekunan, Anda juga dapat membuat sebuah homepage yang menarik. Baik pada MS Publisher 2007 atau MS Frontpage 2003 terdapat beberapa template halaman homepage yang dapat Anda pilih sehingga akan memudahkan Anda. MS Publisher merupakan salah satu program aplikasi MS Office yang memiliki beragam fungsi. Secara umum, MS Publisher diperuntukkan sebagai aplikasi yang membantu pengguna membuat dan mempublikasikan beragam produk marketing dan komunikasi. Dengan MS Publisher, Anda dapat membuat produk cetak seperti brosur, kartu nama, kalender, kartu undangan, flyer, label, majalah, bahkan sebuah halaman web.118 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIDengan konsep WYSIWYG (What You See Is What You Get), Gambar 4.12setiap hal yang Anda buat di layar monitor merupakan hasilyang akan Anda dapat. Hal ini berbeda dengan pemprograman Tampilan pemandu dariHTML yang pada awalnya pengguna harus mengetikkan Publisher. pemandu inibahasa HTML dan hanya tahu hasilnya setelah diperlihatkan menuntun pengguna untukpada web browser. memulai, MS Publisher 2007. Gambar 4.13 Hasil dokumen Notepad setelah diubah menjadi dokumen HTML.1. Membuat Konsep Homepage Salah satu hal penting untuk membuat homepage adalahmenentukan tujuan pembuatan homepage tersebut. Andatentu pernah mengunjungi homepage beberapa situs. Tentunya Pembuatan Homepage 119Perangkat lunak Open setiap situs memiliki tujuan dibuatnya situs tersebut. Apakah itu sebuah situs sosial, pengenalan profil perusahaan, situsSource HTML editor penjualan barang, milis, atau lain sebagainya. TerdapatKompozer 0.7 dapat beberapapertanyaan yangdapatmembantuAndamenentukanAnda peroleh pada CD tujuan pembuatan homepage yang akan dibuat. a. Siapakah yang akan mengunjungi homepage Anda?Pendamping. b. Apa yang ingin homepage Anda lakukan? c. Penampilan seperti apa yang ingin Anda perlihatkan sebagai pesan terhadap pengunjung homepage Anda? d. Bagaimana cara Anda agar pengunjung tertarik untuk mengunjungi homepage Anda kembali? Pada kesempatan kali ini, akan dijelaskan cara pembuatan sebuah homepage pribadi sederhana. Homepage ini bertujuan untuk memperkenalkan pembuat homepage tersebut kepada pengunjung situs tersebut. 2. Memulai MS Publisher Sekarang Anda akan membuka aplikasi MS Publisher 2007 untuk pertama kalinya. Bukalah MS Publisher melalui tombol Start>All Programs>Microsoft Office>Microsoft Office Publisher 2007. Langkah ini mungkin berbeda sesuai penempatan menu di komputer Anda. Setelah MS Publisher terbuka, Anda akan melihat menu-menu pada MS Publisher. Sebelum memulai, Anda akan dibimbing oleh MS Publisher untuk membuat produk yang Anda inginkan. Gambar 4.14Tampilan awal MS Publisher120 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIDari berbagai pilihan tersebut, pilihlah Web Sitessesuai dengan tujuan Anda kali ini untuk membuat sebuahhomepage. Selanjutnya Anda akan dituntun untuk memilih desainhalaman web yang akan Anda buat. Terdapat beberapa pilihankelompok desain yang telah disediakan pada MS Publisher,yakni Newer Design, Classic Design, dan Blank Sizes. Blank Sizesmerupakan halaman web kosong tanpa desain sehingga Andadapat membuat desain sesuai keinginan sendiri. Gambar 4.15 Beragam desain template halaman web yang tersedia pada MS Publisher beserta kostumisasi yang dapat Anda lakukan. Klik kiri pada desain web yang Anda minati, gambardesain yang lebih besar akan nampak pada kolom kananlayar. Meskipun desain ini telah dibuat, namun Anda tetapdapat mengubah beberapa pilihan terhadap desain yang ada.Melalui menu Customize dan Option, Anda dapat mengubahwarna, jenis font, dan letak tombol navigasi sesuai keinginanpada desain yang ada. Pada contoh kali ini, akan digunakan desain web Arrowsdengan jenis warna, font, dan letak tombol navigasi default(dengan nilai awal). Untuk membuat halaman web sesuaipilihan, klik tombol Create yang terletak pada kanan bawahjendela MS Publisher. Selanjutnya, akan muncul jendela baruyang menanyakan menu yang akan terdapat pada homepageyang akan Anda buat. Pembuatan Homepage 121Gambar 4.16Pertanyaan yang diajukan MS Publisher berkenaan halaman web yang akan dibuat.Pranala Luar Jendela ini menanyakan tujuan dibuatnya situs web Anda. Beri tanda centang pada pilihan yang menurut Anda sesuaiIngin mencari template MS dengan tujuan pembuatan web. Minimal mendekati denganPublisher lebih banyak, tujuan Anda. Perhatikan, bahwa setiap Anda mencentang satukunjungi situs berikut. pilihan, secara otomatis akan terbuat satu menu baru sesuai• //office.microsoft. pilihan Anda. Meskipun demikian, menu-menu yang dibuat dapat Anda ubah nantinya. com/en-us/templates/ Beberapa jawaban pertanyaan yang Anda centang mungkin tidak sesuai dengan tujuan pembuatan web Anda. Hal ini dapat dimaklumi karena jawaban pertanyaan tersebut akan sesuai jika Anda membuat sebuah web untuk memperkenalkan atau menjual produk tertentu. Disarankan, setidaknya Anda mengetahui berapa menu tambahan yang Anda butuhkan pada web Anda nanti dan mencentang jawaban sebanyak menu yang Anda butuhkan. Pada contoh ini akan dibuat empat buah menu, yakni Home, About Us, Service, dan Project. Nama-nama menu ini akan diganti nantinya. Hasilnya, Anda akan memiliki empat buah menu dengan empat halaman web yang telah bertautan.122 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIGambar 4.17 Centang menu yang Anda butuhkan Perhatikan menu bar dan toolbar yang terdapat pada Gambar 4.18MS Publisher. Secara umum, menu-menu dan toolbar yang Kolom Task Paneterdapat pada MS Publisher tidak berbeda jauh denganaplikasi MS Office lainnya. Hal ini tentu dapat memudahkanAnda membuat halaman web. Meski demikian, pada MSPublisher terdapat beberapa menu, yakni Task Pane, ObjectSide Bar, area kerja, dan Web Tools. Kolom Task Pane membantu Anda dalam pembuatanhalaman web, untuk itu carilah Web Site Option padaTask Pane. Caranya, pada Task Pane, pilihlah FormatPublication>Web Site Option. Pada Web Site Option initerdapat beberapa pilihan seperti untuk menambahkanhalaman baru pada halaman web yang dibuat, menambahmenu navigasi baru, melihat preview yang sedang dibuat, sertafungsi lainnya. Khusus bagi pembuatan homepage menggunakan MSPublisher, pada jendela MS Publisher disediakan toolbarkhusus. Toolbar Web Tools memiliki beberapa fungsi yangberhubungan dengan pembuatan sebuah homepage.Tabel 4.1 Fungsi-Fungsi dari Web Tool.Publish to the Web Mempublikasikan halaman web yang telah Anda buat ke ekstensi htm atau html untuk keperluan web hostingWeb Page Preview Melihat hasil sementara halaman web yang sedang dikerjakanInsert Hyperlink Memberikan hyperlink kepada teks atau objek sehingga teks atau objek tersebut memiliki tautan dengan alamat yang diinginkan. Pembuatan Homepage 123Hot Spot Membuat kotak yang memiliki fungsi hyperlinkNavigation Bar Mengubah desain dan orientasi menu navigasi halaman web yang sedangRename dibuatBackground Mengubah nama halaman web yang sedang dibuatBackground Sound Mengubah warna background halaman web yang sedang dibuat Menambahkan musik pada halaman web. Musik akan diputar ketikaForm Control halaman dibuka Membuat kotak-kotak isian khusus, seperti textbox, text area, checkbox,Bookmark option button, list box, dan submit form.HTML Code Membuat bookmark atau penanda pada halaman web. BookmarkFragment nantinya dapat dituju dengan fasilitas hyperlink.Web Site Option Fasilitas untuk memasukkan bahasa HTML tambahan pada halamanWeb Page option web yang sedang dibuat. Beberapa opsi bagi web yang dibuat Beberapa opsi bagi halaman web yang sedang dikerjakan 3. Menyimpan File MS Publisher Sebelum Anda memulai lebih jauh, sebaiknya Anda menyimpan file web yang akan Anda buat terlebih dahulu. Klik File>Save, maka akan terbuka jendela Save As untuk menyimpan file publikasi web Anda. Simpan publikasi homepage Anda dengan ekstensi PUB. Hal ini dilakukan agar Anda dapat dengan mudah melakukan perubahan atas halaman web yang Anda buat pada MS Publisher. Gambar 4.19 Jendela Save As yangmuncul untuk menyimpan file publikasi Anda124 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI4. Mengubah Isi Sesuai Keinginan Selanjutnya, agar homepage yang Anda buat sesuai dengantujuan dan keinginan, Anda cukup mengubah beberapaparameter yang telah ada, seperti mengganti teks, mengubahwarna, dan menambahkan gambar sesuai keinginan. PadaMS Publisher, terdapat isian khusus yang disebut BusinessInformation yang memuat informasi mengenai pemilikhomepage. Uniknya, informasi ini akan tercantum pada setiaphalaman web yang Anda buat sehingga Anda tidak perlumengubah kolom informasi ini satu per satu pada setiaphalaman yang Anda buat. Ubahlah informasi ini melaluiInsert>Business Information, maka akan terbuka jendelaEdit Business Information Set. Pada jendela ini terdapatbeberapa isian yang dapat Anda ubah sesuai keinginanmu,seperti nama, posisi pekerjaan atau titel, nama organisasi,alamat, telepon, fax, dan e-mail, serta motto dan logo. KlikSave untuk menyimpan perubahan yang Anda buat. Gambar 4.20 Jendela Edit Bussines Information Set berisikan informasi pemilik web yang dapat Anda ubah Hasilnya, informasi yang Anda masukkan akan sama padasetiap halaman. Khusus Organization name, informasi ini akandimasukkan sebagai judul utama web Anda, maka tuliskan sajajudul homepage yang Anda kehendaki pada isian ini. Agar halaman homepage yang Anda terlihat menarik, Andadapat memasukkan gambar-gambar yang menarik tentang diriAnda ke dalam halaman web. Caranya Insert>Picture>From Pembuatan Homepage 125Gambar 4.21 file, maka akan muncul jendela baru untuk mencari file gambar yang Anda ingin masukkan ke halaman web. Pilihlah Blok kata yang diberikan gambar tersebut dan klik Insert. Selanjutnya, sesuaikan besar fungsi hyperlink dan letak gambar pada halaman web. 5. Mengenal Hyperlink Hyperlink merupakan sebuah kata, simbol, gambar, atau elemen lain pada dokumen hyperteks yang menghubungkan dengan elemen lain pada dokumen yang sama atau dengan dokumen hyperteks lain. Dengan adanya hyperlink, sebuah dokumen html dapat dapat berpindah halaman, dari halaman utama ke halaman lainnya atau membuka halaman baru. Fasilitas hyperlink dapat dimiliki oleh teks, gambar, atau objek lain pada halaman web. Hyperlink yang dituju pun dapat beragam, seperti menuju ke bookmark pada halaman yang sama, menuju halaman lain, menuju situs web lain, file tertentu pada komputer, atau e-mail seseorang. Untuk memberikan fungsi hyperlink pada teks, Anda cukup memblok kata, mengaktifkan gambar, atau elemen yang dimaksud. Selanjutnya, Insert Hyperlink melalui Web Tools atau Insert>Hyperlink melalui menu bar.126 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XISelanjutnya akan muncul jendela Insert Hyperlink. Pada Gambar 4.22jendela ini terlihat menu Link to dengan beberapa pilihan,yaitu sebagai berikut. Mengisikan alamat hyperlink dokumen atau objek yang dituju.Existing File pilihlah opsi ini jika ingin menghubungkan &Tips Trikor Web Page elemen dengan file atau web lain. Untuk hyperlink ke alamat web lain, ketikkan alamat web tersebut Gambar untuk halamanPlace in This pada kolom Address. web, sebaiknya gambar-Document Digunakan untuk menghubungkan elemen gambar berekstensi jpg,Create New dengan halaman lain pada dokumen MS Publisher jpeg, atau gif denganDocument yang sedang dibuat resolusi 72 dpi. Hal iniE-mail Digunakan untuk menghubungkan elemen dilakukan agar ukuran fileAddress dengan halaman baru yang akan dibuat web tetap kecil dan mudah Digunakan untuk menghubungkan elemen ditampilkan oleh browser. dengan alamat e-mail. Isikan alamat e-mail beserta Subject (perihal surat) pada kolom yang tersedia. Bagi teks yang telah memiliki hyperlink, secara otomatisteks tersebut memiliki warna cerah dan digarisbawahi padatampilan MS Publisher. Hasil akhir teks dengan hyperlinkini dapat dilihat dengan berubahnya kursor panah menjaditelunjuk saat kursor di atas teks. Teks tersebut dapat diklikmenuju alamat yang dituju. Hal ini berlaku juga pada gambaratau elemen lain yang memiliki hyperlink. Pembuatan Homepage 127Gambar 4.23 Teks yang memiliki fungsihyperlink diwarnai berbeda dan digarisbawahi Untuk mengetahui hyperlink yang dibuat bekerja dengan baik, lihatlah tampilan web sementara. Caranya, pilihlah File>Web Page Preview. Cobalah mengklik hyperlink yang baru Anda buat. Jika Anda sedang on-line dan hasil hyperlink memperlihatkan alamat yang sesuai, berarti hyperlink yang Anda buat sudah sesuai. Anda dapat menghilangkan hyperlink pada elemen tertentu yang dibuat. Caranya, blok teks atau elemen tersebut, kemudian melalui menu Insert>Hyperlink akan muncul jendela Edit Hyperlink. Pada jendela tersebut terdapat tombol Remove Hyperlink untuk menghilangkan fungsi hyperlink pada elemen. Klik tombol tersebut, maka fungsi hyperlink pada elemen tersebut akan hilang. Gambar 4.24 Untuk menghilangkan fungsi hyperlink cukup klikRemove Link pada jendela Edit Hyperlink128 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI6. Publikasi Homepage Anda dapat melihat tampilan hasil homepage yang Andabuat. Caranya, pilihlah File>Web Page Preview. Pastikansemua tautan navigasi yang dibuat bekerja sebagaimanamestinya. Perbaiki jika masih terdapat kekurangan. Janganlupa untuk menyimpan perbaikan yang telah dilakukan. Gambar 4.25 Tampilan Web Page Preview dari homepage yang sedang dibuat Untuk dapat mempublikasikan homepage yang Andabuat, MS Publisher menyediakan fasilitas untuk melakukanhal tersebut. Caranya, melalui menu File>Publish to the Web,maka akan muncul dialog box yang menanyakan apakah Andasudah memiliki web hosting provider (penyedia layanan webhosting). Pada dialog box ini, Anda dapat memilih mencariweb hosting provider melalui Microsoft Office Online atau klikOk jika sudah memiliki atau akan melakukannya nanti. Olehkarena pencarian web hosting provider akan dilakukan lainwaktu, maka klik Ok. Selanjutnya, akan muncul jendela Publish to the Web untukmenentukan tempat menyimpan file-file yang diperlukanuntuk mempublikasikan homepage Anda. Secara otomatis,nama file yang disimpan berupa index.htm. Simpanlah fileini pada folder yang Anda inginkan. Pada kenyataannya, MSPublisher menyimpan file lain selain index.htm pada folder.Saat melakukan uploading (menyimpan file pada web hostingprovider), semua file ini harus di upload agar homepage yangAnda buat bekerja dengan baik. Pembuatan Homepage 129Gambar 4.26Jendela Publish to the web ini akan menyimpan file Homepage yang Anda buat ke bentuk dokumen HTML File HTML yang dibuat oleh MS Publisher merupakan versi file HTML yang telah disaring. Artinya, file tersebut dibuat dengan ukuran yang lebih kecil sehingga dapat di-upload dan dilihat lebih cepat di internet. Akan tetapi, Anda tidak dapat mengedit versi file ini menggunakan MS Publisher. Untuk membuat perubahan, Anda harus mengedit file berekstensi “pub” menggunakan MS Publisher, selanjutnya mempublikasikannya lagi menjadi file HTML melalui menu File>Publish to the Web.Uji Konsep 4.2Kerjakanlah soal-soal berikut dibuku latihan Anda.1. Apa saja yang dapat dibuat meng 3. Apa fungsi perintah “Publish to The gunakan MS Publisher 2007? Web” pada MS Publisher 2007?2. Apa yang dimaksud dengan WYSIWYG? C Web Hosting Jika fasilitas untuk menyimpan file dari internet ke komputer pengguna disebut dengan istilah download atau unduh, maka fasilitas untuk menyimpan file dari komputer pengguna ke internet disebut upload atau unggah. Begitu juga dengan menyimpan file homepage yang telah Anda buat pada server web hosting (web penyedia publikasi web di internet).130 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XISebelum mempublikasikan homepage Anda, Anda harusmendaftarkan domain Anda secara resmi ke ISP. Untuk itu,Anda harus membayar jasa web hosting per bulan atau pertahun. Namun, Anda juga dapat mendaftarkan domain secaragratis melalui web jasa penyedia hosting atau free web hosting.Beberapa diantaranya adalah www.geocities.yahoo.com danwww.lycos.tripod.com. Gambar 4.27 Halaman awal www. geocities.yahoo.com Untuk mendaftarkan domain berbayar, Anda terlebihdahulu harus memastikan apakah nama domain yang nantiAnda gunakan sudah dipakai oleh orang lain atau belum. Jikasudah digunakan, Anda harus mencari nama lain sebagainama domain web Anda. Hal ini dapat Anda lakukan melaluiweb www.indosite.com, www.rumahweb.com, www.indosat.net.id, www.cbn.net.id, www.rad.net.id, www.centrin.net.id, danwww.plasahosting.com. Tahap selanjutnya, Anda akan mengisiform data diri yang diperlukan. Kemudian, akan diperlihatkanharga domain beserta fitur-fitur yang disediakan oleh penyediajasa domain. Selain itu, akan ditanyakan cara pembayaranyang akan Anda gunakan. Jika Anda menggunakan jasa layanan domain gratis,seperti www.geocities.yahoo.com, Anda tidak akan dipungutbayaran. Akan tetapi, karena gratis, beberapa fitur akandibatasi. Untuk membuat akun homepage di Geocities,masuklah ke halaman www.geocities.yahoo.com. PilihlahGeocities Free dengan mengklik Sign Up. Untuk memilikiaccount free web Geocities, Anda harus memiliki account e-mail Pembuatan Homepage 131Yahoo Mail, jika belum, buatlah akun Yahoo Mail terlebih dahulu. Jika sudah memiliki, masukkan Yahoo ID dan password Anda pada kolom yang tersedia. Gambar 4.28Proses membuat akun web di Geocities memerlukan akun Yahoo! Mail Selanjutnya, Anda akan masuk ke dalam halaman baru. Anda akan mengisi beberapa pertanyaan mengenai website yang akan Anda buat. Klik untuk mencentang pilihan yang sesuai dengan tujuan Anda membuat homepage. Pada halaman ini Anda akan melakukan verifikasi dengan mengetikkan tulisan yang terpampang pada gambar. Klik Submit untuk melanjutkan. Gambar 4.29Beberapa pertanyaan saatproses registrasi Geocities Free132 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XISelanjutnya, Anda akan masuk ke halaman akhir registrasi.Pada halaman ini diperlihatkan Yahoo! ID dan URL homepageyang Anda miliki, yakni //www.geocities.com/namaYahoo! ID Anda. Karena ini layanan gratis, domain homepagetetap www.geocities.yahoo.com. Gambar 4.30 Akhir proses registrasi serta pemberitahuan URL web yang Anda miliki Untuk meneruskan proses pembuatan website, klik &Tips TrikBuild your web site now!. Anda akan memasuki GeocitiesControl Panel yang berisikan hal-hal yang diperlukan untuk Sebaiknya Andamembuat website. Tentunya control panel ini berbeda-beda berhati-hati dan tidakpada website penyedia layanan web hosting. Pada Geocities, mencantumkan detail dataAnda dapat membuat sebuah halaman web menggunakan pribadi Anda di internet. HalHTML Editor yang telah disediakan Geocities melalui menu ini berhubungan dengan“Create a Web Site”. Akan tetapi, kali ini Anda akan mencoba privasi Anda. Data Andamempublikasikan web yang Anda buat menggunakan text di internet belum dapateditor Notepad dari subbab sebelumnya. Untuk itu, Anda akan dipastikan 100% amanmelakukan proses uploading file-file yang telah Anda buat pada dari oknum yang dapatsubbab sebelumnya. memanfaatkannya untuk kepentingan tertentu. Klik tab Create & Update untuk melakukan uploadingfile. Kemudian, klik menu File Manager. Pada halamanFile Manager terlihat bahwa telah terdapat satu file index.htm yang mengisi folder Anda. Jika Anda mengklik View,akan terbuka tab baru pada browser yang memperlihatkanpemberitahuan bahwa homepage Anda belum dibuat. Pembuatan Homepage 133Gambar 4.31 Halaman web sementara sebelum Anda melakukan modifikasi pada web ini Biarkan tab tersebut terbuka. Kembali ke tab File Manager Geocities Anda. Untuk memasukkan file Anda, terlebih dahulu hapus file index.htm yang terdapat pada folder File Manager Geocities. Centang box index.htm dan klik Delete. Pada halaman konfirmasi, klik delete this file, yes dan kembali ke File Manager. Selanjutnya, upload file-file Anda dengan mengklik Upload Files. Pada halaman Easy Upload, lakukan pencarian file-file dengan mengklik browse. Cari file index.html pada komputer Anda dan file lain untuk ditempatkan pada main direktori atau folder utama. Jika sudah, klik Upload file. Untuk membuat subdirektori atau folder baru, klik “New” pada bagian Subdirectories. Kemudian, pada halaman Create Subdirectory ketikkan nama folder sesuai struktur folder pada komputer Anda. Gambar 4.32Halaman Geocities Control Panel134 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIIsikan folder dengan file-file yang diperlukan. Padaakhirnya, struktur file dan folder yang Anda miliki pada FileManager Geocities harus sama dengan struktur file dan folderpada komputer Anda. Mengapa? Gambar 4.33 Struktur directories pada File Manager Geocities harus sesuai dengan struktur pada komputer Anda Jika semua file yang diperlukan telah Anda upload, periksapekerjaan Anda. Centang index.html, lalu klik “View” untukmelihat Homepage Anda. Gambar 4.34 Tampilan web yang telah berhasil di-upload Sekarang Anda telah memiliki homepage pribadi di www.geocities.com. Catat alamat homepage ini dan beritahukankepada teman-teman Anda. Anda dapat memperbaikihomepage ini pada komputer Anda secara offline atau langsungdari Geocities melalui fitur “Edit” atau “HTML Editor”. Pembuatan Homepage 135&Tips TrikAnda harus menyimpan filedan folder homepage Andadi File Manager sesuaistruktur file di komputerAnda. Hal ini berhubungandengan link tag-tag yangAnda buat sebelumnya. Gambar 4.35Tampilan HTML Editor pada Geocities Tugas Buatlah sebuah homepage semenarik mungkin menggunakan text editor atau aplikasi lainnya dengan tema homepage pribadi. Jika telah selesai, upload file- file homepage Anda ke web hosting gratis. Catat alamat homepage Anda dan kumpulkan alamatnya kepada guru Anda untuk dinilai.Uji Konsep 4.3Kerjakanlah soal-soal berikut di buku latihan Anda.1. Apa yang dimaksud dengan upload? di server web hosting harus sama2. Sebutkan beberapa penyedia layanan dengan struktur file sewaktu disimpan domain/web hosting gratis. di dalam harddisk komputer?3. mengapa dalam melakukan upload file homepage, struktur file dan folderRangkuman• Bahasa HTML (HyperText Markup • D okum en H TML dapat dibuat Language) merupakan sebuah bahasa menggunakan aplikasi text editor dan yang memberikan perintah kepada web editor atau HTML editor. web browser bagaimana sebuah • Untuk melakukan publikasi homepage tampilan file dokumen terlihat. Anda ke internet, Anda harus men-• Tag merupakan kode spesial yang daftarkan diri domain Anda ke ISP. dituliskan dengan tanda < dan Anda juga dapat mendaftarkan >. Tag inilah yang membedakan homepage Anda ke web hosting antara perintah dan teks biasa pada gratis. dokumen HTML.136 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIKeselamatan dan Kesehatan KerjaUntuk menjaga kesehatan mata saat 2. Jagalah agar kaca mata atau lensaAnda menggunakan komputer, sebaiknya kontak (jika menggunakan) dan layarAnda melakukan hal-hal berikut. tampilan selalu bersih.1. Istirahatkan mata Anda dengan 3. Gunakan tambahan layar anti radiasi. melihatpemandanganyangbernuansa sejuk dan jauh ke depan secara rutin.Uji Kompetensi Bab 4Kerjakan di buku latihan Anda.A. Pilihlah jawaban yang benar.1. Istilah ... merupakan halaman awal yang 6. Tag <img src=”nama file” dibuatterdapat pada situs web. untuk ....a. utama d. banner a. menyisipkan gambarb. hyperlink e. HTML b. membuat link ke dokumen lainc. homepage c. menyisipkan file dokumen lain d. mencari gambar2. Aplikasi text editor pada Windows e. mengatur dimensi gambar yang dapat digunakan untuk membuat dokumen HTML adalah .... 7. Dalam menyisipkan gambar, dimensi a. MS Paint gambar harus Anda perhatikan karena .... b. MS Excel a. ukuran monitor pengguna seragam c. MS Power Point b. ukuran monitor pengguna tidak d. Notepad seragam e. Internet Explorer c. kekuatan kartu grafis pengguna berbeda3. Penulisan tag berikut yang benar adalah d. kecepatan prosesor pengguna .... berbeda-beda a. <nama tag>...<NAMA TAG> e. kecepatan akses internet pengguna b. <NAMA TAG>...<NAMA TAG> sama c. <nama tag>...</nama tag> d. <nama tag<...>nama tag> 8. Resolusi gambar yang disarankan untuk e. </nama tag>...</nama tag> gambar yang disisipkan dalam halaman4. Tag untuk menyajikan teks dalam format web adalah ... dpi d. 100 bold adalah .... a. 30 a. <b>teks</b> b. 68 e. 150 b. <i>teks</i> c. 72 c. <u>teks</u> d. <pre>teks</pre> 9. Perhatikan tag pada dukumen “baru.htm” e. <hr>teks</hr> berikut ....5. Untuk menampilkan dokumen web <a href=”../index.html”>Kembali</a>dari Notepad, dokumen tersebut harus dari informasi tag tersebut, manakahdisimpan dalam format .... pernyataan berikut yang benar.a. TXT d. ODF a. dokumen “baru.htm” berada dalamb. DOC e. HTMLc. XLS subdirektori b. dokumen “index.htm” berada dalam subdirektori Pembuatan Homepage 137c. atribut “../” menandakan a. HTML d. DOC perpindahan ke subdirektori b. TXT e. PPS c. PUB d. atribut “../” menandakan perpindahan direktori dua tingkat di 13. Melalui perintah “Publish”, file yang web atas Anda kerjakan akan di save menjadi file .... a. index.txt e. teks “kembali” akan b. index.pub menghubungkan ke dokumen “baru. c. index.html htm”. d. untitled.html e. default.html10. Aplikasi berikut dapat digunakan untuk membuat dokumen HTML adalah .... 14. Kemampuan utama dokumen HTML a. MS Frontpage dan MS Excel adalah memiliki kemampuan .... b. MS Frontpage dan MS Publisher a. menampilkan gambar c. MS Powerpoint dan MS Publisher b. dapat berpindah halaman dengan d. MS Outlook dan MS Powerpoint adanya hyperlink e. MS Binder dan MS Frontpage c. dapat mengubah format teks d. dapat memasukkan konten file11. Perintah “Web Page Preview” pada MS media Publisher dibuat untuk .... e. dapat disisipkan file suara a. melihat kode HTML dokumen b. mengubah nama halaman web 15. Proses menyimpan file dari komputer ke c. melihat link dokumen internet disebut .... d. menambah halaman baru pada web a. download d. upload e. melihat hasil jadi sementara b. streaming e. loading dokumen HTML c. browsing12. Sebelum dilakukan publikasi melalui perintah Publish, file MS Publisher berada dalam format ....B. Jawablah pertanyaan-pertanyaan berikut dengan jelas.1. Apa yang dimaksud dengan bahasa HTML?2. Apa yang dimaksud dengan tag?3. Mengapa beberapa tag HTML dapat ditampilkan berbeda pada browser?4. Apa saya yang harus Anda persiapkan sebelum proses upload file ke penyedia web hosting?5. Mengapa struktur file yang di-upload harus sama dengan struktur file pada komputer Anda?RefleksiSetelah mempelajari bab ini, tentu Anda telah memahami banyak hal tentang PembuatanHomepage. Berikan tanda cek pada konsep materi yang telah Anda kuasai. Bahasa HTML MS Publisher 2007 Struktur direktori Web Hosting Text Editor Jika ada konsep materi bab ini yang belum Anda kuasai, diskusikanlah bersama rekanbelajar dan guru Anda.138 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIUji Kompetensi Semester GanjilKerjakan di buku latihan Anda.A. Pilihlah jawaban yang benar.1. Perangkat akses internet yang 7. Program yang digunakan untuk men-berfungsi untuk mengkonversi sinyal jelajahi internet disebut ....digital menjadi sinyal radio dan a. explorer d. spreadsheetsebaliknya adalah .... b. web builder e. word processora. router d. modem c. web browserb. hub e. bridgec. switch 8. Program-program berikut termasuk kategori web browser, kecuali ....2. Suatu ... akan menduplikasi sinyal a. Windows Exploreryang masuk dan menyebarkannya ke b. Mozilla Firefoxseluruh port yang tersambung. c. Google Chromea. router d. modem d. Internet Explorerb. hub e. bridge e. Operac. switch 9. Alamat situs dengan akhiran3. Berikut yang tidak termasuk media “.net” menunjukkan situs tersebut transmisi data adalah .... merupakan .... a. kabel koaksial a. situs komersial b. kabel twisted pair b. situs organisasi c. gelombang radio c. situs jasa jaringan d. lensa optik d. situs pemerintah e. sinar infa merah e. situs pendidikan4. Akses dial-up menggunakan ... sebagai 10. Fungsi ikon refresh pada toolbar media transmisi data. Internet Explorer adalah .... a. kabel twisted pair a. menuju halaman sebelumnya b. saluran listrik b. mengulangi koneksi ke situs yang c. saluran telepon dituju d. kabel serat optik c. menghentikan koneksi ke situs e. sinar infra merah yang dituju d. menghentikan proses download5. Berikut beberapa penyedia jasa e. melanjutkan proses download layanan akses internet di Indonesia, kecuali .... 11. Program web browser dapat membaca a. PT Telkom d. Radnet dokumen dengan format .... b. INDOSAT e. PT PLN a. PDF d. HTML c. Melsa b. COM e. ZIP6. Tim Berners-Lee mempublikasikan c. RARkonsep World Wide Web pada .... 12. Alamat situs berikut yang termasuka. 1989 d. 1992 second level domain adalah ....b. 1990 e. 1993 a. plasa.net d. plasa.netc. 1991 b. itb.ac.id e. id.wikipedia.org c. detik.com 13913. Alamat situs yang merupakan situs d. mengedit file HTML search engine adalah ... e. tag pada dokumen HTML a. www.mail.yahoo.com 18. Fungsi dari tag <a href=”foto kita. b. www.plasa.com jpg”>teman-teman</a> adalah .... c. www.google.com a. hyperlink menuju ke gambar “foto d. www.microsoft.com e. www.detik.com kita” pada teks “teman-teman” b. hyperlink menuju ke gambar14. Pada suatu situs web, koneksi antar halamansitusdilakukanmenggunakan “teman-teman” pada teks “kita” .... c. hyperlink menuju ke gambar “foto a. HTML d. SMTP b. FTP e. POP kita” pada teks “foto kita” c. Hyperlink d. hyperlink menuju ke gambar15. Pesan atau informasi berbentuk teks “teman-teman” pada teks “foto yang dikirim melalui jaringan internet kita” disebut .... e. hyperlink menuju ke gambar “foto a. SMS d. telepon kita” pada teks “teman-teman” b. MMS e. mail server yang berada pada folder “foto” c. E-mail 19. Tag <br> digunakan untuk .... a. memulai paragraf baru16. Protokol yang digunakan untuk b. membuat baris baru memperoleh pesan dari akun yang ada c. membuat teks miring di server adalah .... d. membuat teks tebal a. TCP/IP d. UNIX e. membuat heading teks b. SMTP e. SPTP 20. Homepage anda yang akan di-upload c. POP3 ke layanan web hosting sebaiknya memiliki nama file ....17. Fungsi dari hyperlink adalah .... a. default.html a. membaca file berbentuk HTML b. 1.html b. menghubungkan hypertext c. index.html dengan file lainnya d. halaman_utama.html c. melakukan koneksi ke internet e. homepage.htmlB. Jawablah pertanyaan-pertanyaan berikut dengan jelas.1. Berikan contoh kemudahan apabila komputer yang Anda gunakan terhubung pada suatu jaringan?2. Pada suatu sistem jaringan client/server, jenis server apa saja yang dapat Anda ketahui? Jelaskan.3. Tuliskan langkah-langkah koneksi internet menggunakan komputer pribadi.4. Jelaskan penggunaan tanda kutip saat memakai situs search engine.5. Apa yang dimaksud dengan download? Sebutkan langkah-langkahnya.6. Tuliskan lima jenis top level domain beserta peruntukkannya.7. Ada berapa cara pengelolaan akun e-mail? Jelaskan8. Apa yang anda lakukan jika Anda lupa kata sandi untuk mengakses e-mail Anda?9. Tuliskan tag struktur dasar sebuah dokumen HTML.10. Apa yang dimaksud dengan upload? Kapankah Anda melakukannya?140 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI5Bab tMengenal Perangkat Sumber: Dokumentasi PenerbitLunak Pengolah AngkaKata KunciWorksheet, Sel, Range, Ribbon, Baris, Scrollbar, Workbook, Borders,Kolom, Quick Access Toolbar Anda sebagai seorang siswa, tentunya tidak akan pernah A. Lingkungan Kerjalepas dari angka dan pengolahannya. Seperti ketika Anda MS Excelmenghitung pengeluaran ongkos kendaraan untuk ke sekolah,uang jajan, dan sebagian untuk menabung. Kemudian, rincian B. Operasi Dasar Excelini diajukan ke orangtua Anda untuk memperoleh uang saku. C. Mengolah Work-Bagaimana cara terbaik menuliskan rincian pengeluarantersebut? sheet Salah satu cara yang dapat Anda lakukan adalahmengolahnya dengan memanfaatkan teknologi informasi dankomunikasi melalui perangkat lunak pengolah angka. Pelajarimateri dalam bab ini agar manfaat perangkat lunak pengolahangka ini dapat kamu perolah.
141
Page 2
Peta Konsep Informasi di Internet berbentuk Halaman Web dibuat dengan HTML diakses contoh Internet Explorer 7 menggunakan Web Browser dapat digunakan untukMenampilkan info Menyimpan info Mencetak info Uji Pramateri Sebelum mempelajari materi pada bab ini, kerjakanlah beberapa soal berikut. 1. Menurut Anda bagaimana suatu informasi ditampilkan melalui internet? 2. Apa yang Anda ketahui tentang Web Browser dan jenis file apa yang dapat dibuka menggunakan aplikasi tersebut? 3. Dapatkah dokumen yang Anda peroleh dari internet langsung dicetak menggunakan printer? Jelaskan.42 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIA World Wide Web (www) sebagai Sumber Informasi Awalnya, informasi yang dapat ditampilkan di internet Tokohhanya berbentuk teks. Kemajuan berarti dicapai pada Informatika1990 ketika Timothy Berners-Lee mengajukan proposalpembuatan suatu protokol/aturan mengenai cara penampilan Timothy Berners Leeinformasi melalui media internet. Proposal ini kemudian Timothy Berners Lee lahirditindak lanjuti oleh CERN (Laboratorium Fisika Partikel di pada Juni 1955. Ia adalahSwiss) dengan mengembangkan World Wide Web. seorang ilmuwan komputer yang berhasil mengembangkan World Wide Web (www) terdiri atas tiga kata, yaitu: World world wide web. Padadalam bahasa Indonesia berarti dunia, Wide dalam bahasa Desember 1990, untukIndonesia berarti lebar atau luas, dan Web diartikan sebagai pertama kalinya ia berh asilhalaman dalam teknologi jaringan internet yang berisi mengh ubungkan http serverinformasi. World Wide Web jika diartikan secara bebas adalah dengan http client melaluiserangkaian halaman-halaman pada internet yang berisi internet. informasi-informasi mengenai dunia luas. Lebih lanjut www Sumber: http//en.wikipedia.orgadalah sebuah sistem untuk menampilkan informasi berupateks, gambar, suara, dan sebagainya. www dipresentasikan dalam bentuk tertentu agar dapatdiakses secara menyeluruh oleh pengguna internet di seluruhdunia. Selain itu, www mengacu pada alamat dari web site. WebSite (situs web) dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi.Informasi pada web site umumnya ditulis menggunakan formatHyper Text Markup Language (HTML). Untuk menampilkaninformasi dalam bentuk gambar, suara, video, dan sebagainya,HTML menggunakan konsep link sebagai perantaranya. Gambar 2.1 Menggunakan HTTP informasi yang ditampilkan dalam web site dapat lebih bervariasiMenggunakan Internet untuk Memperoleh Informasi 43Materi tambahan Manfaat Untuk memanggil sebuah halaman web atau dokumenInternet Sebagai Media lain (gambar, audio, video, dan sebagainya) digunakan istilah-dapat Anda peroleh pada istilah seperti URL dan URI. Uniform Resource Locator (URL)CD Pendamping. merupakan rangkaian-rangkain karakter yang digunakan untuk menamai alamat pemanggilan dari suatu dokumen Gambar 2.2 dalam halaman web. URL digunakan untuk menunjuk suatu Contoh URL dari situs dokumen (file) tertentu dari sebuah halaman web. Contoh URL adalah sebagai berikut. wikipedia • //www.diknas.go.id/index.php, • //tokohindonesia.com/ensiklopedi/a/index.shtml Dari contoh tersebut terlihat bahwa URL berfungsi menunjukkan alamat dan nama file dari sebuah halaman web. URL merupakan bagian dari URI (Uniform Resource Identifier). URI lebih mengacu kepada alamat dari dokumen (file) yang terdapat pada sebuah halaman web. Dari contoh URL di atas, maka URI untuk halaman web tersebut adalah //www. diknas.go.id/, //tokohindonesia.com/ensiklopedi/a/. Pada kenyataannya, begitu Anda menuju suatu halaman web, yang akan ditampilkan adalah berupa URL. Oleh karenanya, istilah URI jarang sekali disebutkan. Seperti telah dijelaskan sebelumnya, situs web adalah kumpulan halaman-halaman yang digunakan untuk menampilkan informasi. Situs web diwakili oleh sebuah halaman utama (homepage), yang merupakan pusat dari situs web. Pada homepage ini, biasanya disediakan beberapa tautan (link) yang berisi URL-URL untuk menuju halaman lain yang terdapat di dalam situs atau di luar situs. Ada beberapa bagian yang mutlak ada dalam sebuah situs web agar dapat berjalan dengan baik dan sesuai dengan yang diharapkan. Bagian-bagian tersebut diuraikan sebagai berikut. 1. Nama Domain Nama domain adalah alamat yang menunjukkan sebuah situs, agar pengguna internet lain dapat menemukan situs web yang dibuat. Istilah yang sering digunakan untuk nama domain adalah URL. Anda dapat mengakses sebuah URL dengan ataupun tanpa “www”. Misalnya, //www.diknas. go.id/ atau //diknas.go.id/.44 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIURL dalam suatu domain, dapat diakses melalui HTTP Gambar 2.3(HyperText Transfer Protocol). Protokol HTTP dipergunakanuntuk mentransfer dokumen dalam World Wide Web (www). URL dengan protokolProtokol ini adalah protokol ringan, tidak berstatus, dan HTTPS memberikangenerik yang dapat dipergunakan untuk berbagai macam layanan yang amantipe dokumen. WWW dijalankan dalam server yang disebutHTTPD (Hyper Text Transfer Protocol Daemon). HTTP adalah Info TIKsebuah protokol meminta/menjawab antara client dan server.Sebuah client HTTP seperti web browser, biasanya memulai IP address merupakanpermintaan dengan membuat hubungan TCP/IP ke port pengenal yang digunakan tertentu di tuan rumah yang jauh (biasanya port 80). Sebuah untuk memberikan alamatserver HTTP yang mendengarkan di port tersebut menunggu suatu Host. Format IPclient mengirim kode permintaan (request). address ialah bilangan 32 bit yang setiap 8 bitnya Versi lain dari HTTP adalah HTTPS (HTTP Secure). terpisah oleh tanda titik.HTTPS adalah protokol HTTP yang menyediakan layanan Untuk mempermudahyang aman dengan proses komunikasi data yang diacak/ distribusinya, IP addressdibungkus (encrypt). Protokol ini biasanya digunakan pada dibagi dalam kelas-kelas:transaksi e-commerce. A, B, C, D, dan E. IP address terdiri atas 2 Ada beberapa macam nama domain yang digunakan di bagian, yaitu Networkdalam situs web. Penggunaan nama domain ini disesuaikan ID dan Host ID. Dalamdengan tujuan pendirian dari situs web tersebut. Pembagian mendesain sebuah jaringannama domain pada umumnya dibedakan menjadi domain komputer kita perluumum dan domain berdasarkan nama negara. menentukan IP addressa. Domain Umum (Generic Domains) untuk tiap komputer dalam jaringan tersebut. Sebuah situs web yang digolongkan dalam generic domains Penentuan IP addressadalah sebuah situs web yang pada bagian akhir nama situs web ini termasuk bagiantersebut berakhiran dengan kata kunci com, net, org, edu, gov, yang terpenting dalammil, dan sebagainya. Akhiran tersebut biasa diistilahkan sebagai pengambilan keputusanTop Level Domain (TLD). Berikut ini beberapa contohnya. desain.Tabel 2.1 Top Level Domain Sumber: www.adisumaryadi. com Untuk situs-situs yang menawarkan jasa web.id komersial/perusahaan net Untuk situs-situs yang menawarkan jasa jaringan/ telekomunikasi org Untuk situs-situs berupa organisasi atau lembaga nirlaba edu Untuk situs-situs untuk kepentingan kependidikanMenggunakan Internet untuk Memperoleh Informasi 45gov Untuk situs-situs pemerintahan mil Untuk situs-situs kemiliteran (angkatan bersenjata) b. Domain Berdasarkan Nama Negara (Country-Specific Domains) Sebuah situs web yang dibubuhi dengan dua kata kunci, kata kunci pertama untuk menunjukkan tujuan dari pembangunan situs, sedangkan kata kunci kedua digunakan untuk menunjukkan lokasi (negara) situs tersebut berada. Kata kunci kedua biasa disebut dengan istilah Second Level Domain (SLD). Gambar 2.4 Akhiran ac.id merupakan second level domain Contoh kata kunci yang digunakan di Indonesia, yaitu co.id, net.id, ac.id, or.id, go.id, dan mil.id. Tabel 2.2 Kata Kunci Domain yang Digunakan di Indonesia co.id Untuk situs-situs yang menawarkan jasa komersial/perusahaan di Indonesia net.id Untuk situs-situs yang menawarkan jasa jaringan/ telekomunikasi di Indonesia or.id Untuk situs-situs berupa organisasi atau lembaga nirlaba di Indonesia ac.id Untuk situs-situs untuk kepentingan kependidikan di Indonesia46 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIgo.id Untuk situs-situs pemerintahan di Indonesiamil.id Untuk situs-situs kemiliteran (angkatan bersenjata) di IndonesiaTugasCarilah situs yang memiliki domain sebagai berikut masing-masing lima situs. Lengkapi tabel dengan keterangan ataukegunaan situs tersebut.No. Nama Contoh Situs Keterangan Situs Domain 1. .com 2. .net 3. .org 4. .biz 5. .nameKumpulkan hasilnya kepada guru Anda untuk selanjutnyaditempelkan di majalah dinding kelas.2. Hosting Pranala Luar Host adalah sebuah komputer dalam suatu jaringan Untuk mengenalyang menyediakan layanan untuk komputer lainnya yang lebih jauh tentangtersambung dalam jaringan yang sama. Hosting sendiri dapat perkembangan internet,diartikan sebagai menyimpan dokumen-dokumen yang silahkan Anda bukadiperlukan dalam sebuah situs web agar dokumen-dokumen alamat website berikut.tersebut dapat diakses secara bersama-sama oleh penggunainternet. Di internet sendiri marak bermunculan situs-situs yang //199.236.85.158/ptp/menyediakan jasa hosting. Besarnya kapasitas yang disediakan sahabat1.htmdisesuaikan dengan pilihan yang telah disepakati antara penjualdan pengguna jasa hosting. free-7.blogspot. com/2008/02/mengenal- Para penjual jasa hosting juga membatasi waktu internet-broadband-dan-penggunaan jasa hosting tersebut. Umumnya lama penyewaan jenis2.htmljasa hosting dihitung per tahun, pengguna jasa hostingharus memperpanjang waktu penyewaan agar dapat terus //www.geocities.com/menggunakan jasa hosting tersebut. Di Indonesia, situs-situs vulkan_abr/Pengenalan_yang menyediakan jasa hosting, di antaranya www.indohoster. Internet.htmlcom dan www.idwebhost.com. Beberapa situs luar negeri yangmenyediakan jasa hosting, di antaranya www.register.com dan //www.waena.org/www.cpanel.com. index.php?option=com_co ntent&task=view&id=519& Itemid=9 Menggunakan Internet untuk Memperoleh Informasi 47Gambar 2.5 Contoh situs yang menyediakan layanan web hosting. 3. Tampilan Situs Hal lain yang tidak kalah penting dalam konstruksi suatu situs web adalah tampilan dari situs itu sendiri. Banyak pengunjung web yang memerhatikan dan menilai tampilan dari situs-situs web sebelum membaca isi yang disampaikan. Oleh karenanya, mungkin suatu saat Anda akan menemukan sebuah situs web yang menyertakan polling untuk menilai tampilan dari situs web tersebut. Banyak sekali perangkat lunak yang dapat Anda manfaatkan untuk mempercantik tampilan web, seperti Frontpage, Dreamweaver, dan Firework. Sekarang ini juga sudah banyak disediakan pola-pola yang dapat digunakan untuk membangun suatu situs web. Contohnya, Joomla (www.joomla.com), Wordpress (www.wordpress.com), dan CMS seperti AuraCMS (//www.auracms.opensource- indonesia.com). Gambar 2.6 Situs web seperti www.joomla.com menyediakan pola-pola yang dapat digunakan untuk membangun situs web.48 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIDalam membangun suatu situs web juga diperlukan script-script yang bertujuan menghasilkan situs yang lebih dinamisdan interaktif sehingga situs bisa menampilkan informasi-informasi secara up to date. Beberapa script yang digunakandalam mendesain suatu halaman web, di antaranya PHP, ASP,JavaScript, dan VBScript. Script-script tersebut dapat Anda buatsendiri atau membelinya dari situs-situs penjual script. Di sini dituntut kepiawaian Anda yang mungkin saja Gambar 2.7nantinya akan menjadi seorang web designer atau webprogrammer untuk membangun suatu situs web yang menarik, Menggunakan script,dinamis, dan interaktif. satu situs web mampu menampilkan data yang Seperti telah dijelaskan sebelumnya, bahwa informasi up to datepada web site umumnya ditulis menggunakan format HyperTextMarkup Language (HTML). HTML adalah suatu teknik bahasapenandaan teks agar dapat dimengerti oleh protokol HTTPuntuk kemudian diterjemahkan menjadi bentuk lain, sepertivariasi teks, tabel, grafik dan gambar. Hypertext adalah teksyang memiliki kaitan ke bagian lain. Hypertext dalam duniainternet sudah menjadi bagian yang tidak terpisahkan darihalaman web.Menggunakan Internet untuk Memperoleh Informasi 49Uji Konsep 2.1Kerjakanlah soal-soal berikut di buku latihan Anda.1. Apa yang dimaksud dengan www pada 3. Jelaskan perbedaan Top Level Domainsebuah alamat web? Jelaskan. dan Second Level Domain.2. Informasi jenis apa yang dapat 4. Dalam dunia internet dikenal istilahditampilkan mengg unakan protokol hypertext. Jelaskan pengertian istilahwww? tersebut. B Mengenal Web BrowserGambar 2.8 Pembahasan pada buku ini akan mengacu ke sebuah web browser yang merupakan bawaan dari sistem operasiTampilan Internet Windows, yaitu web browser Internet Explorer (IE). Internet Explorer 7 Explorer akan otomatis terpasang setelah Anda meng-install sistem operasi Windows. Untuk memulai program aplikasi Internet Explorer dapat Anda lakukan dengan cara seperti berikut. (1) Klik Start (2) Pilih All Programs > Internet Explorer sehingga akan muncul tampilan seperti berikut.50 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIInternet Explorer yang digunakan adalah Internet Perangkat lunak OpenExplorer Versi 7 (selanjutnya, disebut dengan IE7). Berbeda Source Mozilla Firefox 3.0dengan versi-versi terdahulu, pada IE7 mulai diberlakukan dapat Anda peroleh padasistem tab page. Dengan demikian, Anda dapat menampilkan CD Pendamping.beberapa halaman web sekaligus dalam satu jendela InternetExplorer. Setiap halaman pada IE7 diwakili oleh sebuah tab Gambar 2.9yang jelas lebih efektif daripada sistem single windows pada Title barversi sebelumnya. Perpindahan antarhalaman web cukupdilakukan dengan memilih tab. Secara lengkap bagian-bagian Gambar 2.10IE7 adalah seperti berikut. Menu bar1. Title Bar Letak penunjuk untuk judul halaman yang sedang aktifsama seperti pada program aplikasi lain. Pada titlebar IE7juga terdapat Control Button untuk mengatur tampilanjendela aplikasi atau menutup program aplikasi.2. Menu Bar Pada IE7 menu bar tidak langsung ditampilkan karenamemang penggunaan menu bar sudah tidak lagi begitu efektifdan telah diwakili oleh tombol-tombol pada tool bar. Untukmengunakan menu bar, terlebih dahulu Anda harus menekantombol Alt pada keyboard.3. Address Bar Gambar 2.11 Address bar Digunakan untuk menuju ke halaman web tertentu.Address bar juga berfungsi menunjukkan alamat dari halamanweb yang sedang Anda tuju. Untuk menuju ke alamat webtertentu, Anda tinggal mengetikkan alamat web tersebut diaddress bar, kemudian menekan tombol Enter pada keyboard.Contoh, ketikkan: www.google.co.id, kemudian tekan tombolEnter. Pada address bar disediakan dua tombol, yaitu Refreshyang digunakan untuk menampilkan ulang halaman web yangsedang diakses, dan tombol Stop yang digunakan untukmembatalkan akses untuk menuju halaman web tertentu.Menggunakan Internet untuk Memperoleh Informasi 514. Search Bar Ketika Anda membutuhkan suatu informasi, misalkan mengenai komputer, namun Anda tidak tahu alamat web mana yang harus Anda tuju, Anda dapat memanfaatkan batang yang satu ini. Untuk menampilkan alamat web (situs) yang membahas tentang komputer, Anda tinggal mengetikkan teks “komputer”, kemudian tinggal menekan tombol Enter. Selanjutnya akan ditampilkan halaman web Live Search Microsoft yang berisi beberapa alamat situs yang membahas mengenai komputer.Gambar 2.12 Tombol di sisi kanan search bar dapat Anda gunakan Search bar untuk metode pencarian lain. Misalnya, ketika Anda ingin mencari teks “komputer” pada halaman web yang sedang Anda buka, Anda tinggal mengklik tombol bergambar anak panah ke bawah, kemudian klik menu Find on This Page. 5. Tab Button Tab button digunakan untuk mewakili halaman-halaman web yang telah dibuka/ditelusuri. Setiap halaman web yang telah dibuka diwakili oleh sebuah tab.Gambar 2.13 Pada tab button juga disediakan tombol-tombol lain, yaitu Tab button seperti berikut. • Quick tab Digunakan untuk menampilkan halaman-halaman web yang telah dibuka. Setiap halaman yang telah dibuka diwakili dengan kotak-kotak. Untuk menuju ke suatu halaman, Anda tinggal mengklik kotak bergambar halaman tersebut. • Tab list Digunakan untuk menampilkan menu pulldown berisi daftar halaman yang sudah diwakili oleh tab. • New tab Digunakan untuk membuat tab baru. 6. Tool Bar Tool bar berisi tombol-tombol yang digunakan untuk mengeksplorasi program aplikasi. Beberapa tombol yang akan sering digunakan, di antaranya sebagai berikut.52 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI• Navigation Buttons Gambar 2.14 Terdiri atas dua buah tombol, yaitu tombol Back dan Navigation buttons tombol Forward. Tombol Back digunakan untuk menuju Gambar 2.15 ke halaman web sebelumnya. Tombol Forward digunakan Favourites button untuk menuju ke halaman selanjutnya, hal ini berlaku jika Anda pernah menekan tombol Back. Gambar 2.16 Home button• Favourites Buttons Terdiri dari dua buah tombol yaitu tombol Favourites Gambar 2.17 Center dan tombol Add to Favourites. Tombol Favourites Print buttons Center digunakan untuk menampilkan daftar halaman- halaman favourites. Halaman ini biasanya sudah disediakan Gambar 2.18 oleh Microsoft atau halaman-halaman lain yang sengaja Page button disimpan dengan tujuan agar mudah dipanggil kembali. Tombol Add to Favourites, digunakan untuk menyimpan Gambar 2.19 alamat web tertentu ke dalam kategori favourite. Tools button • Home Button Digunakan untuk menjadikan suatu halaman web menjadi halaman utama. Halaman tersebut akan langsung ditampilkan ketika program IE7 dijalankan. • Print Button Digunakan untuk mencetak halaman yang sedang ditampilkan. Anda pun diperkenankan untuk melihat tampilan cetak sebelum dilakukan pencetakan. • Page Button Digunakan untuk mengolah halaman web. Dengan menggunakan tombol ini Anda dapat membuka halaman baru (menambahkan tab) juga dapat menyimpan halaman web (dalam bentuk file) yang sedang Anda buka. • Tools Button Digunakan untuk mengolah program aplikasi IE7. Ada berbagai menu yang disediakan. Salah satunya digunakan untuk menampilkan Menu Bar, ada pula yang digunakan untuk menampilkan halaman secara Full Screen. Menggunakan Internet untuk Memperoleh Informasi 537. Status Bar Bagian ini menampilkan informasi status dari halaman yang sedang Anda buka. Status Bar terletak pada bagian kiri bawah jendela browser. Informasi yang dapat Anda amati melalui status bar ini, antara lain progress penerimaan data oleh browser dari server, tujuan dari satu link, dan file yang sedang dibuka.Gambar 2.20 8. Workspace Status bar Workspace atau ruang kerja merupakan bagian yang menampilkan isi dari suatu halaman web yang sedang Anda kunjungi. Apabila web yang Anda kunjungi memiliki tampilan yang lebih besar daripada tempat yang tersedia, Anda dapat menggunakan fasilitas scrolling (menggeser atau menggulung). Fasilitas ini terdapat pada bagian kanan dan bawah workspace.54 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIMari kita mencoba menggunakan IE7 untuk Gambar 2.21mengeksplorasi situs-situs di internet. Setelah Andamenjalankan IE7, ketiklah: www.google.co.id untuk menuju Ruang kerja sebuahke situs Google. Google merupakan situs mesin pencari situs yang dapat dilihatpopuler. Dengan Google, Anda dapat mencari alamat situs- per bagian dengansitus lain sesuai kata kunci yang Anda tentukan. Google akan menggeser scrollbarmenyediakan banyak link alamat-alamat situs yang berisikan vertikal atau horizontalhal-hal yang berkaitan dengan kata kunci/kriteria yang Andatentukan.Uji Konsep 2.2Kerjakanlah soal-soal berikut di buku latihan Anda.1. Jelaskan,apayangdimaksuddengantab 3. Ketika Anda telah membuka halamanpage pada aplikasi Internet Explorer 7. web dan hendak mencari suatu kata2. Bagaimana cara memunculkan menu tertentu, langkah apa yang sebaiknyabar pada aplikasi Internet Explorer 7? Anda lakukan? Menggunakan Internet untuk Memperoleh Informasi 55Info TIK C Menggunakan Web Browser Sebelum kemunculan Pada pelajaran sebelumnya, Anda telah mengetahui menuinternet, ada dua sumber dan ikon yang ada pada program web browser IE 7. Setelahinfomasi elektronis mengenal program tersebut, sekarang Anda akan mempelajaripendahulunya bernama cara menggunakan program tersebut untuk mencari informasiteletext magazines dan di internet.video-text systems.• Teletext magazines 1. Menggunakan Mesin Pencari adalah seperti sejenis Search Engine yang dalam bahasa Indonesia berarti “Mesin penayangan suatu Pencari” adalah suatu halaman web yang digunakan untuk informasi tertentu mencari halaman web yang jumlahnya mencapai berjuta- berbentuk text dan juta atau mungkin lebih. Coba Anda bayangkan jika tidak grafik yang muncul ada mesin pencari, bagaimana Anda dapat mengenali dan di TV dan disalurkan menghafalkan jutaan halaman web yang ada di internet? melalui sinyal TV. Keterbatasannya Dalam proses pencarian, mesin pencari lebih dulu adalah pelanggan mencari alamat- alamat (URL) dari suatu halaman web sesuai hanya menerima kata kunci yang dimasukkan. Kemudian, baru mencari judul informasi sebatas dan atau isi dari halaman web yang mengandung kata kunci apa yang ditayangkan tersebut. Setelah proses pencarian, pada halaman web mesin (komunikasi searah pencari akan ditampilkan judul, penggalan isi, dan alamat web dari stasiun TV), belum (URL) yang mengandung kata kunci. Ada beberapa halaman bisa memilih. web yang merupakan mesin pencari, di antaranya Google• Videotext muncul (www.google.com), Yahoo (www.yahoo.com), dan Microsoft mengedepankan Live Search (//search.live.com). gambar dan bersifat interaktif (two-way). Pada prinsipnya, penggunaan search engine sama antara Khalayak bisa search engine satu dengan yang lainnya. Oleh karenanya pada menanggapi informasi buku ini hanya akan dibahas bagaimana cara menggunakan menggunakan salah satu search engine yang populer, yaitu Google. telepon rumah dan pada perkembangan komersilnya kemudian memakai papan ketik, decoder, dan TV. Sumber: www.waena.org Sumber: blog.searchenginewatch.com; www.seotoolsgoogle.com; clear.colorado.edu Gambar 2.22 Untuk menggunakan mesin pencari Google, masuklah terlebih dahulu ke situs Google dengan cara mengetikkan Logo beberapa search www.google.co.id. pada program web browser. Kemudian, engine populer, yaitu tekan tombol Enter pada keyboard. Tunggu beberapa saat sampai ditampilkan halaman situs Google.Google, Yahoo, dan Live Search56 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIGambar 2.23 Search engine Google memiliki dua tombol eksekusi Setelah ditampilkan situs Google, ketikkan kata kunciyang akan Anda gunakan sebagai indeks pencarian. Misalnya,ketikkan “sejarah internet”. Penggunaan tanda baca kutip duapada rangkaian kata kunci sangat berpengaruh dalam hasilpencarian. Simak perbedaan antara pencarian menggunakantanda kutip dan tidak berikut ini.a. Dengan kutip dua, misalnya “sejarah internet” Pencarian dengan bentuk seperti ini, hasil pencariannya akan menampilkan setiap halaman situs yang dalam judul atau isinya terdapat kalimat “sejarah internet”, misalnya: • Sejarah Internet Indonesia • Awal Sejarah Internet • Sejarah Internet & HTML Gambar 2.24 Hasil pencarian dengan kata kunci menggunakan tanda kutipMenggunakan Internet untuk Memperoleh Informasi 57b. Tanpa kutip dua, misalnya sejarah internet Pencarian dengan bentuk seperti ini, hasil pencariannya akan menampilkan tiap-tiap halaman situs di mana dalam judul atau isinya terdapat kata “sejarah” dan atau kata “internet”, misalnya: • Cuplikan Sejarah dan Perkembangan Internet • Sejarah Singkat Internet Gambar 2.25 Hasil pencarian dengan kata kuncimenggunakan tanda tanda kutipPranala Luar Setelah Anda mengetikkan kata kunci, kemudian dilanjutkan dengan menekan tombol Enter, atau mengklikIngin mengetahui lebih jauh salah satu tombol dari dua buah tombol yang disediakan olehcara pencarian dengan Google. Adapun perbedaan dari kedua tombol tersebut adalahgoogle, kunjungi situs seperti berikut.berikut. • Tombol Telusuri dengan Google, digunakan untuk//www.klik-kanan.com/ menampilkan beberapa daftar acuan yang sesuai denganfokus/tips-google.shtml kriteria dari kata kunci yang Anda masukkan. Mengklik tombol ini, sama seperti dengan menekan tombol Enter pada keyboard setelah Anda mengetikkan kata kunci. • Tombol Saya Lagi Beruntung, digunakan untuk menuju situs tertentu yang dipilih oleh Google sesuai dengan kriteria dari kata kunci yang Anda masukkan. Hal ini memang dapat terjadi jika Anda benar-benar sedang beruntung. Asumsikan bahwa Anda memilih tombol Telusuri dengan Google, setelah itu Google akan menampilkan beberapa daftar acuan. Untuk memilih daftar acuan yang dihasilkan, Anda tinggal mengklik sebuah judul dari daftar acuan. Anda akan diajak menuju situs web tertentu. Hal-hal58 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIyang perlu Anda perhatikan sebelum memilih sebuah judulyang ditampilkan pada daftar.1. Perhatikan sisi kiri dari judul, jika terdapat sebuah teks yang dilingkup oleh kurung siku, misal [pdf], [doc], dan [rtf]. Ini berarti link acuan dari judul tersebut merupakan sebuah file dengan ekstensi file sesuai dengan yang dituliskan. Ketika Anda mengklik judul tersebut maka akan ditampilkan kotak dialog untuk mengakses file tersebut. Ada dua tombol utama yang disediakan seperti pilihan berikut. Gambar 2.26 Pada awal nama dokumen tertulis jenis file (ekstensi) dokumen yang ditemukan. a) Open, digunakan untuk membuka dokumen/file dengan menggunakan program kompatibel yang telah terpasang pada komputer Anda. Misalnya, jika file tersebut berekstensi doc maka secara otomatis komputer akan memanggil program MSWord untuk menampilkan isi file tersebut. Gambar 2.27 Kotak dialog permintaan untuk menyimpan atau membuka file pdf yang ditemukanMenggunakan Internet untuk Memperoleh Informasi 59Info TIK b) Save, digunakan untuk menyimpan file ke dalam Komputer Anda. Ketika Anda menekan tombol ini, Masalah keamanan akan ditampilkan kotak dialog untuk menentukandalam menggunakan lokasi penyimpanan file. Langkah ini biasa disebutinternet yang harus dengan mengunduh (download).diperhatikan adalahsebagai berikut. 2. Jika terdapat sebuah teks yang dilingkup oleh kurung• Menyadap saluran publik siku maka akan terdapat link tambahan bertuliskan Versi HTML. Jika Anda mengklik link tersebut, file tersebut (port scanning). akan dikonversi menjadi bentuk HTML(file halaman web),• Web spoofing. Untuk kemudian ditampilkan pada browser. mengambil password 3. Pada daftar acuan lainnya, Anda akan menemukan link dan user id yang bertuliskan Tembolok, jika link ini diklik maka Anda akan diketikan si pengguna mendapatkan sebuah halaman web yang di dalamnya yang ceroboh. Kemudian, akan berisi teks-teks yang diblok dengan warna. Teks- menggunakannya untuk teks yang diblok merupakan teks yang sesuai dengan kata kepentingan si pelaku. kunci.• Sniffing. Konsep pengambilan data dalam 4. Hal lain yang perlu diketahui adalah link bertuliskan suatu jaringan, dengan Halaman Sejenis. Jika Anda mengklik link ini maka Google mengambil data yang akan melakukan pencarian kembali dan menghasilkan ada di jaringan tersebut. link-link baru yang berhubungan dengan link yang Anda Dan di simpan di suatu klik sebelumnya. database. Menangkap data username dan 5. Google juga menyediakan fitur terjemahan yang berfungsi password. untuk menerjemahkan kalimat atau situs yang berbahasa• Penyebaran virus. Inggris menjadi bahasa Indonesia. Jika Anda melakukan pencarian, kemudian menemukan sebuah daftar acuan dari situs luar negeri, mungkin Anda akan menemukan sebuah link bertuliskan Terjemahkan halaman ini. Klik link tersebut dan Anda akan diajak menuju alamat situs tersebut dengan sebelumnya telah dialih bahasa menjadi bahasa Indonesia. Anda juga bisa memanfaatkan fitur ini secara langsung dengan mengunjungi alamat berikut ini, //translate. google.co.id. Ada dua metode translasi yang dapat Anda pilih dengan berbagai jenis bahasa, yaitu: Terjemahkan Teks, yang digunakan untuk menerjemahkan teks yang disisipkan pada kotak yang disediakan dan Terjemahkan Laman Web yang digunakan untuk menerjemahkan halaman web tertentu.60 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIGambar 2.28 Fasilitas untuk menerjemahkan halaman web Untuk mengefesiensi halaman, Google tidak menampilkan semua daftar acuan sekaligus, melainkan dibagi menjadibeberapa halaman. Setiap halaman yang mewakili beberapadaftar acuan diwakili oleh nomor-nomor. Untuk melihathalaman berikutnya, Anda tinggal mengklik link bertuliskanBerikutnya. Adapun, untuk kembali ke halaman sebelumnya,dapat Anda lakukan dengan mengklik link sebelumnya. Andadipersilakan untuk menuju halaman tertentu dengan mengklikpada salah satu nomor yang disediakan. Gambar 2.29File yang ditemukanditampilkan oleh Googledalam beberapahalaman.Menggunakan Internet untuk Memperoleh Informasi 612. Menyimpan Halaman Web Setelah Anda melakukan pencarian, dan telah berhasil menemukan sebuah situs yang sesuai dengan maksud pencarian Anda, kemungkinan Anda berkeinginan untuk menyimpan hasil eksplorasi. Hal ini mungkin saja terjadi ketika Anda menggunakan jasa warung internet (warnet), kemudian Anda tidak sempat membaca isi dari halaman web dan ingin membacanya di komputer rumah. Untuk menyimpan halaman web tertentu, Anda dapat melakukan langkah-langkah berikut. (1) Bukalah halaman web tersebut dengan web browser. (2) Klik menu file, kemudian pilih Save As … Gambar 2.30 Langkah membuka perintah menyimpan halaman web (3) Akan muncul kotak dialog Save Web Page. Pilih direktori tempat Anda hendak menyimpan file tersebut, beri nama file. Gambar 2.31 Lokasi penempatan penyimpanan file web62 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI(4) Klik tombol Save untuk menyimpan halaman web tersebut. Terkadang tidak seluruh informasi dari halaman webtersebut Anda butuhkan. Seringkali Anda hanya membutuhkansebagian informasi yang terdapat pada halaman web tertentu.Untuk mengambil hanya sebagian informasi dari suatu situslakukan langkah berikut.a. Untuk Informasi Berbentuk Teks(1) Bukalah halaman web tersebut dengan web browser.(2) Sorot informasi yang hendak Anda ambil. Kemudian, klik kanan dan pilih copy. Gambar 2.32 Menyeleksi informasi yang akan diambil(3) Jalankan program pengolah kata (word proccessor), kemudian paste informasi yang telah Anda copy sebelumnya. Gambar 2.33 Informasi yang diambil dari halaman web disimpan di program pengolah kata.Menggunakan Internet untuk Memperoleh Informasi 63b. Untuk Gambar (1) Bukalah halaman web tersebut dengan web browser. (2) Klik kanan pada gambar yang hendak Anda ambil, pilih Save Picture As.. . Gambar 2.34Langkah untuk membuka perintah menyimpan gambar dari website (3) Akan muncul kotak dialog Save Picture. Pilih direktori untuk menyimpan file dan tentukan nama file tersebut, kemudian klik Save. 3. Mencetak Halaman Web Informasi yang ada di halaman web dapat Anda cetak secara langsung dari web browser tanpa memindahkannya dulu ke program lainnya. Tentunya hal ini memiliki keuntugan dan kerugian tersendiri. Anda tidak dapat mengatur tata letak dan bagian apa saja yang harus dicetak, hasil yang diperoleh mungkin tidak sesuai keinginan Anda. Di lain pihak, Anda dapat mencetak dokumen itu lebih cepat karena tidak perlu dilakukan pengaturan. Untuk mencetak halaman web langsung dari web browser lakukanlah langkah berikut. <a> Bukalah halaman web tersebut dengan web browser. <b> Pada menu file klik Print atau jika Anda hendak melihat tampilan hasil cetak klik Print Preview. Gambar 2.35 Langkah untuk membuka perintah print atau print preview64 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI<c> Asumsikan Anda hendak langsung mencetak maka akan muncul kotak dialog Print. Gambar 2.36 Kotak dialog print<d> Pilih printer yang hendak digunakan, jumlah rangkap cetakan, halaman yang akan dicetak, kemudian klik tombol Print untuk mulai mencetak. Sebagai alternatif, Anda dapat mencetak informasi yangAnda peroleh dengan cara memindahkan informasi tersebutterlebih dahulu ke program lain, seperti program pengolahkata (untuk teks). Dengan menggunakan program tersebut,Anda dapat melakukan modifikasi terlebih dahulu (jika perlu)dan mencetaknya. Contoh Bagaimanakah cara melakukan download file dari Internet? Pembahasan: Untuk dapat melakukan download file dari Internet, Anda terlebih dahulu harus mengetahui file apakah yang akan Anda download dan darimana file tersebut berasal. Kini, banyak situs yang menyediakan file-file untuk di- download sebagai bagian dari promosi, layanan update, dan lain sebagianya. Kini, akan dijelaskan cara melakukanMenggunakan Internet untuk Memperoleh Informasi 65download virus definition terbaru antivirus Norton yang didapatkan dari situs resmi www.symantec.com. Berikut ini langkah-langkahnya. 1. Bukalah situs yang dituju, contohnya www.symantec. com. Lalu masuk ke menu Business>Security Response>Download Virus Definitions>Symantec Endpoint Protection/Symantec Antivirus Corporate Edition, sesuai dengan produk Antivirus yang Anda miliki dan ingin Anda update. Menu ini tentu berbeda-beda sesuai situs dan produk yang Anda ingin download. 2. Selanjutnya, klik nama file yang Anda perlukan sesuai produk yang Anda miliki untuk selanjutnya di- download. File yang akan Anda download jika disorot oleh kursor, biasanya nama file dan alamat file akan terlihat pada status bar. Pada contoh ini, terlihat bahwa file yang akan di-download berbentuk aplikasi (ekstensi EXE) dengan nama 20090621-039-vi32. exe. Anda juga dapat melakukan download dengan melakukan klik kanan, dan memilih Save Link As untuk men-download file.66 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI3. Selanjutnya, akan muncul jendela Enter name of file to save to.. untuk menuliskan nama dan tempat file disimpan. Setelah menekan tombol Save, proses download segera berlangsung dan terlihat dari jendela Download. Pada jendela ini, dapat diketahui nama file, waktu download, besar file, dan kecepatan transfer download file tersebut.4. Jika proses download selesai, file yang diinginkan sudah terdapat pada folder yang telah ditentukan.Menggunakan Internet untuk Memperoleh Informasi 67Uji Konsep 2.3Kerjakanlah soal-soal berikut di buku latihan Anda.1. Jelaskan yang dimaksud dengan mesin 3. Bagaimana cara menyimpan halamanpencari web. web dalam hardisk?2. Jelaskan cara menggunakan mesinpencari Google?Rangkuman World Wide Web adalah serangkaian dari komputer pribadi ke server disebuthalaman-halaman pada internet yang sebagai upload.berisi informasi-informasi mengenaidunia luas, berupa teks, gambar, suara, Situs search engine dapat membantudan sebagainya Anda menemukan situs web yang berisi informasi yang Anda inginkan. Anda Halaman web merupakan informasi cukup mengisi kata kunci dan searchdalam bentuk HTML dan dapat engine akan menunjukan situs-situs yangditampilkan menggunakan web browser sesuai dengan kata kunci tersebut. Contohseperti Internet Explorer. situs search engine adalah Google dan Yahoo. Mengambil informasi dari halamanweb di internet disebut sebagain download. Adapun mengirimkan informasiKeselamatan dan Kesehatan Kerja Ketika berada di depan komputer benar rileks, siku juga harus diletakkanuntuk melakukan suatu aktivitas, sedapat dengan nyaman disesuaikan denganmungkin kita mengubah-ubah posisi posisi keyboard.tubuh, sehingga bermanfaat bagi tulang 3. Posisi tanganpunggung, otot, persendian dan sistem Ketika sedang mengetik atau meng-peredaran darah. Duduk terlalu lama gunakan mouse, usahakan agar lengandapat menyebabkan kelelahan otot dan dan pergelangan tangan dalam posisirasa ketidaknyamanan. yang nyaman. Jangan meletakkan1. Posisi kaki telapak tangan kita pada meja karena Posisi telapak kaki yang baik dalam dapat menyebabkan tertekuknya pergelangan tangan. pada saat duduk adalah telapak kaki 4. Kesehatan mata dapat menapak di lantai dengan kuat Berada cukup lama di depan monitor dan nyaman. bisa menyebabkan iritasi dan kelelahan2. Posisi punggung mata. Cara menjaga kesehatan mata Ketika duduk, gunakan sandaran kursi dengan cara mengedipkan mata, untuk menopang punggung. mengistirahatkan mata (dengan cara3. Posisi pundak dan siku mengalihkan pandangan mata dari Ketika sedang berada di depan monitor ke suatu tempat yang jauh) komputer, posisi pundak harus benar-68 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIUji Kompetensi Bab 2Kerjakan di buku latihan Anda. 6. Situs-situs organisasi atau lembaga non profit memiliki nama domain denganA. Pilihlah jawaban yang benar. akhiran …. a. com1. World wide web mulai dikembangkan pada b. net …. c. co.id a. 1980 d. org b. 1990 e. edu c. 1992 d. 1994 7. Berikut yang termasuk second level domain e. 1996 adalah …. a. com2. Informasi pada web site umumnya ditulis b. net menggunakan format .… c. co.id a. doc d. org b. html e. edu c. pdf d. odt 8. Alamat situs dengan akhiran ac.id e. txt merupakan situs yang berhubungan dengan ….3. Antarhalaman web dihubungkan meng- a. jasa komersial gunakan …. b. jasa jaringan a. hyperlink c. lembaga militer b. gambar d. lembaga pendidikan c. teks e. lembaga pemerintahan d. ikon e. logo 9. Berikut yang bukan script untuk mendesain halaman web adalah ….4. Rangkaian-rangkain karakter yang a. PHP digunakan untuk menamai alamat b. FormulaScript pemanggilan dari suatu dokumen dalam c. JavaScript halaman web disebut .… d. VBScript a. Address e. ASP b. URS c. URL 10. Berikut perangkat lunak yang tergolong d. UPS web browser, kecuali …. e. alamat a. Opera b. Apple5. Pusat dari situs web yang memiliki c. Mozila Firefox beberapa tautan (link) untuk menuju d. Internet Explorer halaman lain disebut …. e. NetScape Navigator a. main page b. homepage c. home d. halaman web e. halaman mukaMenggunakan Internet untuk Memperoleh Informasi 6911. Pada Internet Explorer, tombol yang 14. Informasi tentang halaman yang sedang digunakan untuk mengatur jendela Anda coba akses akan ditampilkan pada aplikasi terdapat pada …. …. a. Menu bar a. Status bar b. Status bar b. Navigation bar c. Title bar c. Title bar d. Address bar d. Address bar e. Search bar e. Search bar12. Jika Anda hendak kembali ke halaman 15. Situs berikut yang bukan termasuk situs web sebelumnya, Anda dapat meng-klik search engine adalah …. ikon back pada …. a. Google a. Menu bar b. Yahoo b. Navigation bar c. Live Search c. Title bar d. altavista d. Address bar e. wikipedia e. Search bar13. Untuk membuka link baru tanpa harus menggunakan jendela baru dapat dilakukan menggunakan …. a. Menu bar b. Navigation bar c. refresh d. multiple button e. tab buttonB. Jawablah pertanyaan-pertanyaan berikut dengan jelas.1. Jenis informasi apa saja yang dapat ditampilkan menggunakan www?2. Jelaskan perbedaan antara top level domain dan second level domain.3. Perangkat lunak jenis apa yang Anda butuhkan untuk membuka suatu situs web? Tuliskan 4 contoh perangkat lunak tersebut.4. Apa yang dimaksud dengan situs search engine? Jelaskan pula cara penggunaannya.5. Tuliskan langkah-lagkah pengambilan informasi dari situs web ke harddisk Anda.RefleksiSetelah mempelajari bab ini, tentu Anda telah memahami banyak hal tentangMenggunakan Internet untuk Memperoleh Informasi. Berikan tanda cek pada konsepmateri yang telah Anda kuasai. Pengertian www Mengambil informasi dari Internet Menu dan Ikon IE 7 Mengambil gambar dari Internet Menggunakan search engine Menggunakan web browserJika ada konsep materi bab ini yang belum Anda kuasai, diskusikanlah bersama rekanbelajar dan guru Anda.70 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIt3Bab Sumber: thecontentwrangler.com; fedoraproject.or gBertukar InformasiMenggunakan E-mailKata KunciAkun, alamat e-mail, reply, forward, mail server, dan kata kunci Manusia sebagai makhluk sosial selalu berusaha A. Mengenal E-mailmencari cara untuk saling berkomunikasi. Berbagai media B. Membuat Alamatkomunikasi pun mulai berkembang seiring perkembanganilmu pengetahuan yang dikuasai manusia. Salah satu media E-mailinformasi di era modern ini adalah surat elektronik atau yang C. Mengelola E-maillebih dikenal sebagai e-mail. Komunikasi e-mail menggunakanfasilitas internet sehingga orang-orang dapat saling berkirimsurat dalam waktu yang singkat meskipun jarak mereka sangatjauh. Agar dapat menggunakan e-mail, seseorang terlebihdahulu harus memiliki alamat e-mail. Pada bab ini, Andaakan mempelajari cara membuat alamat e-mail dan mengelolae-mail. 71Peta Konsep E-Mail disediakan oleh Mail server terdiri atas Akun Pendaftaran e-mail diakses menggunakan Web browser Program mail Konfigurasi client digunakan untuk Web browser Program mail Meneruskan client pesat/surat Uji Pramateri Sebelum mempelajari materi pada bab ini, kerjakanlah beberapa soal berikut. 1. Menurut Anda apakah e-mail tersebut? Apa perbedaannya dengan SMS pada telepon selular? 2. Tuliskan beberapa alamat penyedia layanan e-mail yang Anda ketahui. 3. Apa yang Anda ketahui tentang mailing list?72 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIA Mengenal E-mail Info TIK Saat ini penggunaan e-mail (electronic mail) sudah menjadi E-mail berbasiskonsumsi wajib bagi pengguna internet. Hampir semua situs SMTP/POP adalah e-mailweb yang membuka pendaftaran anggota, seperti forum dan yang menggunakan serverblog, selalu meminta alamat e-mail kepada pengguna internet SMTP/POP (Simpleyang ingin mendaftar menjadi anggota dari situs web tersebut. Mail Transfer Protocol/E-mail adalah sarana berkomunikasi surat-menyurat melalui Post Office Protocol),media internet. Dengan e-mail, seseorang dari belahan dunia yaitu komputer serverbarat bisa mengirimkan surat ke belahan dunia timur hanya yang dapat mengirimkandalam hitungan detik saja. Agar dapat menggunakan fasilitas email dari pengguna kee-mail, Anda harus memiliki alamat e-mail terlebih dahulu. alamat e-mail yang ditujuUntuk itu Anda harus mendaftarkan alamat e-mail Anda ke dan sebaliknya. Terdapatsuatu halaman situs web yang menyediakan layanan e-mail beberapa Software(mailserver). Mail Client yang dapat dipilih pada Windows, di1. Cara Kerja E-mail antaranya MS Outlook, MS Outlook Express, Sebagaimana Anda ketahui, setiap pengguna komputer Pegasus, dan Netscapebelum tentu menggunakan jenis komputer ataupun sistem Communicator.operasi yang sama. Oleh karena itu, dibutuhkan suatu aturanstandar aau protokol agar komputer-komputer tersebut dapat Sumber: info.g-excess.comsaling berkomunikasi di internet. Untuk e-mail, protokol yangdigunakan adalah SMTP (simple mail transfer protocol) dan Pranala Luar POP (post office protocol). SMTP digunakan sebagai protokolpengiriman pesan. Adapun POP digunakan sebagai protokol Untuk belajar lebih jauhuntuk menerima pesan. Untuk menjalankan protokol ini, tentang protokol POP3,komputer yang Anda gunakan harus memiliki program mail silahkan Anda buka alamatclient, seperti Microsoft Outlook dan Mozila Thunderbird. website berikut. //www.klik-kanan.com/ Ketika Anda menerima sebuah pesan menggunakan e-mail, fokus/kenal_pop3.shtmlprogram mail client pada komputer Anda akan menghubungiISP. Program tersebut tersebut akan menggunakan SMTPserver pada ISP dan memintanya mengirimkan pesan yangakan Anda kirimkan. SMTP server kemudian mengontaksoftware DNS (domain name server) menanyakan rute yangdapat dipakai untuk mengirim pesan ke alamat penerima.Setelah rute diperoleh, pesan tersebut akan dikirimkanmelalui berbagai router internet hingga tiba di alamatdomain penerima. Alamat domain merupakan kata yangterdapat setelah tanda @ pada alamat e-mail. Pesan tersebutkemudian ditransfer oleh server SMTP penerima ke programserver lainnya yang bernama POP/ POP3. POP server akanBertukar Informasi Menggunakan E-mail 73menyimpan pesan tersebut hingga sang penerima meminta pesan tersebut menggunakan program mail client yang terdapat di komputernya. Proses tersebut dapat diilustrasikan dalam bagan berikut. Teks e-mail Teks e-mail dikirim diterima Perngiriman e-mail Penerima POP Server antarserver e-mail e-mail dengan akunSMTP Server Penerimae-mail denganakun Pengirim Menerima Pencarian rute server server Server DNSSumber: wikipedia.org Gambar 3.1 Selain menggunakan protokol SMTP dan POP, terdapat pula e-mail yang menggunakan protokol lainnya. Meskipun Bagan perjalanan e-mail demikian, pesan antar e-mail dengan protokol yang berbedadari pengirim ke penerima tetap dapat dilakukan. Hal ini dimungkinkan karena adanya gateway, yaitu suatu software yang mengonversi suatu jenis protokol ke bentuk protokol lainnya. Salah satu jenis e-mail yang tidak menggunakan protokol SMTP dan POP adalah webmail. E-mail jenis ini dapat diakses menggunakan web browser. Alamat e-mail terdiri atas tiga bagian, yaitu identitas pemilik akun e-mail, simbol @ dan alamat domain penyedia e-mail. Tanda @, yang dibaca “at”, dalam bahasa Indonesia menyatakan
“berlokasi di”. Jadi, jika ada alamat e-mail bernama [email protected]
Anda akan mendapatkan alamat e-mail berupa [email protected] e-mail semantik akan
telkomspeedy.net. digunakan di kampus Silicon Valley dan ke Sebagian perusahaan, terutama perusahaan besar wilayah lain.menyediakan e-mail untuk para karyawannya. Alamat Beberapa perusahaane-mailnya memiliki identitas perusahaan tersebut. Tentu saja besar juga berkeinginanuntuk mendapatkan e-mail tersebut Anda harus terdaftar dan terkesan dengansebagai karyawan di perusahaan tersebut. sistem e-mail baru itu. “Ide itu akan mengubah Cara lain untuk mendapatkan alamat e-mail adalah bagaimana kitadengan memesan alamat tersebut. Melalui cara ini Anda menggunakan alamatdapat menentukan sendiri identitas dan nama domain yang email. Kita mengirim e-mailingin Anda gunakan. Untuk mendapatkannya, Anda harus ke seseorang, bukan kememesan domain-nya terlebih dahulu, kemudian memesan sekelompok huruf,” katapaket hosting untuk server Anda. Genesereth. Ketika Anda memutuskan untuk memiliki sebuah alamat Sumber: //www.inilah.come-mail, hal-hal berikut dapat Anda jadikan pertimbangan.Pertama kapasitas dokumen yang dapat disimpan pada mailserver. Hal ini cukup penting mengingat lalu lintas komunikasilewat e-mail yang saat ini semakin marak. Anda dapatkehilangan pesan berharga apabila kapasitas e-mail Anda telahterisi penuh. Oleh karena itu, pilihlah penyedia e-mail yangmenawarkan e-mail dengan kapasitas yang cukup besar. Kedua, carilah penyedia layanan e-mail yang stabilkarena banyak penyedia e-mail yang tidak sanggup bertahansehingga terpaksa menutup layanan mereka. Hal ini dapatmerugikan Anda, terutama ketika alamat e-mail Anda telahtersebar pada teman-teman Anda, kemudian layanan e-mailBertukar Informasi Menggunakan E-mail 75tersebut ditutup. Oleh karena itu, carilah layanan e-mail yang profesional. Perusahaannya kuat dan stabil, akses baik dan cepat. Beberapa perusahaan penyedia e-mail berikut dapat Anda jadikan pilihan. Tabel 3.1 Beberapa Perusahaan Penyedia Layanan E-mailPenyedia Layanan E-mail Alamat Situs Web Kapasitas*Plasa dari Telkom Indonesia www.plasa.com 10 MBYahoo!Mail www.mail.yahoo.com Tidak dibatasGmail dari Google www.Gmail.com 7,5 GBHotMail www.hotmail.com 5 GB * Data diambil pada Januari 2009 Sumber: situs masing-masingUji Konsep 3.1Kerjakan soal-soal berikut di buku latihan Anda.1. Jelaskan yang dimaksud dengan 3. Tuliskan beberapa situs penyedia kapasitas e-mail. layanan e-mail.2. Apa perbedaan protokol SMTP dan 4. Coba jelaskan bagaimana cara Anda POP pada e-mail? dapat mendapatkan e-mail.Materi tambahan Manfaat B Membuat Alamat E-mailE-mail dapat Anda peroleh Pada pembahasan sebelumnya telah disebutkan bahwapada CD Pendamping. banyak situs web yang menyediakan layanan e-mail. Pada subab ini akan dijelaskan cara pembuatan e-mail pada dua situs web yang umum digunakan oleh client, yaitu Yahoo! Mail dan Gmail. Kedua situs web ini sudah populer sebagai situs web memberikan layanan pembuatan e-mail dengan fasilitas yang cukup memuaskan untuk berbagai keperluan. Untuk lebih memahami cara mendaftar pada kedua layanan e-mail tersebut, ikuti uraian berikut. 1. E-mail di Situs Yahoo Untuk membuat alamat e-mail di Yahoo, Anda terlebih dahulu harus masuk ke situs Yahoo. Anda dapat mengunjungi situs ini dengan mengetikkan www.yahoo.co.id (Yahoo Indonesia) di address browser Anda. Selanjutnya, ikuti langkah- langkah berikut.76 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI(1) Pada halaman web tersebut, carilah link bertuliskan Daftar, kemudian klik link tersebut untuk menampilkan halaman Formulir Pendaftaran.(2) Yahoo meminta Anda menceritakan tentang diri Anda. Isilah informasi yang diminta.(3) Selanjutnya, Yahoo akan memberikan beberapa alternatif Gambar 3.2 alamat e-mail yang cocok bagi Anda. Klik pada salah satu link alternatif tersebut. Anda dapat pula mengetikkan Formulir pendaftaran e-mail langsung Alamat e-mail yang Anda kehendaki. Jika di situs web Yahoo alamat e-mail tersedia, artinya belum ada orang lain yang menggunakan alamat e-mail tersebut.(4) Selanjutnya, Yahoo akan menanyakan kata sandi yang hendak Anda gunakan. Kata sandi ini digunakan untuk mengakses e-mail Anda nanti. Perlu Anda perhatikan, Yahoo memberikan batas minimal kata sandi sebanyak 6 karakter. Selain itu, Yahoo membedakan antara huruf kecil (a, b, c, ...) dengan huruf kapital (A, B, C, ...). Isikan kata sandi yang Anda kehendaki. Sebaiknya, Anda menggunakan kombinasi huruf dan angka pada password.(5) Setelah memasukkan sandi, isikan alamat e-mail alternatif. Alamat e-mail alternatif ini akan digunakan ketika Anda lupa sandi. Sesuai permintaan Anda, Yahoo akan mengirimkan sandi Anda ke alamat alternatif tersebut. Alamat alternatif ini biasanya sebuah alamatBertukar Informasi Menggunakan E-mail 77e-mail yang dibuat pada penyedia jasa e-mail selain Yahoo. Namun, anggaplah Anda baru pertama kali membuat e-mail, oleh karena itu kosongkan saja kotak tersebut. Gambar 3.3 (6) Tentukan “Pertanyaan Keamanan”, kemudian isikan jawabannya pada kotak yang disediakan. Pertanyaan Kotak isian e-mail keamanan dan jawabannya, digunakan ketika Anda lupa pertanyaan keamanan sandi atau ID Yahoo Anda. ketika mengisi formulir pendaftaran e-mail pada (7) Perhatikan gambar beberapa karakter yang ditampilkan, kemudian baca huruf-huruf atau angka-angka yang situs web Yahoo ditampilkan tersebut. Ketik karakter-karakter tadi pada kotak yang disediakan. Tandai checkbox “Saya sudah Gambar 3.4 membaca dan menyetujui Ketentuan Layanan Yahoo! dan Kebijakan Privasi Yahoo!” sebagai persetujuan Anda Kotak isian e-mail karakter terhadap ketentuan Yahoo yang akan mengirim pesan yang harus diisikan ketika penting Yahoo secara elektronik.mengisi formulir pendaftarane-mail pada situs web Yahoo (8) Terakhir klik tombol Buat Akun Saya untuk memproses alamat e-mail yang telah Anda ajukan.78 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI(9) Setelah proses berhasil, Yahoo akan menampilkan halaman seperti berikut ini. Gambar 3.5 Tampilan sukses membuat e-mail di situs Yahoo! Mail Gambar 3.6 Tampilan pertama Mailbox yang telah Anda buat(10) Klik Lanjutkan untuk masuk ke kotak surat (mailbox) Anda.Bertukar Informasi Menggunakan E-mail 792. E-mail di Situs Gmail Google yang terkenal dengan mesin pencarinya, juga memberikan layanan e-mail yang diberi nama Google Mail, disingkat Gmail. Untuk mendapatkan layanan e-mail dari Google, Anda tinggal mengunjungi alamat www.gmail.com. (1) Pada halaman situs tersebut carilah link yang bernama Sign Up ke Gmail. Gambar 3.7 Tampilan Gmail yang menyediakan layanan pembuatan e-mail (2) Gmail akan menampilkan form pendaftaran yang perlu Anda isi. Isilah data-data yang diminta Gmail. Data yang diminta Gmail tidak jauh berbeda dengan data yang diminta Yahoo mail. Anda akan diminta membuat nama akun, kata sandi, e-mail sekunder, pertanyaan rahasia, dan lain-lain. Gambar 3.8 Formulir pendaftaran e-mail di situs web Gmail80 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI(3) Terakhir, Anda akan diminta meng-klik tombol Saya menerima buat akunku yang merupakan persetujuan Anda terhadap Persyaratan Layanan, Kebijakan Program, dan Kebijakan Privasi. Gambar 3.9 Kotak isian persetujuan terhadap aturan Gmail(4) Setelah menyatakan persetujuan, Anda akan dibawa ke halaman web yang berisi fitur-fitur yang ada pada Gmail. Untuk log-in ke akun, Anda klik hyperlink yang bertuliskan Saya siap-tampilkan account saya. Gambar 3.10 Tampilan ucapan selamat dari Gmail atas kesuksesan Anda membuat e-mail di Gmail(5) Selanjutnya, Anda akan masuk ke akun e-mail yang telah Anda buat. Anda akan menerima sebuah pesan dari tim Gmail.Bertukar Informasi Menggunakan E-mail 81Gambar 3.11Tampilan mailbox Anda di GmailUji Konsep 3.2Kerjakan soal-soal berikut di buku latihan Anda.1. Tuliskan lima buah alamat situs yang 3. Apa fungsi pertanyaan rahasiamenyediakan layanan e-mail. pada saat Anda mendaftar untuk2. Data pribadi apa saja yang umumnya mendapatkan alamat e-mail?diminta saat Anda mendaftar padasitus layanan e-mail?Pranala Luar C Mengelola E-MailUntuk belajar lebih jauh Setalah Anda memperoleh alamat e-mail, Anda tentutentang pembuatan dan bertanya apa saja yang dapat Anda lakukan dengan e-mail danpengelolaan e-mail, bagaimana caranya? Pada dasarnya, memiliki alamat e-mailsilahkan Anda buka alamat tidak jauh berbeda dengan memiliki alamat POS/ kotak POS.website berikut. Teman-teman Anda atau seseorang yang berkepentingan dengan Anda dapat menghubungi Anda di alamat e-mail//pongel-mail. tersebut. Tentunya setelah Anda memberitahukan alamatblogspot.com e-mail tersebut terlebih dahulu.//gudanginfo.web.id/ Untuk mengelola e-mail Anda dapat melakukannyatutorial/email-tutorial.html melalui beberapa cara. Salah satu cara adalah mengelola e-mail tersebut langsung di situs web yang menyediakan layanan//webfoot.com/advice/ e-mail tempat Anda mendaftar. Cara lainnya adalah dengantranslations/indonesian/ menggunakan program mail client, seperti Microsoft Outlookemail.status.html dan Mozilla Thunderbird. Untuk mempelajari lebih jauh cara mengelola e-mail ikutilah uraian berikut.//info.g-excess.com/tag/Belajar_Email_gratis.info82 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI1. Mengelola E-mail melalui Info TIK Situs Web Layanan SMS (Short Deangan menggunakan program browser, Anda dapat Message Service)langsung mengirim, membalas, dan melanjutkan e-mail secara merupakan salah satulangsung dari situs web. Sebagai contoh, pada buku ini akan jenis layanan teknologidibahas cara mengolah e-mail pada situs Yahoo! Mail. nirkabel yang populer. Pengintegrasian layanana. Mengirim E-mail ini dengan layanan e-mail akan menjadikan pesan Mengirimkan e-mail sama seperti mengirimkan surat dapat diterima kapanbiasa melalui jasa pos. Dalam mengirimkan surat biasa, saja dan dimana saja.Anda memerlukan alamat yang dituju, judul surat, isi surat, Pengembangan perangkatdan tanda tangan Anda. Nyaris sama ketika Anda akan lunak SMS Mail Gatewaymengirimkan surat, bedanya Anda tidak memerlukan biaya ini dimaksudkan untukuntuk prangko dan tidak perlu menunggu lama sampai e-mail memadukan SMS denganditerima oleh alamat yang dituju, terkecuali jika alamat yang e-mail, sehingga pesandituju sedang tidak membuka kotak suratnya. yang disampaikan dari e-mail dapat diterima Untuk mengirimkan e-mail, sebelumnya Anda harus sebagai SMS danmasuk terlebih dahulu ke kotak surat Anda. Anggap saja Anda sebaliknya, pesan SMSbelum masuk ke kotak surat Anda. dapat diterima juga sebagai(1) Untuk masuk ke kotak surat, jalankan web browser e-mail. Anda. Buka halaman web Yahoo!Mail Indonesia dengan Sumber: //www.iptek.net.id mengetikkan //mail.yahoo.co.id pada Address bar di browser Anda.(2) Untuk masuk ke akun Anda, ketikkan nama akun dan kata sandi Anda. Yahoo akan menampilkan halaman utama dari akun Anda. Gambar 3.12 Tampilan Mailbox yang ditampilkan setelah Anda log in ke mailbox YahooBertukar Informasi Menggunakan E-mail 83(3) Carilah ikon bertuliskan tulis dan klik ikon tersebut. Yahoo akan menampilkan lembar penulisan pesan. (4) Pada bagian Kepada, tuliskan alamat e-mail tujuan. Jika Anda hendak mengirimkan e-mail yang sama pada beberapa alamat e-mail, tuliskan alamat e-mail tambahan pada bagian CC (Carbon Copy). Jangan lupa mengisi bagian topik dengan tujuan penulisan pesan tersebut. Gambar 3.13 Bagian-bagian isian ketika Anda akan mengirim e-mail (5) Isilah pesan Anda pada bagian isi. Setelah puas dengan isi pesan, cek kembali alamat tujuan sebelum Anda mengirimkan pesan tersebut. (6) Jika Anda bermaksud menyertakan file tertentu bersama pesan tersebut, klik link Lampirkan. Yahoo akan meminta Anda menunjukkan file yang hendak Anda sertakan. Perhatikan bagian yang ditunjukkan lingkaran merah pada gambar berikut Gambar 3.14 Bagian link Lampirkan untuk menyertakan file pada pesan yang akan dikirim84 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI(7) Setelah semua pesan dan lampiran telah lengkap di- lampirkan, klik Kirim untuk mengirim pesan Anda. Setelah beberapa saat, Anda akan memperoleh laporan bahwa pesan Anda telah diterima. Gambar 3.15 Tampilan mailbox ketika e-mail Anda berhasil dikirim(8) Ada kalanya pesan gagal dikirim. Sebagian besar pesan Gambar 3.16 yang gagal dikirim tersebut disebabkan kesalahan penulisan alamat e-mail tujuan. Oleh karena itu, cek Tombol Balas untuk dan pastikan kembali bahwa alamat tujuan telah diketik mengirim pesan e-mail dengan benar. balasan ke pengirimb. Membalas E-mail Anggap Anda mendapatkan pesan melalui e-mail danAnda ingin membalas pesan tersebut. Untuk membalas sebuahe-mail dari seseorang, tentu Anda dapat melakukannya dengancara membuat e-mail baru ke alamat e-mail tersebut. Akantetapi, ada cara yang lebih mudah untuk membalas e-mailseseorang.(1) Setelah Anda selesai membaca e-mail dari teman Anda atau seseorang, klik link Balas yang terdapat pada halaman web tersebut.Bertukar Informasi Menggunakan E-mail 85(2) Secara otomatis bagian kepada akan terisi dengan alamat e-mail pengirim. Selain itu, bagian topik otomatis akan berisikan [Bls:] topik pesan. Kata Bls: pada tanda kurung berasal dari kata Balas. Perhatikan gambar berikut. Gambar 3.17 Pada halaman balasan, kolom Kepada dan kolom Topik telah terisi otomatis. (3) Bagian isi pesan pun akan berisi pesan yang sama sebagai lampiran. Anda dapat menuliskan pesan balasan Anda sebelum lampiran tersebut. Jika Anda tidak memerlukan lampiran, Anda dapat pula menghapus lampiran tersebut secara manual. Gambar 3.18 Pada halaman balasan, bagian lembar pesan masih berisi pesan kiriman dari teman yang boleh dihapus atau ikut dikirim sebagai lampiran. (4) Setelah Anda selesai menuliskan pesan balasan, klik Kirim untuk mengirimkan pesan balasan tersebut. c. Meneruskan E-mail Terkadang Anda mungkin akan menerima e-mail yang menarik atau berisi informasi yang perlu diteruskan pada teman Anda yang lain. Untuk meneruskan sebuah e-mail Anda dapat melakukannya dengan cara seperti berikut.86 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI(1) Setelah Anda selesai membaca e-mail dari teman Anda atau seseorang. Klik link Teruskan yang terdapat pada halaman web tersebut.(2) Anda tidak perlu lagi menulis ulang pesan tersebut karena Gambar 3.19 secara otomatis telah ditulis pada bagian isi pesan. Selain itu bagian Topik pun telah diisi dengan [Trs] topik pesan. Tombol Teruskan untuk Kata Trs pada tanda kurung berasal dari kata teruskan. meneruskan pesan e-mail ke teman yang lain Gambar 3.20 Pada halaman Teruskan, kolom Kepada dan kolom Topik telah terisi otomatis. Bagian lembar pesan masih berisi pesan kiriman yang akan dikirim ke teman yang lain.(3) Hal yang Anda perlu lakukan adalah mengisi alamat penerima pesan lanjutan tersebut, lalu meng-klik link Kirim untuk mengirimkan pesan tersebut. Tugas Buatlah sebuah akun email di Yahoo!Mail, Google Mail, atau Plasa.com. Kumpulkan alamat e-mail Anda kepada guru Anda. Pada saat yang ditentukan, guru Anda akan memberikan tugas melalui e-mail Anda dan harus dikumpulkan juga melalui e-mail yang Anda buat tersebut.Bertukar Informasi Menggunakan E-mail 87Contoh Bagaimanakah caranya menyimpan file lampiran dari e-mail yang diterima? Pembahasan: Jika e-mail yang diterima memiliki lampiran, Anda dapat menyimpan lampiran tersebut. Berikut langkah-langkah yang dilakukan untuk menyimpan lampiran e-mail dari Yahoo! Mail. Langkah ini mungkin berbeda pada Web Mail lainnya. 1. Pilih mail yang lampirannya akan Anda simpan. Selanjutnya, klik pada lampiran yang tersedia. Secara otomatis, Yahoo! Mail akan melakukan proses scan virus pada lampiran yang akan di-download.88 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI2. Setelahprosesscanselesai,klikDownloadAttachment untuk men-download lampiran. Selanjutnya akan muncul jendela download yang menanyakan apakah Anda akan membuka file atau menyimpannya. Klik Save File dan Ok untuk menyimpan e-mail.3. Kemudian, akan muncul jendela Enter name of file to save to… untuk menentukan nama dan tempat menyimpan file yang akan di-download. Tentukan nama dan tempatnya, kemudian klik Save. Proses download akan berjalan dan Anda akan mendapatkan file lampiran e-mail yang Anda inginkan.Bertukar Informasi Menggunakan E-mail 89Perangkat lunak 2. Mengelola E-mail MenggunakanOpen Source Mozilla Program Mail ClientThunderbird 2.0.0.17 Sebelumnya telah dipelajari cara mengelola e-mail secaradapat Anda peroleh pada langsung di situs web. Selain cara tersebut, e-mail dapat pula dikelola menggunakan program mail client. Keuntungan caraCD Pendamping. ini adalah Anda dapat langsung men-download pesan yang terdapat pada e-mail Anda ke komputer yang Anda gunakan. Hal ini sangat berguna bagi Anda yang sering menerima e-mail dalam jumlah besar, tetapi tidak dapat on-line dalam waktu yang lama. Pengguna jaringan komputer yang tidak memiliki akses internet secara langsung dapat pula memanfaatkan program ini. Sebagai contoh, pada buku ini akan dibahas cara pengelolaan e-mail menggunakan Microsoft Outlook 2003 pada sistem operasi Windows XP. Untuk menggunakan program mail client, akun e-mail yang Anda miliki harus mendukung protokol POP3. a. Mengatur Konfigurasi Seperti program-program lainnya, langkah pertama yang harus Anda lakukan adalah mengatur konfigurasi program tersebut. Terutama data tentang layanan e-mail yang Anda gunakan. Untuk mengatur konfigurasi Ms Outlook, Anda dapat melakukannya melalui langkah berikut. (1) Aktifkan Ms Outlook. (2) Klik Tools pada Menu bar, kemudian pilih E-mail Accounts. Gambar 3.21 Membuka kotak dialog E-mail Account melalui menu Tools (3) Setelah muncul kotak dialog E-mail Account, pilih Add new -mail account, kemudian klik Next.90 Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XIGambar 3.22 Kotak dialog E-mail Account(4) Selanjutnya, Anda akan diminta memasukkan jenis server yang digunakan. Untuk menggunakan akun Gmail Anda, pilih POP3 server.(5) Setelah muncul tampilan kotak dialog berikutnya, Gambar 3.23 masukkan data-data pada kolom seperti tampak pada gambar berikut. Memilih tipe server yang akan digunakan oleh akun e-mail baruBertukar Informasi Menggunakan E-mail 91