browser dan html

22
TUGAS TIK Ahmad Alfan Cahyadi XII IPA 1 / 3

Upload: alfhantz-cahyadi

Post on 26-Dec-2015

220 views

Category:

Documents


1 download

DESCRIPTION

- pengertian website, blog, dll- browser beserta kelebihan dan kekurangannya- sekilas tentang html

TRANSCRIPT

Page 1: Browser dan HTML

TUGAS TIK

CahyadiXII IPA 1 / 3

SMAN 1 BATU

TAHUN PELAJARAN 2014 - 2015

Page 2: Browser dan HTML

WebsiteSitus web (bahasa Inggris: website) adalah suatu halaman web yang saling

berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi. Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada prakteknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersil tertentu.

Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasisHTML, atau XHTML, kadang-kadang pula disisipi dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer.

Halaman-halaman web tersebut diakses oleh pengguna melalui protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.

BlogBlog merupakan singkatan dari web log adalah bentuk aplikasi web yang

menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

HomepageHomepage adalah halaman muka atau utama yang ditampilkan dari sebuah

website di internet. Jadi halaman ini muncul pertama saat website diakses. Tampilan homepage menggambarkan isi seluruh isi situs tersebut.

Biasanya homepage mempunyai nama file index html atau index htm. Agar tampilan homepage lebih menarik, design homepage dirancang dan dilengkapi

Page 3: Browser dan HTML

dengan tampilan-tampilan menarik seperti huruf yang bergerak-gerak, gambar-gambar yang memikat, animasi hingga penggunaan multimedia lainnya.

URL

URL singkatan dari Uniform Resource Locator, adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet.

URL merupakan suatu inovasi dasar bagi perkembangan sejarah Internet.[1] URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen-dokumen dapat merujuk pranala ke Waring Wera Wanua atau World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya. Walaupun demikian, istilah URL masih tetap digunakan secara luas.

URL menunjukkan sumber daya Internet atau alamat sebuah halaman web (homepage) yaitu halaman suatu dokumen atau program yang ingin ditampilkan atau digunakan. Secara umum perlu memasukkan tiga informasi untuk menuju ke alamat tertentu, yaitu :

Protokol,

Alamat Server,

Path File.

Bagian pertaman URL menunjukkan protokol misalnya http:// atau https://. Protokol adalah persetujuan bersama yang digunakan untuk berkomunikasi dengan Hypertext Transfer Protocol. Bagian kedua URL menunjukkan alamat server dimana sumber daya tersebut terletak, misalnya www.microsoft.com untuk website Microsoft Corporation. Bagian ketiga URL adalah path file yaitu menunjukkan lokasi dan nama dokument atau program dalam server tersebut, misalnya: kb/deskapp/word/q1974.html. di manakb/deskapp/word/ adalah lokasi file dan q1974.html adalah nama berkas.

WWW

Definisi dan Pengertian dari WWW (World Wide Web) merupakan kumpulan Web Server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk dapat digunakan bersama. Berbagai informasi dapat Anda temukan pada WWW, seperti informasi politik, ekonomi, sosial, budaya, sastra, sejarah, teknologi, pendidikan dan lain-lain. Apabila kita umpamakan. WWW ini merupakan perpustakaan besar yang menyediakan berbagai buku dengan berbagai informasi yang Anda butuhkan.

Dengan mengakses internet anda bisa terhubungan dengan berbagai server di seluruh dunia. Ini mempermudah pencarian berbagai informasi, contohnya walaupun kita ada di Indonesia kita dapat mengakses website yang mempuyai server di Amerika Serikat, atau belahan dunia manapun.

Page 4: Browser dan HTML

Penggunaan huruf istilah  www, biasanya digunakan pada awal alamat website, misalnya www.google.com. 

FTP

Protokol pengiriman berkas (bahasa Inggris: File Transfer Protocol) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pengiriman berkas (file) komputer antar mesin-mesin dalam sebuah Antarjaringan.

FTP merupakan salah satu protokol Internet yang paling awal dikembangkan, dan masih digunakan hingga saat ini untuk melakukan pengunduhan (download) danpenggugahan (upload) berkas-berkas komputer antara klien FTP dan server FTP. Sebuah Klien FTP merupakan aplikasi yang dapat mengeluarkan perintah-perintah FTP ke sebuah server FTP, sementara server FTP adalah sebuah Windows Service atau daemon yang berjalan di atas sebuah komputer yang merespons perintah-perintah dari sebuah klien FTP. Perintah-perintah FTP dapat digunakan untuk mengubah direktori, mengubah modus pengiriman antara biner dan ASCII, menggugah berkas komputer ke server FTP, serta mengunduh berkas dari server FTP.

