Tugas Uji Indikator : Menggunakan Internet 2
Kerjakan di MS-Word dan kirim file nya di :
1. elearning
2. Tulis di blog anda
Jawablah pertanyaan dibawah ini dengan jelas dan lengkap
1. Jelaskan tentang HTML beserta aturan format penulisannya.
2. a. Sebutkan minimal 5 Web browser
b.Web browser apa yang paling sering anda gunakan ? jelaskan bagian-bagiannya dan fungsi pokok nya.
Jawaban :
Hypertext Markup Language (HTML) adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), kini HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML berupa kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
b. Aturan format penulisan html:
Aturan Penulisan XHTML sangat memerlukan penulisan HTML yang baik, agar tidak terjadi kesalahan. Biasanya pertama kita harus mengecek tag HTML dulu, apakah sudah sesuai atau belum.Berikut beberapa aturan dalam penulisan sintak XHTML:
Aturan Penulisan XHTML:
1. Nama atribut harus dengan huruf kecil (lower case)
2. Nilai Atribut harus diapit tanda petik atau harus didalam quate(”)
3. Atribut “name” digantikan dengan atribut “id”
4. Atribut tidak dapat disederhanakan
5. XHTML DTD mendefinisikan legalisasi elemen (keterangan lebih lanjut klik disini)
1. Nama atribut Lower case
Semua nama atribut di XHTML harus ditulis dengan huruf kecil. Berikut contoh nya,
Contoh script salah:
<table WIDTH=”100%”>
Contoh script benar
<table width=”100%”>
Kesalahan diatas terletak pada penulisan atribut WIDTH yang ditulis dengan huruf besar seharusnya ditulis dengan huruf kecil.
2. Nilai Atribut harus diapit tanda petik
Nilai atribut XHTML harus diapit tanda petik (”..”)
Contoh script salah:
<table width=100%>
Contoh script benar
<table width=“100%“>
kesalahan pada nilai 100%, seharusnya diapit tandak petik dua(width=“100%“)
3. Atribut “name” Diganti Dengan Atribut “id”
Pendefisian pada HTML 4.o1 “name” digunakan untuk memeberikan nama pada sebuah applet, frame, iframe, img dan map.
Dalam XHTML pendefisian atribut “name” diganti dengan “id”
Contoh script salah:
<img src=”picture.gif” name=”picture1″ />
Contoh script benar:
<img src=”picture.gif” id=”picture1″ />
Untuk keperluan interoperabilitas dengan browser lama, kedua atribut dapat digunakan.
Contoh penggunaan kedua atribut secara bersamman:
<img src=”picture.gif” id=”picture1″ name=”picture1″ />
Untuk dapat didukung oleh browser versi lama, anda harus menggunakan baik nama maupun id seperti contoh diatas.
4. Atribut tidak dapat disederhanakan
Atribut tidak dapat disederhanakan dengan cara menghilangkan nilai atributnya Contoh berikut menunjukan perbandingan antara skrip salah dan benar
Contoh script salah:
|
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize> |
Contoh script benar:
|
<input checked=“checked” />
<input readonly=“readonly” />
<input disabled=“disabled” />
<option selected=“selected” />
<frame noresize=“noresize” /> |
Berikut adalah table daftar penyerderhanaan atribut dalam HTML dan bagaimana seharusnya penulisanya dalam XHTML.
|
HTML
|
XHTML
|
|
compact
|
compact=”compact”
|
|
checked
|
checked=”checked”
|
|
declare
|
declare=”declare”
|
|
readonly
|
readonly=”readonly”
|
|
disabled
|
disabled=”disabled
|
|
selected
|
selected=”selected”
|
|
defer
|
defer=”defer”
|
|
ismap
|
ismap=”ismap”
|
|
nohref
|
nohref=”nohref”
|
|
noshade
|
noshade=”noshade”
|
|
nowrap
|
nowrap=”nowrap”
|
|
multiple
|
multiple=”multiple”
|
|
noresize
|
noresize=”noresize”
|
2. Mcam – macam web browser
· Microsoft Internet Explorer (IE)
Internet Explorer, disingkat IE atau MSIE, adalah sebuah browser web proprieter yang gratis dari Microsoft. Internet Explorer hingga kini masih merupakan browser web yang paling banyak digunakan, meliputi 93.7% dari keseluruhan penggunaan browser menurut sebuah perusahaan penganalisa web WebSideStory.
Boleh dikata, Internet Explorer (IE) dari Microsoft merupakan web browser paling tua sekaligus yang terbaik dari yang ada pada 5 tahun silam .Opsi browser ini sudah terintegrasi pada sistem Windows yang dipasang. Bahkan untuk penyempurnaannya, Internet Expoler sudah sampai pada versi IE 7.
Kelemahan utama IE adalah pada masalah security. Di bawah pengawasan media yang ketat karena besarnya jumlah penggunanya, eksploitasi terhadap “lubang” keamanan Internet Explorer telah mengakibatkan IE mendapatkan reputasi sebagai browser utama (ini termasuk Safari, Mozilla Firefox, Mozilla and Netscape, Opera, dan Konqueror) yang paling tidak aman. Microsoft secara berkala mengeluarkan patch keamanan yang bisa didownload secara otomatis dan dipasang untuk meng-update browsernya. Dari segi stabilitas, IE lebih mudah crash. Selain itu, pengguna IE tak bisa membuka banyak halaman web tanpa membuka banyak jendela.
· Mozilla Firefox
·
Firefox dari Mozilla Corporation adalah freeware yang memiliki banyak keunggulan jika dibandingkan dengan IE. Ia mudah dikustomisasi sesuai kebutuhan pengguna. Firefox memiliki semacam tabs untuk menangani banyak halaman web pada saat yang bersamaan, tanpa harus membuka banyak jendela. Mesin pencari terkenal seperti Google juga telah “dibundel” oleh Firefox. Hasil download bisa disimpan secara otomatis ke desktop komputer, sehingga lebih mudah ditemukan. Selain itu, pengaturan toolbar, tombol, dan ukuran browser dengan mudah dapat dilakukan. Browser juga dapat langsung dijalankan tanpa perlu melakukan banyak konfigurasi. Selain cepat, fitur keamanan Firefox lebih andal dibandingkan IE. Setting browser internet pun bisa diatur dengan lebih leluasa.
Arsitektur terbuka Firefox memungkinkan pengguna untuk mengubah tampilan browser. Pengguna dapat mengustomisasi Firefox secara spesifik. Seperti membuka e-mail saat browser diaktifkan dan memblok seluruh iklan pop up.
· Opera
· Instalasi dan download Opera terbilang mudah. Banyak kalangan telah mengakui kelebihannya. Walaupun kemampuannya boleh dibilang sudah bagus, namun web browser ini terus dikembangkan.
Opera telah memelopori banyak fitur yang kemudian ditiru oleh browser lainnya. Contohnya, Opera adalah browser pertama yang mengintegrasikan gerakan mouse (mouse gesture) sebagai cara yang mudah untuk navigasi situs. Opera juga memiliki beberapa fitur orisinil, termasuk loading halaman di background, notes, penggantian skin, sesson management dan lain-lain. Selanjutnya Opera menjadi lebih terkenal dan sedikit “nakal” karena Multiple Document Interface yang bisa dibilang mendobrak tradisi web browser yang telah ada.
Kelebihan utama browser Opera adalah mampu menampilkan (load) halaman web lebih cepat, dengan kecepatan koneksi yang sama dibanding browser lain. Kelebihan lain browser Opera adalah terdapat tabs yang memungkinkan beberapa situs terbuka bersamaan, tanpa harus membuka banyak jendela. Opera juga menyertakan penyaring pop up untuk menangkal iklan pop up yang menjengkelkan. Fitur lain, seperti mesin pencari Google yang sudah built-in dan penghitung waktu yang diperlukan hingga halaman web membuka sempurna.
Safari (Web browser)
Safari buatan Apple Inc. yang awalnya ditujukan khusus bagi sistem operasi Mac OS. Safari dipasang bersama Mac OS X dan merupakan penjelajah web bawaan (default) di sistem operasi tersebut sejak Mac OS X v10.3. Sebelumnya dari tahun 1997 hingga 2003, Mac OS X menggunakan Internet Explorer for Mac sebagai penjelajah web bawaan. Pada 11 Juni 2007, versi pratayang untuk Windows baik yang cocok untuk Windows XP dan Windows Visa dari Safari diperkenalkan pada Muktamar Pengembang Sedunia Apple di San Francisco.
_
Safari memberikan fitur yang hampir umum yang dimiliki oleh penjelajah web lainnya seperti
- Penjelajahan melalui tab
- Pengaturan bookmark
- Boks pencarian web yang dapat diatur ukurannya pada toolbar baik yang menggunakan Google pada Mac atau Google atau Yahoo pada Windows
- Penghalang Pop-up ad
- Pencari history dan bookmark
- Pencari teks
- Pemeriksa ejaan
- Kotak teks yang dapat diperluas
- Pengisian otomatis pada bentuk web
- Dilengkapi dengan DOM yang bertindak sebagai inspektur yang memungkinkan pengguna dan pengembang menjelajahi Document Object Model dari suatu halaman web.
- Dapat menggunakan CSS 3 web font
- Dapat menggunakan animasi CSS
- Dapat menggunakan protokol ptoteksi keamanan layar (versi yang tidak diketahui)
- Bookmark yang telah terintegrasi dengan buku alamat
- Warna ICC yang mendukung tampilan profil
- Memungkinkan untuk melihat versi PDF
- Terintergrasi dengan pengaturan foto iPhoto
- Penggabungan mail
- Kemampuan untuk menyimpan halaman web yang telah disimpan pada Apple Dashboard
- Menjelajah web secara pribadi
Pada Mac OS, Safari merupakan aplikasi Cocoa yang menggunakan Webkit Apple untuk mengaplikasikan halaman dan memproses JavaScript. WebKit terdiri dari webCore (berbasis mesin KHTML dari Konqueror) dan JavaScript (berbasis pada mesin JavaScript dari KDE yaitu KJS). Sama halnya dengan KHTML dan KJS, Webcore dan JavaScript memiliki perangkat lunak gratis dan dirilis dibawah ketentuan GNU Lesser General Public License. Beberapa perkembangan Apple kepada kode KHTML kembali digabungkan kedalam proyek Konqueror. Apple juga merilis kode tambahan dibawah sebuah sumber terbuka BSD-like license.
Hal ini termasuk menyediakan web agregarto dan menyokong standar RDD dan Atom. Beberapa fitur lainnya juga termasuk penjelajahan pribadi (mode dimana tidak ada informasi yang terekam mengenai aktivitas web pengguna ) telah menjadi pangkal dari istilah yang sedang populer sekarang yaitu “mode porno” untuk penjelajah web, kemampuan untuk menyimpan archieve (dengan menggunakan format webarchive) dan halaman web surat elektronik serta kemampuan untuk mencari bookmarks.
Diawali dengan Safari 4, kini alamat bar telah benar-benar diperbaharui
- Tombol untuk menambah bookmark telah disatukan pada alamat bar
- Tombol reload dan berhenti sekarang telah diposisikan pada sebelah kanan dari alamat bar
- Lambang biru sebagai tanda progres telah digantikan dengan bezel yang berputar dan indikator loading disatukan pada bezel tersebut.
Modifikasi tersebut membuat Safari terlihat seperti Safari yang terdapat pada iPhone.
Sebagai tambahan, Safari 4 juga memiliki beberapa fitur baru diantaranya :
- Situs teras yang menampilkan 24 thumbnails dari halaman yang paling sering digunakan oleh pengguna
- Penjelajahan Cover Flow untuk History dan Bookmark
- Mesin Nitro JavaScript yang menjalankan JavaScript dengan delapan kali kecepatan yang melebihi internet Explorer dan empat kali lebih cepat dibandingkan Firefox 3
- Tampilan biasa pada Windows (Aero pada Windows Vista, Luna pada Windows XP) dengan font standar pada Windows
- Dapat menggunakan sentuhan efek pada gambar dengan CSS
- Dapat menggunakan kanvas CSS
- Pemuatan yang spekulatif, dimana Safari memuat dokumen, skrip dan informasi yang dibutuhkan untuk menampilkan suatu halaman web pada waktu tertentu
- Tools yang berkembang termasuk Web Inspector, peninjauan elemen CSS, JavaScript debugger dan pembuat profil, tabel offline dan pengaturan database dengan sokongan SQL serta sumber grafik
Chrome
Kelebihan:
(+) Bug-nya sulit dieksploitasi
(+) Paling ringan
(+) Design simple dan minimalis
(+) Update Mudah
(+) Security paling OK, paling kuat, menjadi browser paling tahan
terhadap serangan hacker
Kekurangan:
(-) Fitur kurang
(-) Installnya musti online
B. WEB BROWSER YANG PALING SERING SAYA GUNAKAN DAN FITUR-FITUR SERTA FUNGSI POKOKNYA
Yang sering saya gunakan adalah mozilla firefox
Berikut fitur dan fungsinya:
|
Nama
|
Keterangan
|
|
Back
|
Untuk kembali ke halaman sebelumnya
|
|
Stop
|
Untuk menghentikan proses loading website
|
|
Forward
|
Untuk ke halaman berikutnya
|
|
Refresh
|
Untuk mengulang loading website
|
|
Save As
|
Untuk menyimpan website yang sedang dibuka yang dapat dilakukan dengan memilih menu File, kemudian Save As
|
|
Save As Picture
|
Untuk menyimpangambar pada website dengan cara mengklik kanan mouse pada gambar yang
diinginkan kemudian pilh Save As Picture |