Cascading Style Sheet (CSS) dan JavaScript
|
|
|
- Deddy Lesmana
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Jurusan Teknik Informatika Sekolah Tinggi Teknologi Telkom YFA S1/IT/WE/E2/0806 CS4713 Cascading Style Sheet (CSS) dan JavaScript
2 Apa Itu CSS? Cascading Style Sheet (CSS) merupakan suatu fasilitas yang tersedia dalam pemrograman HTML untuk pengaturan desain, gaya layout/tampilan halaman web menjadi lebih baik. CSS menyediakan mekanisme sederhana style sheet yang memungkinkan desainer atau programmer web untuk menempatkan style; misalnya huruf, warna, spasi maupun margin ke dalam dokumen HTML. Fungsi CSS telah terintegrasi pada web browser Internet Explorer mulai versi 3.0.
3 Keunggulan CSS CSS memungkinkan pengembang web untuk mengendalikan gaya dan layout banyak halaman web secara sekaligus. Sebelum ada CSS, pengubahan elemen yang terdapat pada banyak halaman web harus dilakukan per halaman. CSS bekerja seperti halnya template, yang dapat dipilih oleh pengembang web untuk diaplikasikan ke halaman-halaman web yang diinginkan.
4 DHTML Dynamic HTML (DHTML) yaitu HTML dengan tambahan formatformat khusus dan script untuk membuat halaman web menjadi lebih interaktif/menarik. Fitur DHTML ini mulai didukung oleh web browser Internet Explorer 4.0 maupun Netscape Communicator 4.0.
5 Model Penggunaan CSS Inline Style Sheet Pendefinisian CSS langsung pada tag HTML yang bersangkutan, cara penulisannya dengan menambahkan atribut STYLE=... Embedded Style Sheet CSS didefinisikan terlebih dahulu dalam tag <STYLE>... </STYLE> di atas tag <BODY> Linked Style Sheet Seperti halnya embedded style sheet, hanya saja pendefinisian CSS dalam tag <STYLE>... </STYLE> disimpan terpisah dalam file yang lain.
6 Inline Style Sheet Atribut CSS hanya berpengaruh pada tag HTML yang bersangkutan dan tidak mempengaruhi tag-tag HTML yang lainnya. Contoh: <body> <p> Contoh tag P tanpa mengggunakan CSS </p> <p style="font-size:30pt"> Contoh penggunaan CSS untuk memformat ukuran font menjadi 30 point </p> <p style="font-size:12pt; color:#ff0000"> Contoh penggunaan CSS untuk memformat ukuran font menjadi 12 point dan berwarna merah </p> </body>
7 Embedded Style Sheet Atribut-atribut CSS yang telah didefinisikan dalam tag <STYLE>... </STYLE> dapat langsung digunakan dalam tag-tag HTML dan dapat digunakan berulang-ulang. Contoh: <style> body {margin:1in} H1 {font-size:30pt; color:#00aa00;} p {font-size:14pt; font-family:arial; wordspacing:1cm;} </style> <body> Bagian body HTML diformat memiliki margin 1 inch. <H1> Contoh tag H1 dengan CSS </H1> <p> Contoh tag P dengan beberapa format dengan menggunakan CSS </p> </body>
8 Linked Style Sheet Atribut-atribut CSS yang telah didefinisikan dalam tag <STYLE>... </STYLE> disimpan dalam file yang terpisah, sehingga dapat digunakan berulang-ulang pada file-file HTML yang memerlukan CSS tersebut untuk membentuk keseragaman style. Contoh: Seperti dalam contoh Embedded Style Sheet, seluruh atribut dalam tag <STYLE>... </STYLE> disimpan dalam file tertentu, misal dengan nama style.css. Penggunaan CSS dalam sebuah file HTML, dipanggil dengan tag <link> yang dituliskan pada tag <HEAD>: <head> <link rel=stylesheet href="style.css" type="text/css"> </head>
9 Contoh CSS 1 <body style="background:#cccccc; font-size:16pt; fontfamily:arial; text-align=center; border:30px solid FF0066;"> <H1 align="center" style="background:#00eeaa; font:40pt courier new; font-style:italic; font-weight:bold; border:thick dashed blue"> Contoh Satu CSS </H1> CSS memungkinkan desain halaman web yang lebih menarik.<br> <p style="line-height=10cm;letter-spacing:2mm"> Cascading Style Sheet </p> </body>
10 Contoh CSS 2 <style type="text/css"> body { margin:25mm; font-family:arial; font-size:16pt; color:#0099cc; background:black; } H1 { font-size:30pt; color:#00aa00; font-style:italic; word-spacing:20px; line-height:10cm; }
11 Contoh CSS 2 (lanjutan) p { font-family:verdana; color:rgb(255,175,0); letter-spacing:5mm; } </style> <body> <H1> Contoh Dua - CSS</H1> CSS memungkinkan desain halaman web yang lebih baik. <p> Pilihan atribut CSS cukup beragam. </p> </body>
12 Apa Itu JavaScript? JavaScript adalah scripting yang dikembangkan oleh Sun Microsystem (pengembang bahasa pemrograman Java) dan Netscape, yang digunakan untuk membuat halaman-halaman web lebih interaktif. JavaScript mulanya diperkenalkan oleh Netscape pada tahun 1995 dengan nama LiveScript. JavaScript bergantung pada web browser yang mengakses halaman web yang berisi script dari JavaScript dalam dokumen HTML. JavaScript tidak memerlukan kompiler untuk menjalankannya (pada kenyataannya kompiler JavaScript sendiri sudah termasuk dalam web browser).
13 Perbedaan JavaScript dan Java JavaScript: Bahasa yang diinterpretasikan langsung oleh web browser (client). Kode terintegrasi dalam dokumen HTML. Berbasis obyek, menggunakan obyek built-in, obyek extensible, tetapi tanpa kelas dan inheritance. Java: Bahasa yang setengah terkompilasi, memerlukan Java Virtual Machine (JVM) untuk menerjemahkannya. Kompilasi dalam bytecode dari server, dieksekusi pada client. Kode terpisah dari dokumen HTML (berupa applet), diakses pada saat membuka dokumen HTML. Berorientasi obyek, mengandung applet pada kelas obyek dengan inheritance.
14 Metode Penggunaan JavaScript Tag <SCRIPT> JavaScript baru dijalankan setelah proses pemanggilan halaman/dokumen HTML selesai sepenuhnya. Kasus dimana pemanggilan suatu fungsi JavaScript yang terjadi sebelum proses pemanggilan statement/kode JavaScript selesai dilakukan oleh web browser, maka akan muncul pesan kesalahan (error). Solusi: letak tag <SCRIPT> di dalam tag <HEAD>... </HEAD> dokumen HTML. File eksternal Statement/kode JavaScript disimpan terpisah dalam file yang lain, kemudian file tersebut dipanggil dari dokumen HTML dengan tag: <SCRIPT language="javascript" src="file.js"> </SCRIPT>
15 Metode Tag <SCRIPT> JavaScript merupakan bahasa yang case sensitive. Format JavaScript: <SCRIPT language="javascript"> statement JavaScript </SCRIPT> Browser atau navigator versi lama, tidak mengenal tag tersebut dan akan melewatkannya untuk dibaca. Oleh sebab itu, tambahkan tag komentar: <SCRIPT language="javascript"> <!-- statement JavaScript //--> </SCRIPT>
16 Komentar dalam JavaScript Penulisan komentar dalam JavaScript menggunakan cara yang sama dengan aturan pada bahasa C/C++ maupun Java. Komentar satu baris: // Komentar diletakkan setelah tanda tersebut atau untuk komentar dalam beberapa baris: /* Semua baris antara tanda tersebut, dianggap sebagai komentar, dan tidak akan dieksekusi */
17 Contoh JavaScript 1 <SCRIPT language="javascript"> alert("selamat Datang di Pemrograman JavaScript"); document.write("<h1>rekayasa Aplikasi Internet</H1>"); document.write("<p><b>contoh Pertama JavaScript</b></p><br>"); </SCRIPT>
18 Obyek dalam JavaScript JavaScript memperlakukan elemen-elemen yang tampil dalam jendela web browser sebagai suatu obyek, artinya: Elemen-elemen tersebut diklasifikasikan berdasarkan hirarki/tingkatan khusus sehingga kita bisa mengetahui dimana letak/lokasi obyek itu sebesarnya. Elemen-elemen tersebut diasosiasikan dengan kondisi atau sifatsifat khusus (properti).
19 Obyek dalam JavaScript (lanjutan) Kampus Gedung Ruang Kelas Mahasiswa Kucing Gudang Atap Kucing Berdasarkan hirarki di atas, contoh pernyataan kucing yang berada di dalam ruang kelas dapat dituliskan: Kampus.Gedung.Ruang Kelas.Kucing Kucing yang berada di atas atap gudang: Kampus.Gudang.Atap.Kucing
20 Obyek dalam Web Browser JavaScript membagi halaman web browser dalam berbagai obyek, dengan tujuan untuk memudahkan kita mengakses salah satu dari komponen tersebut. Hirarki yang digunakan yaitu: Obyek paling besar ialah obyek jendela (window) dari web browser. Di dalam obyek jendela, terdapat satu obyek yang ditampilkan dalam bentuk halaman, disebut sebagai obyek dokumen (document). Halaman tersebut berisi banyak obyek sepertii text, image dan lain sebagainya.
21 Contoh JavaScript 2 <form name="form1"> <br> <input type="checkbox" name="check_box" onclick="modiffield(); return true;"> <br> <input type="text" name="text_field" value="test JavaScript" size=24> </form> <SCRIPT language="javascript"> function ModifField() { if (document.forms["form1"].check_box.checked) {document.forms["form1"].text_field.value="checkbox Dipilih"} else {document.forms["form1"].text_field.value="checkbox Tidak Dipilih"} } </SCRIPT>
22 Variabel dalam JavaScript Variabel merupakan suatu obyek yang berisikan data, dapat dimodifikasi selama pengeksekusian program. Aturan pemberian nama variabel dalam JavaScript: Nama variabel harus dimulai oleh satu huruf (huruf besar maupun huruf kecil) atau satu karakter _. Nama variabel dapat terdiri dari huruf-huruf, angka-angka atau karakter _ serta &, tidak memperbolehkan penggunaan spasi kosong. Nama variabel tidak boleh memakai nama-nama kode yang telah digunakan oleh JavaScript. JavaScript menggunakan sistem case sensitive yang memberdakan variabel dengan huruf besar dan kecil.
23 Pendeklarasian Variabel Eksplisit: dengan menuliskan kata kunci var kemudian diikuti dengan nama variabel dan nilai dari variabel tersebut. Contoh: var test = Hallo Implisit: dengan menuliskan secara langsung nama dari variabel dan diikuti dnegan nilai dari variabel tersebut. Contoh: test = Hallo Web browser versi lama seringkali tidak mengenali pendeklarasian variabel secara implisit, maka disarankan untuk menggunakan cara eksplisit dalam pendeklarasian variabel pada JavaScript.
24 Contoh JavaScript 3 <SCRIPT language="javascript"> var Variabel1; var Variabel2 = 3; Variabel1 = 2; document.write(variabel1*variabel2); </SCRIPT>
25 Variabel Global dan Lokal Jika pendeklarasian variabel dilakukan dengan cara implisit, maka variabel tersebut dapat diakses dari seluruh bagian program (semua fungsi dalam program dapat memanggil dan menggunakan variabel ini). Variabel ini disebut sebagai variabel global. Jila pendeklarasian variabel dilakukan dengan cara eksplisit, maka kemungkinan pengaksesan variabel tersebut bergantung pada lokasi penempatan variabel. Jika dideklarasikan pada awal script program, artinya sebelum pendeklarasian semua fungsi, maka variabel ini menjadi variabel global. Jika dideklarasikan di dalam suatu fungsi tertentu, maka variabel ini hanya dapat diakses dalam fungsi tersebut, dan disebut sebagai variabel lokal.
26 Contoh JavaScript 4 <SCRIPT language="javascript"> var a = 10; var b = 4; function PerkalianDengan2(b) { var a = b * 2; return a; } document.write("nilai awal dari a adalah ",a,"<br>"); document.write("dua kali dari ",b," adalah", PerkalianDengan2(b),"<br>"); document.write("nilai dari a setelah fungsi dijalankan adalah ",a); </SCRIPT>
27 Contoh JavaScript 5 <SCRIPT language="javascript"> var a = 10; var b = 4; function PerkalianDengan2(b) { a = b * 2; return a; } document.write("nilai awal dari a adalah ",a,"<br>"); document.write("dua kali dari ",b," adalah", PerkalianDengan2(b),"<br>"); document.write("nilai dari a setelah fungsi dijalankan adalah ",a); </SCRIPT> Bandingkan hasil/output antara contoh 4 dan contoh 5!
28 Tipe Data Variabel JavaScript hanya dapat memanipulasi empat jenis data, yaitu: Bilangan: bulat atau desimal, yang disebut sebagai integer atau float. Kata (kumpulan huruf), yang disebut sebagai string. Boolean: suatu variabel yang memiliki dua nilai (true atau false) dan berfungsi untuk memeriksa suatu kondisi. Null: suatu kata khusus (termasuk keyword juga) untuk menjelaskan bahwa tidak ada data di dalamnya.
29 Tabel JavaScript memungkinkan untuk menyimpan himpunan/grup data dalam suatu variabel khusus yang disebut tabel. Cara pembuatan tabel dalam JavaScript: var ContohTabel = ["Harimau","Gajah","Singa","Jerapah"]; atau: var ContohTabel = new Array("Harimau","Gajah","Singa","Jerapah");
30 Contoh JavaScript 6 <SCRIPT language="javascript"> var ContohTabel = ["Harimau","Gajah","Singa","Jerapah"]; document.write("elemen ketiga dari tabel adalah " +ContohTabel[2]); </SCRIPT>
31 Contoh JavaScript 7 <body onload="window.defaultstatus='tampilkan Tulisan pada Status Bar Browser'"> <p> Contoh link dengan menampilkan pesan pada status bar browser:<br> <a href="link.html" onmouseover="window.status='klik ke Halaman Selanjutnya'; return true"> Contoh Link dengan JavaScript </a> <p> Contoh link dengan menampilkan pesan pada kotak dialog:<br> <a href="link.html" onmouseover="window.alert('klik ke Halaman Selanjutnya')"> Contoh Link dengan JavaScript </a> </body>
32 Rekayasa Aplikasi Internet: CSS dan JavaScript YFA Yanuar Firdaus A.W, ST., MT. August
Javascript merupakan suatu bahasa yang perkembangannya lambat di bandingkan dengan Java yang berkembang sangat cepat. Di Javascript kita tidak
Pemrograman Web JavaScript? Java Script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program
HTTP Protokol standar yang digunakan untuk mengakses dokumen HTML HTTPS Protokol untuk mengakses dokumen HTML yang melalui jalur aman/ terenskripsi
UTSRAI 31 Oktober 2011 10:44 @wisnu Materi : Pengaantar Web Enginering Konsep WE HTML CSS & JS PHP Pengaantar Web Enginering Rekayasa web Metode untuk menciptakan sistem aplikasi berbasis web dnegan mengunakan
Pengenalan JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
LAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
JavaScript. Sumber : Buku Pemrograman Web karangan Abdul Kadir & Pengantar Java Script di
JavaScript Sumber : Buku Pemrograman Web karangan Abdul Kadir & Pengantar Java Script di http://www.ilmukomputer.com/2006/08/19/pengantarjava-script Pemrograman Web/MI/D3 sks 1 Pengenalan JavaScript Javascript
MAKALAH JAVASCRIPT 1. PENGENALAN JAVASCRIPT
MAKALAH JAVASCRIPT 1. PENGENALAN JAVASCRIPT Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
STMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM
Pemrograman Web // IInternet 1 Pengenallan Perancangan Web S1-TII//D3-TII//S1-SII matterri i:: JavaScrri iptt STMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM CLIENT SIDE SCRIPT - JAVASCRIPT WIDHIARTA,
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan
Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Versi Javascript Browser. Tabel daftar navigator dan versi dari Javascript :
Pengantar JavaScript 1. Pengenalan Javascript Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript
Bab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi
Java Script (Bagian 1)
Java Script (Bagian 1) By: U. Abd. Rohim Website : www.abdrohim.com mailto : info@abdrohim.com Internet 1Pemrograman Internet I 1 Apa itu? adalah bahasa pemrograman script yang berbasis objek buatan Netscape
TUGAS III PEMROGRAMAN BERBASIS WEB ARTIKEL JAVASCRIPT
TUGAS III PEMROGRAMAN BERBASIS WEB ARTIKEL JAVASCRIPT Nama Mahasiswa : Nim Mahasiswa : 1108605018 I GEDE WAHYU SURYA DHARMA JURUSAN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript
1. Sejarah Javascript
1. Sejarah Javascript JavaScript pada awalnya bernama LiveScript dan diperkenalkan pertama kali di browser Netscape Navigator 2 pada awal tahun 1995. Pengembangan javascrip ditujujkan untuk mempermudah
Pemrograman Web. Javascript. Indrato, S.Kom Introduction. Penyisipan JS dalam HTML. PemrogramanWeb.2009
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com Javascript Page 2 Introduction JavaScript merupakan bahasa berbasis objek, akan tetapi bukanlah bahasa berorientasi objek karena tidak memiliki kelas
MODUL 5 JAVA SCRIPT. Sub : PENGENALAN
MODUL 5 JAVA SCRIPT Sub : PENGENALAN Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 5 5.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah javascript 2. Mahasiswa
Variabel dan Tipe data Javascript
Variabel dan Tipe data Javascript Variabel Pendeklarasian variabel dalam JavaScript dapat di isi dengan nilai apa saja dan juga bersifat opsional. Artinya variabel boleh di deklarasikan ataupun tidak hal
Belajar Java Script.
Belajar Java Script taryanarx@yahoo.com http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui dasar-dasar perintah dalam java script dan mengaplikasinnya dalam program 1. Java Script Java
Pengenalan PHP Contoh penulisan file PHP :
Pengenalan PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan
Modul 3 CSS CASCADE STYLE SHEET
Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran
JavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Pengenalan JavaScript Apa itu JavaScript? JavaScript adalah bahasa Scripting, bukan bahasa pemrograman. JavaScript didisain untuk membuat halaman HTML menjadi
Modul 10 DreamWeaver MX Suendri, S.Kom
Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas
Mengenal JavaScript dan Struktur JavaScript 1
Mengenal JavaScript dan Struktur JavaScript 1 1. Pendahuluan Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa
1. Sejarah Javascript
1. Sejarah Javascript JavaScript pada awalnya bernama LiveScript dan diperkenalkan pertama kali di browser Netscape Navigator 2 pada awal tahun 1995. Pengembangan javascrip ditujujkan untuk mempermudah
PEMROGRAMAN WEB 08 JavaScript Dasar
PEMROGRAMAN WEB 08 JavaScript Dasar Andi WRE JavaScript Scripting language Lightweight scripting language Client-side scripting language Membuat halaman web menjadi lebih interaktif Digunakan untuk menambahkan
JavaScript (Dialog Box) Oleh : Devie Rosa Anamisa
JavaScript (Dialog Box) Oleh : Devie Rosa Anamisa Pembahasan Pengertian JavaScript Bentuk Dasar script Javascript Dalam Dokumen HTML Konsep Variabel Properti Event Operator Struktur Kondisi Metode Kotak
Muhammad Bagir., M.T.I
Muhammad Bagir., M.T.I Terakhir : Magister Teknologi Informasi, FASILKOM Universitas Indonesia 2006 Experience : Ccit FT UI 2007 2014, Pengajar SML Technology 2014 2015, Manajer IT Development Multimatic
Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML
Pengenalan CSS Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Indikator Hasil Belajar Dapat menjelaskan pengertian CSS. Dapat
XML extensible Markup Language
XML extensible Markup Language Namespace Namespaces adalah dengan penambahan suatu string pada suatu elemen. Tujuan namespaces adalah untuk membedakan antara nama elemen dan nama atribut yang sama namun
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
BAB III Validasi HTML5
1 Modul Praktikum Pemprograman Web BAB III Validasi HTML5 A. Tujuan Memahami konsep dasar active web page, Mampu menghasilkan halaman web yang interaktif, Mampu memanfaatkan validasi data menggunakan HTML5.
BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional
BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang Sistem Ujian Konevensional Dalam ujian konvensional,ada beberapa hal yang harus dipenuhi agar ujian bisa dilaksanakan secara layak. Hal yang utama adalah kertas.
JAVASCRIPT. Pemrograman Web. Rajif Agung Yunmar, S.Kom
JAVASCRIPT Pemrograman Web Rajif Agung Yunmar, S.Kom JavaScript Bahasa pemrograman berbasiskan client side scripting. Program akan dieksekusi disisi (browser) client. Client dapat melihat skrip dan mengetahui
POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
WEB DESAIN Pengenalan JavaScript Alfira Rizky Ayuputri 4103141039 3 D3 Multimedia Broadcasting B Dwi Susanto, S.ST, MT. D3 Teknologi Multimedia Broadcasting Departemen Multimedia Kreatif POLITEKNIK ELEKTRONIKA
Cara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
Sub Pokok Bahasan. Pemrograman Basis Data Berbasis Web. JavaScript? Javascript vs. Java? 28/09/ JavaScript
Sub Pokok Bahasan Pemrograman Basis Data Berbasis Web JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar pada JavaScript Kotak Dialog Variabel Operator Struktur Kontrol
DESIGN WEB. D3 TKJ
DESIGN WEB D3 TKJ yunhix@yahoo.com SUB POKOK BAHASAN JavaScript? Pendeklarasian JavaScript JavaScript sederhana PeletakanJavaScript KomentarpadaJavaScript KotakDialog Variabel Operator StrukturKontrol
PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom Definisi JavaScript Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML. Java Script
Metode Penulisan Dasar CSS
Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri
Pemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman
Pemrograman Web Cascading Style Sheets Created by : Rifqi Sambas Khairurrohman Home Page Anatomi CSS Macam Selector Cara Kerja Anatomi CSS CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector,
CSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
TUGAS MANDIRI. Perancangan JavaScript di SMK Real Informatika. Mata Pelajaran: Pemrograman JavaScript. : Anggiat Marubah Siringo SMK REAL INFORMATIKA
TUGAS MANDIRI Perancangan JavaScript di SMK Real Informatika Mata Pelajaran: Pemrograman JavaScript Nama Siswa : Stephanus Tan NIS : 01.10.079 Guru : Anggiat Marubah Siringo SMK REAL INFORMATIKA 2012 KATA
Chapter 2. Tipe Data dan Variabel
Chapter 2 Tipe Data dan Variabel Pada prinsipnya suatu program computer memanipulasi data untuk dijadikan informasi yang berguna. Komputer memanipulasi berbagai macam data, bukan hanya angka, tetapi juga
1. BAB III 2. LANDASAN TEORI
1. BAB III 2. LANDASAN TEORI 3.1. Sistem Informasi Untuk memahami pengertian sistem informasi harus dilihat keterkaitan antara data dan informasi sebagai entitas penting pembentuk sistem informasi. Menurut
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-5 (CSS) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan
CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS
PERTEMUAN 4 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi
Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,
MODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
C. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu
Pengenalan JavaScript
SEJARAH JAVASCRIPT Awal mulanya bernama LiveScript yang dikembangan oleh Netscape Communication tahun 1995 yang lalu berkolaborasi dengan Sun Microsystem sehingga berubah menjadi JavaScript. JavaScript
disertai contoh-contoh javascript yang kompatibel dengan Firefox
JAVASCRIPT disertai contoh-contoh javascript yang kompatibel dengan Firefox by Ek kian S U R A B A Y A - 2010 hal 1 dari 36 TUJUAN: PRAKTIKUM I Mahasiswa mengenal tentang Javascript serta dapat menuliskan
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
PEMROGRAMAN WEB 1 CSS
PEMROGRAMAN WEB 1 CSS RIO ANDRIYAT KRISDIAWAN, M.KOM Definisi CSS CSS adalah kepanjangan dari Cascading Style Sheet dan digunakan para web designer untuk mengatur style elemen yang ada didalam halaman
CSS. Cascading Style Sheet. Spesifikasi lengkap di :
CSS Cascading Style Sheet Spesifikasi lengkap di : http://www.w3..org/tr/css2 Mengubah Text Mengubah Warna Mengubah Posisi Mengubah Ukuran Bagaimana cara menempatkan CSS? Ada 3 cara yaitu : Inline ( pada
PHP mendukung komentar yang digunakan pada C, C++ dan Shell Unix. Sebagai contoh:
Perintah Dasar Tag PHP Ketika PHP membaca suatu file, proses akan berlangsung hingga ditemukan tag khusus yang berfungsi sebagai tanda dimulainya interpretasi teks tersebut sebagai kode PHP. PHP akan menjalankan
Pengembangan Web. Ramos Somya
Pengembangan Web Ramos Somya PHP adalah singkatan dari: Hypertext Preprocessor, yang merupakan sebuah bahasa scripting. Artinya: semua sintaks PHP akan dieksekusi di server dan dikembalikan ke client dalam
PHP (HYPERTEXT PREPROCESSOR)
LAPORAN PRAKTIKUM MODUL 4 PEMROGRAMAN WEB PHP (HYPERTEXT PREPROCESSOR) Disusun Oleh: Deny Kurniawan Novianto (130533608222) PTI OFF B UNIVERSITAS NEGERI MALANG FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO PROGRAM
Introduksi. Team Training SMK-TI I-58
Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip
Cascading Style Sheet (CSS) Didik Dwi Prasetya
Cascading Style Sheet (CSS) Didik Dwi Prasetya didikdwi@gmail.com CSS vcss à Cascading Style Sheet vstyle à mendefinisikan aturan untuk menampilkan elemen HTML. vdefinisi: Cascading Style Sheets (CSS)
STRUKTUR DASAR PHP ASUMSI 02/10/2014
STRUKTUR DASAR PHP 1 ASUMSI Anda telah mengenal dengan cukup baik komputer Anda, dan juga bisa mengoperasikannya. Jadi Anda seharusnya sudah mengerti perbedaan file dan direktori, bagaimana menyimpan file
MODUL PRAKTIKUM PEMROGRAMAN WEB
MODUL PRAKTIKUM PEMROGRAMAN WEB Pengenalan PHP, HTML, CSS dan Javascript LABORATORIUM KOMPUTER UNIVERSITAS UBUDIYAH INDOENSIA MODUL PRAKTIKUM PEMROGRAMAN WEB 1. Review HTML 5 part 1 (Basic Attribute +
BAB IV CASCADING STYLE SHEET (CSS)
BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk
BAB 2 TINJAUAN TEORI
BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan XML? Keuntungan XML Perbedaan XML dan HTML Contoh sederhana
HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :
HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS 2. Table Banyak orang suka menampilkan informasinya
Ema Maliachi,S.Kom. Pertemuan ke-2
Algoritma II Variabel Java script Pertemuan ke-2 Variabel Dalam JavaScript Variabel adalah tempat dimana kita menyimpan nilai-nilai atau suatu informasi pada JavaScript. Variabel yang dideklarasikan dapat
Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK
Pemrograman Web (Pertemuan 2) By. Rita Wiryasaputra
Pemrograman Web (Pertemuan 2) By. Rita Wiryasaputra PHP Hypertext Preprocessor 1995 (Rasmus Lerdroft) struktur program script sederhana (PHP/FI) yang digunakan untuk pemrosesan HTML Form dalam halaman
Contoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
BAB III CASCADING STYLE SHEET
BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan
Javascript. Javascript. Javascript
Javascript Javascript Javascript Pengenalan JavaScript Asal mula nama JavaScript adalah LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communications. Hasil kolaborasi antara Netscape
Siti Maesyaroh, M.Kom.
Siti Maesyaroh, M.Kom. Bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas atau dapat dikatakan untuk mambuat
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
PHP Programing. M.M. Ubaidillah. Dasar-dasar PHP. merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.
PHP Programing M.M. Ubaidillah Dasar-dasar PHP Bagian I. Pengenalan PHP 1. PHP ( Hypertext Preprocessor) merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.
Modul 6 Java Scripts I
Modul 6 Java Scripts I 1.1 Tujuan a. Mahasiswa dapat mengoperasikan struktur java scripts b. Mahasiswa dapat memakai objeck dan form pada java scripts 1.2 Materi a. Java Scripts b. Pemrograman c. Form
Interactive Broadcasting
Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi
MODUL 3 DASAR-DASAR PHP
MODUL 3 DASAR-DASAR PHP Para pengguna internet dewasa ini cenderung lebih menyukai situs-situs yang mempunyai tampilan menarik dan menghibur. Yang pasti, mereka sudah bosan dengan tampilan web yang begitu-begitu
Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164
08018244-Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 CHAPTER 4 - CSS Salah satu tantangan bagi anda saat membuat halaman Web adalah saat mengatur letak posisi elemen. Sebuah halaman Web tidak
Pengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
MODUL 3 Tipe Data, Variabel Dan Konstanta Pada Php
MODUL 3 Tipe Data, Variabel Dan Konstanta Pada Php 2.1 Tujuan 1. Mengenalkan kepada siswa tentang tipe data dan variabel 2. Siswa dapat membuat aplikasi sederhana dengan menggunakan tipe data dan variabel
Introduksi. Team Training SMK-TI I-58
Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip
BAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sistem Informasi Pengertian sistem informasi tidak bisa dilepaskan dari pengertian sistem dan informasi. Definisi dari sistem adalah sekelompok dua atau lebih komponenkomponen
MODUL PRATIKUM 08B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 08B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 08B Kondisi dan Looping dalam
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets
Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w
Tentang CSS Adalah standart pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text dan table menjadi lebih ringkas sehingga
BAB III LANDASAN TEORI. Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan
BAB III LANDASAN TEORI 3.1 Pengertian Sistem Informasi Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan bahwa sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu
XHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
BAB II LANDASAN TEORI. Calyton dan Petry (2012) berpendapat monitoring sebagai suatu proses
BAB II LANDASAN TEORI 2.1. Monitoring Calyton dan Petry (2012) berpendapat monitoring sebagai suatu proses mengukur, mencatat, mengumpulkan, memproses, dan mengkomunikasikan informasi untuk membantu pengambilan
BAB 2 LANDASAN TEORI. dengan yang lain, yang berfungsi bersama sama untuk mencapai tujuan tertentu.
BAB 2 LANDASAN TEORI 2.1. Pengertian Sistem Informasi Suatu sistem pada dasarnya adalah sekolompok unsur yang erat hubungannya satu dengan yang lain, yang berfungsi bersama sama untuk mencapai tujuan tertentu.
Pengantar Common Gateway Interface (CGI) dan Perl. - Konsep CGI dan Perl - Lingkungan variabel di Perl - Metode POST dan GET
Pengantar Common Gateway Interface (CGI) dan Perl - Konsep CGI dan Perl - Lingkungan variabel di Perl - Metode POST dan GET 1 Konsep CGI dan Perl Definisi CGI adalah suatu bentuk komunikasi dimana client
HTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.