I.

IDENTITAS SEKOLAH a. Sekolah b. Mata Pelajaran c. Program d. Materi Pokok e. Kelas / Semester f. Alokasi Waktu :

: : : : :

II. III. IV. V.

VI.

STANDART KOMPEENSI Mengenal Kembali Jaringan Komputer KOMPETENSI DASAR a. Memahami Fungsi Dari Jaringan Komputer INDIKATOR a. Menjelaskan Cara Kerja Jaringan Computer TUJUAN PEMBELAJARAN a. Memahami pengertian internet dan jaringan b. Mengetahui berbagai jenis Hardware yang digunakan untuk membuat sebuah jaringan computer c. Mengetahui jenis jenis topologi dan mengetahui karakternya MATERI PEMBELAJARAN a. Bahan Ajar i. Mengenal Jaringan ii. Hardware yang digunakan untuk membuat jaringan iii. Jenis jaringan berdasarkan jarak jangkauan dan jenisnya iv. Cara kerja jaringan komputer b. Metode pembelajaran i. Multimodel pembelajaran(Model pembelajaran kooperatis & Pembelajaran langsung) c. Langkah langkah pembelajaran

MATERI PERTEMUAN 1.PENGERTIAN JARINGAN COMPUTER Kumpulan beberapa computer yang saling terhubung dimungkinkan untuk saling bertukar sumberdaya di dalamnya. FUNGSI JARINGAN Jaringan mempunya beberapa fungsi sebagai penghubung antara beberapa computer yang nantinya dapat menimbulkan beberapa manfaat baik positif maupun negative. Untuk manfaat yang dapat diambil dari sebuah jaringan adalah : Menghemat biaya Menghemat waktu Efisiensi tenaga Memudahkan dalam melakukan sebuah pekerjaan Hubungan social Memudahkan dalam mendapatkan informasi JENIS JARINGAN a. Berdasarkan Jarak Jangkauan a. LAN (Local Area Network) Merupakan system jaringan yang menjalin komunikasi data antara satu computer dengan computer lain yang dihubungkan dengan server yang bertugas untuk mengatur jalannya semua lalu lintas komunikasi data. Biasanya dihubungkan oleh kabel dan dalam jangkauan yang terbatas, dalam satu ruangan, jaringan dalam gedung atau jaringan adalam satu kampus. b. MAN (Metropolitan Area Network) Pada dasarnya merupakan versi LAN yang berukuran besar, atau kumpulan dari beberapa LAN yang ada, MAN biasanya menhubungkan jaringan antar kantor atau instansi umum. MAN biasanya dapat menunjang data dan suara bahkan dapat berhubungan dengan jaringan TV Cable. MAN hanya memiliki sebuah atau dua buah kabel dan tidak memiliki elemen switching yang mengatur paket data melalui kabel. c. WAN (Wide Area Network) WAN mencakup daerah goegrafis yang luas, seringkali mencakup sebuah Negara atau benua. WAN terdiri dari kumpulan mesin yang bertujuan utuk menjalankan program program aplikasi. Pada sebagian besar WAN terdiri dari banyak kabel atau saluran telepon yang menghubungkan sebuah router.

b.

Berdasarkan system operasi dasar jaringan a. Jaringan Tanpa Kabel ( Nirkabel) Komputer Mobile seperti Notebook dan Personal Digital Assistant (PDA) merupakan cabang industri komputer yang cepat pertumbuhannya. Jaringan tanpa kabel mempunyai manfaat yang diantaranya sebagai kantor portable, yang artinya kita dapat melakukan semua pekerjaan tanpa harus berada

di kantor atau di tempat kerja. Sebagai contoh, penggunaan telepon wirless, mengirim email, mengirim data menggunakan Infra Red, penggunaan Bluetooth, dll. Meskipun jaringan tanpa kabel ini cukup mudah untuk dipasang, namun jaringan ini memiliki kekurangan, diantaranya memiliki kekuatan 1 2 Mbps, yang mana juh lebih rendah dibandingkan dengan jaringan kabel, laju kesalahan lebih besar dan media transmisi dari komputer yang berbeda dapat mengganggu komputer lain. TOPOLOGI JARINGAN Topologi adalah gambaran bentuk hubungan fisik yang ada dalam sebuah jaringan computer, biasanya nama-nama yang diambil tergantung dari jenis topologi dan nama yang sudah menjadi tradisi khalayak umum.