Sebuah server FTP diakses dengan menggunakan Universal Resource Identifier (URI) dengan menggunakan format  ftp://namaserver . Klien FTP dapat

menghubungi server FTP dengan membuka URI tersebut.

FTP menggunakan protokol Transmission Control Protocol (TCP) untuk komunikasi data antara klien dan server, sehingga di antara kedua komponen tersebut akan dibuatlah sebuah sesi komunikasi sebelum pengiriman data dimulai. Sebelum membuat koneksi, port TCP nomor 21 di sisi server akan "mendengarkan" percobaan koneksi dari sebuah klien FTP dan kemudian akan digunakan sebagai port pengatur (control port) untuk (1) membuat sebuah koneksi antara klien dan server, (2) untuk mengizinkan klien untuk mengirimkan sebuah perintah FTP kepada server dan juga (3) mengembalikan respons server ke perintah tersebut. Sekali koneksi kontrol telah dibuat, maka server akan mulai membuka port TCP nomor 20 untuk membentuk sebuah koneksi baru dengan klien untuk mengirim data aktual yang sedang dipertukarkan saat melakukan pengunduhan dan penggugahan.

Page 5: Browser dan HTML

FTP hanya menggunakan metode autentikasi standar, yakni menggunakan username dan password yang dikirim dalam bentuk tidak terenkripsi. Pengguna terdaftar dapat menggunakan username dan password-nya untuk mengakses, men-download, dan meng-upload berkas-berkas yang ia kehendaki. Umumnya, para pengguna terdaftar memiliki akses penuh terhadap beberapa direktori, sehingga mereka dapat membuat berkas, membuat direktori, dan bahkan menghapus berkas. Pengguna yang belum terdaftar dapat juga menggunakan metode anonymous login, yakni dengan menggunakan nama pengguna anonymous  dan password yang diisi dengan menggunakan alamat e-

mail.

Domain

Domain merupakan suatu nama berformat huruf abjad (a,b,c,d,e,dan seterusnya) dan angka (1,2,3,dan seterusnya) serta simbol (-) untuk menamai alamat URL website untuk mengidenfitikasi sebagai pengganti format deretan angka alamat IP client server hosting tempat file website diletakkan.

Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Jadi secara umum Domain atau Domain Name dalam dunia Web berarti nama yang mengidentifikasi sebuah situs Web. Domain name dipakai untuk menuju pada sebuah alamat IP. Misalnya, "microsoft.com" adalah nama domaindari situs Web Microsoft.

Hosting

Pengertian dan definisi web hosting berasal dari kata web dan host. Bila dilihat dalam kamus istilah host diterjemahkan menjadi tuan rumah atau menerima tamu. Tetapi dalam internet hosting merupakan suatu tempat penyimpanan file-file data atau server yang disediakan oleh suatu perusahaan layanan untuk disewakan. Istilah Web hosting merupakan sebuah bisnis atau jasa layanan teknologi internet penyediaan tempat penyimpanan file secara online, konektivitas jaringan dan layanan lain yang dibutuhkan untuk menyajikan file ke internet. Perusahaan yang menyediakan layanan webhosting disebut webhost, biasanya memberi informasi detail layanannya seperti kapasitas, data transfer dan konektivitas dalam suatu paket hosting.

Sebenarnya server webhosting adalah sebuah komputer biasa tetapi mempunyai kelebihan dari hardware dan software dasar untuk sebuah server, serta mempunyai kemampuan online 24 jam setiap hari atau sering disebut 24/7 artinya 24 jam 7 hari.

Macam Macam Jenis Domain

Berikut penjelasan singkat tentang macam-macam domain.

Page 6: Browser dan HTML

GTLD (Generic Top Level Domain)

Domain ini sebenarnya milik Amerika, namun karena sering digunakan terlihat seperti Domain standard untuk alamat Internet. Sebagian besar pengguna Internet lebih menyukai penggunaan Domain Level Tinggi ini. Setiap orang boleh memiliki Domain ini tanpa perlu persyaratan yang rumit kecuali domain edu,mil,travel.

Contoh GTLD :

.Com : di gunakan untuk kepentingan komersial atau perusahaan.

.Net   : di gunakan untuk kepentingan network infrastruktur.

.Org   : di gunakan untuk kepentingan organisasi.

.Info  : di gunakan untuk kepentingan informasional website.

.Name : digunakan untuk kepentingan keluarga atau personal.

