Pemrograman Web

Pemrograman Web
Intro
Lutfi Budi Ilmawan
Univ. Muslim Indonesia
Biodata
 Nama
: Lutfi Budi Ilmawan, S. Kom., M. Cs.
 Alamat
: Perum. Griya Dua Delima Blok A8
 Pendidikan
: S1-UMI, S2-UGM
 E-mail
: [email protected]
 Media Sosial :
 Facebook : Lutfi Budi Ilmawan
 Twitter
: @luthfy_13
 Website / Blog :
 http://lecturer.fikom.umi.ac.id/lutfibudi/
 http://luthfy13.blogspot.com
 HP
: 082 333 888 571
Aturan Perkuliahan
 Berpakaian Rapi
- Menggunakan sepatu (TIDAK menggunakan sandal)
- TIDAK menggunakan baju kaos oblong
 TIDAK menerima telpon pada saat kuliah, bila
PENTING minta izin dan terima telpon di luar kelas
 Tiap Mahasiswa berhak untuk ikut perkuliahan dengan
toleransi keterlambatan 20 menit setelah perkuliahan
dimulai.
Penilaian
 Kehadiran
:
10%
 Tugas + Latihan + Presentasi + Quiz
:
50%
 UTS
:
20%
 UAS
:
20%
Materi
 Pengenalan HTML
 Tag HTML
 Desain Form
 Desain Tabel
 Client Side Scripting
 CSS
 JavaScript
 jQuery
 Server Side Scripting
 PHP
 PHP dan MySQL
Referensi materi: http://www.w3schools.com/
Apa itu HTML?
 HTML (Hyper Text Markup Language) adalah sebuah
bahasa markah (markup language) yang digunakan
untuk membuat sebuah halaman web kemudian
ditampikan melalui sebuah web browser.
Struktur dasar HTML
 Tag
 Element
 Attribute
 Content
Struktur Dasar HTML (cont.)
Heading / Penjudulan
 Heading, digunakan untuk memberikan penjudulan
pada suatu dokumen HTML.
Membuat daftar/list
Sebuah daftar dapat memiliki penomoran atau hanya
sebuah simbol berupa lingkaran atau bentuk lainnya.
Dalam HTML, daftar yang menggunakan penomoran
disebut dengan ordered list dan yang menggunakan
simbol disebut dengan unordered list.
Ordered List
Ordered list atau Daftar berurutan dapat dibuat dengan
menggunakan tag <ol> (singkatan dari ordered list) dan
untuk setiap listnya kita gunakan tag <li> (singkatan dari
list item/item daftar). Sebagai contoh, perhatikan kode
HTML berikut :
Unordered List
Berbeda dengan daftar berurut, unordered list akan
menandai setiap item dengan simbol. Baik berupa
lingkaran atau persegi. Untuk membuat daftar tidak
berurut kita gunakan tag <ul> dan seperti tag <ol>, item
yang terdapat di dalamnya harus diapit dengan tag <li>.
Definition List
Berbeda dengan Ordered List dan Unordered List yang
memiliki struktur sama, definition list memiliki struktur
tersendiri. Biasanya list ini digunakan untuk membuat
daftar istilah beserta definisinya seperti halnya dalam
kamus.
Tag dt (definition term) digunakan untuk menampung
istilah yang akan didefinisikan, dan tag dd digunakan
untuk menuliskan definisi dari dt sebelumnya.
List/Daftar bersarang
Sebuah daftar bisa saja memiliki daftar lagi di dalam
itemnya, atau biasa kita sebut dengan daftar/list
bersarang (nested list).