Berikut jenis-jenis topologi : a. Topologi Bus Topologi Bus Menghubungkan beberapa node, setiap node melakukan tugas masing masing. Setiap computer terhubung dengan T-Bus dan kedua ujungnya diberi resistor sebesar 50 . Topologi ini memiliki karakter sebagai berikut ; Merupakan satu cable yang kedua ujungnya ditutup, dimana sepanjang cable terdapat NODE. Umum digunakan, karena sederhana dalam instalasi Signal melewati cable dan mungkin terjadi Collision (2 paket data tercampur / tabrakan data) Setiap computer dapat langsung terhubung Tidak dapat digunakan secara bersamaan dalam waktu yang sama. Problem terbesar, pada saat cable putus, jika salah satu sagmen cable putus, maka seluruh jaringan akan terhenti

Gambar Topologi BUS b. Topologi Star Topologi ini menggambarkan setiap sistem, pengguna computer terhubung langsung dengan server dan tidak perlu berhubungan dengan pengguna lain.

Topologi ini memiliki karakter sebagai berikut : Setiap node derkomunikasi langsung dengan card node

Akses server cepat Jumlah pengguna lebih banyak dibandingkan dengan topologi bus Mudah dikembangkan, karena setiap node hanya memiliki cable yang langsung terhubung dengan central node Keunggulan, Jika satu cable node terputus yang lain tidak terganggu Dapat menggunakan cable yang low grade (UTP)

Gambar Topologi Star c. Topologi Ring Topologi ini dikenal sebagai jaringan dari titik ke titik, karena topologi ini terhubung dari satu terminal ke terminal lainnya. Topologi ini merupakan perkembangan dari topologi Bus dan terhubung secara serial. Topologi ini memiliki karakter sbb: Jalur berupa lingkaran tertutup yang berisi node Sederhana dalam layout Signal mengalir dalam 1 arah, sehingga menghindari collosion Problem sama dengan Topologi Bus, karena signal 1 arah Topologi ini tidak dibuat secara fisik namun direalisasikan dengan sebuah Consentrator

Gambar Topologi Ring

d. Topologi Tree / Topologi Hirarki Topologi ini terdiri dari central node (computer Spesifikasi tinggi) dan node (computer spesifikasi rendah) yang saling berhubungan secara berjenjang tertinggi (top hierarchical) yang berfungsi untuk mengkoordinasi node pada jenjang di bawahnya. Oleh karena itu topologi ini dikenal juga dengan Hierachical Topology

Topologi ini memiliki karakter sbb: Dihubungkan secara bersama sama Terdiri dari topologi bus yang dihubungkan bersama Dapat mensuport baseband maupun broadband signaling Control manajemen lebih rendah karena bersifat terpusat dan terbagi dalam tingkatan jenjang Jika salah satu node rusak, maka nide yang berbeda di jenjang bagian bawah tidak berfungsi.

Gambar Topologi Tree / Topologi Hirarki e. Topologi Mesh Topologi ini menghubungkan semua computer sehingga setiap client dapat berhubungan secara langsung. Topologi ini agak rumit jika computer yang digunakan cukup banyak

Topologi ini memiliki karakter sbb : Setiap terminal terhubung langsung ke semua terminal Tidak praktis dan memerlukan biaya besar Memiliki tingkat redundancy sangat tinggi, jika ada kerusakan link maka link yang lain tidak masalah

Gambar Topologi Mesh f. Topologi Hybrid Topologi ini merupakan perpaduan antara topologi dan tehnologi Memliki karakter sbb : Terbentuk dari berbagai jenis topologi dan tehnologi Sehingga karakter yg dimiliki topologi ini dimiliki semua topologi yang ada Menggabungkan keuntungan jaringan client/server dan peer-to-peer User dapat mengakses sumber daya yang di-share oleh jaringan peer-to-peer, dan secara bersamaan dapat menggunakan sumber daya yang disediakan oleh server

