MODUL 4 PENGENALAN BAHASA PEMROGRAMAN UNTUK WEBGIS. A. Tujuan 1. Praktikan dapat mengetahui dasar-dasar bahasa pemrograman dalam WebGIS.
|
|
- Yulia Sudirman
- 7 tahun lalu
- Tontonan:
Transkripsi
1 MODUL 4 PENGENALAN BAHASA PEMROGRAMAN UNTUK WEBGIS A. Tujuan 1. Praktikan dapat mengetahui dasar-dasar bahasa pemrograman dalam WebGIS. 2. Praktikan dapat membuat halaman Web. B. Tools a. XAMPP ( mendukung PHP5 ) b. PostgreSQL c. Browser Chrome atau Mozilla Firefox ( Mendukung HTML5 dan CSS3 ) d. Text Editor ( Notepad++ atau Sublime Text ) C. Teori 1. HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) adalah rangkaian kode program yang merupakan representasi visual sebuah halaman web. HTML memuat kumpulan informasi yang disimpan dalam tag-tag tertentu. HTML hingga sekarang tetap digunakan sebagai dasar dari bahasa web seperti PHP, ASP, JSP, dan lainnya. Dengan HTML dapat melakukan : - Pengontrolan tampilan dari web page dan content-nya, - Publikasi dokumen secara online sehingga bisa diakses, - Penambahan objek-objek seperti image, audio, video dan juga java applet dalam dokumen HTML. A. Tag Tag dapat diartikan sebagai tanda untuk mendefinisikan fungsi sebuah teks sebagai kode markup (teks khusus). Tag-tag tersebut yang digunakan untuk melakukan format terhadap informasi. Penulisan tag pada umumnya selalu berpasangan (tag pembuka dan tag penutup yang mana objek yang dikenai perintah tag berada diantaranya) namun ada sebagian kecil juga yang tidak (terkadang nilai yang ada
2 dimasukkan dengan atribut khusus). Tag yang dimaksud disini adalah dua tanda yang diawali < dan diakhiri >, dan tanda awal ada yang ditambahkan garis miring / untuk menandai tag penutup. B. Elemen Elemen HTML adalah esensi dari dokumen HTML yang memberikan petunjuk bagaimana sebuah situs web ditampilkan dalam browser. Elemen HTML secara umum terdiri dari tag pembuka, isi/konten, dan tag penutup. Ada beberapa elemen yang tidak memiliki konten umum dan tag penutup, elemen ini disebut Void Element. Void Element menampilkan nilai yang dimilikinya melalui atribut khusus. Elemen terdiri dari beberapa tingkatan, di dalamnya memiliki elemen lain, elemen tertinggi disebut Elemen Struktur (mencakup di dalamnya html, head, dan body). a. Elemen Struktur Elemen Struktur adalah elemen yang memliki banyak elemen yang ketergantungan didalamnya. Elemen Struktur yang dimaksud terdapat pada tabel 1. TABEL 1. Elemen Struktur No Elemen Keterangan 1 <html> </html> Merupakan induk dari semua elemen dalam dokumen HTML. Semua elemen HTML lain terkandung pada elemen ini. 2 <head> </head> Wadah untuk memproses informasi dan metadata untuk dokumen HTML. 3 <body> </body> Wadah untuk tampilan isi dari dokumen HTML. 1. Elemen Head Elemen ini menjadi tempat untuk informasi paling umum pada suatu dokumen HTML. Elemen yang terkandung di dalamnya adalah : TABEL 2. Elemen Head No Elemen Keterangan 1 <link/> Penghubung ke dokumen lain, penggunaan umumnya adalah untuk menyambungkan ke dokumen CSS. 2 <meta/> Bisa digunakan untuk data tambahan dokumen HTML, seperti pemilik, tanggal publikasi, deskripsi, kata kunci dokumen, dan lain sebagainya. Elemen ini pada dasarnya adalah elemen yang memiliki informasi tersembunyi selayaknya elemen komentar pada dokumen HTML
3 dengan tambahan memiliki atribut untuk mengarahkan alur informasinya dengan tujuan yang berbeda. 3 <style>...</style> Wadah untuk membuat CSS dalam dokumen HTML secara embeded. 4 <title> </title> Digunakan untuk membuat judul dokumen pada kepala tab browser. 2. Elemen Body Elemen ini berisikan seluruh isi dokumen HTML dan mencakup segala keperluan untuk presentasi data objek dokumen. Elemen Body memiliki beberapa elemen bagian yaitu : Elemen Blok adalah elemen yang memiliki struktur yang pada dasarnya berbentuk kotak, elemen-elemen bagian ini akan otomatis lebar sesuai lebar induknya (elemen tempat dia bergantung). Elemen yang merupakan bagian dari elemen blok adalah sebagai berikut: Teks dasar : <p>..</p>, <h1> </h1>, dan lain-lain Daftar : <dl> </dl>,<ol>..</ol>,<dd>..</dd>,<dt> </dt>,<ul> </ul>, Elemen blok lain : <menu> </menu> ( elemen ini telah dihapus namun ditambahkan kembali pada HTML5 ) <div>,<hr> </hr>,<script> </script>. Elemen Inline adalah elemen yang bisa menyisip diberbagai tempat, namun beberapa diantaranya harus berada di dalam elemen blok. Bagian elemen inline adalah: a. Anchor : <a> </a> b. Frase umum : <abbr> </abbr>, <em> </em>,<strong> </strong> c. Frase computer : <var> </var>, <code> </code> d. Presentasi : <b> </b>,<i> </i>,<u> </u>,<small> </small> e. Span : <span> </span> f. Lain-lain : <br/>, <data> </data>,<del> </del>,<ins> </ins> Elemen Gambar dan Objek adalah elemen dengan berisikan gambar dan objek-objek lain. Contohya : <img> </img>, <map> </map>,<object> </object>, dan <param /> Form elemen-elemenya adalah diantaranya <form> </form>, <button> </button>, <textarea> </textarea>, <input />, <fieldset> </fieldset>, <option> </option>, dan lain-lain.
4 Tabel memiliki fomat elemen distandarisasi saat HTML4 namun penggunaannya telah dilakukan semenjak HTML3.2. Elemen bagian ini terdapat di dalamnya penggunakan elemen blok dan elemen inline. Contoh elemen bagian ini adalah: <table> </table>,<th> </th>,<tr> </tr>,<td> </td>, dan lain-lain. Frames, semua elemen berbasis frame masih bisa digunakan pada HTML5 namun telah menjadi elemen obsolete (jadul) kecuali elemen baru yaitu <iframe> </iframe> Beberapa elemen dan keterangannya yang terdapat pada elemen Body terdapat pada tabel 3. TABEL 3. Elemen Body No Nama Keterangan 2 <a> </a> a mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain. 4 <br/> Memberi baris baru/pindah baris 5 <button> Mendefinisikan sebuah tombol diklik 6 <div> Mendefinisikan sebuah section dalam dokumen 7 <form> Mendefinisikan sebuah form HTML untuk input form 8 <h1, h2, h3, h4, h5, dan h6> Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut. 9 <head> Digunakan untuk memberikan informasi tentang dokumen tersebut. 10 <hr> Membuat garis horizontal 11 <html> Mendefinisikan root dari suatu dokumen HTML 12 <img> Berfungsi untuk menampilkan gambar pada dokumen HTML 13 <link> Mendefinisikan hubungan antara dokumen dan
5 sumber eksternalnya 14 <input> Digunakan untuk berbagai macam keperluan menyangkut hal-hal tentang memasukkan data. 15 <ul> Memasukkan data list 16 <li> Isi data daftar yang dibuka oleh elemen ul 17 <table> Membuat tabel 18 <tr> Membuat baris dalam tabel (elemen harus dibuka oleh tag table terlebih dahulu) 19 <th> Membuat kolom judul dalam tabel (elemen harus dibuka oleh elemen tr terlebih dahulu) 20 <td> Membuat kolom dalam tabel (elemen harus dibuka oleh elemen tr terlebih dahulu) 21 <style> Membuat CSS dengan metode inline C. Atribut HTML Atribut HTML merupakan informasi tambahan yang disertakan pada sebuah elemen HTML. Atribut memiliki berbagai macam fungsi yang membantu HTML dalam berbagai macam hal hingga berhubungan dengan PHP, CSS, dan javascript. Atribut umum yang bisa digunakan dalam setiap elemen HTML adalah sebagai berikut: No Atribut Keterangan 1 class Digunakan untuk mendefinisikan class yang akan dipakai didalam sebuah tag ( umumnya banyak yang menyangkutkan ini dengan class CSS ) 2 Id Dipakai untuk membuat kode unik yang tertuju pada tag tertentu dalam sebuah halaman. 3 style Dipakai untuk membuat CSS dengan metode embedded. 4 name Dipakai untuk menamai tag (umumnya banyak yang menggunakan ini di dalam tag yang sebelumnya dibuka terlebih dahulu oleh perintah tag <form>)
6 D. Struktur Dasar HTML <!DOCTYPE html> <html> <head> <title></title> </head> <body> <!--commend --> </body> <footer> </footer> </html> Penjelasan : - Tag <html> digunakan untuk menyatakan halaman website menggunakan bahasa HTML - Tag <head> adalah kepala dari halaman website, digunakan untuk menambahkan banyak informasi seperti meta, css, javasctipt, font dan lain-lain. - Tag <title> digunakan untuk menyatakan title website yang disimpan pada tag <head> - Tag <body> digunakan untuk menampilkan isi dari website, baik itu image, text, video, musik, atau lain sebagainya. Tentang DOCTYPE DOCTYPE adalah suatu deklarasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut. DOCTYPE sendiri berguna untuk memberitahu programer, HTML versi berapa yang digunakan dan juga membantu programer untuk dapat menggunakan tag-tag HTML dengan benar. <!DOCTYPE html> digunakan pada HTML5. D. CSS (Cascading Style Sheet) CSS (Cascading Style Sheet) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam, CSS bukan merupakan bahasa pemrograman, CSS digunakan untuk membuat pemrograman web
7 menjadi lebih mudah karena dapat menyeragamkan format terhadap elemen-elemen yang sama dengan cepat dalam sebuah situs. Situs-situs yang berbasis HTML menggunakan CSS untuk meningkatkan keluesan tampilan. CSS disimpan dalam file terpisah yang ekstensinya.css, dan setiap perubahan yang dilakukan pada file akan mempengaruhi seluruh dokumen HTML atau XHTML yang terkait padanya. Dengan menggunakan CSS dapat mengurangi waktu untuk melakukan perubahan terhadap situs dengan jumlah halaman yang banyak. CSS dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan dalam file secara bersama-sama. CSS dapat mengendalikan ukuran gambar, warna pada background text, warna table, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraph, spasi antar teks, margin ( top, bottom, left, right), dan parameter lainnya. Struktur CSS terdiri dari selector, deklarasi, property dan nilai. Penulisan kode css: Body background-color:white; Keterangan : - Body : Selektor - : deklarasi - Background-color : properti - White : nilai Metode Pemakaian 1. Inline CSS CSS ditulis langsung ke dalam tag HTML, penulisan css dengan cara ini tidak memerlukan penulisan selector dalam kode css. Penulisan dengan cara ini jika ingin memformat suatu elemen untuk satu kali saja. Contoh : <h2 style="color: blue;"> H1 dengan CSS </h2> 2. Embedded CSS Pemakaian embedded CSS dengan cara menempelkan kode CSS diantara tag <head> dan </head> yang diawali dengan tag <style> dan diakhiri dengan </style>. Contoh: <head>
8 <style type= text/css > h1 color : red;</style> </head> 3. External CSS Cara pemakaian external CSS ditulis dalam satu file terpisal yang disimpan dengan akhiran.css atau ekstensi.css. untuk menggunakannya perlu dilakukan pemanggilan ke dalam halaman web yang dibuat. Langkah-langkah untuk mengimplementasikan CSS adalah sebagai berikut: 1. Buat satu file dengan notepad/teks editor lain dan beri nama, misalnya style.css, kemudian tulis css yang akan diimplementasikan. Contoh : p font-family: arial; font-size: small; h1 color: red; 2. Kemudian untuk memanggil file style.css dari semua halaman web, diantara tag <head> dan </head> link kan file style.css dengan menuliskan: <head> <link rel= stylesheet href= style.css > </head> E. PHP PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS. a. Variabel Variabel di dalam PHP harus diawali dengan dollar sign atau tanda dollar ($). Setelah tanda $, sebuah variabel PHP harus diikuti dengan karakter pertama berupa huruf atau underscore (_), kemudian untuk karakter kedua dan seterusnya bisa menggunakan huruf, angka atau underscore (_). Dengan aturan tersebut, variabel di dalam PHP tidak bisa diawali dengan angka. Minimal panjang variabel adalah 1 karakter setelah tanda $. Variabel dalam PHP bersifat case sensitive dan tidak bertipe. - Variabel Sistem PHP (Predefined Variables) Predefined Variables atau terjemahan bebasnya Variabel Sistem PHP, adalah beberapa variabel yang telah didefenisikan secara sistem oleh PHP, dan kita sebaiknya tidak membuat variabel dengan nama yang sama. Beberapa contoh Predefined Variables dalam PHP adalah:
9 $GLOBALS,$_SERVER,$_GET,$_POST,$_FILES,$_COOKIE,$_SESSION,$_ REQUEST,$_ENV,$php_errormsg,$HTTP_RAW_POST_DAT,$http_response_ header, $argc, $argv, $this. - Cara Menampilkan Nilai Variabel Untuk menampilkan nilai atau isi dari variabel, kita tinggal menampilkannya dengan perintah echo atau print, seperti berikut ini: <?php $a='saya Sedang belajar PHP'; $b=5; print $a; echo $b;?> Hasil yang didapat adalah: Saya Sedang belajar PHP5 F. JAVASCRIPT Javascript adalah kode-kode program yang digunakan untuk membuat halaman web terlihat lebih dinamis. Javascript digunakan untuk menambahkan beberapa fitur yang dapat membuat tambilan lebih menarik serta dapat membatasi aksi dari pengguna, javascript juga membuat navigasi menu yang lebih canggih serta efek grafis sederhana dapat dilakukan. 1. Variabel Variabel dalam javascript adalah penampung sebuah nilai, tipe dari variabel ada angka (Number), String, Boolean atau yang lainnya. Aturan penamaan variabel javascript: - Karakter pertama harus diawali dengan huruf, underscore (_) atau tanda dollar ($) - Karakter kedua dan seterusnya ditambahkan dengan huruf, angka, underscore (_) atau tanda dollar ($). Cara membuat variabel Javascript : 2. Membuat variabel dalam javascript ada dua, yakni dengan menggunakan keyword var, dan tanpa var. a. Penulisan dengan menggunakan keyword var, contohnya adalah sebagai berikut:
10 <script> var a; var b, c, d; var g=12; var h="praktikum Modul 4"; </script> b. Penulisa tanpa menggunakan keyword var, contohnya adalah sebagai berikut: <script> a; b=12; c=" Praktikum Modul 4"; </script> 2. Create Element Penggunaan penambahan elemen HTML dapat juga dilakukan dengan Javascript dan merupakan bagian dari DOM (Document Object Model). Contoh: var cth= document.createelement("td"); 3. Array Array adalah tipe data untuk menyimpan nilai dalam satu nama, dibedakan melalui nilai index-nya. Array diperlakukan sebagai objek dalam javascript. Membuat objek Array : - Gunakan keyword new Array() var objarr = new Array(); - Gunakan keyword new Array(jumlahindex) var objarr = new Array(3); - Gunakan keyword new Array(item,item2, ) var objarr = new Array("satu", "dua", 100); cara akses objek dengan menggunakan notasi nama objek diikuti posisi index-nya yang dibatasi kurung siku, seperti : namaobjek[posisiindex]
11 G. SQL (Structured Query Language) SQL adalah sekumpulan perintah khusus yang digunakan untuk mengakses data dalam database relasional. SQL merupakan sebuah bahasa komputer yang mengikuti standar ANSI (American Nasional Standard Institute) yang digunakan dalam manajemen database relasional. SQL yang gunakan untuk saat ini lebih bertujuan untuk melanjutkan menampilkan database dari PostgreSQL ke PHP dimulai dengan koneksinya. Untuk koneksi ke PHP. 1. Query Umum Perintah umum yang biasa digunakan hampir sama dengan perintah pada umumnya. SELECT*FROM namatabel; INSERT into namatabel (namakolom1, namakolom2, ) VALUES ( Isi Kolom1', Isi Kolom2, 'Isi Kolom3', ); UPDATE namatabel set namakolom0 ='nilaiubah' WHERE namakolom1 = 'nilaiacuan'; DELETE FROM namatabel WHERE namakolom = 'datanilai'; H. Koneksi dan lain-lain Koneksi PostgreSQL dengan PHP. Langkah-langkahnya: 1. Cari php.ini pada folder penyimpanan PHP di dalam MS4W atau XAMPP, cari ; extension=php_pdo_pgsql.dll lalu hilangkan tanda semicolon ;. 2. Buatlah sebuah file PHP. 3. Buatlah koneksinya. Penggunaan koneksi ke PostgreSQL adalah dengan menggunakan fungsi pg_connect() dan ditutup dengan pg_close(). Untuk pengecekan koneksi bisa digunakan fungsi pg_result_error(). Contoh koneksi: pg_connect( host=localhost port=5555 dbname=postgis_2016 user=postgres password=pass );
12 Cara Praktikum 1. Aktifkan XAMPP terlebih dahulu. 2. Kemudian buka folder XAMPP yang disimpan pada Local Disk (C:), pilih htdocs, dan kemudian buat folder baru html misalnya labgis. 3. Pastikan praktikan telah menginstall Sublime atau text editor lainnya. 4. Buat file html baru dengan cara menyimpannya pada folder yang telah dibuat tadi. Pada praktikum kali ini buat 3 file html seperti index.html, home.html, dan about.html seperti pada gambar dibawah ini. 5. Buka file html tersebut pada Sublime, kemudian pada setiap file isikan script seperti berikut : index.html <!DOCTYPE html> <html> <head> <title> LGIS </title> <style type="text/css"> #primary_nav_wrap margin-top:15px
13 #primary_nav_wrap ul list-style:none; position:relative; float:left; margin:0; padding:0 #primary_nav_wrap ul a display:block; color:#333; text-decoration:none; font-weight:700; font-size:12px; line-height:32px; padding:0 15px; font-family:"helveticaneue","helvetica Neue",Helvetica,Arial,sansserif #primary_nav_wrap ul li position:relative; float:left; margin:0; padding:0 #primary_nav_wrap ul li.current-menu-item background:#ddd #primary_nav_wrap ul li:hover background:#f6f6f6 #primary_nav_wrap ul ul display:none; position:absolute; top:100%; left:0; background:#fff; padding:0 #primary_nav_wrap ul ul li float:none; width:200px #primary_nav_wrap ul ul a line-height:120%; padding:10px 15px #primary_nav_wrap ul ul ul top:0; left:100%
14 #primary_nav_wrap ul li:hover > ul display:block </style> </head> <body> <div> <h3>lgis</h3> <div style="width:100%;float:left;"> <nav id="primary_nav_wrap"> <ul> <li><a href="home.html">home</a></li> <li class="current-menu-item"><a href="index.html">maps</a></li> <li><a href="about.html">about</a> </li> </ul> </nav> <div><br/><br/><br/><br/><br/> <div style="width:50%; border-style: groove; float:left;"> <div style="width:100%; float:left; border-style: ridge;"><img src="gis.jpg" style="width:75%" alt="maps" /> <div style="width:100%; float:left; border-style: ridge; minheight:420px;"> Info Windows Detail </body> </html> home.html <!DOCTYPE html> <html> <head> <title> LGIS </title> <style type="text/css"> #primary_nav_wrap margin-top:15px #primary_nav_wrap ul list-style:none; position:relative; float:left; margin:0; padding:0 #primary_nav_wrap ul a display:block; color:#333; text-decoration:none; font-weight:700; font-size:12px; line-height:32px; padding:0 15px; font-family:"helveticaneue","helvetica Neue",Helvetica,Arial,sansserif #primary_nav_wrap ul li position:relative; float:left;
15 margin:0; padding:0 #primary_nav_wrap ul li.current-menu-item background:#ddd #primary_nav_wrap ul li:hover background:#f6f6f6 #primary_nav_wrap ul ul display:none; position:absolute; top:100%; left:0; background:#fff; padding:0 #primary_nav_wrap ul ul li float:none; width:200px #primary_nav_wrap ul ul a line-height:120%; padding:10px 15px #primary_nav_wrap ul ul ul top:0; left:100% #primary_nav_wrap ul li:hover > ul display:block </style> </head> <body> <div> <h3>lgis</h3> <div style="width:100%;float:left;"> <nav id="primary_nav_wrap"> <ul> <li class="current-menu-item"><a href="home.html">home</a></li> <li><a href="index.html">maps</a></li> <li><a href="about.html">about</a> </li> </ul> </nav> <div><br/><br/><br/><br/><br/> <div style="width:100%; border-style: groove; float:left;"> Isi! </body> </html>
16 about.html <!DOCTYPE html> <html> <head> <title> LGIS </title> <style type="text/css"> #primary_nav_wrap margin-top:15px #primary_nav_wrap ul list-style:none; position:relative; float:left; margin:0; padding:0 #primary_nav_wrap ul a display:block; color:#333; text-decoration:none; font-weight:700; font-size:12px; line-height:32px; padding:0 15px; font-family:"helveticaneue","helvetica Neue",Helvetica,Arial,sansserif #primary_nav_wrap ul li position:relative; float:left; margin:0; padding:0 #primary_nav_wrap ul li.current-menu-item background:#ddd #primary_nav_wrap ul li:hover background:#f6f6f6 #primary_nav_wrap ul ul display:none; position:absolute; top:100%; left:0; background:#fff; padding:0 #primary_nav_wrap ul ul li float:none; width:200px
17 #primary_nav_wrap ul ul a line-height:120%; padding:10px 15px #primary_nav_wrap ul ul ul top:0; left:100% #primary_nav_wrap ul li:hover > ul display:block </style> </head> <body> <div> <h3>lgis</h3> <div style="width:100%;float:left;"> <nav id="primary_nav_wrap"> <ul> <li><a href="home.html">home</a></li> <li><a href="index.html">maps</a></li> <li class="current-menu-item"><a href="about.html">about</a> </li> </ul> </nav> <div><br/><br/><br/><br/><br/> <div style="width:100%; border-style: groove; float:left;"> Isi! </body> </html> 6. Kemudian save ketiga file tersebut. 7. Setelah itu buka index.html dengan menggunakan browser, maka akan tampil seperti gambar di bawah ini.
18 8. Sql Data Connect Buat file PHP dengan nama sql.php dalam folder yang dibuat tadi, kemudian save as, lalu buat script yang ada dibawah ini : <?php $dbconn = pg_connect("host=localhost port=5555 dbname=postgis_2016 user=postgres password= "); //connect to a database named "mary" on the host "sheep" with a username and password if ($dbconn) // Jika Ada Koneksi echo "Koneksi Database Sukses"; else echo "Koneksi Database Gagal".pg_error();?> 9. Jika koneksi berhasil maka akan keluar tampilan bahwa Koneksi Database Sukses setelah membuat localhost/ss/sql.php pada URL browser. Instruksi Praktikum Lakukan hal yang sama dengan cara praktikum kemudian tukar gambar dengan peta Universitas Andalas. Perhatian! Kepada para praktikan WAJIB mengerjakan cara praktikum terlebih dahulu sebagai syarat untuk melakukan praktikum modul 4.
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
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciDasar 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
Lebih terperinciMODUL 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
Lebih terperinciDasar 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
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciCSS (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
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinciDESAIN 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
Lebih terperinciHTML. 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.
Lebih terperinciC. 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:
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 4 Peg. Komp & TI 2C M4 HyperText Markup Language (HTML) Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di
Lebih terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciHTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Lebih terperinciPemrograman 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
Lebih terperinciIankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Lebih terperinciMODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi
Lebih terperinciCara 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
Lebih terperinciCSS (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
Lebih terperinciHTML (HYPERTEXT MARKUP LANGUAGE)
HTML (HYPERTEXT MARKUP LANGUAGE) HTML merupakan Script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri terdiri dari tag-tag yang fungsinya untuk membuat dokumen
Lebih terperinci2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
Lebih terperinciPemrograman 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,
Lebih terperinciSecara 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,
Lebih terperinciContoh 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
Lebih terperinciDASAR-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
Lebih terperinciModul 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
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinci1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Lebih terperinciMODUL 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
Lebih terperinciMateri. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
Lebih terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciBab 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
Lebih terperinciPEMROGRAMAN 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
Lebih terperinciHTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
Lebih terperinciMODUL 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
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciKAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
Lebih terperinciModul Praktikum Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
Lebih terperinciModul 1 : HTML dan CSS
Modul 1 : HTML dan CSS Tujuan Praktikum - Praktikan mampu membuat halaman web dengan menggunakan HTML dan CSS. Pengantar HyperText Markup Language atau lebih dikenal HTML merupakan markup language yang
Lebih terperinciMetode 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
Lebih terperinciMODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa
Lebih terperinciModul 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
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris
BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciCSS 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
Lebih terperinciTampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
Lebih terperinciLangkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna
Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana
Lebih terperinciAdvantages. Keunggulan :
Advantages Keunggulan : Tampilan (interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tingkat keahlian, bahkan bagi orang awam sekalipun. Dreamweaver cukup tangguh untuk membangun berbagai
Lebih terperinciFaa 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
Lebih terperinciKeuntungan 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
Lebih terperinciPanduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono
Panduan HTML dan CSS bagian 2 A. Apa itu CSS CSS (Cascading Style Sheets) merupakan kode pemrograman untuk membuat tampilan pada HTML. Selain menggunakan HTML para programer website sering menggunakan
Lebih terperinciBAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
Lebih terperinciKeterampilan Komputer. 8. Pengenalan HTML
Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
Lebih terperinciCSS? 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
Lebih terperinciTutorial CSS Desain Layout 1 Dengan HTML5 dan CSS
Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung
Lebih terperinciPENGANTAR INTERNET & DESAIN WEB
Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Definisi HTML Kemampuan HTML
Lebih terperinciPrak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com
Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciPERKEMBANGAN HTML SINTAX DASAR XHTML XHTML VS HTML PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP 06/11/2012 HTML
PERKEMBANGAN HTML HTML 4.0 1997 Introduced many new features and deprecated many older features HTML 4.01-1999 - A cleanup of 4.0 PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP XHTML 1.0-2000 Just 4.01
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer
BAB 2 TINJAUAN PUSTAKA 2.1. Cloud Storage Cloud Storage Merupakan Media Penyimpanan yang dalam pengaksesannya memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer dimana kita harus
Lebih terperinciBAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciDesain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com
Desain Grafis RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Apa Desain Grafis..? Desain Grafis dapat diartikan sebagai proses pemikiran yang diwujudkan dalam gambar. >> Ruang Lingkup:
Lebih terperinciMateri 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com
Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Memahami cakupan materi dan sistem perkuliahan
Lebih terperinciLAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI 4103131060 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciSMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan
Lebih terperinciPublish: 7 Juni 2012 Author & Copyright: Johan Status: FREE tutorial
Kumpulan Tutorial dan belajar ilmu website mulai dari hosting dan coding seperti belajar HTML, CSS, Javascript, Javascript, JQuery, ASP.Net hingga SEO dan Desain web dengan Dreamweaver dan Photoshop untuk
Lebih terperinciBAB 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.
Lebih terperinciInteractive 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
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciXHTML 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
Lebih terperinciTriswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano triswansyah_yuliano@yahoo.com http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinci{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
Lebih terperinciPenulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Lebih terperinciPemrograman Web Week 4. Team Teaching
Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara
Lebih terperinciCSS. 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
Lebih terperinciPemrograman 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
Lebih terperinciHTML Uncover. Duniailkom Duniailkom
HTML Uncover Duniailkom 2015 Duniailkom Contents 1. Berkenalan Dengan HTML (Contoh Bab 1)....................... 1 1.1 Pengertian HTML................................... 1 1.2 Fungsi HTML.....................................
Lebih terperinciPengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG
Pengenalan Dasar HTML 5 Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG HTML adalah bahasa standar untuk membuat halaman Web HTML (Hypertext Markup Language) adalah suatu bahasa yang
Lebih terperinciBAB 2 LANDASAN TEORI
7 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan
Lebih terperinciBAB 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
Lebih terperinciHTML (Hypertext Markup Language)
1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciModul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman
Modul Web Design Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Materi: Pertemuan ke- Materi 1, 2 & 3. Konsep Dasar Web Design: Perencanaan WebSite Typografi,
Lebih terperinci2. Tujuan: memungkinkan kita menjelajah internet dan melihat halaman web yang menarik.
HTML 1. Definisi: Hypertext Markup Language a. Merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita 2. Tujuan: memungkinkan kita menjelajah internet dan
Lebih terperinciSoal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer (computer) berasal dari bahasa latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda.
Lebih terperinciHTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
Lebih terperinci