1. Menntukan
dahulu file foto, audio,video yang kita
inginkan telebih dahulu
2. Membuat
file dengan nama sembarang, kemudian file foto,audio dan video kita jadikan
satu dalam file tersebut.
3.
Membuka Dreamweaver
4. Setelah
Dreamweaver terbuka kita ketikan sbb:
<html>
<head>
<title>sembarang</title>
</head>
<body>
<div><font size="10">Website
Multimedia</font></div>
<div><font face="Arial"
size="5">Nama :Hamidullah Ikhsan</font></div>
<div><font face="Arial"
size="5">NIM
:12.1.03.03.0278</font></div><br><br>
<table border="1"
cellspacing="3" cellpadding="3">
<tr>
<td width="300"
bgcolor="#00FFFF" align="center"
face="arial"><a href="audio.html" style="text-decoration:none"><font size="5"
color="#000000"> Audio </font></a></td>
<td width="300" bgcolor="#999999" align="center" face="arial"><a href="video.html" style="text-decoration:none"><font size="5" color="#000000">Video</font></a></td>
<td width="300" bgcolor="#999999" align="center" face="arial"><a href="video.html" style="text-decoration:none"><font size="5" color="#000000">Video</font></a></td>
</tr>
</table><br><br>
<font face="arial"
size="5">Playlist</font>
<table border="1"
cellspacing="0" cellpadding="5">
<tr height="250">
<td valign="top"
face="arial" width="300">
<div><font face="arial"
color="#0000FF">Judika - aku yang tersakiti</font></a></div><br></br>
</td>
<td valign="top"
align="center" width="610">
<div style="background-color:black;
height: 140px; overflow: auto; padding: 5px; text-align: justify; width:
615px;">
<img align="left"
src="foto.jpg" width="140"
height="140"></img>
<font face="arial"
size="6" color="white">Judika - aku yang tersakiti</font></div>
<video valign="center"
width="625" height="50" controls>
<source src="judika.mp3"
type="audio/mpeg">
</video>
</td>
</tr>
</table>
</body>
</html>
5. Setelah
di ketik save di file sembarang yg kita buat denggan nama audio.html
6. Kemudian
kita pilih file new html di Dreamweaver
7. Setelah
muncul kita ketig sbb
<html>
<head>
<title>sembarang</title>
</head>
<body>
<div><font size="10">Website
Multimedia</font></div>
<div><font face="Arial"
size="5">Nama :Hamidullah Ikhsan</font></div>
<div><font face="Arial"
size="5">NIM
:12.1.03.03.0278</font></div><br><br>
<table border="1"
cellspacing="3" cellpadding="3">
<tr>
<td width="300"
bgcolor="#999999" align="center"
face="arial"><a href="audio.html"
style="text-decoration:none"><font size="5" color="#000000">
Audio </font></a></td>
<td width="300"
bgcolor="#00FFFF" align="center"
face="arial"><a href="video.html"
style="text-decoration:none"><font size="5"
color="#000000">Video</font></a></td>
</tr>
</table><br><br>
<font face="arial"
size="5">Playlist</font>
<table border="1"
cellspacing="0" cellpadding="5">
<tr height="400">
<td valign="top"
face="arial" width="300">
<div><font face="arial"
color="#0000FF">Naruto Shippuden</font></a></div><br></br>
</td>
<td valign="top"
align="center" width="610">
<video width="610"
height="400"controls>
<source src="Naruto
Shippuden.mp4" type="video/mp4">
<object data="Naruto
Shippuden.mp4" width="610" height="400">
<embed src="Naruto
Shippuden.swf" width="610" height="400">
</object>
</video>
</embed>
</body>
</html>
8. Setelah
di ketik save di file denggan nama video.html
9. File
audio.html dan video.html save di file sembarang di file yang sama agar file
bisa dijalankan
10. Hasilnya
sbb:
semoga bermanfaat....coeeey!!
1 komentar
Hallo kak. Terimakasih ya kak artikel nya bagus mudah dipahami bagi saya yang baru belajar tentang HTML. Artikel nya juga sangat membantu dalan memenuhi tugas kuliah saya kak. Semoga dapat memberikan artikel yang bermanfaat lainnya ya kak. Terimakasih kak sukses selalu . Perkenalkan Saya Ardila Yunita, NIM 1922500096, link kampus saya https://www.atmaluhur.ac.id/
Silahkan Beri Komentar Saudara...