MODUL

PEMBELAJARAN

2015

Oleh : Vera Wulandari

S1 Pendidikan Administrasi

Perkantoran

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 pribadi-

pribadi 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.