Modul Belajar Mulok Desain Web Site Juru (1)

DESAIN WEB SITE
Dengan pokok materi pelajaran :
1.
2.
3.
4.

Pemrograman web dasar
Desain Grafis (Paint dan Photoshop)
Animasi (Flash MX)
Desain Web Dinamis (Dream waver, Photoshop, MySQL,
PHP dan Web Server)

OLEH :
AHMAD SAFINGI, S.Pd.T.
Guru Produktif TKJ
http://afing.wordpress.com
langitcool@yahoo.com

PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN
SMK NEGERI 2 BAWANG - BANJARNEGARA

Jl. Raya Mantrianom, Bawang, Kode Pos 53471
Telp. (0286) 597070 Web site : http://www.smkn2bawang.com
E-mail : smkn2bawang@yahoo.com

Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

1

1. menggunakan tag Hx (Heading nomor 1-7) untuk format huruf
dengan ukuran terbesar sampai terkecil



::Latihan membuat web 1...



mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...

mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...



Tampilan hasilnya sbb:

Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

2

2. Menggunakan tag font untuk format huruf dengan tanpa parameter



::Latihan membuat web 2...

Membuat format tulisan dengan tag font selain Hx...

mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...



Tampilan hasil sbb:

Catatan :
•

•

penggunaan tag font tanpa ada tag maka akan menjadi baris bersambung.
Parameter color=”red” dengan warna dlm bahasa inggris atau color=”00ff00”
dengan warna kode heksadesimal.

Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

3

3. Menggunakan tag font dan tag br untuk ganti baris



::Latihan membuat web 2...



Membuat format tulisan dengan tag font selain Hx...

mau pintar ya belajar...
mau pintar ya belajar...

mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...



Tampilan hasilnya sbb:

Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

4

4. Membuat format tulisan dengan parameter size, color dan tipe



::Latihan membuat web 2...

Membuat format tulisan dengan tag font dengan parameter size,color dan tipe

mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...


hasilnya sbb:

Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

5

5. membuat background gambar dan menyisipkan gambar

::Latihan membuat web 2...



Membuat format tulisan dengan tag font dengan parameter size,color dan tipe

mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...

mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...
mau pintar ya belajar...


hasil sbb:

Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

6





Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

7

::belajar web hari kedua ..



BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..

BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..



Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

8




::belajar web hari kedua ..

BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..



Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

9





Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

10

::belajar web hari kedua ..






BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..
BELAJAR WEB ITU ASYIK..



Modul Belajar Mulok “Desain Web Site” Jurusan TKJ SMK N 2 Bawang

11




::belajar web hari kedua ..





Belajar membuat Tabel untuk alat bantu desain web site...jadi
perhatikan baik - baik