Gambar Topologi Hybrid

TEHNIK PENYALURAN SINYAL

a.

b.

Baseband Merupakan tekhnik penyaluran dengan menggunakan signal digital, pada tehnik ini transfer data dapat mencapai 10 Mbps dengan jarak 500 meter. Broadband Merupakan tekhnik penyaluran signal dengan menggunakan signal analog. Kelebihan dari signal analog dapat mengirim Audio dan Video secara bersamaan, dalm beberapa hal, jaringan ini sama dengan jaringan TV

MEDIA TRANSMISI a. Unicast Merupakan media transmisi jaringan one to one (jalur tunggal). Setiap computer yang terhubung mempunyai alamat yang unik (lain dari yang lain) berupa IP Address (Internet Protocol) . Maka apabila ada transfer data akan melihat alamat tujuan terlebih dahulu, jika sama maka pengiriman akan digagalkan. b. Multicast Merupakan media transmisi jaringa one to many (satu ke banyak). System ini sering digunakan dalam kasus kelompok computer yang sedang menerima transmisi tertenu. Seperti streaming audio atau video secara bersamaan. c. Broadcast Merupakan media transmisi jaringan one to all (satu ke semua), biasanya media ini digunakan dalam jaringan raksasa atau WAN.

PRINSIP KOMUNIKASI DATA Pada dasarnya semua data komputer berbentuk Biner yang hanya memiliki angka 1 dan 0. Kode ASCII (American Standart Code of Information Interchange) menjadi kode yang dipakai Tabel ASCII terdiri dari 256 karakter dari 0 desimal sampai 256 desimal

MATERI PERTEMUAN 2 HARDWARE Hardware yang digunakan dalam membuat sebuah jaringan (LAN) antara lain : 1. Server Adalah sebuah computer central yang memiliki spesifikasi tinggi guna menunjang kinerja jaringan yang berfungsi sebagai penyedia data dan informasi atau tempat menampung data dan informasi dari computer pekerja. Untuk menungajang kerja jaringan dibutuhkan spesifikasi sbb : o Processor minimal P III 500 Mhz P IV 3 Ghz o RAM 64 512 Mhz o VGA Card 4 256 Mb o Hardisk 10 60 Gb 2. Client/ Workstation / Terminal Client disini diasumsikan sebagai computer pekerja yang menghasilkan sesuatu dan terhubung dalam jaringan computer, fungsi utamanya adalah menerima dan mengirim informasi ke server. 3. NIC (Network Interface Card)

4.

5.

6.

7.

Sering disebut sebagai Kartu JAringan, Line Card, fungsinya sebagaipiranti yang wajib sebagai penghubung antar computer, kartu jaringan yang umum ada memiliki antarmuka konector RG 45. HUB Berfungsi sebagai penghubung dari topologi jaringan atau menghubungkan lebih dari 2 komputer dalam hal ini menggunakan konector RG 45 yang memiliki kecepatan sampai 100 Mbps dan memiliki port antara 4, 10, 12 dan 24. Reapeter Berfungsi sebagai penyetabil jalannya proses jaringan agar tidak mengalami degradasi dalam jarak tertentu, Switch Kemampuannya hampir sama dengan HUB, tapi Switch lebih baik karena alat ini memiliki kemampuan untuk mengenal, menganalisis dan menyimpan alamat MAC dari setiap kartu jaringan yang terhubungkan ke Switch. Modem Modem (Modulator Demodulator)merupakan sebuah perangkat yang berfungsi mengubah signal analog menjadi signal digital,

