Posted by : Latif blog Minggu, 13 November 2016


    Kelas 10 jurusan TKJ mungkin anda akan menjumpai materi menambahkan gambar dalam dokumen HTML.Salah satunya adalah menambahkan gambar animasi. Adapun arti animasi :

   Animasi adalah gambar begerak berbentuk dari sekumpulan objek (gambar) yang disusun secara beraturan mengikuti alur pergerakan yang telah ditentukan pada setiap pertambahan hitungan waktu yang terjadi. Gambar atau objek yang dimaksud dalam definisi di atas bisa berupa gambar manusia, hewan, maupun tulisan.

   Animasi sering disebut juga sebagai gambar bergerak.animasi sering disukai banyak anak karena lucu dan mungkin lebih menarik dibanding dengan gambar gambar lainnya.

Cara menambahkan gambar animasi kedalam dokumen HTML menggunakan Notepad yaitu sepaerti cara dibawah ini :

1.masuk ke Notepad
2.kemudian ketik scriptnya
   contoh : 
             <!DOCTYPE html>
             <head>
              <title>animasi</title>
             </head>
              <body>
              <p>
              <img src="animasi.gif" width="150" height="150">
               </p>
               </body>
              </html> 
(bisa juga gambar animasi langsung dari internet namun gambar hanya bisa dibuka manakala ada koneksi internat..caranya tinggal mengcopy paste alamat gambar animasi tersebut kemudian paste pada notepad)
3.kemudian simpan satu folder dengan gambar animasinya
4.selesai..


CONTOH =

<!DOCTYPE html>
<head>
<title>animasi</title>
</head>
<body>
<form id="forml" name="forml" method="post"action="">
<table width="800" height="447"align="center"cellspacing="0">
<tr>
<th width="627" height="23"colspan="2" align="center"bgcolor="#FF800"><strong><font color="#000000"size="+4"> WEB PRIBADI</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<p>
<img src="selamat.gif" width="150" height="150">
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright &copy;.</td>
</tr>
</table>
</form>
</body>

</html>

HASILNYA :  




terimakasih semoga bermanfaat...

LIHAT GAMBAR ANIMASINYA?? KLIK SINI!!!


{ 1 komentar... read them below or add one }

  1. kalo misalnya mau masukin itu mesti gif formatnya? kalo pake animasi yang dibuat pake adobe flash dengan format fla bisa gk?

    BalasHapus

- Copyright © Latif Rahmanto TKJ 1 - Blogger Templates - Powered by Blogger - Designed by Johanes Djogan -