.Edu   : digunakan untuk kepentingan website pendidikan, terbatas hanya utk pendidikan..Mil    : di gunakan untuk kepentingan website angkata bersenjata amerika, terbatas hanya untuk Militer..biz     : di gunakan untuk kepentingan Bisnis..tv       : di gunakan untuk Entertainment seperti Televisi, Radio, majalah..travel : di gunakan untuk Bisnis Pariwisata..xxx    : di gunakan untuk Pornografi (masih di ajukan).

ccTLD’s (Country Coded Top Level Domains)Domain yang disediakan utk masing masing negara seperti :– Indonesia menggunakan .id– Singapura menggunakan .sg– Malaysia menggunakan .my

Untuk Indonesia terbagi menjadi beberapa sub domain seperti :.or.id : Untuk Organisasi.co.id : Untuk Komersial.go.id : Untuk Pemerintahan.ac.id : Pendidikan Tinggi.sch.id: untuk Sekolah.net.id: Internet Provider.web.id: digunakan untuk umum

Macam Macam Web browser beserta kelebihan dan kekurangannya

1. GOOGLE CHROMEGoogle Chrome merupakan browser buatan Google. Pada interfacenya

terlihat bahwa google ingin para penggunanya lebih fokus pada web dan melupakan browser yang digunakan. Ini artinya google chrome memiliki tampilan yang tidak mengusik dan nyaman ketika sedang digunakan.

Page 7: Browser dan HTML

Chrome juga memiliki “modus penyamaran”. Pada modus ini memungkinkan para penggunanya dapat mengakses website tanpa meninggalkan jejak.

Fungsi pencarian yang dimiliki oleh chrome sangat baik sekali. Contohnya chrome dapat mendeteksi ketika pengguna pernah melakukan pencarian disuatu website dan memasukkan website tersebut dalam daftar penyedia pencarian.

Fungsi yang lain masih merupakan keunggulan chrome adalah kemampuan menebalkan nama domain sebuah website yang dianggap berbahaya. Contohnya pada sebuah website penipuan beralamatkan ibank. klikBCA. D60pc.com, maka d60pc.com akan ditebalkan sehingga akan diharapkan para pengguna sadar bahwa itu bukan situs resmi klik BCA. Desain chrome tergolong simpel dan minimalis, mudah di update, ringan dan gesit. Selain itu chrome juga tergolong ringan dan gesit, serta memiliki security yang kuat. Saat ini menjadi browser yang paling tahan terhadap serangan hacker. Kelebihan :- Ringan dan gesit, termasuk ketika start pertama kali dan berpindah tab- Desainnya simpel dan minimalis- Updatenya mudah- Sistem security kuat, saat ini menjadi browser yang paling tahan terhadap

serangan hacker- Google menanamkan opsi “Make Aplication Shortcut” . dengan feature ini

sebuah aplikasi web seperti Gmail atau Google Teader dapat dijalankan lewat shortcut pada dekstop atau star menu. Sehingga seperti aplikasi lokal.

- Pada setiap tab yang dibuka di chrome memiliki proses yang terpisah, sehingga ketika eror/crash pada salah satu tidak akan menyebabkan seluruh browser eror. ( ini kekurangan yang terdapat pada FIREFOX dan browser lainnya ).Kekurangan :

- Statis, fiturnya kurang banyak- Instalnya harus online, crome tidak menyediakan file masterya, jadi kalau

mau menginstal hanya diberi file lauchernya saja- Untuk kecepatannya masih bisa dibilang kurang stabil, karena saat

mencoba membandingkannya dengan FireFox, terlihat jauh lebih lama dalam proses loading.

- Karena bisa dibilang browser yang dalam masa pertumbuhan, tampilan yang ditayangkan oleh chrome kurang menarik, dan bisa dibilang hampir sama dengan tampilan aplikasi opera.

2. COMODO DRAGONComodo Dragon merupakan salah satu chrome based browser yang

benar – benar berfokus pada security dan privacy anda saat browsing di internet. Fitur comodo dragon antara lain meningkatkan keamanan privacy anda, SSL certificate identification, stabilitas yang lebih tinggi, incognito mode stops cookies.

Dengan fitur keamanan yang super tinggi ini, tentu saja mengurangi kecepatan browsing anda karena sebelum website ditampilkan dihalamn

Page 8: Browser dan HTML

browser, website tersebut terlebih dahulu melalui beberapa pengecekan untuk memastikan keamanannya.

Comodo akan melakukan validasi SSI, menghetikan cookies dan spy, serta mencegah didownloadnya tracking dari browser anda oleh web – web yang anda kunjungi.