Ada 2 macam jenis Modem Internal Modem Berada di dalam PC bentuknya seperti kartu yang ditancapkan pada slot AGP atau slot PCI External Modem Berada di luar PC sehingga mudah untuk dibawa dan dipindahkan 8. Router Sering digunakan untuk menghubungkan user user LAN dengan koneksi Internet yang memiliki fungsi untuk routing atau memilih jalur terbaik dalam jaringan Karena fungsinya yang lebih kompleks dan dapat berfungsi sebagai gateway, sehingga router dapat mengkoneksikan jaringan jaringan yang berbeda. 9. Brigde Berfungsi untuk mengirimkan paket data, Brigde memiliki kemampuan yang lebih baik daripada HUB atau Switch, karena Brigde mampu membagi traffic ke segmen segmen dengan system filtering traffic. 10. Kabel Sebagai sarana penghubung jaringan, dalam hal ini (LAN) ada 2 jenis kabel yang digunakan Kabel Twisted Kabel yang dililit dan memiliki 4 kabel warna primer dan 4 kabel warna sekunder, diantaranya warna biru, hijau, orange, coklat, untuk warna sekundernya, dari warna warna tersebut terdapat kombinasi putih. Dari kabel tersebut dibagi lagi menjadi 2: o UTP (Unselded Twisted Pair) Kabel yang tidak memiliki selubung alumunium pembungkus o STP (Shealded Twisted Pair) Kabel yang memiliki selubung alumunium pembungkus Kabel Coaxial Adalah media penyalur atau transmitor yang bertugas menyalurkan setiap informasi yang telah diubah menjadi sinyal sinyal listrik. Kabel ini memiliki

kemampuan yang besar dalam menyalurkan bidang frekuensi yang lebar, sehingga sanggup mentransmisi kelompok kanal frekuensi percakapan atau program televisi. Kabel koaksial biasanya digunakan untuk saluran interlokal yang berjarak relatif dekat yakni dengan jarak maksimum 2.000 km. Keunggulan kabel ini, bisa menyalurkan sinyal listrik yang besar Kabel jenis ini mempunyai kemampuan dalam menyalurkan sinyal sinyal listrik yang lebih besar dibandingkan saluran transmisi dari kawat biasa. Selain itu kabel koaksial memiliki ketahanan arus yang semakin kecil pada frekuensi yang lebih tinggi. kelemahan yakni dalam hal investasi dan biaya pemeliharaan yang mahal. Lebar bidang frekuensi dalam kabel koaksial hanya terbatas oleh gain ( pengerasan ) yang dikehendaki, yang diperlukan untuk mempertahankan mutu sinyal yang baik.

11. Konector Piranti yang digunaan sebagai pasangan dari kabel, bentuk konector disesuaikan dengan jenis kabel yang digunakan dalam hal ini untuk kabel Twisted menggunakan konector RG 45 yang memiliki 8 pin. SOFTWARE (NOS) Untuk memperlancar system jaringan yang ada biasanya menggunakan Sistem Operasi khusus untuk menangani jaringan, contohnya : Microsoft Windows Advance Server 2003 (Server) Microsoft Windows XP, Vista, dll (Client)

PENGKABELAN Ada dua jenis pengkabelan: Straight (satu arah / lurus) digunakan untuk koneksi antara : o Komputer Hub (Broadband) o Komputer Switch o Router Switch o Router Hub Konfgurasi warnanya adalah : No PIN Ujung 1 Ujung 2 1 PUTIH HIJAU PUTIH HIJAU 2 3 4 5 6 7 8 HIJAU PUTIH ORANGE BIRU PUTIH BIRU ORANGE PUTIH COKLAT COKLAT HIJAU PUTIH ORANGE BIRU PUTIH BIRU ORANGE PUTIH COKLAT COKLAT

Crossover (Silang) Digunakan untuk koneksi antara :

o Komputer Komputer (Point To Point) o Switch - Hub Konfigurasi warnanya adalah : No PIN Ujung 1 Ujung 2 1 PUTIH HIJAU PUTIH-ORANGE 2 3 4 5 6 7 8 HIJAU PUTIH ORANGE BIRU PUTIH BIRU ORANGE PUTIH COKLAT COKLAT ORANGE PUTIH-HIJAU BIRU PUTIH BIRU HIJAU PUTIH-COKLAT COKLAT

Materi Membuat Conektifitas Antara Dua Computer Cara Memberikan Computer Name o Setting TCP/IP o IP address o Subnetmask

