P. 1
Modul WEB

Modul WEB

|Views: 360|Likes:
Dipublikasikan oleh Iin Karmila Putri

More info:

Published by: Iin Karmila Putri on Jun 13, 2011
Hak Cipta:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

11/04/2012

pdf

text

original

Praktikum 1

Mahasiswa mampu membuat dokumen HTML sederhana dan dokumen HTML dengan penggunaan font

Materi : 
Pengenalan HTML HTML atau Hypertext Markup Language adala suatu format data yang digunakan untuk membuat dokumen hypertext berupa teks pada computer yang memungkinkan user saling mengirimkan informasi. Tag HTML umumnya berupa tag yang berpasang-pasangan dan diapit dengan simbol < (tanda lebih kecil) dan > (tanda lebih besar). Penutup perintah dari sebuah tag ditandai dengan tanda /. Petunjuk: Tag HTML: <html>, <head>, <title>, <body>, <font>.<h1>, <I>, <strike>,<strong>,<small>,<p>,<b>, <pre>,<sup>,<blink>,<sub>,<person>,<acronym>,<var>

Save dengan prak1.html

Praktikum 2
Mahasiswa mampu membuat dokumen html dengan memanfaatkan image (gambar) dan mampu menyajikan informasi dalam bentuk tabel

Materi: 
Tag image <img src=´ ´ align = ³ ´>  Tag table y <table>«.</table> mendefinisikan sebuah table y <th>««..</th> mendefinisikan sel header table y <caption>«</caption> judul table y <tr> «««.</tr> mendefinisikan baris table y <td>«««</td> mendefinisikan kolom table. Atribut: colspan, rowspan,border, bordercolor, cellpadding,cellspacing, background, bgcolor. Contoh: Save dengan prakt2.html

Output:

Tugas: Buatlah dokumen html seperti gambar berikut, gunakan tag- tag yang diberikan beserta atributnya«! Kemudian ave dengan nama tabel.html !

Praktikum 3
Mahasiswa mampu membuat dokumen html dengan menggunakan daftar urutan

Petunjuk: Buat dokumen html dengan menggunakan <ol>, <ul>, <li>, <dl>, <dt>,<dd>. Save dengan nama list.html

Outputnya:

Praktikum 4
Mahasiswa dapat membuat dokumen HTML dengan menyisipkan Hyperlink

Petunjuk: Buatlah dokumen html dengan menggunakan <a href =´nama file´> Save dengan nama link.html !

Outputnya:

Praktikum 5
Mahasiswa mampu membuat dokumen HTML dengan menyisipkan form

Petunjuk: Buat dokumen HTML dengan menggunakan <form>, <input>, <select>, <option>,

Notepadnya:

Kemudian save dengan nama form.html !

Praktikum 6
Mahasiswa Mampu Membuat dokumen HTMLdengan penggunaan Frame

Petunjuk: Membuat dokumen HTML dengan frame menggunakan < FRAMESET >,
<frame src=" ">,

Notepadnya (save dengan nama frame.html):

File page1.html:

File page2.html:

Praktikum 7
Mahasiswa Mampu Membuat dokumen HTMLdengan CSS

Penulisan CSS adalah sebagai berikut: Nama_style_atau_nama_tag_HTML { nama_atribut : argument; ... nama_atribut : argumen;

} Contoh (save dengan nama css.html) :

Outputnya:

Praktikum 8
Mahasiswa mampu membuat HTML dengan javascript

Petunjuk: Gunakan tag <script>,confirm, username, prompt Save dengan nama file java.html !

Outputnya:

Save dengan nama file alert.html !

Outputnya:

You're Reading a Free Preview

Mengunduh
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->