Tugas KKPI ke 2 - GOOGLE DRIVE

• Pengertian 

Nah, sebelumnya kalian sudah pernah dengar belum istilah dari Google Drive? Pengertian dari Google Drive itu adalah layanan penyimpanan yang dimiliki oleh google. Google Drive ini sebenarnya sudah lama dilunjurkan yaitu sejak 24 April 2012 yang lalu. Google Drive merupakan perubahan dari Google Docs, jika sobat membuka google docs maka akan diredirect ke google drive. Pengguna google drive akan mendapatkan layanan penyimpanan gratis sebesar 5 GB,dan dapat ditambahkan dengan pembayaran tertentu.Dengan fitur unggulan yang sama seperti Dropbox, yaitu sinkronisasi data melalui folder khusus di dalam desktop atau lebih dikenal dengan Desktop Sync Clients. GDrive memberikan kapasitas gratis sebesar 5 GB dan tentunya fitur-fitur yang terintegrasi dengan layanan Google lainnya seperti: Gmail, G+ dan Google Search. Fitur yang bisa digaris bawahi dari GDrive adalah API’s untuk para Developer. Hingga kini GDrive telah terhubung dengan puluhan aplikasi pihak ketiga. Bekerja dengan lebih banyak lagi jenis file bila sobat memasang aplikasi Google Drive dari Toko Web Chrome.Google Drive berfungsi pada sejumlah aplikasi yang terus bertambah yang dapat sobat pasang dari Toko Web Chrome. Dengan aplikasi tersebut, sobat dapat mengedit gambar dan video, mengirim faks dan menandatangani dokumen, mengelola proyek, membuat bagan alur, dan banyak lagi. Berapa pun banyaknya aplikasi Google Drive yang telah sobat pasang, sobat juga dapat mengakses seluruh file Anda dalam satu tempat: Google Drive di web.

• Fungsi dan Keuntungan Google Drive

Setelah mengetahui apa itu Google Drive,selanjutnya Saya akan sedikit menjelaskan mengenai fungsi dan keutungan dari Google Drive yaitu memiliki fungsi layaknya Dropbox yaitu sinkronisasi data dari PC anda, jadi sobat bisa membuat dan berbagi data dan dokumen di google drive tersebut. Selain itu sobat juga bisa mengakses data file dari mana saja di rumah ataupun di kantor dengan terhubung dengan internet pastinya.

Keuntungan lainnya yaitu Google Drive telah terintegrasi dengan layanan google liannya diantaranya gmail, Gplus, google searchdan lainnya. Jika sobat ingin mencoba google drive ini silahkan langsung menuju drive.google.com lalu loginlah menggunakan Email sobat agar sobat bisa menggunakan Google Drive. Nanti akan tampil seperti gambar dibawah jika google drive sobat sudah diaktifkan, namun jika belum silahkan tunggu pemberitahuan dari google ke email sobat,

Kalau sudah berhasil login dan Google Drive sudah aktif sobat bisa langsung Upload File / folder seperti gambar di bawah ini,

Jika ingin menambah kapasitas penyimpanan di Google Drive sobat diharuskan membayar beberapa dollar, sesuai dengan harga yang diberikan oleh google seperti keterangan lengkap (gambar) dibawah ini,

Google Drive berfungsi pada sejumlah aplikasi yang terus bertambah yang dapat Anda pasang dari Toko Web Chrome. Dengan aplikasi tersebut, Anda dapat mengedit gambar dan video, mengirim faks dan menandatangani dokumen, mengelola proyek, membuat bagan alur, dan banyak lagi. Berapa pun banyaknya aplikasi Google Drive yang telah Anda pasang, Anda dapat mengakses seluruh file Anda dalam satu tempat: Google Drive di web.

• Hal-hal yang dapat Anda lakukan dengan aplikasi Google Drive

1. Membuat file baru di Google Drive dari jenis file aplikasi tersebut
2. Mengakses dan membuka file di Google Drive
3. Mengakses file Google Drive dari aplikasi di luar Google Drive
4. Menyimpan file ke Google Drive dari aplikasi di luar Google Drive
5. Berbagi jenis file apa pun, termasuk file yang dibuat dengan aplikasi Google Drive

Membuat file dengan aplikasi Google Drive

Dengan Google Drive, sobat dapat membuat lebih banyak lagi file daripada dengan Google Documents karena beberapa aplikasi memungkinkan Anda membuat jenis file lain di Google Drive. Setelah memasang salah satu aplikasi tersebut, Anda akan melihat jenis file dari aplikasi tersebut tercantum di menu Buat dalam Google Drive di web.

1. Buka drive.google.com.
2. Klik tombol Buat yang berwarna merah di kiri atas.
3. Arahkan mouse ke Lainnya.
4. Pilih aplikasi dari submenu Lainnya.
5. Aplikasi akan terbuka dan Anda dapat mengerjakan file yang telah Anda buat dan simpan. Anda dapat mengaksesnya kapan saja, di mana saja di Drive Saya (Google Drive di web).

Sobat juga dapat menyinkronkan file yang telah Anda buat menggunakan aplikasi Google Drive ke folder Google Drive di komputer Anda. Pilih file yang ingin disinkronkan ke komputer.
Membuka file dengan aplikasi Google Drive
Setelah sobat memasang aplikasi Google Drive, aplikasi akan tampil dalam menu Buka dengan pada Google Drive di web untuk jenis file yang kompatibel dengan aplikasi tersebut. Misalnya, jika aplikasi pengeditan gambar terdaftar untuk membuka file JPEG, Anda dapat membuka file JPEG apa pun di Google Drive dengan aplikasi tersebut.

1. Buka drive.google.com
2. Klik kanan file dalam Google Drive di web
3. Arahkan mouse ke Buka dengan.
4. Pilih nama aplikasi dari submenu Buka dengan.
5. File Anda akan terbuka di aplikasi Google Drive yang Anda pilih.

Membuka atau menyimpan file Google Drive dari aplikasi

Sobat dapat membuka file yang tersimpan dalam Google Drive di web dari dalam aplikasi itu sendiri (tanpa membuka Google Drive di web). Misalnya, Anda membuka sebuah aplikasi dan ingin mengerjakan file yang Anda simpan di Google Drive. Anda dapat membuka file Google Drive tersebut langsung dalam aplikasi tersebut.
Anda juga dapat menyimpan file ke Google Drive yang telah Anda buat atau temukan dalam aplikasi di luar Google Drive itu sendiri. Ada beberapa cara untuk menyimpan file ke Google Drive:

• Saat Anda bekerja di aplikasi Google Drive, file akan disimpan ke Google Drive ketika Anda menyimpan perubahan yang Anda buat pada file tersebut.
• Dalam aplikasi, Anda mungkin melihat opsi “Ekspor ke Google Drive”, “Simpan salinan”, atau “Kirim ke Drive”. Bila Anda memilih opsi tersebut, file akan tersimpan secara otomatis ke Google Drive sobat..

Selain itu, Google akan memberikan kapasitas penyimpanan data gratis 5GB juga benar adanya. Kabar itu memang datang dari orang dalam Google yang membocorkan informasi kepada situs teknologi The Next Web.
Saat ini Google Drive tersedia untuk perangkat komputer bersistem operasi Windows dan Mac, lalu smartphone dan tablet Android. Dari keterangan di situs resmi Google Drive, perusahaan mesin pencari ini akan membuat Google Drive untuk perangkat berbasis iOS, yakni iPhone, iPad dan iPod Touch.
Google Drive bisa dibuat untuk menyimpan data semua format. Dokumen, foto, video, aplikasi, dan segalanya yang dikehendaki.
Bagi Anda pengguna layanan Google Docs, mungkin langsung nyaman menggunakan Google Drive karena data-data Anda otomatis tersimpan di Google Drive.
Begitupun dengan pengguna Android, Anda bisa mengintegrasikan data-data di smartphone atau tablet ke Google Drive. Google Drive menawarkan beberapa pilihan untuk menambah kapasitas ruang penyimpanan data. Diantaranya, 2,49 dollar AS per bulan untuk 25GB dan 4,99 dollar AS per bulan untuk 100 GB.
Jika Anda memutuskan menggunakan Google Drive berbayar, maka kapasitas simpan akun GMail Anda akan ditambah menjadi 25GB.
Pilihan penambahan kapasitas Google Drive tersedia hingga 16TB.
Untuk mulai menggunakan Google Drive. Namun, menurut Google, belum semua pengguna dapat menikmati cloud storageGoogle ini.
Saat dicoba oleh Kompas Tekno dengan menggunakan beberapa akun Google berbeda, tak ada satu pun yang bisa mencoba Google Drive.
Sepertinya, pengguna di Indonesia masih harus bersabar menikmati hard disk online besutan Google ini.

• Fasilitas Google Drive

1. Google Drive memberikan ruang (space) gratis sebanyak 5 GB. Kalau kurang Anda dapat meng-upgrade menjadi 25 GB dengan membayar $2.49 per bulan atau $30 (sekitar Rp280 ribu) per tahun.
2. Membuat dokumen baru, spreadsheet, dan presentasi secara instan. Dapat mengedit suatu dokumen dengan kolega bersama-sama pada waktu yang sama. Ini salah satu kelebihan Google Drive jika dibandingkan dengan situs berbagi pakai.
3. Gmail attachment (sisipan) tidak perlu lagi. Link dari Google Drive dapat dikirim ke Gmail untuk dijadikan attachment secara otomatis.
4. Video dan Foto yang tersimpan di Google Drive akan otomatis tersedia di Google Plus.
5. Mesin pencari khusus tersedia di Google Drive untuk mencari berkas yang ada. Dilengkapi dengan opsi pencarian berbasis ekstensi (jenis) file, bukan hanya nama berkasnya saja.
6. Dapat membuka semua format file, termasuk Adobe HD Video, Photoshop, dll walaupun Anda belum menginstal software tersebut di komputer.
7. Dapat berbagai file (berkas) dengan menggunakan berbagai aplikasi. Jadi, fitur ini fungsinya sama dengan situs berbagi pakain lain.
8. Simpan otomatis. Begitu Anda membuat perubahan di salah satu file di Google Drive, ia akan tersimpan secara otomatis.

• Ketersediaan Google Drive

Google Drive dapat digunakan dalam beberapa piranti (device) berikut:

1. Komputer berbasis Windows
2. Komputer berbasis Mac
3. Tablet berbasis i0S (iPad)
4. Tablet berbasis Android
5. Smartphones iPhone
6. Smartphones berbasis Android

Tapi bagi Anda yang menggunakan sistem Linux jangan berkecil hati. Walaupun Google Drive belum mendukung Sistem Operasi Linux, namun berkat tim ppa ubuntu, google drive kini bisa diakses melalui Nautilus pada Dekstop Gnome Anda. Jika tidak mau repot, Anda juga bisa mencoba cloud storage lain yang mendukung Linux, seperti Dropbox.

• Cara Menggunakan Google Drive

Nah bagi pemula terkadang mengalami kebingungan bagaimana cara menggunakan Google Drive itu sendiri,mari kita belajar bersama. Untuk memulai Google Drive, pergi ke drive.google.com kemudian aktifkan layanan. Setelah Anda memiliki akses ke Drive, Anda siap untuk mulai menggunakan layanan ini. Anda akan melihat bahwa Google Drive Anda sekilas terlihat dan bekerja sangat mirip Google Docs. Anda dapat membuat file, membuat koleksi folder, menggunakan bar bagian atas untuk mencari, dan meng-upload file dengan menyeret dan menjatuhkan ke dalam jendela browser.
Namun, tidak seperti Docs, kini Anda dapat mengelola seluruh drive dari desktop Anda dengan menginstal aplikasi Google Drive. Caranya mudah, setelah Anda masuk drive.google.com, lihatlah sidebar bagian kiri dan pilih Download Google Drive. Setelah Anda mendownloadnya, perangkat Anda akan memiliki folder Google Drive, sehingga setiap perubahan yang Anda buat akan tercermin dalam antarmuka Web, dan sebaliknya.
Selama Anda terkoneksi dengan Internet, ketika Anda menambahkan file ke folder Google Drive , file Anda akan langsung otomastis ter-upload ke drive Web Anda. Mudah bukan?
Selain itu ada beberapa fitur Google Drive yang harus Anda ketahui, fitur-fitur itu antara lain:

1. Dokumen bebas
   Google memang memberikan Anda ruang penyimpanan 5 GB gratis, tetapi hebatnya setiap dokumen yang Anda buat dalam Drive terhitung gratis.
2. Upload hingga 30 jenis file
   Google Drive mendukung penyimpanan dan tampilan 30 jenis file populer. Jadi, Anda dapat meng-upload sebuah film ke Drive dan memainkannya kembali dalam browser Anda, di mana pun Anda berada.