MATERI PERTEMUAN 3 Praktek Pengkabelan Memperaktekkan membuat kabel Straight dan Crossover dengan membuat kelompok, 1 kelompok dua siswa, tiap siswa membuat konfigurasi disetiap ujung kabel. Praktek Conectifitas antara dua comuter Dengen kelompok yang sama, siswa mengconectkan dua buah computer dengan menggunakan perangkat kabel yang sudah dibuat serta mengatur Computer name dan TCP/IP di tiap computer.

I.

IDENTITAS SEKOLAH a. Sekolah b. Mata Pelajaran c. Program d. Materi Pokok e. Kelas / Semester f. Alokasi Waktu

: : : : : :

II. III. IV.

V.

VI.

STANDART KOMPEENSI Mengenal Jaringan internet dan sejarahnya KOMPETENSI DASAR a. Memahami fungsi dari Jaringan Internet INDIKATOR a. Mengetahui dan mampu menjelaskan berbagai manfaat yang di dapat dari internet TUJUAN PEMBELAJARAN a. Memahami pengertian internet b. Mengetahui manfaat baik positih maupun negative dari penggunaan internet c. Mengetahui berbagai istilah yang umum digunakan dalam mengakses internet MATERI PEMBELAJARAN a. Bahan Ajar Sejarah dan Pengertian internet Fungsi dan kegunaan Internet Manfaat dari intenet bagi masyarakat Istilah umum dari internet b. Metode pembelajaran Multimodel pembelajaran(Model pembelajaran kooperatis & Pembelajaran langsung) c. Langkah langkah pembelajaran

MATERI PERTEMUAN 4 PENGENALAN INTERNET a. Pengertian Internet Internet (Interconection Network) merupakan hubungan dua computer bahkan lebih yang saling berhubungan untuk membentuk jaringan computer sebanyak banyaknya guna menukar informasi. Nama lain dari internet antara lain, Cyber, E world, Dunia Maya, dan Cyber Space. b. Sejarah Internet Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol).

FUNGSI DAN KEGUNAAN INTERNET Internet memiki peran vital dalam kehidupan masyarakat, selain membantu dalam melakukan aktivitas, internet juga menimbulkan kesenjangan social di masyarakat. Adapun beberapa manfaat dari internet adalah : Memperoleh Informasi Dengan internet kita bisa mendapatkan informasi yang kita inginkan, Berkirim Surat Ada sebuah fasilitas yang fungsinya sama dengan surat yaitu E-mail, fungsinya dapat mengirimkan dan menerima surat dari orang lain dalam waktu singkat. Chatting Fasilitas ini menjadi favorit karena dalam hal ini kita bias berkomunikasi langsung dengan orang lain dan kita bias melihat posisi lawan chat kita dengan menggunakan fasilitas yang disediakan oleh media chat tersebut. Belanja / Jual Beli Di internet terdapat Toko Online, secara fisik bukan toko sebenarnya namun menyediakan situs web sehingga kita dapat melakukan penjualan atau pembelian barang secara online, tinggal kita masukkan no rekening, lalu pilih produk yang akan dibeli, kemudian barang akan dikirim dalam beberapa hari saja sesuai tujuan. Internet Phone Fasilitas telepon melalui internet digunakan untuk menelepon ke mana saja seluruh dunia menggunakan tariff local, meskipun ditentang oleh Telkom, tapi fasilitas ini merupakan fasilitas yang menarik. Adapun alamat web untuk fasilitas tersebut anda bias mengunjungi

http://www.Efonica.com http://www.Skyfho.com Http://www.callmobily.com http://www.vioprakyat.or.id Berdiskusi Di internet banyak sekali terdapat forum diskusi, anda dapat memasang topic tertentu lalu sampaikan pendapat anda disana, kemudian dalam waktu singkat aka nada balasan komentar dari orang lain. Memasang Iklan Jika anda memiliki produk baik jasa maupun barang anda bias mempromosikan di media internet agar produk anda dikenal orang lain dalam waktu sekejap. Dll ISTILAH ISTILAH UMUM DALAM INTERNET Banyak sekali istilah dalam internet, namun disini adalah istilah yang umum dan sering digunakan oleh browser antara lain : browser = peramban, penjelajah chat = obrol, obrolan, rumpi cyberspace = dunia maya database = pangkalan data, basis data download = ambil data, unduh, muat turun e-mail = imel, ratel / surel / surat-e (surat elektronik), posel (pos elektronik), surat

