PPA

PPA
Pertemuan ke – 3
Chapter 3 & 4
Lily Puspa Dewi
1
Font

Face







jangan dibiarkan kosong, karena default font face tiap
browser berbeda
Font face terbaik = Verdana
Size
Color (hexadecimal)
Bold, Italic, Underline
Alignment (left, center, right)
Color Scheme (Command > Colour Scheme) 
berpengaruh pada Page property
Lily Puspa Dewi
2
Creating Flash Text
Membuat text rollever di dlm
Dreamweaver
 Font integrity: di komp klien tdk perlu
terinstall font yang dipakai
 Langsung tersimpan dalam file swf
 Membutuhkan flash plug-in di browser

Lily Puspa Dewi
3
Image

3 Jenis gambar yang dipakai :
 GIF
 JPEG
/ JPG
 PNG
Lily Puspa Dewi
4
GIF

Terbatas hanya 256 warna
(Kumpulan warna disebut palette)
Menunjang transparency
 Tidak mendukung progresive image
 Tidak ada kompresi gambar (lossless)
 Menunjang multiple image --> animasi
 Cocok untuk simbol, grafik, animasi

Lily Puspa Dewi
5
JPEG / JPG
Mampu hingga 16 juta warna
 Tidak mendukung transparency
 Mendukung progresive image
 Ada kompresi gambar (lossy)
 Cocok untuk gambar foto, pemandangan

Lily Puspa Dewi
6
PNG
Menunjang 16 juta warna
 Menunjang transparency
 Menunjang progresive image
 Ada kompresi gambar
 Cocok untuk segala jenis gambar
 Belum sepenuhnya disupport oleh semua
browser
 Didesain untuk menggantikan GIF

Lily Puspa Dewi
7
Link
Lily Puspa Dewi
8
Linking

Point to file
 Click
object yang akan di-link (image/text)
 Click tombol
di Property panel
 Click & drag ke file di Folder Management
 Note: bisa dipakai untuk insert image

Link history (only text)
 Drop
down menu di property inspector
Lily Puspa Dewi
9
Linking (2)
Email Link
Gunakan di Object Panel
 Anchor

 Link
dalam 1 halaman
 Biasa dipakai pada halaman yang panjang
 Anchor: Menu Insert > Invisible Tags >
Named Anchor
 Link: use Point to File and point to anchor
Lily Puspa Dewi
10
Table



Table banyak dipakai untuk layout
Tag <Table> … </Table>
Property inspector:








Rows & column
Width (% atau pixel)
Border
V space : space above & below table
H space : space left & right table
Cellspace : tebal table / jarak antar cell
Cellpad : jarak antara border dengan item cell
Tag HTML dapat berada di dalam table
Lily Puspa Dewi
11
Table
Table  Navigation Bar
Bentuk: 1 column multiple row atau 1 row
multiple column
Latihan:
Download dari
shop.petra.ac.id/pub/incoming/ppa/image
Buatlah navigasi bar seperti contoh
(nav_bar.html)
Lily Puspa Dewi
12
Lily Puspa Dewi
13
Table
Standar View (default, seperti yang telah
dilakukan)
 Layout View

Untuk menggambar table
 Object panel:

Lily Puspa Dewi
14
Latihan 2

Lanjutkan homepage Moon Nest Inn
Lily Puspa Dewi
15