Nama : Guntur Restu Perdana
NIM :
1003040136
Kelas : C
Praktikum
Pemrograman Web 1
<HTML>
<HEAD>
<TITLE> PEMROGRAMAN WEB </TITLE>
</HEAD>
<HEAD>
<TITLE> PEMROGRAMAN WEB </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
var benar;
benar;
soal="selamat datang di web saya ";
hasil=window.prompt (soal);
if (hasil ==Y)
{ window.alert ("OK!!!");
benar=benar + Y;
}
</SCRIPT>
var benar;
benar;
soal="selamat datang di web saya ";
hasil=window.prompt (soal);
if (hasil ==Y)
{ window.alert ("OK!!!");
benar=benar + Y;
}
</SCRIPT>
Kemudian
simpan dengan nama pemrogramanweb.html di system C, xampp , htdocs ,
panggil dengan nama http://localhost/pemrogramanweb.html maka hasilnya seperti ini pada gambar ini :
2. Siapkan gambar berformat JPG atau GIFT dalam laptop anda.Ubah file gambar tersebut menjadi bernama android.jpg , simpan dalam folder htdocs.
ketik kode berikut di notepad :
<BODY BACKGROUND="android.jpg">
kemudian simpan dengan nama yang sama, maka hasilnya seperti berikut :
kemudian simpan dengan nama yang sama, maka hasilnya seperti berikut :
3.selanjutnya membuat nama website
ketik kode berikut :
<font size=7 color="orange"><center><B>SELAMAT DATANG <br>
Jiguenz's Website</B>
<center></font> <br><br>
Jiguenz's Website</B>
<center></font> <br><br>
simpan dengan nama yang sama, lalu hasilnya :
4. membuat judul website
ketik kode berikut :
<center>
<I><font size=5, color="white"> latihan pemrograman web Teknik Informatika Universitas Muhammadiyah Purwokerto 2012</I>
<I><font size=5, color="white"> latihan pemrograman web Teknik Informatika Universitas Muhammadiyah Purwokerto 2012</I>
simpan dan hasilnya akan seperti berikut :
5.selanjutnya membuat hyperlink ke halaman lain misalnya blog kita
ketik kode berikut :
<BR><I><font size=5> Ini blog saya, Please Visit me ?</I>
<A HREF="http://gunturrestuperdana.blogspot.com/"><blink><I>"Buka blog</I></blink> </A>
<BR>
<A HREF="http://gunturrestuperdana.blogspot.com/"><blink><I>"Buka blog</I></blink> </A>
<BR>
simpan maka hasilnya seperti berikut :
6.menambahkan foto di web
ketik kode berikut :
<center>
<IMG SRC="guntur.jpg" WIDTH="100"HEIGHT="150">
</center>
<IMG SRC="guntur.jpg" WIDTH="100"HEIGHT="150">
</center>
simpan dan hasilnya seperti berikut :
7.membuat tulisan berjalan
ketik kode berikut :
<center>
<marquee direction="right" scrollamount="2"><font color="red"><FONT SIZE=5>TERIMAKASIH ATAS KUNJUNGAN ANDA </FONT> </marquee>
</center>
</FONT>
<marquee direction="right" scrollamount="2"><font color="red"><FONT SIZE=5>TERIMAKASIH ATAS KUNJUNGAN ANDA </FONT> </marquee>
</center>
</FONT>
simpan dan hasilnya seperti berikut :
8.membuat biodata menggunakan tabel
ketik kode berikut :
<TABLE bgcolor="white" BORDER="3" ALIGN="center" CELLSPACING=3 CELLPADDING=5 WIDHT="75%">
<CAPTION> Biodata Mahasiswa <br> </CAPTION>
<br>
<br><br> <br>
<tr>
<th bgcolor="red">Nama</th>
<th bgcolor="green">Guntur Restu Perdana Sadega</th>
<th bgcolor="red"> C</th>
<th bgcolor="yellow">1003040136</th>
</tr>
<tr>
<th bgcolor="red">Alamat</th>
<th bgcolor="green">Banyumas</th>
<th bgcolor="red">Banyumas</th>
<th bgcolor="yellow">30 Juni 1992</th>
</tr>
<tr>
<th bgcolor="red">Hoby</th>
<th bgcolor="green">Blogging</th>
<th> </th>
<th> </th>
</tr>
<tr>
<th bgcolor="red"> Moto</th>
<th bgcolor="green">Kalau kita mau belajar pasti bisa</th>
</tr>
<body>
</html>
<CAPTION> Biodata Mahasiswa <br> </CAPTION>
<br>
<br><br> <br>
<tr>
<th bgcolor="red">Nama</th>
<th bgcolor="green">Guntur Restu Perdana Sadega</th>
<th bgcolor="red"> C</th>
<th bgcolor="yellow">1003040136</th>
</tr>
<tr>
<th bgcolor="red">Alamat</th>
<th bgcolor="green">Banyumas</th>
<th bgcolor="red">Banyumas</th>
<th bgcolor="yellow">30 Juni 1992</th>
</tr>
<tr>
<th bgcolor="red">Hoby</th>
<th bgcolor="green">Blogging</th>
<th> </th>
<th> </th>
</tr>
<tr>
<th bgcolor="red"> Moto</th>
<th bgcolor="green">Kalau kita mau belajar pasti bisa</th>
</tr>
<body>
</html>
simpan dan hasilnya seperti berikut :
9.jangan lupa pada akhir codingan ketik :
</BODY>
</HTML>
</HTML>
10.ini hasil akhir website saya :
hufeetttttttt ..... cape bro ...ngopi dulu ahh ...hehehe ...
silahkan dicoba ya ... semoga bermanfaat ... ^_^
0 komentar:
Posting Komentar