Kelemahan comodo dragon adalah versi chrome basednya yang masih tertinggal jauh dari versi chrome saat ini.

3. NETSCAPENetscape merupakan salah satu program browser yang digunakan

untuk menjelajah dunia internet. Versi pertama dari netape dibuat pertama kali dengan nama Mosaic oleh National Center Of Supercomputing Aplication di Urbana Champaign.

Netscape navigator dapat digunakan untuk mengunjungi world wide web page dan juga dapat membuat serta melihat dokumen HTML yang ada bahkan dapat melihat bentuk asli dari dokumen HTML. Netscape navigator merupakan browser web yang terkenal pada era 1990-an dan paling banyak digunakan sebelum kemunculan internet Explorer dari Microsoft, yang dibuat oleh Netscape Corporation. Pada zamannya, Netscape banyak digunakan oleh pengguna karena memang lebih baik dibandingkan dengan beberapa web browser berbasis grafis yang lainnya saat itu. Netscape tersedia dalam flatform windows 16-bit ( Win 16 ), windows 32-bit ( Win 32 ), UNIX, serta Macintosh.

Netscape navigator merupakan browser yang dibuat dari basis kode sumber mosaic web browser dari National Center Supercomputing Aplications ( NCSA ), karena memang pembuatan NCSA ( Marc Andressen ) adalah pendiri netscape corpetation. Selain tersedia dalam bentuk netscape navigator, netscape juga mengeluarkan paket suite internet, yang disebut sebagai netscape communicator, yang menggabungkan navigator, klien e-mail, editor halaman web, dan aplikasi lainnya.

Kelebihan :

- Stabil jika digunakan untuk surfing, browsing, upload, dan download- Netscape navigator adalah browser web yang merupakan gagasan bagi

browser Mozila FireFox.Kekurangan :

- Tampilan GUI ( Grapical User Interface ) kurang bagus atau kasar.4. FLOCK

Flock adalah web browser yang dibangun dengan code mozila firefox yang web browser ini khususkan menyediakan social networking dan web 2.0. Flock didesain untuk memudahkan aktivitas online pengguna internet mengatur beberapa secial networking, web mail, news feeds dan blogs yang mereka miliki. Dengan menggunakan Flock mereka dapat dengan mudah menjelajah, berbagi, dan menikmati content maupun menjalin hubungan di situs pertemanan yang mereka inginkan. Kelebihan :

Page 9: Browser dan HTML

- Untuk kelebihan mungkin tidak berbeda jauh dengan flock terdahulu, mungkin karena sudah menggunakan chrome ( google ) sebagai engine basednya maka kecepatan menjelajahnya semikin cepat.

- Lebih simpel dan minimalisKekurangan :

- Belum terintegrasi dengan IDM jadi buat nyedot – nyedot belum terasa full- Instalisasinya harus online

5. SEA MONKEYSea Monkey atau lengkapnya Mozilla Sea Monkey adalah suatu internet

suite, yang merupakan gabungan web browser untuk menjelajah internet, e-mail client untuk menerima dan mengirim e-mial, news client untuk menerima berita dan HTML editor untuk menyunting halaman – halaman website yang menggunakan HTML ( Hyper Text Mark-Up Language ).Dahulunya perangkat lunak ini bernama mozilla Aplication Suite, yang merupakan pengembangan dari netscape navigator buatan Netscape Communications Corporation ( yang sudah bubar ). Sea Mongkey merupakan perangkat lunak yang bersifat free software, open source, dan cross – plasform. Dikembangkan secara bersama oleh suatu komunitas yang dipimpin oleh Sea Monkey Council ( Dewan Sea Monkey ). Kelebihan :- Bisa berguna untuk email dan browser sekaligus.- Penterjemahan website – website yang berbahasa asing ( China, Jepang,

Korea, Spanyol, dll ) ke bahasa inggris, yang lebih mudah dimengerti.- Dapat memfilter email spam ataupun virus.

Kelemahan :- Ada beberapa jenis web yang tidak mau dan tidak bisa dibuka.

6. MAXTHONMaxthon awalnya dikenal sebagai MyIE2, adalah sebuah browser web

gratis untuk Microsoft Windows. Rilis terbaru, Maxthon 3, mendukung baik Trident dan Webkit mesin render.

Maxthon memenangkan CNET WebWare 100 Awards pada tahun 2008. ( 3 ) dan 2009, ( 4 ) dan # 97 dalam daftar PCWorld tentang 100 produk terbaik 2011 menurut CEO Internasional Maxthon Ming Jie “Jeff” Chen, Maxthon.