digital homepage = laman interferensi = gangguan signal (berkaitan dengan signal wireless) login / log in / log on / logon = log masuk, masuk log, lihat sign in logout / log out / log off / logoff = log keluar, keluar log, lihat sign out newsgroup = kelompok warta, kelompok diskusi mailing list = milis, senarai, forum ratel network = jaringan off line = tidak terhubung, terputus, luring (luar jaringan) online / on line = terhubung, tersambung, daring (dalam jaringan) password = kata sandi internet service provider = penyelenggara jasa internet sign in / signin / sign on = catat masuk, lihat login sign out / sign off = catat keluar, lihat logout surfing = berselancar, selancar maya update = pemutakhiran, pembaruan upload = unggah, muat naik username = nama pengguna webpage = halaman web website = situs web

MATERI PERTEMUAN 5 A. Pengenalan Email Email merupakan surat Elektronik yang memiliki keunggulan dapat mengirim surat secara cepat, sehingga menghemat biaya dan waktu, keunggulan yang lain, dalam pengiriman,tidak mengenal batas wilayah atau Negara. Saat ini banyak web site yan menyediakan fasilitas email secara gratis, contohnya Yahoo, Google dll. Kapasitas yang disediakan kedua website tersebut cukup besar sekitar 1 Gb. Untuk membuat Account email, perlu mendaftar dahulu (Sign Up) secara gratis. B. Pengenalan Chating Merupakan fasilitas yang sangat digemari, kita dapat berkomunikasi secara langsung dengan banyak orang melalui internet. Hal tersebut dikarenakan internet menyediakan CHAT(Conversational Hypertext Acces Tecnology)yang merupakan system komunikasi berbasis teks secara real time, sehingga komunikasi ini disebut dengan Chatting. Banyak software yang digunakan untuk chatiing misalnya Yahoo Massenger, Meebo, mIRC, MSN Massenger dan masih banyak lagi media chatting yang lain. Tugas Browsing Artikel dan Kirim Melalui Email Tugas mencari artikel tentang Email, mencari jenis jenis Email

C.

MATERI PERTEMUAN 6 A. Ulangan Tulis LAN, Internet, E-Mail dan Chatting Mengerjakan soal Ulangan B. Review Materi Pertemuan Sebelumnya

MATERI PERTEMUAN 7 A. Review materi LAN, Internet, E-Mail dan Chatting B. Kisi kisi persiapan UTS

I.

IDENTITAS SEKOLAH a. Sekolah b. Mata Pelajaran c. Program d. Materi Pokok e. Kelas / Semester f. Alokasi Waktu :

: : : : :

STANDART KOMPEENSI Mengenal Web Design menggunakan HTML III. KOMPETENSI DASAR Memahami perintah perintah dalam menggunakan program Web Design menggunakan HTML IV. INDIKATOR Mengetahui dan mampu menjalankan perintah perintah dasar maupun formatting V. TUJUAN PEMBELAJARAN a. Mengetahui penulisan tag dasar pembuatan Web Desing menggunakan HTML b. Mengetahui cara penyimpanan hasil dari Notepad dan menampilkan ke tampilan Web c. Mengetahui perintah dalam menformat teks d. Mengetahui perintah dalam membuat garis dan pengolahannya e. Mengetahui perintah dalam membuat background gambar maupun warna II.

f. Mengetahui perintah pembuatan table g. Mengetahui perintah penomoran h. Mengetahui perintah menyisipkan gambar i. Mengetahui perintah untuk melakukan hyperlink VI. MATERI PEMBELAJARAN a. Bahan Ajar i. Perintah dasar pembuatan Web design menggunakan HTML ii. Perintah penformatan HTML iii. Cara penyimpanan dan cara menampilkan sebagai web page b. Metode pembelajaran i. Multimodel pembelajaran(Model pembelajaran kooperatis & Pembelajaran langsung) Langkah langkah pembelajaran

