PRAKTIKUM PEMROGRAMAN WEB Pertemuan 7 JAVASCRIPT PJ Nuraini
PRAKTIKUM PEMROGRAMAN WEB Pertemuan 7 (JAVASCRIPT) PJ : Nuraini Purwandari Copyright@2010. This presentasion is dedicated to Laboratory of Information of Universitas Gunadarma
PEMBAHASAN • Pengenalan Javasript • Karakteristik Javascript • • • Perbedaan Java dengan Javascript Struktur Dasar Javascript Pengenalan CSS Struktur Dasar CSS Membuat Program Timer dan Judul blink dengan Javascript
Pengenalan Javascript • Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah di sisi user, yang artinya di sisi browser bukan di sisi server web. • Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML.
Karakteristik Javascript Karakteristik yang terdapat dalam Java. Script yaitu: • Java. Script dirancang untuk menambah interaktif HTML pages. • Java. Script terdiri dari baris-baris code executable computer. • Java. Script biasanya embedded secara langsung pada HTML pages. • Java. Script adalah bahasa interpreter (artinya bahwa scripts dijalankan tanpa di kompile terlebih dahulu). • Java. Script dapat digunakan untuk mem-validas form data sebelum disubmitted ke server.
Perbedaan Java dengan Javascript Java. Script Java Bahasa yang diintepretasikan langsung Bahasa yang setengah terkompilasi dan oleh browser. memerlukan Java Virtual Machine untuk menterjemahkannya. Kode terintegrasi dengan HTML Kode (applet) terpisah dari dokumen HTML, dipanggil pada saat membuka dokumen HTML. Bahasa dengan karekteristik terbatas. yang Bahasa dengan karakteristik yang luas (pendeklarasian jenis variabel). Hubungan dinamis, referensi dari obyek Hubungan statis, obyek harus ada pada diverifikasi pada saat loading. saat program di loading (di kompilasi). Kode program bisa diakses Kode program tersembunyi
Struktur Dasar Javascript • Script dari Java. Script adalah sebagai berikut : < SCRIPT language=”Java. Script” type = “text/javascript”> [ statemen Java. Script …] </ SCRIPT > • Peletakan Java. Script adalah sebagai berikut : Pada bagian head : <html> <head> <script language=”Java. Script” type=”type/javascript”> … </script> </head> Pada bagian body : <html> <head> </head> <body> <script language=”Java. Script” type=”text/javascript”> … </script> </body>
Pengenalan CSS Apa itu CSS : • Singkatan dari Cascading Style Sheet. • Feature untuk membuat dynamic HTML. • Style sheet mendeskripsikan bagaimana tampilan document HTML di layar (template) • CSS adalah standar pembuatan dan pemakaian style (font, warna, jarak baris, dll) untuk dokumen terstruktur • CSS memisahkan presentation sebuah dokumen dari content dokumen itu sendiri • Support ke semua browser.
Struktur Dasar CSS External Style Sheet Bentuk : <link rel=“stylesheet” type=“text/css” href=“css_files. css”> dimana : • <link, merupakan tag pembuka diakhiri dengan tanda “>” • rel=“stylesheet”, menerangkan halaman ini akan dikenai efek style sheet • type=“text/css”, file yang dipanggil berupa css • href=“css_files. css”, alamat dokumen stylesheet yang dipanggil Internal Style Sheet Bentuk umum : <style type=“text/css”> …definisi style… </style>
Contoh Program Javascript • Tampilan Hari, tanggal, bulan, tahun dan waktu menggunakan Javascript • Tampilan Judul yang berubah-ubah efek warnanya dengan Javascript
OUTPUT PROGRAM
- Slides: 10