3. Berbagi file, folder, atau seluruh drive
   Fitur ini adalah fitur berbagi sederhana yang dimiliki Google. Hanya dengan klik kanan pada sebuah file, pilih “share…” dan tentukan opsi dari share itu. Untuk memberikan akses ke seseorang untuk seluruh drive Anda, klik tombol dengan orang dan tanda plus di bagian atas.
4. Memanfaatkan Google Goggles
   Dengan teknologi Goggle yang dibangun dalam Drive, Anda dapat mencari foto menggunakan bar pencarian. Demikian juga, Anda dapat mencari teks dalam dokumen yang dipindai. Setelah beberapa pengujian, fitur ini tidak benar-benar dapat diandalkan, tapi layak dicoba jika Anda memerlukan bantuan menemukan file atau foto.
5. Berkolaborasi pada video, foto, dan banyak lagi
   Fitur kolaborasi dari Google Docs sekarang tersedia untuk semua jenis file. Misalnya, jika Anda meng-upload video ke Drive dan berbagi dengan orang lain, Anda akan dapat membahas video dengan alat komentar.
6. Instal aplikasi pihak ketiga
   Pengembang pihak ketiga telah membuat aplikasi yang bekerja secara lancar dengan Google Drive. Pixlr salah satunya yang memungkinkan Anda mengedit foto yang diunggah, HelloFax memungkinkan Anda mengirim faks bebas, dan DocuSign memungkinkan Anda menandatangani dokumen resmi, semua bisa diinstal dalam Google Drive. Untuk mendapatkan aplikasi ini dan lebih banyak lagi, pergi ke Google Drive>Setting> Manage apps> Get more Apps.

• Memasang aplikasi Google Drive

Aplikasi Google Drive tersedia di·Toko Web Chrome dan sobat dapat memasangnya untuk digunakan dalam Google Drive di web. Aplikasi kompatibel dengan semua browser yang didukung.

1. Buka·Toko Web Chrome.
2. Telusuri “Aplikasi Drive”.
3. Klik tombol + Tambahkan ke Drive yang berwarna biru.
4. Berikan otorisasi pada aplikasi untuk mengakses file di Google Drive Anda. (Pelajari lebih lanjut tentang keamanan aplikasi Google Drive.)
5. Klik Pasang.

Tugas KKPI ke 2 - Upload dan Download

PENGERTIAN UPLOAD
Upload adalah  proses transmisi sebuah file dari
sebuah sistem komputer ke sistem komputer yang
lainnya dengan arah yang berkebalikan dengan
download. Dari internet, user yang melakukan proses
upload adalah proses dimana user mengirimkan file ke
komputer lain yang memintanya. User yang men-share
gambar,foto dengan yang user yang lainnya di bulletin
board sytem (BBS), mengupload file ke BBS. File
Transfer Protocol (FTP) adalah contoh Internet
protokol untuk downloading and uploading files.
Arti istilah Upload dianggap berkaitan erat dengan
pengertian berikut :
Mengirim file dari komputer Anda ke komputer lain.
Kegiatan pengiriman data (berupa file) dari komputer
lokal ke komputer lainnya yang terhubung dalam sebuah
network.
Secara umum upload dapat diartikan proses transmisi
data dari komputer client/pemakai ke internet.
DOWNLOAD

PENGERTIAN DOWNLOAD
Download adalah proses transmisi sebuah file dari
sebuah sistem computer ke sistem komputer yang
lainnya. Dari internet, user yang melakukan proses
download adalah proses dimana seorang user meminta /
request sebuah file dari sebuah komputer lain (web site,
server atau yang lainnya) dan menerimanya. Dengan kata
lain, download adalah transmisi data dari internet ke
komputer client/pemakai.

Tugas KKPI ke 2 - Langkah-langkah membuat email pada Google Mail (Gmail)

Artikel ini berawal dari percakapan dua anak SMU yang kebetulan ada di samping saya waktu saya sedang minum kopi. Salah satu dari anak muda itu bertanya pada temannya “bro, kalau mau bikin facebook kan harus punya email, gimana sih cara membuat email?”. Wah ternyata masih ada yang kurang paham cara membuat akun email sendiri ya hehehe.

Kenapa kita butuh email? Email adalah salah satu fasilitas yang wajib kita miliki ketika melakukan kegiatan di internet. Misalnya ketika kita ingin membuat akun media sosial di Facebook, Twitter, atau Google plus, pasti situs media sosial tersebut akan meminta akun email kita, atau ketika kita ingin belanja di toko online, pasti mereka akan menanyakan akun email kita. Fungsi email ini sendiri adalah sebagai alat komunikasi digital (surat elektronik) dan bisa juga sebagai identitas online seseorang.

Sebelumnya kita mesti tahu dulu apa itu email. Email atau e-mail adalah singkatan dari Electronic Mail atau surat elektronik yang hanya bisa dibaca jika kita punya perangkat komputer, laptop, Tab, smartphone, dan tentunya koneksi internet. Kalau tidak ada koneksi internet, kita tidak akan bisa membuka akun email kita. Akun email itu sendiri dapat kita miliki secara gratis ataupun berbayar, dan di artikel ini saya hanya membahas cara membuat email gratisan.

Beberapa penyedia layanan email gratis yang paling terkenal dan paling banyak digunakan adalah Yahoo.com, Google.com, dan Microsoft.com. Berikut ini adalah cara membuat email gratis di masing-masing layanan yang saya sebutkan:

A. Cara Membuat Email Gratis di Gmail (Google Mail)

Ini adalah layanan email gratis favorit saya. Selain bisa membuat email dengan gratis, kita juga bisa membuat akun Google plus dengan mudah bila sudah memiliki akun Gmail.

1. Langkah pertama, kunjungi situs Google mail

2. Klik tombol “Create an account” atau “Buat akun” yang ada di sebelah kanan atas halaman Google mail.

Buka Spoiler »

3. Isi kolom-kolom yang ada pada halaman pengisian dengan data Anda:

• Nama: isi dengan nama lengkap Anda, nama depan dan nama belakang
• Pilih nama pengguna Anda: isi dengan alamat email yang Anda inginkan
• Buat sandi: isi dengan sandi yang tidak mudah ditebak, tapi mudah Anda ingat
• Konfirmasi sandi Anda: ulangi memasukkan sandi Anda sebelumnya
• Tanggal lahir: isi dengan tanggal, bulan, dan tahun kelahiran Anda
• Gender: pilih yang sesuai dengan jenis kelamin Anda
• Ponsel: isi dengan nomor HP Anda untuk keamanan
• Buktikan bahwa Anda bukan robot: isi dengan kode (2 kata dengan spasi) yang ada di halaman tersebut
• Lokasi: isi sesuai dengan negara tempat Anda tinggal
• Centang kolom menyetujui persyaratan dan kebijakan dari Google
• Klik tombol “Langkah berikutnya”

