dasar-dasar merancang website dengan html
advertisement
2015 MODUL Oleh : Vera Wulandari S1 Pendidikan Administrasi Perkantoran PEMBELAJARAN DASAR-DASAR MERANCANG WEBSITE DENGAN HTML KATA PENGANTAR Assalamualaikum Warahmatullahi Wabarakatuh Puji syukur kehadirat Allah SWT, yang tiada pernah terputus rahmat dan karunia-Nya. Sholawat serta salam teruntuk baginda yang kami rindukAN yang telah membawa kita dari kehidupan yang gelap menuju cahaya yang terang benderang siapa lagi kalau bukan Nabi dan Rasul kita Muhamad SAW. Kepada keluarganya, para sahabatnya dan sampailah pada kita sebagai pengikutnya. Penulis ucapkan banyak terima kasih kepada semua pihak yang telah membantu dalam menyelesaikan Modul yang berjudul “Cara Mengoperasikan Web Site.” Penulis yakin dalam penyusunannya, masih banyak kekurangan yang harus diperbaiki. Karena itu penulis memohon saran dan kritik dari pembaca agar penulis dapat memperbaharuinya dikemudian hari. Mohon maaf jika dalam penyusunan Modul ini terdapat banyak sekali kesalahan. Mohon bimbingan dan petunjuk dari para pembaca. Akhir kata sebelum dan sesudahnya penulis ucapkan terima kasih. Wassalamu’alaikumwarahmatullahiwabarakatuh Malang, 28 November 2015 Penulis. BAB 1 PENDAHULUAN 1.1 Latar Belakang Sekolah adalah sarana bagi pesreta didik untuk mendapatkan ilmu. Ilmu diperoleh dari proses pendidikan. Guru adalah peran penting dalam memberikan ilmu kepada murid. Untuk mentranfer ilmu seorang guru membutuhkan cara atau metode belajar yang akan dapat memudahkan siswa dalam menerima ilmu yang diberikan kepada murid. Seorang guru juga perlu membuat sebuah bahan ajar yang mudah untuk dimegerti oleh siswa salah satunya adalah modul. Modul pembelajaran merupakan bahan ajar yang masih jarang dibuat oleh seorang guru. Keneran hal tersebut kami membuat modul ini untuk membantu para guru dan juga siswa dalam pendidikan. 1.2 Deskipsi Singkat Modul yang berjudul “cara mengoperasikan Website” dimana ruang lingkupnya adalah menyiapkan pengertian tentang akses internet, pengertian HTML, perangkat lunak yang digunakan untuk membuat web, dan E-mail dengan ISP. 1.3 Kompetensi inti Memahami dan menyiapakan pengetahuan faktual, konseptual, prosedural dalm ilmu pengetahuan, taknoologi, seeni budaya, dan humainora dengan wawasan kemanusiaan, kebangsaan, kenegaraaan dan beradaban terkait fennomena dan kejadian, serta menerapkan pengetahuan prosedural pada bidang kajian yang spesifik sesuai dengan bakat dan minatnya untuk memecahkan masalah 1.4 Relavansi/Manfaat Manfaat di terbitkannya modul ini : 1) Membantu guru dalam menyampaikan mata pelajaran sehingga mudah diserap dan dipahami 2) membantu guru untuk mengetahui seberapa jauh pengetahuan siswa dengan evaluasi yang ada di akhir pertemuan 3) memberi pemahaman tentang informasi pendukung atau hal-hal baru terkait dengan materi sehingga pengetahuan siswa maupun guru menjadi luas. 1.5 Tujuan Pembelajaran Adapun tujuan diterbitkannya modul ini : 1) siswa mampu memahi apa itu akses internet dengan baik dan benar 2) siswa mampu mendeskripsikan tentang HTML dengan baik dan benar 3) siwa mampu memahami perangkat luank yang digunakan untuk membuat we site dengan baik dan benar. 4) siswa mampu memahami E-mail dengan ISP dengan baik dan benar 5) siswa mampu mengoperasikan web site. 1.6 Petunjuk Penggunaan Modul 1.6.1 Penjelasan bagi siswa: Bacalah dengan cermat rumusan tujuan akhir dari kegiatan belajar ini yang memuat: a. Kinerja yang diharapkan b. Kriteria Keberhasilan c. Kondisi yang diberikan dalam rangka membentuk kompetensi kerja yang akan dicapai melalui modul ini. Bacalah dengan cermat dan pahami dengan baik daftar pertanyaan pada ”cek kemampuan” sebagai pengukur kompetensi yang harus dikuasai. Diskusikan dengan sesama peserta diklat apa yang Anda cermati untuk mendapatkan pemahaman yang baik tentang tujuan belajar dan kompetensi yang ingin dicapai dalam modul ini. Bila masih ragu, maka tanyalah pada instruktur sampai paham. Bacalah dengan cermat ”peta kedudukan modul, prasyarat dan pengertian dari istilah-istilah sulit dan penting dalam modul ini”. Bacalah dengan cermat materi setiap kegiatan belajar, rencana kan kegiatan belajar, kerjakan tugasnya dan jawablah pertanyaan test kemudian cocokkan dengan kunci jawaban. Lakukan kegiatan ini sampai tuntas mengasai hasil yang diharapkan. Bila dalam proses pemahaman materi Anda mendapatkan kesulitan, maka diskusikan dengan teman-teman Anda/konsultasikan ke Instruktur. Setelah Anda menuntaskan semua kegiatan belajar dalam modul ini, Anda boleh melanjutkan ke modul berikutnya. Anda tidak dibenarkan melanjutkan ke kegiatan belajar berikutnya bila belum menguasai secara tuntas materi pada kegiatan belajar sebelumnya. Setelah semua modul untuk mencapai satu kompetensi telah tuntas dipelajari, maka ajukanlah uji kompetensi dan sertifikasi. 1.6.2 Peran Guru/Fasilitator/Instruktur: Membantu peserta diklat merencanakan dalam kegiatan belajar Membantu peserta diklat memahami konsep, praktik baru dan menjawab pertanyaan-pertanyaan siswa. Membantu peserta diklat untuk menentukan dan mengakses sumber tambahan lain yang diperlukan untuk belajar. Mengorganisasikan Kegiatan Belajar kelompok. Mencatat pencapaian kemajuan belajar siswa peserta diklat. Melaksanakan penugasan dan penilaian. Memberi penjelasan kepada peserta diklat mengenai bagian yang perlu untuk dibenahi dan merundingkan rencana pembelajaran selanjutnya. BAB II PEMBAHASAN 2.1 Kompetensi Dasar menguraikan cara mengoperasikan Website mempraktekkan cara menguperasikan web site 2.2 Materi Pokok Akses internet Pengertian tentang HTML Penggunaan peranngkat lunak untuk menciptakan website E-mail dengan ISP. 2.3 Uraian Materi A. Pengertian Internet dan Akses Internet Internet adalah hubungan (koneksi) satu komputer ke komputer lainnya diseluruh dunia melalui server dan router terdedikasi. Ketika dua komputer terhubung lewat internet, mereka bisa saling kirim dan terima informasi seperti teks, grapik (gambar), suara, video dan program komputer berupa software dan aplikasi. Internet tidak dimiliki oleh siapapun, namun sejumlah organisasi penyedia diseluruh dunia berkolaborasi untuk meningkatkan dan menghadirkan fungsi internet juga mengurusi perkembangannya. Soal kecepatan dan kabel fiber optik yang merupakan bagian besar dalam urusan lalu-lintas data internet dimiliki oleh perusahaan telefon di sejumlah negara tertentu. Mengakses internet adalah sebuah kegiatan yg berkaitan dengan interaksi user dengan komputer yg terkoneksi dengan internet akses internet bisa menggunakan bermacam macam media computer pribadi, handphone, tv kabel, dll. B. Tipe Koneksi /Akses ke Internet 1. Tipe koneksi ke internet dengan kabel 1.1 Dial-Up (Kecepatan Akses Internet-Dial Up melalui Jalur PSTN) Cara menghubungkan komputer kita ke internet menggunakan kabel telepon biasa atau lebih sering disebut dengan dial up. Dial-up melalui jalur PSTN (Public Switched Telephone Network) yaitu cara kita. terhubung ke ISP (Internet Service Provider) melalui jaringan telephone reguler (PSTN) contohnya adalah “Telkomnet Instan” dari ISP Telkom. Dial-up Connection ini pada umumnya digunakan oleh pribadipribadi yang menginginkan untuk mengakses Internet dari rumah. Komputer yang digunakan untuk dial-up pada umunya adalah sebuah komputer tunggal (bukan jaringan komputer). Kecepatan akses internet menggunakan dial up dapat mencapai maksimal dengan kecepatan 56 kilo byte persecond (kbps). 1.2 ADSL (Kecepatan Akses Internet-ADSL) ADSL (Asymetric Digital Subscriber Line) adalah suatu teknologi modem yang bekerja pada frekuensi antara 34 kHz sampai 1104 kHz. Inilah penyebab utama perbedaan kecepatan transfer data antara modem ADSL dengan modem konvensional (yang bekerja pada frekuensi di bawah 4 kHz). Keuntungan ADSL adalah memberikan kemampuan akses internet berkecepatan tinggi dan suara/fax secara simultan (di sisi pelanggan dengan menggunakan splitter untuk memisahkan saluran telepon dan saluran modem) 1.3 LAN (Kecepatan Akses Internet-LAN) Salah satu cara untuk terhubung ke internet adalah dengan menghubungkan komputer Anda ke jaringan komputer yang terhubung ke internet. Cara ini banyak digunakan di perusahan, kampus-kampus, dan warnet-warnet. Sebuah komputer yang dijadikan server (komputer layanan) di hubungkan ke internet. Komputer lain di jaringan tersebut kemudian dihubungkan ke server tersebut. 1.4 TV Kabel (Kecepatan Akses Internet) Jaringan TV kabel untuk menghubungkan komputer ke internet telah banyak digunakan. Televisi kabel dinilai cocok terutama untuk pengguna internet dari kalangan keluarga (rumah tangga). Kelebihan mengakses internet dengan menggunakan jaringan TV kabel dapat mengakses internet setiap saat dan bebas dari gangguan telepon sibuk. 2. Tipe koneksi ke internet dengan Tanpa kabel (wireles) 2.1 GPRS (Kecepatan Akses Internet-GPRS) GPRS adalah kepanjangan dari General Packet Radio Service yaitu komunikasi data dan suara yang dilakukan dengan menggunakan gelombang radio. GPRS memiliki kemampuan untuk mengkomunikasikan data dan suara pada saat alat komunikasi bergerak (mobile). Sistem GPRS dapat digunakan untuk transfer data (dalam bentuk paket data) yang berkaitan dengan e-mail, data gambar (MMS), dan penelusuran (browsing) Internet. Layanan GPRS dipasang pada jenis ponsel tipe GSM dan IS-136, walaupun jaringaan GPRS saat ini terpisah dari GSM. 2.2 3G (Kecepatan Akses Internet-3G) 3G (dibaca: triji) adalah singkatan dari istilah dalam bahasa Inggris: third-generation technology. Istilah ini umumnya digunakan mengacu kepada perkembangan teknologi telepon nirkabel (wireless). sebagai sebuah solusi nirkabel yang bisa memberikan kecepatan akses: 2.3 4G LTE (Jaringan Generasi Ke empat) 4G LTE (dibaca: Forji) adalah singkatan dari Fourth Generation Technology Long Time Evolution (Generasi ke empat). Yang merupakan jaringan teknologi terbaru. Yang kecepatan aksesnya mampu mencapai 750Mbps. 2.4 Wifi (Kecepatan Akses Internet-WiFi) Wi-Fi memiliki pengertian yaitu sekumpulan standar yang digunakan untuk Jaringan Lokal Nirkabel (Wireless Local Area Networks - WLAN) yang didasari pada spesifikasi IEEE 802.11. Wi-Fi (Wireless Fidelity) adalah koneksi tanpa kabel seperti handphone dengan mempergunakan teknologi radio sehingga pemakainya dapat mentransfer data dengan cepat dan aman. Wi-Fi tidak hanya dapat digunakan untuk mengakses internet, Wi-Fi juga dapat digunakan untuk membuat jaringan tanpa kabel di perusahaan. 2.5 Wireless Broadband (Kecepatan Akses Internet-Wireless Broadband) Wireless Broadband memungkinkan akses internet broadband ke berbagai perangkat. Termasuk ponsel, komputer notebook, dan PDA. Dari segi mobilitas, Wireless Broadband juga dinilai lebih efisien ketimbang WiFi yang sekarang menjadi standar internet nirkabel. Jangkauan WiFi masih terbatas kira-kira sampai 100 meter, sementara Wibro diklaim dapat diakses sampai jarak 1 kilometer dari stasiun pemancarnya. 3. Faktor –faktor yang mempengaruhi Akses Internet 3.1 Personal Komputer (PC) Komputer sangat berperan dalam kecepatan akses, karena didalamnya terdapat harddisk, RAM, processor. Bila harddisk berkecepatan endah, maka kecepatan akses pun ikut rendah. Begitu pula RAM danprocessor. 3.2 Modem Modem punya kecepatan yang berbeda-beda. modem yang sering digunakan berkecepatan 56 kbps. 3.3 Jaringan Komunikasi Untuk Akses Internet untuk akses internet kita bisa gunakan line telepon, CDMA, GPRS, & Satelit. Yang masing-masing punya kecepatan berbeda dan danyang paling rendah adalah line telepon. 3.4 Besar Bandwidth bandwitch adalah luas/ lebar cakupan frekuensi yang digunakan oleh sinyal dala medium transmisi. 3.5 Jumlah Pengguna yang mengakses server Jumlah pengguna yang secara bersamaan mengakses pasa satu server sangat mempegaruhi kecepatan internet. C. HTML(Hyper Text Markup Language) Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). Kegunaan Mengintegerasikan gambar dengan tulisan. Membuat Pranala. Mengintegerasikan berkas suara dan rekaman gambar hidup. Membuat form interaktif. [3] Menyunting format tulisan HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah: Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya. Menampilkan tulisan dalam bentuk cetakan tebal Menampilkan sekelompok kata dalam bentuk miring Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu. Markah/Tanda Secara garis besar, terdapat 4 jenis elemen dari HTML: Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1 Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan, Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu), Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web, Ada tiga macam pranala (link) yang dapat digunakan: Pranala menuju bagian lain dari page. Pranala menuju page lain dalam satu web site. Pranala menuju resource atau web site yang berbeda. [4] Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets. Contoh dokumen HTML sederhana Untuk HTML 4 Strict [5] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <headbgcolor=blacktext=white> <title>Selamat Datang HTML</title> </head> <body> <p>Halo dunia!</p> </body> </html> Untuk HTML 5 [6] <!DOCTYPE HTML> <html> <headstyle="background-color: black; color: white;"> <title>Selamat Datang HTML</title> </head> <body> <p>Halo dunia!</p> </body> </html> BAB III EVALUASI Jawablah soal dibawah ini yang benar, dengan memberikan tanda (X) pada jawaban yang dianggap benar! 1. Hubungan koneksi satu komputer ke kumputer lainnya melalui server disebut?... a.internet b. jaringan internet c. kabel komputer d. akses internet 2. Apa yang dimaksud dengan akses internet? a. sebuah kegiatan yg berkaitan dengan interaksi user dengan komputer yg terkoneksi dengan internet akses internet bisa menggunakan bermacam macam media computer pribadi, handphone, tv kabel, dll. b. adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, c.Hubungan koneksi satu komputer ke kumputer lainnya melalui server d. Semua benar 3) Kegiatan apa yang sering dilakukan melaui internet? a. Mengobrol b. Menipu c. mereka bisa saling kirim dan terima informasi seperti teks, grapik (gambar), suara, video dan program komputer berupa software dan aplikasi. d. Semua benar 4 Ada pberapa tipe koneksi/akses internet? a. 3 b. 4 c. 5 d. 2 5 Apa yang dikasud dengan ADSL? a. adalah suatu teknologi modem yang bekerja pada frekuensi antara 34 kHz sampai 1104 kHz b. Cara menghubungkan komputer kita ke internet menggunakan kabel telepon biasa atau lebih sering c. menghubungkan komputer Anda ke jaringan komputer yang terhubung ke internet. d. untuk menghubungkan komputer ke internet telah banyak digunakan. Televisi kabel dinilai cocok terutama untuk pengguna internet dari kalangan keluarga (rumah tangga). 6. Dibawah ini yang termasuk kategori Tipe koneksi ke internet dengan kabel adalah kecuali? a. Dial-Up b. LAN c. Wifi d. ADSL 7. dapat mengakses internet setiap saat dan bebas dari gangguan telepon sibuk, merupakan kelebihan dari?... a. ADSL b. TV Kabel c. GPS d. wifi 8. dibawah ini yang bukan merupakan jenis dari koneksi internet dengan kabel adalah... a. 3G b. 4G LITE c. GPRS d. Dial-up 9. koneksi tanpa kabel seperti handphone dengan mempergunakan teknologi radio sehingga pemakainya dapat mentransfer data dengan cepat dan aman,merupakan pengertian dari?... a. wifi b. 3G c. 4G lite d. Dial-up 10. ada berapa faktor yang mempengaruhi jaringan akses internet? a. 10 b. 5 c. 4 d. 3 11. apa yang dimaksud dengan HTML? a. sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web b. menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi c. HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. d. A dan B benar 12. ada berapkah kegunaan HTML? a. 1 b. 2 c. 3 d. 4 13. kegunaan dari HTML kecuali? a. Mengintegerasikan gambar dengan tulisan. b. Membuat animasi c. Mengintegerasikan berkas suara dan rekaman gambar hidup. d. Membuat form interaktif. [3] 14. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah sebagai berikut, kecuali? a. Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya. b. Menampilkan tulisan dalam bentuk cetakan tebal c. Menampilkan sekelompok kata dalam bentuk miring d. Semua jawaban benar 15. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1, merupakan deskripsi dari?... a. struktural b. presentasional c. hipertex d. semua bener KUNCI JAWABAN 1. A 2. A 3. D 4. B 5. A 6. C 7. B 8. D 9. A 10. B 11. D 12. D 13. B 14. D 15. A BAB III PENUTUP Untuk menindak lanjuti materi yang telah dibahas sebelumnya, dimohon untuk semua siswa mendapatkan pemahaman yang cukup bagus karena hal ini akan sangat berguna ketika praktek kerja ataupun dilapangan kerja nantinya. Apabila da kesulitan dimohon untuk bertanya kepada guru atau teman yang sudah benar-benar mengerti. Semoga apa yang kita pelajari dalam modul ini memberikan banyak manfaat untuk sekarang ataupun kedepannya. Dalam penulisan modul ini penulis belum sepenuhnya membuat dengan sempurna, tetapi masih terdapat banyak kesalahan. Untuk itu penulis sangat berharap pembaca untuk memberikan komentarnya, agar untuk penulisan modul yang selanjutkan dapat menjadi lebih baik.