MATERI PERTEMUAN 8 Pengenalan Web Design dengan HTML pada Notepad Cara penulisan perintah HTML dituliskan di Notepad

Untuk penyimpanan file name harus menggunakan extensi (.HTML) berguna untuk memberikan type data Hyperteks.

Untuk menampilkan hasil di IE atau Web Browser lainnya ; Buka Web Browser yang akan dibuat sebagai tampilan, disini default menggunakan IE. Klik File, Open, Browse, Tentukan file name, OK

Catatan : Untuk menambah teks pada notepad, setelah ditulis, simpan dengan File , Save atau tekan Ctrl + S, sedang di IE klik F5 atau refresh, untuk menampilkan perubahan teks yang dilakukan, o Perintah dasar Tag dasar penulisan perintah HTML adalah (jenis teks) (mukadimah, keterangan umum) (judul, wajib ada) (tempat penulisan semua perintah HTML) o Font Perintah penformatan Font antara lain :

Huruf Tebal (Bold)

Huruf Miring (Italic)

Garis Bawah (Underline - jarang digunakan)

Huruf Coret (Strikeout - jarang digunakan)

Huruf Coret (Strikeout - jarang digunakan)

Huruf Geser Bawah (Subscript)

Huruf Geser Atas (Superscript)

Pra-format (Preformatted) (menampilkan dengan jarak pra-format)

Jarak Huruf (mengatur jarak huruf)

Huruf Kedip (Blinking - tag terlucu sampai kini)

Ukuran Huruf (Font Size - boleh diisi dari 1 sampai 7)

Rubah Ukuran Huruf

Warna Huruf

Pilih Jenis Huruf

o Paragraf

Paragraph

(tag penutup seringkali tak diperlukan) Align Text o

Background

Latar Belakang Gambar (file gambar harus satu tempat dengan penyimpanan file HTML dan Extention gambar harus sama) (Tiled Background)

Warna Latar Belakang (Background Color - urutan: merah/hijau/biru) o

Garis

Garis Datar (Horizontal Rule)

Penataan Letak Garis

Tebal Garis (dalam satuan pixel)

Lebar Garis (dalam satuan pixel) o Heading Teks hN = merupakan jenis besar kecil huruf yang dipilih (bilangan 1 6) property = kata yang digunakan untuk perataan dalam hal ini seperti align=left,right,center. o Break break digunakan untuk ganti baris, perintah ini bias berdiri sendiri (tanpa diakhiri dengan )
o Marquee Marquee digunakan untuk perintah teks berjalan, teks default teks berjalan dari kanan ke kiri teks teks berjalan kearah yang ditentukan, arah bisa left ( dari kanan ke kiri), right (dari kiri ke kanan).

MATERI PERTEMUAN 9 Review Materi Web Design dengan HTML (Notepad) Bullet and Numbering List pada HTML adalah menggunakan bullet and numbering pada word. Untuk memulai list dimulai dengan tag atau

, dimana OL (Ordered List) merupakan numbering, Sedangkan UL (Unordered List) merupakan bullet, untuk menampilkan hasil dari bullet dan numbering menggunakan tag

. Tag Bullet

• .

Type UL terdiri atas : 1.