Buka Spoiler »

4. Langkah selanjutnya adalah menyiapkan profil Anda dengan menambahkan foto profile Anda. Untuk menambahkan foto, silahkan klik tombol “Tambahkan Foto Profil”. Anda bisa memasukkan foto dari komputer. Setelah selesai mengatur foto profil, klik tombol “Langkah berikutnya”.

Buka Spoiler »

5. Voila, akun email di Google sudah selesai dibuat. Silahkan klik tombol “Lanjutkan ke Gmail” untuk masuk ke halaman email Anda.

Buka Spoiler »

B. Cara Membuat Email di Yahoo Mail

Layanan email gratis dari Yahoo sangat banyak digunakan orang. Selain email gratis, kita juga otomatis akan bisa mendaftar ke layanan Yahoo Messenger untuk chating.

1. Langkah pertama, kunjungi situs Yahoo mail

2. Klik tombol “Buat Account Baru” di bagian atas kanan halaman Yahoo mail.

Buka Spoiler »

3. Isi kolom-kolom yang disediakan dengan memasukkan data Anda:

• Nama:  isi dengan nama lengkap Anda, nama depan dan nama belakang
• Pilih ID Yahoo!: pilih alamat email yang Anda inginkan di Yahoo
• Pilih kata sandi: isi dengan sandi yang Anda inginkan dan mudah diingat
• Ketik ulang kata sandi: masukkan lagi sandi Anda
• Saya lahir pada:  isi dengan tanggal, bulan, dan tahun kelahiran Anda
• Saya tinggal di: pilih negara dimana Anda tinggal
• Ponsel: isi dengan nomor HP Anda, untuk keamanan
• Email Alternatif: isi bila Anda punya email lain, kosongkan bila memang tidak ada
• Klik tombol “Buat akun saya”

Buka Spoiler »

3. Langkah selanjutnya adalah mengisi pertanyaan rahasia, ini dibutuhkan untuk menjaga keamanan akun email Yahoo Anda. Di sini Anda harus memilih pertanyaan dari pertanyaan 1 dan 2, serta tentukan jawaban Anda. Pilihlah pertanyaan yang jawabannya mudah Anda ingat. Dan jangan lupa mengisi nomor ponsel Anda pada kolom yang sudah disediakan. Pada halaman ini Anda juga perlu untuk memasukkan kode anti spam. Setelah selesai mengisi kolom-kolom yang disediakan, klik tombol “Selesai”.

Buka Spoiler »

4. Voila, email Anda di Yahoo sudah selesai dibuat. Langkah selanjutnya Anda bisa klik tombol “Persiapan Awal” untuk masuk ke halaman email Anda.

Buka Spoiler »

C. Cara Membuat Email di Hotmail

Layanan email gratis Hotmail ini disediakan oleh Microsoft.com. Memang tidak sepopuler Gmail dan Yahoo mail, tapi layanan ini sangat banyak digunakan orang.

1. Langkah pertama, buka situs Hotmail

2. Klik tombol “Sign up now” pada bagian kanan bawah halaman Hotmail.

Buka Spoiler »

3. Isi kolom-kolom yang disediakan dengan memasukkan data Anda:

• Name: isi dengan nama depan dan nama belakang Anda
• Birth date: isi dengan tanggal, bulan, dan tahun kelahiran Anda
• Gender: pilih jenis kelamin
• Microsoft account name: isi dengan alamat email yang Anda inginkan di akun Microsoft Anda
• Create password: isi dengan sandi yang Anda inginkan
• Reenter password: masukkan kembali sandi Anda
• Phone number: isi dengan nomor HP Anda, untuk keamanan akun email
• Alternate email address: isi dengan alamat email Anda yang lain, kosongkan bila tidak ada. Bila Anda tidak mengisi email alternatif maka Anda harus mengisi pertanyaan dan jawaban rahasia untuk menjaga keamanan akun email Anda.
• Country region: pilih negara tempat tinggal Anda
• Postal code: isi dengan kode pos Anda
• Enter the characters you see: isi dengan karakter yang Anda lihat, ini untuk mencegah spam
• Lalu klik tombol “I Accept”

Buka Spoiler »

4. Tadaaaa, akun email Anda di Hotmail sudah jadi. Langkah selanjutnya Anda bisa klik tombol “Continue to inbox” untuk melihat halaman email Anda. 

JAVA SCRIPT

Pengertian JavaScript

JavaScript adalah bahasa pemograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.

Jenis bahasa pemograman Client Side berbeda dengan bahasa pemograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.
Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor, dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped, dan berorientasi objek.

---

Fungsi JavaScript Dalam Pemograman Web

JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum javascript, setiap interaksi dari user harus diproses oleh web server.

Bayangkan ketika kita mengisi form registrasi untuk pendaftaran sebuah situs web, lalu men-klik tombol submit, menunggu sekitar 20 detik untuk website memproses isian form tersebut, dan mendapati halaman yang menyatakan bahwa terdapat kolom form yang masih belum diisi.
Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web server ke dalam web browser.
Dalam perkembangan selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan JavaScript.
Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga kita tidak bisa bergantung sepenuhnya kepada JavaScript.

---

Perkembangan JavaScript Saat Ini

Dalam perkembangannya, JavaScript mengalami permasalahan yang sama seperti kode pemograman web yang bersifat client side seperti CSS, yakni bergantung kepada implementasi web browser.
Kode JavaScript yang kita buat, bisa saja tidak bekerja di Internet Explorer, karena web browser tersebut tidak mendukungnya. Sehingga programmer harus bekerja extra untuk membuat kode program agar bisa “mengakali” dukungan dari web browser.
Karena hal tersebut, JavaScript pada awalnya termasuk bahasa pemograman yang rumit, karena harus membuat beberapa kode program untuk berbagai web browser.
Namun, beberapa tahun belakangan ini, JavaScript kembali bersinar berkat kemudahan yang ditawari oleh komunitas programmer yang membuat library JavaScript seperti jQuery. Library ini memudahkan kita membuat program JavaScript untuk semua web browser, dan membuat fitur-fitur canggih yang sebelumnya membutuhkan ribuan baris kode program menjadi sederhana.
Kedepannya, JavaScript akan tetap menjadi kebutuhan programmer, apalagi untuk situs saat ini yang mengharuskan punya banyak fitur modern sebagai standar.

---

CSS

