Soal :
1. Jelaskan pengertian singkat HTML!
2. Sebutkan software yang diperlukan dalam membuat website static:
* editor :
*browser :
3. Buat struktur Umum HTML!
4. Sebutkan langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan!
5. Sebutkan tag -tag yang anda ketahui dan berikan contoh penggunannya (minimal 15 tag)!
Jawab :
1. HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, dan menampilkan berbagai informasi di dalam sebuah browser internet.
2. Software yang diperlikan untuk membuat website static :
* editor : notepad, dreamweaver, phexpert, zens, frontpage
* browser : internet explorer, mozilla firefox, opera, google chrome
3. Struktur Umum HTML :
<HTML>
<HEAD>
<TITLE>
*untuk judul*
</TITLE>
</HEAD>
<BODY>
*untuk bagian body*
</BODY>
</HTML>
4. Langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan :
a. Buka aplikasi notepad, dengan cara klik start > All Programs > Accessories > Notepad.
b. Ketik program HTML nya, dan sebagai contoh :
<HTML>
<HEAD>
<TITLE>
Apa itu HTML ?
</TITLE)>
</HEAD>
<BODY>
HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, dan menampilkan berbagai informasi di dalam sebuah browser internet.
</BODY>
</HTML>
c. Simpan program tadi dengan ekstensi .html (contoh : HTML.html),dengan cara klik file > save > ketik nama file > save.
d. Jika ingin membukanya caranya, buka browser internet explorer dengan cara klik start > All Programs > Internet Explorer.
e. Pada browser tadi klik File > Open > Browse. Dan carilah file yang disimpan tadi (contoh : HTML.html), lalu klik.
f. Pada layar browser akan tampak tampilan hasil program yang kita buat tadi.
5. Tag HTML :
* <br>, pindah baris
* <hr>, bikin garis horizontal
* <i>, membuat teks miring
* <td>, kolom pada tabel
* <tr>, baris pada tabel
* <u>, biar teks bergaris bawah
* <b>, biar teks jadi tebal
* <marquee>, membuat teks berjalan
* <html>, berarti dokumen html
* <a href>, membuat link ke halaman lain atau ke bagian lain dari halaman itu
* <blink>, membuat teks berkedip
* <head>, mendefinisikan head dokumen
* <title>, mendefinisikan title
* <big>, memperbesar ukuran font satu point dari ukuran default nya
* <caption>, membuat caption pada tabel
* <font>, mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks
* <h1>, ukuran font
* <ol0>, mendefinisikan awal dan akhir list
* <li>, Membuat bulletpoint atau baris baru pada list
* <area>, mendefinisikan daerah yang dapat di klik (link) pada image map
Senin, 10 November 2008
Kamis, 23 Oktober 2008
Cara membuat HTML
I. Dengan cara menggunakan NOTEPADE
contoh :
Anak Irian's Home Page
Hallo apa kabar?
Mudah-mudahan kabarnya Baik.
keterangan:
# Pembuka/Awal setiap membuat suatu dokumen HTML.
# Penutup/Akhir dari suatu dokumen HTML.
#Tag Pembuka untuk Judul Halaman/dokumen HTML.
<br /># Tag Penutup untuk Judul Halaman/dokumen HTML.
# Tag Awal dari Apa yang akan diketikan/diisi pada Dokumen HTML.
# Tag Penutup dari sisan dokumen HTML.
#
Tag untuk memisahkan satu baris menjadi dua baris
Kode-kode TAG HTML dan Contohnya:
Menentukan warna atau gambar latar belakang dokumen, warna text, jenis huruf, warna Link, warna Link yang telah dikunjungi serta link yang aktif.
BGCOLOR = Warna latar belakang
BACKGROUND = Gambar latar belakang
FONT SIZE = Ukuran Huruf
FONT COLOR = Warna Huruf
LINK = Warna untuk Text Link
VLINK = Warna untuk Text Link yang telah dikunjungi
• Contoh:
• Contoh2:
Membagi Suatu baris menjadi Dua baris (tanpa jarak antara kedua baris), diletakan di depan kata/huruf yang mau dipindahkan ke baris berikutnya.
Membuat Teks atau Grafis yang diapit Tag Center berada ditengah-tengah browser (Align Center)
• Contoh:
Selamat Datang
• Contoh2:
Menutup Kode Tag Center.
Merubah Jenis Huruf, Ukuran Huruf dan Warna Huruf.
• Contoh:
Selamat Datang di Anak Irian's Home Page!
Hasilnya:
Selamat Datang di Anak Irian's Home Page
Penutup untuk Tag Huruf.
Menentukan Ukura Header/Topic dari pada Dokumen
• Contoh:
Hasilnya: Ini H1
• Contoh:
Hasilnya: Ini H2
• Contoh:
Hasilnya: Ini H3
• Contoh:
Hasilnya: Ini H4
Membuat Garis Horizontal pada dokumen HTML anda.
• Contoh:
Hasilnya:
________________________________________
Perintah yang selalu diletakan pada bagian awal dokumen HTML yang menyatakan bahwa dokumen ditulis dalam kode HTML.
Perintah yang selalu diletakan di Akhir suatu dokumen HTML.
Membuat Teks pada dokumen yang diapit oleh Tag dan menjadi miring (Italic)
• Contoh:
Computer merupakan Ilmu Praktisi dan bukan Teori belaka.
Hasilnya: Computer merupakan Ilmu Praktisi dan bukan Teori belaka.
Menutup Tag Miring (Italic)
![]()
Memasukan Gambar Grafis, GrafisMap, serta Animasi kedalam dokumen HTML anda.
• Contoh:
• Contoh:
• Contoh:
Contoh pertama merupakan cara memasukan gambar, contoh kedua merupakan contoh cara menggunakan gambar sebagai link dan contoh yang ketiga merupakan contoh untuk memasukan gambar animasi (AVI) kedalam dokumen HTML.
Menentukan Awal dan Akhir sebuah Paragraf.
• Contoh:
Menentukan Judul untuk tiap dokumen HTML yang anda buat. Judul ini akan nampak pada Titlebar browser anda.
• Contoh:
Anak Irian's Home Page
contoh :
Hallo apa kabar?
Mudah-mudahan kabarnya Baik.
keterangan:
# Pembuka/Awal setiap membuat suatu dokumen HTML.
# Penutup/Akhir dari suatu dokumen HTML.
#
# Tag Awal dari Apa yang akan diketikan/diisi pada Dokumen HTML.
# Tag Penutup dari sisan dokumen HTML.
#
Tag untuk memisahkan satu baris menjadi dua baris
Kode-kode TAG HTML dan Contohnya:
Menentukan warna atau gambar latar belakang dokumen, warna text, jenis huruf, warna Link, warna Link yang telah dikunjungi serta link yang aktif.
BGCOLOR = Warna latar belakang
BACKGROUND = Gambar latar belakang
FONT SIZE = Ukuran Huruf
FONT COLOR = Warna Huruf
LINK = Warna untuk Text Link
VLINK = Warna untuk Text Link yang telah dikunjungi
• Contoh:
• Contoh2:
Membagi Suatu baris menjadi Dua baris (tanpa jarak antara kedua baris), diletakan di depan kata/huruf yang mau dipindahkan ke baris berikutnya.
Membuat Teks atau Grafis yang diapit Tag Center berada ditengah-tengah browser (Align Center)
• Contoh:
• Contoh2:
Menutup Kode Tag Center.
Merubah Jenis Huruf, Ukuran Huruf dan Warna Huruf.
• Contoh:
Selamat Datang di Anak Irian's Home Page!
Hasilnya:
Selamat Datang di Anak Irian's Home Page
Penutup untuk Tag Huruf.
Menentukan Ukura Header/Topic dari pada Dokumen
• Contoh:
Ini H1
Hasilnya: Ini H1
• Contoh:
Ini H2
Hasilnya: Ini H2
• Contoh:
Ini H3
Hasilnya: Ini H3
• Contoh:
Ini H4
Hasilnya: Ini H4
Membuat Garis Horizontal pada dokumen HTML anda.
• Contoh:
Hasilnya:
________________________________________
Perintah yang selalu diletakan pada bagian awal dokumen HTML yang menyatakan bahwa dokumen ditulis dalam kode HTML.
Perintah yang selalu diletakan di Akhir suatu dokumen HTML.
Membuat Teks pada dokumen yang diapit oleh Tag dan menjadi miring (Italic)
• Contoh:
Computer merupakan Ilmu Praktisi dan bukan Teori belaka.
Hasilnya: Computer merupakan Ilmu Praktisi dan bukan Teori belaka.
Menutup Tag Miring (Italic)
Memasukan Gambar Grafis, GrafisMap, serta Animasi kedalam dokumen HTML anda.
• Contoh:
• Contoh:
• Contoh:
Contoh pertama merupakan cara memasukan gambar, contoh kedua merupakan contoh cara menggunakan gambar sebagai link dan contoh yang ketiga merupakan contoh untuk memasukan gambar animasi (AVI) kedalam dokumen HTML.
Menentukan Awal dan Akhir sebuah Paragraf.
• Contoh:
Ini merupakan Awal serta akhir dari Paragraf pertama
Menentukan Judul untuk tiap dokumen HTML yang anda buat. Judul ini akan nampak pada Titlebar browser anda.
• Contoh:
Pembelajaran matematika tingkat SMA
Pembelajaran Matematika di SMA, hingga dewasa ini pun, dipandang selalu memberikan tingkat kesulitan yang tinggi pada siswa. Pada kebanyakan siswa, mata pelajaran ini dipandang sebagai mata pelajaran yang sulit, bahkan menakutkan bagi mereka. Keadaan ini akan mempengaruhi tingkat keberhasilan belajar siswa,
Kesulitan tersebut diatas, pada umumnya disebabkan oleh paling tidak dua kondisi : 1) Materi Pelajaran. Pada umumnya materi yang harus dipelajari dalam Matematika SMA, khususnya kelas XI bersifat abstrak, pada beberapa pokok bahasan, bahkan “terlalu jauh” dengan kehidupan siswa SMA pada umumnya. 2) Proses pembelajaran. Pembelajaran yang konvensional (menerangkan dan mengerjakan latihan soal) tidak memberikan daya tarik bagi siswa. Di dukung dengan materi pelajaran yang sulit, pembelajaran ini sering terjebak pada kondisi membosankan dan tidak memberi peluang siswa untuk belajar dengan perasaan nyaman.
Proposal ini bertujuan untuk merancang suatu pembelajaran yang mengurang kendala tersebut diatas. Pembelajaran yang dirancang dapat menarik minat siswa, sekaligus memberikan suatu perasaan nyaman dalam mempelajarinya. Pada pelaksanaannya, pembelajaran ini mengembangkan kreativitas siswa dan memfasilitai perbedaan kemampuan belajar tiap tiap siswa.
Penggunaan multi media dalam Tehnologi Informasi, memberikan banyak fasilitas untuk membuat pembelajaran menjadi menarik dan memancing rasa keingin-tahuan siswa. Fasilitas grafik yang disediakan dalam IT memberikan kemungkinan penggunaan materi pelajaran yang tidak bersifat linier. Penggunaan audio yang tepat dapat membantu siswa dalam belajar.
Peta konsep (Mapping Mind) sebagai sebuah bentuk yang integrative dari kombinasi antara keluasan dan kedalaman materi pembelajaran, memberikan kemungkinan untuk menggambarkan juga hubungan antara masing masing sub dalam suatu materi pokok pembelajaran. Peta konsep ini dapat dibuat dirancang secara grafis, sehingga secara audio- visual memberikan cara pandang berbeda terhadap suatu proses pembelajaran.
Dengan bantuan aplikasi komputer tertentu (misal Powerpoint) Peta konsep ini dapat diintegrasikan dan disajikan sehingga proses pembelajaran dapat terangkai dan keterkaitan satu pertemuan dengan pertemuan sebelumnya dapat dipelihara.
Diharapkan dengan menciptakan kondisi pembelajaran di kelas yang menarik, tingkat keberhasilan siswa dalam belajar menjadi lebih tinggi.
Kamis, 04 September 2008
TUGAS TIK
* SOAL :
- Jelaskan yang dimaksud standar 802.11a, 802.11b, 802.11g ?
* JAWABAN :
Perangkat wireless tersebut dapat kita temukan di notebook-notebook terbaru yang biasanya tertulis 802.11b, 802.11g ataupun 802.11a/b/g. Mungkin andapun belum jelas benar apa dan bagaimana sampai terbentu angka-angka tersebut dengan kombinasi huruf di belakangnya yang bahkan rencananya akan keluar kombinasi huruf terakhir yaitu n dengan kecepatan yang tentunya berbeda dengan yang lainnya.
Pada tahun 1980 bulan 2, IEEE (Institute of Electrical and Electronics Engineers) adalah suatu organisasi non profit yang mendedikasikan demi kemajuan teknologi, dan dari tahun serta bulan terbentuknya maka kelompok kerja ini di namakan kelompok 802 dan membentuk unit kerja untuk lebih spesifik. Berikut adalah unit kerja dan bidang yang ditangani di ambil dari http://www.grouper.ieee.org/groups/802/dots.html :
Wi-Fi dirancang berdasarkan spesifikasi IEEE 802.11. Sekarang ini ada empat variasi dari 802.11, yaitu: 802.11a, 802.11b, 802.11g, and 802.11n. Spesifikasi b merupakan produk pertama Wi-Fi. Variasi g dan n merupakan salah satu produk yang memiliki penjualan terbanyak pada 2005.
- Jelaskan yang dimaksud standar 802.11a, 802.11b, 802.11g ?
* JAWABAN :
Perangkat wireless tersebut dapat kita temukan di notebook-notebook terbaru yang biasanya tertulis 802.11b, 802.11g ataupun 802.11a/b/g. Mungkin andapun belum jelas benar apa dan bagaimana sampai terbentu angka-angka tersebut dengan kombinasi huruf di belakangnya yang bahkan rencananya akan keluar kombinasi huruf terakhir yaitu n dengan kecepatan yang tentunya berbeda dengan yang lainnya.
Pada tahun 1980 bulan 2, IEEE (Institute of Electrical and Electronics Engineers) adalah suatu organisasi non profit yang mendedikasikan demi kemajuan teknologi, dan dari tahun serta bulan terbentuknya maka kelompok kerja ini di namakan kelompok 802 dan membentuk unit kerja untuk lebih spesifik. Berikut adalah unit kerja dan bidang yang ditangani di ambil dari http://www.grouper.ieee.org/groups/802/dots.html :
Wi-Fi dirancang berdasarkan spesifikasi IEEE 802.11. Sekarang ini ada empat variasi dari 802.11, yaitu: 802.11a, 802.11b, 802.11g, and 802.11n. Spesifikasi b merupakan produk pertama Wi-Fi. Variasi g dan n merupakan salah satu produk yang memiliki penjualan terbanyak pada 2005.
Langganan:
Postingan (Atom)