Didasarkan pada MyIE, yang awalnya diciptakan oleh Changyou, seorang programmer Cina yang ingin menyesuaikan browser Web Internet Explorer ( 6 ) ( 7 ). Changyou diposting sebagian besar sumber kode ( 8 ) untuk MyIE pada board sistem buletin sebelum meninggalkan proyek pada tahun 2000. Chen terus berkembang MyIE dan pada tahun 2002 merilis versi baru, MyIE2 ( 9 ) MyIE2 tumbuh dengan cepat, dengan pengguna diseluruh dunia memberikan kontribusi plugin dan kulit. Dan membantu dengan debugging. Itu namanya Maxthon pada tahun 2003. Chen didirikan Mysoft International Limited di Hong Kong pada tahun 1999 untuk mendistribusikan MyIE ( 11 ) pada tahun 2005 perusahaan menerima dana benih dari perusahaan modal ventura WI Harper Group dan Morten Lund, Investor Skype pertama, dan Chen pindah. Perusahan ke Beijing. ( 12 ) ( 13 ) apda tahun 2006 Maxthon menerima investasi lebih lanjut dari AS yang berbasis perusahan modal ventura Charles River Ventures ( 10 ).

Page 10: Browser dan HTML

Pada tanggal 10 april 2007, Tech Crunch melaporkan bahwa Google telah menginvestasikan setidaknya US $ 1 Juta di Maxthon. ( 14 ) ini ditolak pada hari berikutnya oleh Chen ( 15 ). Namun, dalam sebuah wawancara dengan Sina.comportal Cina, Chen tidak mengesampingkan masa depan “kerjasama” antara kedua perusahaan ( 16 ).

Maxthon adalah slah satu dari dua belas browser microsoft disajikan pada tahun 2010 di Browser Choice.eu, sebuah website yang memungkinkan pengguna dari Microsoft Windows yang berada di wilayah Ekonomi Eropa untuk memilih browser default web mereka ingin untuk digunakan pada komputer mereka ( 17 ). Kelebihan :- Mempunyai screen capture, untuk membuat screenshot pada web.- Pada sidebar sebelah kiri ada sidebar khusus untuk pengguna facebook.

Dengan sidebar tersebut kita dapat melihat status teman kita.- Ringan tidak banyak makan reseurce

Kekurangan :- Interfacenya tidak enak dilihat, terasa jadul.- Manajemen tabnya agak aneh.

7. MOZILLA FIREFOXMozilla Firefox bernama Pheonix dan kemudian untuk sesaat dikenal

sebagai Mozilla Firebird adalah penjelajah web antar platform gratis yang dikembangkan oleh yayasan Mozzila dan ratusan sukarelawan. Sebelum rilis versi 1.0.-nya pada 9 November 2004, Firefox telah mendapatkan sambutan yang sangat bagus dari pihak media, termasuk dari Fordes dan Wall Street Journal dengan lebih dari 5 juta download dalam 12 hari pertama rilisnya dan 6 juta hingga 24 November 2004. Firefox 1.0 adalah salah satu perangkat lunak gratis, sumber – terbuka ( open – Source ) yang paling banyak digunakan diantara pengguna rumahan. Kelebihan :- Banyak fitur tambahan ( add ons ), ibarat kepingan puzzle, add ons ini bias

dibongkar pasang sesuai dengan kebutuhan user- Bandel, cocok untuk membuka situs – situs multimedia- Updatenya mudah- System security kuat

Kekurangan :- Mozila Firefox tidak memiliki pertahanan yang cukup bagus terhadap

serangan popup bila kita membuka website dengan banyak popup, yang bias mengganggu kenyamanan browsing.

- Loading lama saat mulai start, apalagi jika banyak adds-on yang terinstall.- Mozilla firefox, seperti browser lain, pada umumnya tidak memiliki

pertahanan yang baik untuk menangani malware. Malware adalah sejenis virus yang menginfeksi computer yang biasanya untuk mencuri data – data computer yang diinfeksi.

- Mozilla firefox sering crash terhadap aplikasi – aplikasi lain di computer, sehingga komputer tidak dapat digunakan karena hang.

- Mozilla firefox memakan memori yang sangat besar. Apalagi kalau membuka banyak tab atau windows sekaligus.

8. SAFARI

Page 11: Browser dan HTML

