MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG

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 [email protected]

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 : [email protected]

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