PRAKTIKUM 1

PERANCANGAN MULTIMEDIA INTERAKTIF

BERBASIS HALAMAN WEB DAN MEDIA
INTERAKTIF

DESAIN MEDIA INTERAKTIF

MULTIMEDIA
SMKN 1 GEMPOL
A. LANDASAN TEORI
PENGERTIAN HTML :Hypertext Markup Language atau HTML adalah bahas
markup standar yang digunakan untuk membuat halaman website atau aplikasi web.

TITLE :adalah sebuah elemen HTML yang menunjukkan judul atau nama dari
halaman situs tertentu adalah title tag. Ketika hasil pencarian telah muncul, title tag
diindikasikan oleh tulisan tebal yang bisa di klik pada halaman hasil pencarian.

HEAD :adalah elemen HTML yang berfungsi sebagai tempat untuk meletakkan

metadata yaitu informasi-informasi halaman web yang tidak ditampilkan pada
halaman tersebut.

BODY : adalah elemen HTML yang berfungsi sebagai tempat untuk meletakkan

metadata yaitu informasi-informasi halaman web yang tidak ditampilkan pada
halaman tersebut.

H1 :adalah elemen HTML yang berfungsi sebagai tempat untuk meletakkan metadata

yaitu informasi-informasi halaman web yang tidak ditampilkan pada halaman
tersebut.

H2 :adalah sama seperti H1 tetapi ukuranya lebih kecil

P :adalah tag pada HTML yang berfungsi untuk membuat suatu paragraf pada
halaman tersebut

BR :adalah elemen pada HTML yang berfungsi untuk mengganti baris pada halaman
tersebut

IMG : adalah elemen pada HTML yang berfungsi untuk memasukkan suatu gambar
pada halaman web tesebut

A HREF :adalah elemen pada HTML yang berfungsi untuk membuat/memasukkan

suatu link pada halaman tersebut

UL :adalah elemen pada HTML yang befungsi untuk menampilkan daftar(list)dalam

bentuk bulat dalam halaman tersebut

LI :adalah elemen pada HTML yang berfungsi untuk menampilkan data secara
berurutan kebawah dalam halaman tersebut

OL :adalah elemen pada HTML yang berfungsi untuk menampilkan suatu data
dengan urutan bernomor otomatis

AUDIO :untuk memasukkan suara/audio/music pada halaman web tersebut

VIDEO :untuk memaasukan vidio pada halaman web

B. MENULIS JUDUL PADA HALAMAN HOMEPAGE
Kode Program :

Hasil:

Penjelasan:
Pada kode program menjelaskan tentang halaman judul dengan mengetikkan kode
<title> halaman judul </title> yang berarti akan menampilkan hasil halaman judul
seperti tampilan diatas.

C. MENAMBAH SUBJUDUL DAN PARAGRAF

MEMBUAT H1
Kode Program:

Hasil:
Penjrlasan:
Pada kode program diatas menjelaskan tentang sub judul yang paling penting dengan
mengetikkan kode <h1>. H1 adalah sub judul 1 yang berarti sangat penting dari h2 /
sub judul 2 dengan di buktikan dengan ukuran sub judul 1/ heading 1 lebih besar dari
pada sub judul 2 / heading 2. Penomoran tersebut bisa menentukan seberapa penting
nya sub judul tersebut.

MEMBUAH PARAGRAF
Kode Program :

Hasil :

Penjelasan :
Pada kode program di atas menjelaskan tentang paragraf dengan mengetikkan kode
<p> pada text editor/ code editor. Kode <p> akan menempilkan sebuah paragraf
D. GANTI BARIS
Kode Program :

Hasil:

Penjelasan:tag <br> digunakan untuk membuat kalimat atau mengganti baris suatu
kalimat agar terlihat lebih rapi. Atau sering disebut enter
E. MENAMBAHKAN GAMBAR
Kode program:

Hasil :

Penjelasan: kalian dapat memasukkan gambar dengan menggunakan tag<img src>

dan kalian harus menymakan gambar yang ada di folder dengan yang kalian mesukan
dalam html dengan format tex yang sama. Dan kalian harus mengatur tinggi dan lebar
nya agar gambar tersebut sesuai
F. MEMBUAT LINK
Kode Program:

Hasil:

Penjelasan: tag<a href> dapat digunakan untuk memsukkan suatu link atau
menghubungkan dengan web yang lain

G. MEMBUAT DAFTAR LIST

DAFTAR DENGAN KODE BULAT
 Kode Program:

Hasil:

Penjelasan : tag<ul> adalah elemen pada HTML yang befungsi untuk menampilkan
daftar(list)dalam bentuk bulat dalam halaman tersebut. Sedangkan tag<li> adalah
elemen pada HTML yang berfungsi untuk menampilkan data secara
berurutan kebawah dalam halaman tersebut.<hr>untuk membuat garis

H. DAFTAR BERNOMOR
 Kode Program :

Hasil :

Penjaelasan : kalau kalian ingin membuat suatu daftar atau apapun itu dengan nomor
dan bisa urut secara otomatis kalian bisa menggunakan tag<ol>

I. DAFTAR BERDEFINISI
 Kode Progam:

Hasil:

Penjelasan ; tag<dt>untuk menulis nama lalu tag<dt>digunakan untuk menulis

pekerjaanya

J. SUB DAFTAR
 Kode program:

Hasil:

Penjelasan :terdiri dari gabungan tag diatas sperti<ol> , <li> ,<ul> dll.

K. MENAMBAHKAN AUDIO KE DALAM HALAMAN WEB

 Kode program :

Hasil :

Penjelasan : kalau kalian mau memasukkan audio jangan lupa nama&format file
kalian harus sama dengan yang kalian masukkan di html.

L. MENAMBAHKAN VIDEO KEDALAM HALAMAN WEB

Kode Program ;

Hasil :

Penjelasan : sama saja dengan memasukkan audio di atas kalian harus memasukkan
file dan nama yang sama pada scrip HTML.