Safari dibuat oleh Apple Inc, perusahaan yang juga memproduksi computer macintosh, ipod, dan juga iphone. Dibangun dengan browser engine webkit. Webkit juga adalah browser engine pertama yang lulus test Acid3. Kelebihan :- Tampilannya cantik ( cirri khas produk apple )- Ada fasilitas untuk memperkecil bandwith- Lebih cepat dari opera ( bukan turbo )

Kekurangan :- Sering macet ( app crash ) pada versi windowsnya- Plug in / Add On lebih sedikit daripada Mozzila atau Opera

9. SILVER LIGHTMicrosoft silver light adalah sebuah kerangka aplikasi untuk menulis

dan menjalankan aplikasi internet kaya, dengan fitur dan tujuan mirip dengan Adobe Flash. Lingkungan run – time untuk silver light tersedia sebagai dukungan pengembangan plug – in untuk browser web yng berjalan di bawah Microsoft Windows dan Mac OS X. sementara versi awal silver light difokuskan pada media straming, versi saat ini dukungan multimedia, grafis dan animasi, dan memberikan untuk CLI bahasa dan alat – alat pembangunan. Silver light adalah juga salah satu dari dua platform pengembangan aplikasi untuk windows phone.

Selama sekita 5 tahun Microsoft telah merilis 5 versi : versi pertama dirilis pada tahun 2007, versi terbaru dirilis pada tanggal 9 Desember 2011. Hal ini kompatibel dengan beberapa web browser yang digunakan pada Microsoft Windows dan Mac OS X system operasi.

Sebuah implementasi software gratis bernama moonlight, yang dikembangkan oleh Novell dalam kerjasama dengan Microsoft, tersedia untuk membaw versi silver light 1 dan 2 fungsi untuk Linux, FreeBSD, dan lainnya platform open source – meskipun beberapa distribusi Linux tidak menyertakannya, mengutip redistribusi dan kekhawatiran paten. Kelebihan :- Silver Light mencakup subset dari teknologi Windows Presentation

Fuundation ( WPF ), yang sangat memperluas elemen dalam browser untuk membuat UI. WPF memungkinkan anda membuat immersive gratis, animasi, media, dan fitur lainnya klien kaya, memperpanjang browser berbasis UI melampaui apa yang tersedia dengan HTML saja.

- Silver Light menyediakan ekstensi untuk bahasa scripting browser yang universal yang memberika control atas UI browser, termasuk kemampuan untuk bekerja dengan elemen WPF.

- Silver Light diintegrasikan dengan Java Script yang ada dan ASP.NET AJAX kode untuk melengkapi fungsi yang telah anda buat.

- Jaringan dukungan. Silver Light termasuk dukungan untuk HTTP melalui TCP. Anda dapat terhubung ke WCF, SOAP, atau ASP. NET AJAX layanan dan menerima XML, JSON atau data RSS.Kekurangan :

- Kekurangan Silver Light hanya satu adalah bahwa klien perlu menginstal runtime siver light.

10. OPERA

Page 12: Browser dan HTML

Opera dikembangkan oleh software company adalah salah satu Web Browser dan juga internet suite. Jika firefox punya add – ons, Opera punya “Opera Widgets”. Sebuah aplikasi web kecil yang dilankan bersamaan dengan Opera yang mempunyai kegunaan tertentu, layaknya Add – Ons Firefox. Kelebihan :- Ringan- Memiliki email client dan rss sendiri, jadi tidak perlu memakai email client

lain seperti Outlook, Thunderbird dan lainnya.- Pemanggilan kembali cache sepat- Diklaim sebagai browser tercepar di dunia ( pada versi turbo )- Fitur keamanan situsnya lebih lengkap untuk menangkal virus dari internet

yang merusak dan mevuri data dari computer anda.Kekurangan :

- Agak lambat dalam membaca script pada beberapa halaman situs- Untuk mengupdatenya harus mendownload kembali file masternya- Sering error jika digunakan untuk menyimpan halaman- Tidak bias meneriman format tetentu seperti XML dan ada beberapa situs

developer game yang tidak bias dibuka.11. K – MELEON

K – Meleon merupakan salah satu browser gratis yang open source, dimana para pengembangnya bis dating dari seluruh dunia. Browser ini boleh dikatakan sebagai salah satu browser yang bagus, karena sifatnya yang open source sehingga memungkinkan para penggunanya untuk memodifikasi atau mengkostumise browser tersebut sehingga sesuai dengan keinginannya.

Kelebihan :- Lebih simple- Lebih ringan- Tanpa bermacam – macam plugin maupun add – ons yang membuat kerja

browser lebih ringan dan cepat tentunya. Selain itu, cepat dan ringan, tidak memakan resource yang banyak. Fitur – fiturnya juga cukup bagus Kekurangan :