• () 2.
  • () 3.
    • ()Tag Numbering
    • Type OL terdiri atas ; 1. (I) 2. (A) 3. (i) 4. (a) 5. (1) Image Untuk menampilkan gambar pada web ada beberapa hal yang perlu diperhatikan, diantaranya penempatan file gambar harus satu tempat dengan file HTML, yang berikutnya file Extensi gambar harus sama dengan yang tertulis di data. Perintah untuk menampilkan gambar adalah ; Untuk merubah ukuran gambar dapat menggunakan tag ; Table Table adalah cara untuk menapilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Untuk menampilkannya digunakan tag ; . . Caption = memberi nama pada table TR = Table Row (Baris) TD = selBorder adalah atribut untuk memberikan garis pada table, Cellpadding adalah atribut untuk mengatur tinggi baris, Cellspacing adalah atribut untuk mengatur lebar sel. Semuanya menggunakan satuan pixel, Contoh; Pengaturan warna latar belakang table dapat menggunakan atribut BGCOLOR ROWSPAN (marger baris) dan COLSPAN (marger kolom) adalah atribut untuk marger cell, diletakkan dengan meyisipkan pada / sel yang akan disambungkan Contoh; MATERI PERTEMUAN 10 Hyperlink Hyperlink dimungkinkan anda menuju ke lokasi URL yang lain, membuka program email, membuka file atau menuju suatu bagian halaman yang sama. Tag ; teks link Nama file / web = alamat tujuan dari hyperlink, Teks link = teks yang dijadikan navigasi / perantara untuk menuju ke alamat yang dituju, dalam hal ini bukan hanya teks saja melainkan bias menggunakan symbol, gambar atau icon. Ada beberapa macam Hyperlink diantaranya 1. Link Biasa Digunakan hanya pada satu folder saja sehingga lebih mudah untuk mengaksesnya Contoh; teks link 2. Relative Link Adalah hyperlink yang menuju suatu lokasi yang relative terhadap file HTML asal. Artinya penulisan script sangat memperhatikan posisi dokumen yang memuat file tujuan. Contoh ; teks link 3. Absolute Link Hyperlink yang mengarah ke file, alamat situs atau resource lain diluar atau didalam halaman yang bersangkutan tanpa mengindahkan letak dokumen HTML dan letak tujuan.untuk ini anda harus mengetikkan URL secara lengkap . Contoh; buka facebook 4. Anchor Link Hyperlink yang menuju pada suatu lokasi di satu halamanweb yang sama yang sudah ditandai. Internal link ini sering disebut dengan Anchor. Cara penggunaanya adalah : 1. Tandai dahulu tujuan Anchor dengan memberi tag : Pendahuluan 2. Kemudian tentukan linknya dilokasi lain dengan tag : klik disini untuk membaca pendahuluan5. Picture Link Untuk hyperlink menggunakan gambar tinggal menyisipkan image pada tag link, dengan catatan file gambar harus satu tempat dengan penyimpanan file HTML. Contoh; teks linkMATERI PERTEMUAN 11 Pengenalan Front Page o Fungsi Komponen JendelaTable oTable AutoformatWeb Component o Marquee Marquee digunakan untuk membuat teks berjalanFormat Font o Jenis, Ukuran, Warna, Style, Efect FontFormat Paragraph o Indentation, SpacingBackground o Page BackgroundoThemePenyimpananMATERI PERTEMUAN 12 Pengenalan Menggunakan Link Antar Halaman web o BookmarkoHyperlinkDynamic EffectInsert PictureHorizontal LineMATERI PERTEMUAN 13 Pengolahan Halaman Web o Pengenalan dan penggunaan FormoPengenalan dan penggunaan Frame pages Frame / Bingkai merupakan fasilitas yang digunakan untuk menyatukan bagian web menjadi satu kesatuan control menu utama, sehingga beberapa halan web dikoordinir dan ditampilkan dalam satu frame. Klik Page tempelate pada task pane sehingga akan tampil dialog box spt dibawah ini. Klik tab Frame pagesPilih model frame mulai dari Banner and Contains sampai Vertical Split, sebagai contoh pilih Banner and Contains, sehingga akan tapil seperti dibawah iniPerhatikan gambar dibawah, terdapat tombol Set Initial Page dan New Page. Set Initial Page : digunakan untuk memanggil halaman yang telah kita persiapkan untuk bagian title atau menu sehingga muncul dialog sepertiHyperlink New Page frame: digunakan bila anda langsung membuat halaman pada bagian Upload Web Page with Geocities Review materi Web Design dengan Front Page yang telah diajarkanMATERI PERTEMUAN 14 Praktek Web Design dengan Front Page atas semua materi yang telah diajarkan MATERI PERTEMUAN 15 Ujian Tulis Jaringan, Internet, E-Mail, Chatting, HTML dan Front Page MATERI PERTEMUAN 16 UJIAN SERTIFIKASI Kisi kisi persiapan UAS