Point Blank Photo Collection: April 2014

Review Tentang Pemrograman Web

Intro
Mata pembelajaran : Pemrograman Web

Jenis : Mata pelajaran produktif
Periode : Ganjil & Genap 2013 - 2014
Guru : Ahmad Hilal

Aturan Pembelajaran

Kehadiran minimal : 60% (sudah termasuk izin dan sakit)

Komponen penilaian :

Tugas + Quiz : 20%
UTS : 25%
UAS : 30%
Praktikum : 25%
Kehadiran: 10%

Web Programming

Client Side Scripting

HTML
Javascript
CSS

Server Side Scripting

Web Application

Web Statis

Dibentukmenggunakanclient side scripting(HTML, CSS, Javascript). Updatedilakukansecaramanual danmelakukanperubahanterhadapscript halamantersebut.

Web Dinamis

Dibentukmenggunakanaplikasitambahan(serverside scripting & database) sehinggadata dapatdiupdatetanpaharusmengubahscript, hanya mengubah data di database.

HTML (HyperText Markup Language )

HTML
HTML?

Sebuahbahasamarkup yang digunakanuntukmembuatsebuahhalamanweb danmenampilkanberbagai informasi di dalam sebuah browser.
HTML berupakode‐kodetag yang menginstruksikanbrowser untukmenghasilkantampilansesuaidenganyang diinginkan.
HTML saatinimerupakanstandarInternet yang didefinisikandandikendalikanpenggunaannyaolehWorld Wide Web Consortium (W3C).

Struktur HTML

- Document Information
<html></html>
- Document Header
<head></head>
- Document Body
<body></body>

Struktur Standar Dokumen HTML

<html>

<head>
............
</head>
<body>
....... Tuliskan tag html lain di sini ........
</body>

</html>

Tag, Atribut, Elemen

<body bgcolor= “blue”> = element

<body.. = tag

bgcolor = attribute

"blue"> = attribute value

Penulisan Tag
- Tag pembuka
< >
- Tag penutup
</ >
Contoh : <p>Ini paragraf</p>
- Single Tag
< />
Contoh : <br />, <hr />, <input />, <img />

Image Tag

Untuk memuat gambar kedalam halaman web.
contoh :
<imgsrc=“logo-unpas.jpg”/>
Tag image memiliki beberapa attribute antara lain :
•src→ lokasi gambar yang akan ditampilkan
•width→ ukuran lebar gambar
•height→ ukuran tinggi gambar
•alt→ deskripsi tentang gambar
•title→ judul gambar

Anchor / Hyperlink Tag

Dipergunakan untuk menghubungkan(linking) text dan image ke halaman lain atau bagian tertentu dari halaman yang sama dalam satu website atau website yang lain.

contoh:
•Link ke halaman website lain
<a href=“http://sandhikagalih.net”>website</a>
•Link ke file lain dalam satu website
<a href=“halaman2.html”>Halaman2</a>

Colspan & Rowspan

Colspan

Menggabungkan beberapa cell (column) dalam satu baris.

Rowspan

Menggabungkan beberapa cell (row) dalam satu kolom

Contoh

Cellspacing & Cellpadding

Cellspacing

Jarak antara satu cell dengan cell yang lain.

Cellpadding

Jarak antar atepi cell dengan isi cell.

Div Tag

Digunakan untuk membungkus tag‐tag lain agar memiliki perilaku yang sama.

<div style:”color:red”> <h3>Pemrograman Web</h3><p>ini adalah kuliah pemrograman web</p> </div>

Digunakan sebagai sistem blok untuk membuat lapisan layout pada halaman.

HTML Form

ElemenHTML yang digunakan untuk menerima bermacam‐macam masukan(input) dari penggunaweb.
Contoh :

Form Tag

Sebuah tag yang membungkus elemen‐elemen input didalamnya dan berfungsi mengirim data input ke server.
<form>
.
elemeninput
.
</form>

Atribut Form

Atribut Form :

Action : Lokasi script yang memproses data dari form.
Enctype : Mendefinsikan cara encoding data sebelum dikirimkan. Biasanya digunakan jika ingin meng‐upload file.
Method : Metode pengiriman data.
GET : Data dikirimkan bersama URL.
POST : Data dikirimkan terpisah dari URL.

Elemen Input Form

Macam macam komponen input:

Text field

Password

Checkbox

Radio button

Listbox

Combobox

Text Area

File

Point Blank Photo Collection

Halaman

Kamis, 03 April 2014

Review tentang Pemrograman Web