- Kurang cocok untuk membuka facebook, aka nada peringatan bahwa versi browser yang digunakan vesi lama ( padahal yang dipakai adalah k – meleon terbaru )

- Agak repot untuk menambahkan plugin / add on jika dibandingkan dengan firefox, walaupun sudah ada beberapa plugin yang terpasang secara default.

- Untuk menambah / menutup tab perlu beberapa kali klik mouse, walaupun masih bisa juga dengan shortcut keyboard

12. INTERNET EXPLORERWindows Internet Explorer sebelumnya dikenal sebagai Microsoft

Internet Explorer, disingkat IE atau MSIE adalah sebuah peramban web dan perangkat lunak tak bebas yang gratis dari Microsoft, dan disertakan dalam setiap rilis system operasi Microsoft Windows tahun 1995. Internet Explorer hingga kini masih merupakan browser web yang paling banyak digunakan, meliputi 93,7 % dari keseluruhan penggunaan browser menurut sebuah perusahaan penganalisa web Web Side Story. Kelebihan :

Page 13: Browser dan HTML

- Menyediakan Add – Ons, walaupun tidak sebanyak Firefox- Khusus IE8, tampilannya lebih elegan dan menarik- Bagi pengguna Windows Live maka akan dimanjakan dengan tab

bookmark yang terhubung ke fitur – fitur milik windows live.Kekurangan :

- Gagal membaca script dibeberapa halaman situs ( khususnya CSS )- Berat saat awal start dan saat membuka tab baru- Internet Explorer 8 mudah dan pernah dijebol dengan hacker- Internet Explorer 8 mengambil 380 MB space memori computer dengan 2

GB memori di OS Vista, sedangkan versi yang sbelumnya hanya membutuhkan 159 MB memori.

- Beberapa situs web mungkin tidak ditampilkan secara benar dan tidak berfungsi dengan baik padahal pada versi sebelumnya hal ini tidak terjadi.

Aplikasi Aplikasi untuk membuat Website

1. CoffeeCup Free HTML Editor

CoffeeCup Free HTML Editor merupakan versi gratis dari produk berbayar, dan karena ini versi grati maka beberapa fitur pada aplikasi ini dihilangkan seperti desain menu CSS dan Upload menggunakan FTP.

Ada banyak fitur editing yang bagus pada aplikasi ini dan sebuah "Help File" akan memandu anda untuk menggunakan dan memanfaatkan semua fitur pada aplikasi ini untuk bagian-bagian yang rumit, dan anda juga dapat meng-upload halaman web anda pada platform S-Drive CoffeeCup, di mana layanan ini tersedia secara gratis.

2.Notepad++

Notepad++ adalah editor source code yang luar biasa dengan banyak fitur.Syntax highlighting akan membuat anda lebih mudah untuk membaca dan memahami kode anda. Code folding memungkinkan anda untuk collapse /menutup beberapa area kode untuk sementara agar anda dapat fokus pada area lainya yang sedang anda kerjakan. Auto-completion membantu anda memasukkan kode  lebih cepat (dan akurat).

3. PageBreeze

Web designer berpengalaman  tidak akan terkesan dengan aplikasi ini karenaPageBreeze masih didasarkan pada teknologi lama, tetapi jika anda hanya mencari aplikasi hanya untuk menciptakan sesuatu yang sangat sederhana maka itu menjadi cerita yang berbeda.

Dengan aplikasi ini anda dapat menambahkan link, gambar, dan tabel dalam satu atau dua klik. Sangat mudah untuk melihat dan mengedit semua halaman situs anda, dan ketika anda sudah selesai built-in klien FTP akan membantu anda menempatkan pekerjaan anda secara online. Walaupun hasil akhir mungkin sangat mendasar, kesederhanaan program membuatnya layak untuk pemula.

Page 14: Browser dan HTML

4. Firebug

Firebug  adalah ekstensi Firefox yang akan membantu kamu untuk melihat kode HTML dan CSS; menyesuaikan style dan melihat hasilnya saat itu juga di browser, selain itu Firebug  akan membantu kamu untuk memahami layout halaman web anda, melakukan debug dan log JavaScript, mengelola cookie, menganalisis load halaman, memeriksa pesan kesalahan dan banyak lagi.

Jelas ada banyak fitur yang sangat kuat pada Firebug, tapi Firebug tidak hanya untuk ahli web. Pada awalnya anda mungkin hanya menggunakannya untuk beberapa hal dasar seperti melihat kode html, namun hal kecil seperti ini akan sangat mebantu anda

