Selamat datang di beranda
BELAJAR DPW
silahkan baca artikel-artikel kami

judul widget leftbar

Halaman

Blogger

dullahsiftif. Diberdayakan oleh Blogger.

BELAJAR DPW

Membuat Website Multimedia audio dan vidio


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>

</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 - di 19.23 Diposting oleh Unknown
Label:

Demo UAS Prakt DPW


<html>
<head>
<title>review</title>
<style type="text/css">
h1        {color: #F00;
            font-family: Arial;
            font-size: 40px;}
h2        {color: #00F;
            font-family: Arial;
            font-size: 35px;}
font      {color: #FC0;
            font-family: Arial;
            font-size: 20px;}

</style>
<script>
function pilih(){
var pilihan = document.getElementById("menu").value;
hapus();
document.getElementById(pilihan).style.display="block";
}
function pilih1(){
var pilihan1 = document.getElementById("menu1").value;
hapus();
document.getElementById(pilihan1).style.display="block";
}
function pilih2(){
var pilihan2 = document.getElementById("menu2").value;
hapus();
document.getElementById(pilihan2).style.display="block";
}
function hapus(){
document.getElementById("audio1").style.display="none";
document.getElementById("audio2").style.display="none";
document.getElementById("audio3").style.display="none";
document.getElementById("video1").style.display="none";
document.getElementById("video2").style.display="none";
document.getElementById("video3").style.display="none";
document.getElementById("youtube1").style.display="none";
document.getElementById("youtube2").style.display="none";
document.getElementById("youtube3").style.display="none";
}
</script>
</head>
<body onLoad="hapus()">
<h1>Demo UAS Praktikum</h1>
<h2>Desain dan Pemrograman Web</h2>
<font face="arial"> NAMA : HAMIDULLAH IKHSAN <br>
NPM  : 12.1.03.03.0278   <br>
</font>

<select name="menu" id="menu" onChange="pilih()">
<option>pilih audio</option>
<option value="audio1">geisha mp3</option>
<option value="audio2">judika mp3</option>
<option value="audio3">Lobow mp3</option>
</select>

<select name="menu1" id="menu1" onChange="pilih1()">
<option>pilih video</option>
<option value="video1">Naruto 231</option>
<option value="video2">Naruto 279</option>
<option value="video3">Naruto 288</option>
</select>

<select name="menu2" id="menu2" onChange="pilih2()">
<option>pilih youtube</option>
<option value="youtube1">hitam putih</option>
<option value="youtube2">kopi hitam kupu kupu</option>
<option value="youtube3">don't worry</option>
</select>

<div id="audio1">
<img src="foto1.jpg" width="300" height="300"></img><br>
<audio controls valign="left">
<source src="geisha.mp3" type="audio/mpeg">
</audio>
</div>

<div id="audio2">
<img src="foto2.jpg" width="300" height="300"></img><br>
<audio controls valign="left">
<source src="judika.mp3" type="audio/mpeg">
</audio>
</div>

<div id="audio3">
<img src="foto3.jpg" width="300" height="300"></img><br>
<audio controls valign="left">
<source src="Lobow.mp3" type="audio/mpeg">
</audio>
</div>

<div id="video1">
<video  width="560" height="340"  controls>
<source src="Naruto Shippuden 231.mp4" type="video/mp4">
</video>
</div>

<div id="video2">
<video  width="560" height="340"  controls>
<source src="Naruto Shippuden 279.mp4" type="video/mp4">
</video>
</div>

<div id="video3">
<video  width="560" height="340"  controls>
<source src="Naruto Shippuden 288.mp4" type="video/mp4">
</video>
</div>

<div id="youtube1">
<iframe width="400" height="300" align="left" src="http://www.youtube.com/embed/Cq3B4xlKNmA">
</iframe>
</div>

<div id="youtube2">
<iframe width="400" height="300" align="left" frameborder="1" src="http://www.youtube.com/embed/U5DNnTo3ug4">
</iframe>
</div>

<div id="youtube3">
<iframe width="400" height="300" align="left" frameborder="1" src="http://www.youtube.com/embed/W5ZvniV-vTE">
</iframe>
</div>

</body>
</html>

Semoga bermanfaat......
0 komentar - di 18.20 Diposting oleh Unknown
Label:

Membuat Javascript Konversi Nilai

<html>
<head>
<title>javascript</title>

<script>
function konversi(){
var nilai_a = Number(document.getElementById("a").value);
var nilai_huruf;
if((nilai_a>90)&&(nilai_a<=100))
nilai_huruf = 'A';
else if((nilai_a>80)&&(nilai_a<=90))
nilai_huruf = 'B+';
else if((nilai_a>70)&&(nilai_a<=80))
nilai_huruf = 'B';
else if((nilai_a>65)&&(nilai_a<=70))
nilai_huruf = 'C+';
else if((nilai_a>59)&&(nilai_a<=65))
nilai_huruf = 'C';
else if((nilai_a>49)&&(nilai_a<=59))
nilai_huruf = 'D';
else
nilai_huruf = 'E';
document.getElementById("c").value = nilai_huruf;
}
</script>
</head>
<body>
<h1>Javascript</h1>
<hr>
<div id="judul">Konversi Nilai</div>

<input type="text" name="a" id="a" size="2">
=
<input type="text" name="c" id="c" size="2">
<br>
<input type="button" name="tombol" id="tombol" value="konversi" onClick="konversi()"/>
</body>
</html>
Dengan ketentuan:
91 – 100 : A
81 –  90 : B+
71 –  80 : B
66 –  70 : C+
60 –  65 : C
50 –  59 : D
0  -  49 : E
Hasilnya sebagai berikut :
 selamat mencoba....




2 komentar - di 18.02 Diposting oleh Unknown
Label:

Tes Paragraf

Judul widget rightbar

Support kontes SEO SBOBET ONLINE BONUS 100% ALL PRODUK dan Ayo Ikutan Kontes Humor Jokes.web.id