CSS adalah kepanjangan dari Cassading Style Sheet. Kode CSS ini hampir terdapat di seluruh bagian template blog anda. Adapun fungsi dari CSS adalah untuk mempercantik sebuah halaman web, termasuk blog. CSS dapat bekerja secara maksimal jika tidak ada kesalahan dalam mengedit atau menambahkan kode CSS kedalam template blog Anda. Jika tedapat kesalahan, baik dalam menambahkan atau mengedit tampilan blog, maka dapat dipastikan blog anda akan menjadi berantakan. Sebenarnya, untuk menjadikan blog anda indah dan cantik, Anda tidak perlu mendalami pengetahuan kode CSS karena kode CSS ini akan bekerja maksimal dengan sistem kode yang disebut mark up language, seperti kode HTML, XHTML, dan XML. Namun, mempelajari dasar-dasar kode CSS dapat membantu Anda dalam mengedit template blog sehingga terlihat cantik dan menarik. Pengetahuan dasar tentang kode CSS akan membantu Anda nantinya, dalam mempelajari dan mempraktikkan bab-bab selanjutnya. Kode CSS tidak jauh berbeda dengan kode HTML. Perintah dasar dari kode CSS hampir sama dengan kode HTML yang diawali dengan kode pembuka dan kode penutup. Jika tidak, template tidak dapat di-parse atau disimpan pada halaman blog anda. ciri dari kode CSS adalah dapat ditambahkan atau digunakan langsung untuk mengedit dari template blog anda. Kode-kode CSS biasanya meliputi warna dan aksesori yang ada di halaman blog Anda. Misalnya, jika anda ingin menuliskan tulisan "blog pertamaku" dengan warna merah, maka kode yang membuat warna merah itulah yang disebut dengan CSS. Sebagai contoh, jika saya menuliskan kode warna merah dengan kalimat ""membuat blog pertamaku" pada posting, maka kodenya adalah sebagai berikut: membuat blog pertamaku pada kode diatas, terdapat yang dipertebal, yaitu color:rgb(255, 0, 0); font-weight: bold; kode inilah yang dinamakan dengan kode CSS. Adapun fungsi dari kode tersebut adalah untuk mempertebal dan memberikan warna merah pada kalimat "membuat blog pertamaku". kode warna merah dapat juga diwakilkan dengan cara menuliskan tanda# dan kode warna. Misal, jika warna yang akan digunakan adalah warna putih, maka kode CSS untuk warna putih adalah sebagai berikut, #FFFFFF. Untuk warna hitam, kodenya adalah #000000, dan seterusnya. Biasanya, di dalam template blog, kode CSS diawali dengan kode {dan kode penutup} yang biasa disebut container code CSS karena diantara kode tersebut terdapat kombinasi kode CSS. Contoh kode CSS yang ada di template blogger pada menu Main (tempat posting)) adalah sebagai berikut: 
#main { 
margin: 0 0 10px; 
width: 480px; 
float:right; 
padding:0 9px 12px 9px; 
border:1px 
dotted #900; 
color:#ffffff; } 

Keterangan: 

Border : garis yang ada di sekeliling sidebar atau main

Color   : warna

Dotted : garis titik-titik pada border

Float    : letak penempatan, baik di kanan atau di kiri

Margin : jarak batas dari main atau sidebar

Padding : jarak tepi isi sidebar atau main

Px        : ukuran pixel

Width  : lebar dari area sidebar atau main.

HTML

»HTML (Hyper Text Markup Language) adalah sebuah bahasa markup 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), 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 berupa kode-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.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.
Secara garis besar, terdapat 4 jenis elemen dari HTML:

• structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
• presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
• hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>)
•  
•  PERINTAH-PERINTAH HTML Sumber Modul MR. HANDRI SUNJAYATEKS
  Berikut ini adalah perintah-perintah HTML untuk penanganan TEKS.
  
  <H1> Sampai <H6>
  fungsi  : untuk membuat (memilih) ukuran teks.
  Sintak  : <H1>             </H1>
  Contoh
  <HTML>
  <HEAD><TITLE>Contoh Heading</TITLE></HEAD>
  <BODY>
  <H1> Teks dengan Heading 1</H1>
  <H2> Teks dengan Heading 2</H2>
  <H3> Teks dengan Heading 3</H3>
  <H4> Teks dengan Heading 4</H4>
  <H5> Teks dengan Heading 5</H5>
  <H6> Teks dengan Heading 6</H6>
  </BODY>
  </HTML>
  
  <HR>
  Perintah ini digunakan untuk membuat garis horizontal penuh layar
  Sintaks            : <HR>
  Contoh            :
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  
  <HR> Kalimat ini diapit oleh 2 buah garis<HR>
  
  </BODY>
  </HTML>
  
  <I>
  Perintah ini digunakan untuk membuat teks miring.
  Sintaks            : <I>    </I>
  Contoh
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  
  <I> Selamat Datang Ke Websiteku</I>
  
  </BODY>
  </HTML>
  <B>
  Perintah ini digunakan untuk membuat teks tebal.
  Sintaks            : <B>   </B>
  Contoh
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  <B> Selamat Datang Ke Websiteku</B>
  </BODY>
  </HTML>
  
  <U>
  Perintah ini digunakan untuk membuat teks bergaris bawah.
  Sintaks            : <U>   </U>
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  <U> Selamat Datang Ke Websiteku</U>
  <U><B> Selamat Datang Ke Websiteku</U></B>
  </BODY>
  </HTML>
  
  <CENTER>
  Perintah ini untuk membuat teks ke tengah layar.
  Sintaks            : <CENTER>  </CENTER>
  Contoh            :
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  <H1><CENTER> Selamat Datang Ke Websiteku</CENTER></H1>
  </BODY>
  </HTML>
  
  ALIGN
  Digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri.
  Sintaks            :
  <P ALIGN=right>      → Rata Kanan
  <P ALIGN=left>        → Rata Kiri
  <P ALIGN=center>   → Rata Tengah
  <P ALIGN=justify>   → Rata Kanan dan Kiri
  atau
  <H ALIGN=right>
  <H ALIGN=left>
  <H ALIGN=center>
  <H ALIGN=justify>
  Contoh pemakaian :
  <H2 ALIGN=center>SELAMAT DATANG </H2>
  
  <BR> (Line Break)
  Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah <BR> diberikan di akhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya.
  
  <!–
  Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program.
  Sintaks            : <!–    –>
  Contoh            : <!—Ini adalah contoh komentar –>
  
  <SMALL>
  Perintah untuk membuat teks berukuran kecil.
  
  <BIG>
  Perintah untuk membuat teks berukuran besar
  
  <P> (Paragraph)
  Perintah ini digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain.
  Sintaks            : <P>   </P>
  
  <DD>
  Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam.
  Sintaks            : <DD>
  
  BASEFONT
  Perintah ini digunakan untuk mengubah ukuran font.
  Contoh            :
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  
  <BASEFONT SIZE=6>
  Teks dengan ukuran 6 pt<BR>
  <B>Teks dengan ukuran 6 pt dan tebal</B>
  
  <BASEFONT SIZE=10>
  <BR>
  Teks dengan ukuran 10 pt
  
  </BODY>
  </HTML>
  
  FONT
  Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip.
  FACE
  Untuk mengubah jenis font
  Contoh :
  <HTML>
  <HEAD><TITLE>     </TITLE>
  </HEAD>
  <BODY>
  
  <FONT SIZE =”6” FACE=”Times New Roman”>
  Teks dengan jenis font Times New Roman.
  <FONT SIZE =”6” FACE=”Arial”>
  Teks dengan jenis font Arial.
  
  </BODY>
  </HTML>
  
  <SUP>
  Perintah ini digunakan untuk membuat cetak naik suatu teks.
  Contoh :
  <HTML>
  <HEAD><TITLE>     </TITLE>
  </HEAD>
  <BODY>
  
  Kami adalah yang pertama : 1<SUP>st</SUP> in the world.
  
  </BODY>
  </HTML>
  
  <SUB>
  Perintah ini digunakan untuk membuat cetak turun suatu teks.
  Contoh :
  <HTML>
  <HEAD><TITLE>     </TITLE></HEAD>
  <BODY>
  
  H<SUB>2</SUB>O (disebut air(
  
  </BODY>
  </HTML>
  
  <UL>
  Perintah <UL> (Unordered List) adalah perintah untuk membuat daftar (list).
  
  <LI>
  Perintah <LI> (List Item) adalah perintah untuk membuat daftar (list)
  CATATAN : Perintah <LI> harus berada dalam perintah OL, UL, DIR, MENU.
  
  Contoh            :
  <HTML>
  <HEAD><TITLE>     </TITLE>
  </HEAD>
  <BODY>
  
  <UL>
  <LI>
  <H2>JAWA TIMUR</H2>
  <UL>
  <LI>SURABAYA</LI>
  <LI>MALANG</LI>
  <LI>GRESIK</LI>
  </UL>
  </LI>
  <BR>
  <LI>
  <H2>JAWA BARAT</H2>
  <UL>
  <LI>BANDUNG</LI>
  <LI>SUKABUMI</LI>
  <LI>BOGOR</LI>
  </UL>
  </LI>
  </BODY>
  </HTML>
  
  BODY
  
  <BODY … </BODY>
  Perintah BODY adalah perintah untuk membuat warna latar belakang pada layar, mengubah warna link, mengubah warna dasar link, menampilkan pesan ketika halaman ditutup, dan lain-lain sesuai dengan atribut yang diberikan. Sedangkan BODY memiliki 8 atribut, antara lain :
  

  TEXT=warna	Untuk menentukan warna teks.
  BGCOLOR=warna	Untuk mengubah warna dasar layar (halaman).
  BACKGROUND=URL	Untuk mengatur warna latar belakang gambar.
  LINK=warna	Untuk menentukan warna link.
  ALINK=warna	Untuk menentukan warna link yang sedang dipilih.
  VLINK=warna	Untuk menentukan warna link yang sudah dikunjungi.
  ONLOAD=string	Perintah yang akan dilaksanakan ketika halaman Website selesai di Download
  ONUNLOAD=string	Perintah yang akan dilaksanakan ketika halaman Website ditutup.

  
  
  
  Contoh :
  <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000” LINK=”#0000FF” VLINK=”#800080”>
  <BODY ONUNLOAD=”window.alert(‘Terima kasih!’)”>
  
  INPUT
  
  <INPUT>
  Adalah perintah untuk meminta memasukan (input) dari pengunjung, sedangkan INPUT memiliki cukup banyak atribut, antara lain:
  
• TYPE=[text | password | checkbox | radio | submit | reset | file | hidden | image | button] (jenis input)
• NAME=string (kunci dalam form submit)
• VALUE=string (nilai dari input)
• CHECKED (tombol check radio atau checkbox)
• SIZE=number(panjang kotak teks)
• MAXLENGHT=number (panjang karakter)
• SCR=URL (lokasi URL atau gambar)
• ALT=string (keterangan untuk gambar)
• ALIGN=[top | middle | bottom | left | right] (pengaturan teks atau gambar)
• DISABLED (menyembunyikan elemen)
• READONLY (mencegah perubahan)
• ACCEPT=string (media untuk upload file)
• ACCESSKEY=character (tombol shortcut)
• TABINDEX=number (posisi tab)
• ONFOCUS=string (kotak teks yang menerima fokus / kursor)
• ONBLUR=string (kotak teks yang ditinggalkan focus / kursor)
• ONSELECT=string (teks yang dipilih)
• ONCHANGE=string (nilai yang akan diganti)
• ONCLICK=string (perintah yang akan dilaksanakan apabila tombol di klik)

Contoh :
Program 1
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<p> <label accesskey=u>Nama Anda: <input type=”text” name=”username” size=”20″ maxlength=”30″></label></p>
<p> <label accesskey=p>Password: <input type=”password” name=”pw” size=”20″ maxlength=”20″></label></p>
</BODY>
</HTML>
Program 2
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<p> Silahkan pilih jenis pembayaran Anda :</p>
<p><label accesskey=c><input type=”radio” name=”jenis pembayaran” value=”master card” checked>Master card </label><br>
<p><label accesskey=d><input type=”radio” name=”jenis pembayaran” value=”visa card” checked>Visa card </label><br>
<p><label accesskey=m><input type=”radio” name=”jenis pembayaran” value=”wesel pos” checked>Wesel pos </label><br>
<p><label accesskey=s><input type=”checkbox” name=”kirim” value=”yes” checked>Kirim vie e-mail </label><br>
</BODY>
</HTML>

FORM

<FORM>       </FORM>
Perintah FORM adalah suatu metode untuk membuat format input seperti formulir, dan terdiri dari beberapa atribut:

ACTION=URL	Penanganan form
METHOD=[get | post]	Metode HTTP untuk submit form.
ENCTYPE=string	Tipe isi submit form.
TARGET=string	Target berupa jendela atau frame.
ONSUBMIT=string	From yang sudah di-Submit.
ONRESET=string	Form yang di-reset.

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<form>
<p>
1:<INPUT type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>
2:<INPUT type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>
3:<INPUT type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>
</form>
</BODY>
</HTML>

LABEL

<LABEL>  </LABEL>
adalah suatu perintah untuk membuat keterangan field (kotak input) dalam pembuatan form, dan umumnya digunakan dengan perintah INPUT. Sedangkan LABEL terdiri dari beberapa atribut :

ACCESSKEY=character	Tombol shortcut.
ONFOCUS=script	Elemen yang menerima fokus (kursor)
ONBLUR=script	Elemen yang ditinggalkan fokus (kursor).

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>
<p>
<label accesskey=U>Nama Anda :
<input type=”text” name=”username” size=”20″ maxlength=”15″></label>
</p>

<p>
<label accesskey=P>Password :
<input type=”password” name=”pw” size=”20″ maxlength=”20″></label>
</p>

</BODY>
</HTML>

TEXTAREA

<TEXTAREA>   </TEXTAREA>
adalah suatu perintah untuk membuat pengunjung dapat mengetik sekumpulan teks dalam sebuah kotak. Atribut yang dapat digunakan dengan perintah TEXTAREA adalah sebagai berikut :

• NAME=string (kunci untuk submit form)
• ROW=number (jumlah baris)
• COLS=number (jumlah kolom)
• DISABLE=menyembunyikan elemen
• READONLY=mencegah perubahan
• ACCESSKEY=character (tombol shortcut)
• TABINDEX=number (posisi tab)
• ONFOCUS=string (kotak teks yang menerima fokus/kursor)
• ONBLUR=string (kotak teks yang ditinggalkan focus/kursor)
• ONSELECT=string (teks yang dipilih)
• ONCHANGE=string (nilai yang akan diganti)

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<p>
<label accesskey=C>
Ketik pesan Anda dalam kotak di bawah ini : <br>
<textarea name=”komentar” cols=”50″ rows=”8″> </textarea>
</label>
</p>

</BODY>
</HTML>

FIELDSET

<FIELDSET>       </FIELDSET>
adalah suatu perintah untuk membuat beberapa formulir yang terdiri dari beberapa bagian:

PEMBUATAN MENU

<SELECT>         </SELECT>
Perintah ini digunakan untuk membuat daftar menu pilihan (options selector), dan umumnya digunakan dengan perintah OPTIONS (pembuat menu pilihan) dan OPTGROUP (pembuat group pilihan). Dengan perintah ini maka Anda akan dapat membuat daftar pilihan seperti yang sering Anda lihat dalam Website professional:

ATRIBUT :

• NAME=string (kunci untuk submit form)
• MULTIPLE=dapat membuat menu pilihan berganda
• SIZE=number (jumlah pilihan yang tampak)
• DISABLE=menyembunyikan elemen
• TABINDEX=number (posisi tab)
• ONFOCUS=string (kotak teks yang menerima fokus/kursor)
• ONBLUR=string (kotak teks yang ditinggalkan focus/kursor)
• ONCHANGE=string (nilai yang akan diganti)

<OPTIONS>       </OPTIONS>
Perintah ini untuk membuat menu pilihan, dan umumnya digunakan dengan perintah kontrol SELECT :

ATRIBUT :

• VALUE=string (nilai pilihan)
• SELECTED=pilihan berupa inisial
• DISABLE=menyembunyikan pilihan
• LABEL=string (pilihan label)

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

Pilih status perkawinan Anda :
<select name=”status”>
<option selected value=”">Status … </option>
<option> Belum kawin </option>
<option> kawin </option>
<option> Janda </option>
<option> Duda </option>
</select>

</BODY>
</HTML>

STYLE

<STYLE>      </STYLE>
adalah perintah untuk memasukan (embedding) stylr sheet, misalnya untuk penanganan warna latar belakang halaman (background).

ATRIBUT :

• TYPE=string(harus “text/css”)
• MEDIA=MediaDesc (jenis media yang akan dimasukan)
• TITLE=strings (judul style sheet)

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
<META name=”description” content=”">
<META name=”keywords” content=”">
<META name=”generator” content=”CuteHTML”>
</HEAD>

<font color=”white”><h1> Selamat datang ke Websiteku. </h1> </font>

<style type=”text/css” media=screen>
BODY {background: red; color:black }
</style>
</BODY>
</HTML>

KETERANGAN

• <FONT COLOR=WHITE>

Perintah ini untuk membuat warna teks (foreground) dengan warna putih. Jika ingin warna lain, misalnya merah, ganti dengan RED.

• BODY { background: red; color:black}

Perintah untuk membuat warna latar belakang halaman Website, jika ingin warna aqua misalnya, ganti red dengan aqua.

TABEL & KOTAK

Perintah-perintah yang termasuk ke dalam kategori TABEL adalah sebagai berikut :

• TABLE
• CAPTION
• COLGROUP
• COL                – Table Column
• THEAD          – Table Head
• TFOOT           – Table Foot
• TBODY          – Table Body
• TR                   – Table Row
• TTD                 – Table Data Cell
• TH                   – Table Header Cell

<TABLE> </TABLE>
Perintah untuk membuat table. Dan terdiri dari beberapa atribut:

• SUMMARY=string (struktur table)
• WIDTH=length (lebar table)
• BORDER=pixels (lebar border)
• FRAME=[void | above | hsides | lhs | rhs | vsides | box | border] (bagian luar border)
• RULES=[none | groups | row | cols | all] (bagian dalam border)
• CELLSPACING=length (spasi antara cell)
• CELLPADDING=length (spasi dalam cell)
• ALIGN=[left | center | right] (perata tabel)
• BGCOLOR=color (warna background table)

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<table>
<tr align=”left”>
<th scope=”col”>Nama</th>
<th scope=”col”>Umur</th>
<th scope=”col”>Alamat</th>
</tr>
<tr align=”left”>
<td>Hans </td>
<td>22 </td>
<td>Paingan </td>
</tr>
</table>
</BODY>
</HTML>

MEMBUAT KOTAK
Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<table width=”400″ cellspacing=”0″ cellpadding=”5″ border=”2″>
<tr>
<td width=”400″ bgcolor=”#ffcb10″>
<font size=”2″ face=”MS Sans Serif”>
Kalimat biasa dalam kotak <br>
<b>Kalimat tebal dalam kotak</b> <br>
<i>Kalimat miring dalam kotak</i> <br>
</tr>
</table>

</BODY>
</HTML>
MEMBUAT TABLE & KOTAK
Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<table width=”544″ cellspacing=”0″ cellpadding=”5″ border=”2″>
<tr align=”left”>
<th scope=”col”>Nama</th>
<th scope=”col”>Umur</th>
<th scope=”col”>Alamat</th>
</tr>
<tr align=”left”>
<td>Hans </td>
<td>22 </td>
<td>Paingan </td>
</tr>
</table>

</BODY>
</HTML>

WARNA

FONT COLOR
Perintah untuk memasukan warna kedalam teks.
Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<basefont size=”6″>

<b>
<font color=”red”>Teks dengan warna merah</font><br>
<font color=”black”>Teks dengan warna hitam</font><br>
<font color=”blue”>Teks dengan warna biru</font>
</b>

</BODY>
</HTML>
BACKGROUND
Adalah perintah untuk membuat warna latar belakang sebuah teks.
KODE-KODE WARNA UNTUK WARNA BACKGROUND
#000000          : Black
#c0c0c0           : Silver
#808080          : Gray
#ffffff             : White
#800000          : Maroon
#ff0000           : Red
#800080          : Purple
#ff00ff                        : Fuchsia
#008000          : Green
#00ff00           : Lime
#808000          : Olive
#ffff00                        : Yellow
#000080          : Navy
#0000ff           : Blue
#008080          : Teal
#00ffff                        : Aqua

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<table cellpadding=”5″ cellspacing=”5″>
<td style=”BACKGROUND: #000000; COLOR: white”>Dasar Hitam </td>
<td style=”BACKGROUND: #ff0000; COLOR: white”>Dasar Merah </td>
</table>

</BODY>
</HTML>

GAMBAR & MUSIK
Perintah-perintah untuk memasukan GAMBAR & MUSIK adalah sebagai berikut :

• IMG SRC          : Untuk memasukan gambar ke dalam Website
• IMG BORDER : Untuk membuat bingkai gambar dengan kotak
• BGSOUND       : Untuk memasukkan suara atau musik ke dalam Website Anda.

IMG SRC
Adalah perintah untuk memasukkan gambar ke dalam Website. Anda dapat memasukkan gambar yang berakhiran (berformat) .JPG, .GIF, .BMP dan lain-lain. Untuk kemudahan pengiriman gambar kelak ke dalam server, satukan terlebih dahulu gambar ke dalam folder program. Barulah panggil ke dalam program.
Sintaks : <IMG SRC=”lokasi gambar”>

IMG BORDER
Untuk membingkai gambar dengan kotak
Sintaks : <IMG BORDER=”5
Angka 5 adalah ukuran border (bingkai), ganti angka ini sesuai dengan ukuran border yang Anda inginkan.

BGSOUND
Perintah ini untuk memasukan suara atau musik ke dalam Website Anda.
Sintaks : <BGSOUND loop=infinite SCR=”Lokasi File”>
PERHATIAN : Ukuran file musik yang sangat besar (misalnya MP3), tidak dapat kita masukkan ke dalam Website kita. Karena nanti kita tidak dapat memindahkannya ke dalam server agar dapat diakses pemakai internet, karena ukurannya sangat besar, akan keluar pernyataan kehabisan waktu ketika kita memindahkannya ke dalam server.

FRAME
Adalah suatu fasilitas dalam HTML yang berfungsi untuk membagi layar ke dalam beberapa jendela. Ada pun perintah-perintah untuk membuat frame dalam HTML adalah sebagai berikut:

• FRAMESET
• FRAME
• IFRAME

<FRAMESET>     </FRAMESET>
Adalah perintah untuk membuat frame, dan umumnya berpasangan dengan perintah FRAME. Atribut untuk FRAMESET :

• ROWS=length (panjang baris dalam satuan pixel)
• COLS=length (panjang kolom dalam satuan pixel)
• ONLOAD=string (semua frame sudah selesai di-load)
• ONUNLOAD=string (semua frame sudah dihapus)

Contoh :

• <FRAMESET COLS=”lebar jendela bagian kiri, lebar jendela bagian kanan”>
• <FRAME COLS=”*,*”>
• <FRAME ROWS=”*,*”>

FRAME
Perintah ini untuk memasukan gambar, halaman atau URL ke dalam jendela (frame), mengatur margin, menggulung frame dan lain-lain. FRAME terdiri dari beberapa atribut, antara lain :

• NAME=string (nama frame)
• SRC=URL (isi frame)
• LONGDESC=URL (uraian dari frame)
• FRAMEBORDER=[1 | 0] (border frame)
• MARGINWIDTH=pixels (batas kiri terhadap ini frame)
• MARGINHEIGHT=pixels (batas atas terhadap ini frame)
• NORESIZE
• SCROLLING=[yes | no | auto] (penggulung frame)

Contoh :
<FRAME SRC=”link” NAME=”nama”
SCROLLING=”auto” MARGINWIDTH=1 MARGINHEIGHT=1
NORESIZE>

Keterangan :
Untuk pembuatan FRAME perintah <BODY> tidak digunakan dalam program, karena jika ada perintah <BODY> maka program ini tidak dapat berjalan.

IFRAME SRC
Adalah perintah untuk membuat jendela dengan lebar dan tinggi sesuai dengan keinginan programmer, dan dapat diletakan di bagian kiri, tengah, atau bagian kanan.

Sintaks :
<IFRAME SRC=”link” WITDH=400 HEIGHT=105></IFRAME>

Contoh :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

<p align=”center”>
<iframe src=”link” WIDTH=400 HEIGHT=90>
</iframe> </p>
<p align=”center”>
<img src=”link”></p>

</BODY>
</HTML>

A HREF

<A HREF
Adalah perintah HTML untuk membuat LINK (membuka sebuah halam atau URL dari sebuah halaman). Ada pun atribut yang dapat digunakan dengan HREF adalah sebagai berikut:

• ONCLICK                  : Membuka link setelah tombol di-klik
• ONMOUSEOVER     : Membuka link hanya dengan menyorot tombol
  • ONMOUSEOUT        : Membuka link hanya dengan menyorot tombol, dan kembali kehalaman semula apabila mouse dijauhkan dari link.

Sintaks:
<A HREF=”gambar atau halaman atau URL”> Nama Link</A>

CARA PEMBERIAN NAMA FILE
Untuk menjaga kesalahan, berilah nama file dengan ketentuan sebagai berikut:

• File pertama (file induk) simpan dengan nama index.html (semua huruf kecil)
• File-file berikutnya juga disimpan dengan huruf kecil.
• Tentang file gambar, juga disimpan dengan huruf kecil.
• Jika nama file lebih dari satu kata, pisahkan dengan underscore ( _ ).

•