5. Bluefish Editor

Bluefish merupakan aplikasi editor programmer web yang juga mencakup banyak alat web pilihan.  Bluefish dimulai dengan trik editing biasa: sintaks (ASP.NET, CSS, HTML, JavaScript, PHP dan banyak lagi didukung), code folding, alat pencarian yang kuat, autocompletion, dan banyak lagi.

Program ini juga mendukung template dokumen, memiliki wizards untuk menambahkan CSS, forms, tabel, audio dan objek video, lalu adanya tag editing dan pratinjau dari dokumen dan banyak lagi.

6. Brackets

Brackets adalahe open-source kode  editor HTML, CSS dan berbasis JavaScript yang menarik, dibuat dan dikelola oleh Adobe. Program ini dirancang untuk mencegah kekacauan pada workspace anda dengan floating toolbar dan ikon besar, yang memungkinkan anda untuk bekerja secara langsung pada kode anda dengan bantuan banyak shortcuts.

Contoh penguunaannya adalah ketika anda meng-Klik tag HTML, lalu tekan Ctrl + E dan anda akan melihat Quick Edit dengan CSS terkait, cukup pilih salah satu yang anda butuhkan dan anda akan dapat mengeditnya langsung. 

Ini hanya sebagai mudah untuk mengedit kode JavaScript. Dan adanya fitur "Live Preview" anda tidak perlu untuk me-refresh browser anda setiap ingin melihat perubahan karena tampilanya akan segera diperbarui secara otomatis. 

7. KompoZer

KompoZer memang belum diperbarui untuk beberapa waktu, namun KompoZer masih bisa menjadi editor web yang berguna untuk pemula. Program ini bekerja seperti pengolah kata sederhana, sehingga anda tidak perlu tahu tentang HTML, CSS, scripting atau apa pun: hanya memasukkan teks, format, dan klik berbagai tombol untuk menambahkan link, menyisipkan tabel, gambar, dan lainnya.

8. OpenBEXI

Page 15: Browser dan HTML

OpenBEXI adalah editor HTML WYSIWYG yang memungkinkan anda untuk membuat halaman web hanya dengan dragd dan dropp "widget" - segala hal mulai dari teks, link dan gambar, graphs, flowcharts. Anda juga bisa melakukan tweaking item-item tersebut sesuai dengan kebutuhan anda.

OpenBEXI juga memungkinkan anda untuk men-tweak CSS atau menambahkan script ke halaman, dan built-in FTP klien akan mambantu anda meng-upload file ke server.

9. GIMP

Setiap web designer harus memiliki graphics tools yang baik, dan GIMP adalah salah satu editor gambar gratisan terbaik yang beredar saat ini. GIMP memiliki fitur retouching photo yang mengesankan, banyak efek khusus yang berguna, berbagai paint tools dan banyak lagi.

10. BlueGriffon

BlueGriffon merupakan editing tool WYSIWYG yang mengambil pendekatan mudah untuk mengedit web, walaupun begitu pada BlueGriffon  terdapat fitur yang kuat. 

kamu bisa menggunakan BlueGriffon untuk mengetik teks, menyisipkan gambar, tabel, file audio, video dan sebagainya. Lebih jauh dengan aplikasi ini terdapat SVG editor, form design tools, beberapa dukungan CSS, pemeriksa aksesibilitas, DOM Explorer, dan banyak lagi.

Pemrograman HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page 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).

Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian

Page 16: Browser dan HTML

mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.

Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi ( ISO 8879 ) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML ( Standard Generalized Markup Language ).

ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.

Dasar dasar HTML

STRUKTUR DASAR DOKUMEN HTML

Struktur dasar dokumen HTML adalah sebagai berikut:

<html><head><title>Disini Judul Dokumen HTML</title></head><body>        Disini penulisan informasi Web</body></html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag

Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body.

Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai

Page 17: Browser dan HTML

contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body>ini adalah tag penutup isi dokumen HTML.

b. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML

Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML

</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Contoh penulisan tag-tag yang benar

<p>    <b>        ................    </b></p>

Contoh penulisan tag-tag yang salah

<p>    <b>        ................    </p></b>

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG>   nama-attr="nilai-attr"   nama-attr="nilai-attr"   .................>   .................

Page 18: Browser dan HTML

</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:<html>..........</html>

e. Element HEAD

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:<head>...........</head>

f. Element TITLE

Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:<title>.........</title>

g. Element BODY

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.

Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">

Page 19: Browser dan HTML

..............</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link,alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.