web design lama
DESCRIPTION
web designTRANSCRIPT
PENGGUNAAN SINGKATAN Adakalanya kita hanya
mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag <ACRONYM>… <ACRONYM>, Anda bisa mendefenisikan singkatan dan kepanjangan, tetapi yang tertampil dalam dokumen secara normal adalah singkatannya. Namun kalau pemakai meletakkan penunjuk mouse ke singkatan tersebut maka kepanjangannya akan tampil.
Penulisan tag : <ACRONYM> TITLE = “Kepanjangan”>Singkatan</ACRONYM>
27 Maret 2009
1
CONTOH :<html><head><title>Acronym</title></head><body><acronym title =“World Wide Web”>WWW</Acronym></body></html>27 Maret 2009
2
MENGATUR TEKS YANG DIHAPUS
DAN DISISIPKAN
HTML menyediakan tag bernama : <DEL>…</DEL> untuk menyatakan teks yang dihapus dan <INS>…</INS> untuk menyatakan teks yang disisipkan.
Kedua pasang tag ini berguna untuk menggambarkan suatu proses pengeditan dokumen.
18 Maret 2009
3
CONTOH :
<html> <head><title> Contoh Pengeditan Teks </title></head><body>Pertama – tama <DEL> tes </DEL> <INS> coba </INS> dulu </body></html
18
Mare
t 20
09
4
MENGATUR GAMBAR LATAR BELAKANG
Terkadang kita jumpai halaman Web dengan latar belakang berupa suatu gambar. Latar belakang seperti itu kadang kala mempercantik tampilan halam Web.
Untuk menyertakan suatu gambar sebagai latar belakang, Anda bisa menggunakan atribut BACKGROUND pada tag <IMG>.
Bentuknya sebagai berikut :<BODY BACKGROUND = “NamaBerkasGambar”>
27 Maret 2009
5
CONTOH :
<html><head><title>Latar Belakang Gambar</title></head><body background = "D:/citra/caladium.jpg"></body></html
27 Maret 2009
6
MENGATUR FONT Tag <FONT>…</FONT> berguna untuk mengatur jenis, ukuran, maupun warna font.
1.JENIS FONT 2.UKURAN FONT3.WARNA FONT4.DEFAULT FONT
18
Mare
t 20
09
7
1. JENIS FONT
Untuk menentukan jenis font, Anda bisa menggunakan atribut FACE contoh :<FONT FACE = “Arial” > Ini jenis tulisan Arial </font>
18 Maret 2009
8
2. UKURAN FONT
Ukuran font ditentukan oleh atribut SIZEContoh :< font size = “1”>size 1: Ini penulisan atribut untuk ukuran font </font>
9
3. WARNA FONT Warna latar belakang teks diatur melalui atribut BGCOLOR pada tag <BODY>
Warna latar depan teks diatur melalui atribut COLOR pad tag <FONT> atau TEXT pada tag <BODY>10
TEKS
WARNA – WARNA UNTUK TEKS DAPAT DILIHAT PADA TABEL BERIKUT :
Normal NavyAqua OliveBlack PurpleBlue RedFuchsia SilverGray TealGreen YellowLimeMaroon
11
4. MENGATUR DEFAULT FONT
HTML menyediakan tag yang bernam <BASEFONT> yang berfungsi untuk menentukan ukuran default font untuk seluru halaman. Untuk Internet Explorer mengenali atribut size, face dan color.Bentuk tag :<basefont size = “6” face =“verdana” color=“pink”>
12
MENAMPILKAN GAMBAR Untuk menampilkan gambar Anda bisa menggunakan tag <IMG>. Tag ini mempunyai banyak atribut, tetapi hanya satu yang harus disertakan. Adapun atribut-atribut lain bersifat operasional dan akan dibicarakan belakangan. Bentuk paling sederhana dari tag <IMG> adalah seperti berikut :
<IMG SRC = “lokasi _gambar/nama gambar” >
13
CONTOH :<html><head><title> Menampilkan Gambar </title></head><body>Keladi Red Flash<IMG SRC = “ C:/Citra/RedFlash.jpg “ ></body></html>Dengan catatan : pastikan berkas RedFlash berada di direktori C pada folder Citra
14
MENGATUR LETAK TEKS TERHADAP GAMBAR
Tag <IMG> menyediakan atribut bernama ALIGN yang berfungsi untuk mengatur penempatan teks pada gambar. Kemungkinan nilai untuk atribut ini diperlihatkan pada tabel berikut :
15
NILAI KETERANGAN
TOP Teks diletakkan dibagian atas
MIDDLE Teks diletakkan di tengah-tengah
BOTTOM Merupakan nilai default. Dalam hak ini teks diletakkan pada bagian bawah
LEFT Teks diletakkan dibagian kiri
RIGHT Teks diletakkan dibagian kanan.
MEMBERI BINGKAI GAMBAR
Dengan menggunakan atribut BORDER pada tag <IMG>, Anda bisa mengatur agar gambar ditampilkan dengan diberi bingkai. Caranya dalah dengan memberikan bilangan pada atribut BORDER. Nilai pada atribut tersebut menyatakan ketebalan satuan piksel16
CONTOH :<html><head><title> memberi bingkai gambar </title></head><IMG SCR = “ RedFlash.jpg “ ALIGN=“right” BORDER = “2” ></BODY></HTML>
17
MENGATUR UKURAN GAMBAR
Bila Anda memiliki gambar yan berukuran besar dan bermaksud mengubah ukuran gambar saat gambar ditampilkan, Anda bisa mengatur nya melalui atribut pada tag <IMG> yang bernama HEIGHT dan WIDTH
• HEIGHT untuk mengatur tinggi gambar• WIDHT untuk mengaur lebar gambar
18
CONTOH :<html><head><title> ukuran gambar </title></head><IMG SCR = “ RedFlash.jpg “></BODY><BR><IMG SCR = “ RedFlash.jpg “Height = “150” width = “150” ><br><IMG SCR = “ RedFlash.jpg “Height = “75” width = “75”</body></HTML>
19
20