Mengenal Java Script.

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

HTML Lanjut & CSS By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
FORM PADA WEB WEB 1 KELAS X.
PEMROGRAMAN BERBASIS WEB
3. Pendalaman HTML Penggunaan format table di HTML
HTML Basic.
Menggunakan Formulir A’ud Solehuddin::Jan2012. Materi Dasar Penggunaan Formulir Memasukkan Data dengan INPUT Tipe TEXT Tombol SUBMIT dan RESET Perbedaan.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
Pemrograman Basis Data Berbasis Web
FORM.
Oleh: Fiftin Noviyanto, S.T., M.Cs.
Mengenal dan teknik pembuatan form
Pemrograman Basis Data Berbasis Web
HTML Form dan Manipulasinya
Komputer aplikasi it-I (html)
Pertemuan Ke-3 (HTML Lanjut [1])
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
RONA SALWA IHDINA PTI UM
PERTEMUAN 2 HTML (Lanjutan).
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK (STUDI KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) Mata.
Adi Rachmanto – KAIT-1 – UNIKOM – 2011
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
Konsep Dasar HTML SLIDE 1 Agung Brastama Putra.
Perancangan & Pemrograman Web
Pokok Bahasan 3 Bahasa HTML L. Erawan.
PERTEMUAN KE 11 KEJADIAN BAGIAN 1.
Java script.
Membuat Dokumen Web HTML (Hypertext Markup Language)
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
PENGANTAR HTML NEXT.
Pertemuan 5 Hani Irmayanti, M.Kom.
Komputer aplikasi it-I (html)
FORM.
Kejadian Bagian 1 lanjutan
Kejadian Bagian 1 lanjutan
PEMASARAN BERBASIS WEB
PHP : Hypertext Processor
OBJEK JAVASCRIPT Pertemuan 6.
Javascript.
PRAKTIKUM PEMROGRAMAN WEB
JavaScript.
Pemrograman Berbasis WEB
Rekayasa Perangkat Lunak
Pertemuan 1 Mengenal Javascript.
Pertemuan 1 Mengenal Javascript.
PJ : Nuraini Purwandari
Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
MENGENAL PHP Pemasaran Berbasis Web/2016.
Pemrograman Basis Data Berbasis Web
Cascade Style Sheet (CSS)
Pemrograman Web HTML (4) Table Form Andy Haryoko, ST
MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag dan ditutup dengan tag
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
PERTEMUAN KE 11 KEJADIAN BAGIAN 1.
Pemrograman Basis Data Berbasis Web
PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM
Praktikum Pengambangan Web
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
KOMPUTER APLIKASI IT I FORM.
Pemrograman Berorientasi Platform (IN315B)
Pengembangan Web HTML Dasar
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
PENGATURAN TAMPILAN WEBSITE II
FORM HTML.
Form.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
FORM-WEB.
Transcript presentasi:

Mengenal Java Script

Mengenal Javascript Javascript merupakan bahasa pemrograman web yang berbasis script. Menggunakan Javascript dalam pemrograman web dapat menciptakan sebuah web dengan tampilan dan kinerja yang dinamis dan interaktif

HTML yang sudah sampai pada versi 5 dan semakin maraknya tuntutan untuk menggunakan bahasa CSS, mau tidak mau membuat javascript harus menjadi bahasa yang flexibel dan mudah untuk digunakan, bukan sebaliknya.

Tag Tag HTML <TITLE> <HEAD> <BODY> <!-- <A HREF=“ ”> <B> <I> <U> <P> <BR> <CENTER> <FONT> <IMG> <FORM>

Komponen HTML Komponen Kode TextFiled <input type="text" name="text1" size="10" maxlength="30"> Password <input type=“text” name=“pwd1” size=“12” maxlength=“12”> TextArea <textarea name=“Tarea1” rows=3 cols=20 maxlength=100></textarea> SelectList <select name=“combo”><option>option1<option>option2<option>option3<option>option4</select> CheckBox <input type=‘checkbox’ name=‘cek1’>pilhan1 RadioButton <input type=‘radio’ name=‘radio1’>pilhan1 Table <table border=‘3’ bordercolor=‘gray’ size=‘25%’><tr><td>kolom1</td><td>kolom2</td></tr></table> Button <input type=“button” name=“tombol1” value=“Tombol”> Reset <input type=“reset” name=“reset1” value=“Reset"> Submit <input type="button" name=“submit1" value=“Submit">

Kode Javascript <script language=‘javascript’> <!-- “Kode javascript”//--> </script> Atau <script type=‘text/javascript’> <!-- “Kode javascript” //-->

Ketentuan Setiap satu perintah kode javascript diakhiri dengan tanda titik koma (;) Tag javascript <script type=“text/javascript”></script> bisa diletakkan pada posisi tag mana saja dalam elemen html. Misal didalam tag <head></head>, <body></body>, atau <form></form>. Tag komentar (<!-- //-->) bertujuan untuk mencegah agar kode javascript tidak tampil secara langsung pada halaman situs, khususnya karena browser yang dipake tidak mendukung javascript. Javascript tetap bisa berjalan tanpa kode html, dengan catatan browser yang digunakan mendukung penuh javascript

Ketikkan script berikut : <html> <head> <title> Belajar Javascript </title> <script type="text/javascript"> <!-- alert("Hello Word !!!"); document.write ('<p style="color:blue; text-align:center; font-size:18px;"> RPL SMK N 5 SKA </p>'); //--> </script> </head> <body> </body> </html>

Ketikan Script berikut <html> <head> <title> Latihan Kedua </title> <script languange=“Javascript”> <!-- alert ("Selamat Datang"); document.write('<p style="color:red; text-align:center; font-size:18px;"> SMK Negeri 5 Surakarta </p>'); alert ("Belajar Javascript yuuukk!!"); document.write('<p style="color:green; text-align:center; font-size:25px;"> Rekayasa Perangkat Lunak </p>'); alert("Enjoy and Spirit"); document.write('<p style="color:pink; text-align:center; font-size:30px;"> Pure and Simple </p>'); //--> </script> </head> <body> </body> </html>