script untuk css
<html>
<head>
<title> tugas css </title>
<style type="text/css">
body{margin-left:200px;
background:url('force-linux.jpg') no-repeat top left;}
.container
{text-align:center;}
.center_div
{border:1px solid gray;
margin-left:auto;
margin-right:auto;
width:90%;
background-color:#d0f0f6;
text-align:left;
padding:8px;}
</style>
</head>
<body>
<div class="container">
<div class="center_div">
<h1>Hai!</h1>
<p>ini adalah contoh dari css, silahkan mencobanya pasti anda bisa !!!!.</p>
</div>
</div>
</body>
</html>
interface
Sabtu, 04 Desember 2010
Rabu, 27 Oktober 2010
TUGAS HTML II (MEMBUAT FRAME)
1. buat frame dengan script :
<html>
<head>
<title> Q-ta bisa </title>
</head>
<frameset rows = "15%, *,5%" border="no">
<frame src = "title.htm" scrolling = "no">
<frameset cols = "20%,*,10%">
<frame src = "menu.htm" scrolling = "no">
<frame src = "profil.htm" name = "dinamis">
<frame src = "sidoarjo.htm" scrolling = "no">
</frameset>
<frame src = "title2.htm" scrolling = "no">
</frameset>
</html>
hasilnya seperti ini,
2. buat halaman html yang lain untuk di link ke dalam frame
membuat menu dengan script:
<html>
<head>
<title>Menu</title>
</head>
<body text="black"<center><big> MENU </big></center>
</body>
<body link="red" alink="yellow" vlink="blue"
<p>
</p>
<a href ="nama.htm" target = "dinamis" > Nama</a><br>
<a href="profil.htm" target = "dinamis" > Profile</a><br>
<a href="galery.htm" target = "dinamis" > Gallery Foto</a><br>
<a href="buku tamu.htm" target = "dinamis" > Buku Tamu</a><br>
<a href="contact person.htm" target = "dinamis" > Contact Person</a>
</body>
</html>
buat isi dari menu:
<head>
<title>menu</title>
</head>
<body text="GREEN" background="1280x1024-03.jpg"><br>
<p></p>
<center><big><blink>By: MUHAMMAD ABDULLAH ALI QODZAFI<br>DARGOMBEZ All Is Well</blink></big></center>
</body>
</html>
<head>
<title>profil</title>
</head>
<body text="green" background="linux-tux-born-2-frag.jpg"<big><center>
<blink>M. ABDULLAH ALI QODZAFI</blink><P></P>
<blink>08.10802.00160 </blink><P></P>
<blink>5D SORE TEKNIK INFORMATIKA </blink><P></P>
<blink>UNIVERSITAS MUHAMMADIYAH SIDOARJO</blink><P></P>
</BODY>
</html>
<title> gallery </title>
</head>
<body>
<img src="1280x1024-03.jpg"width="300" height="300" border="3">
<img src="Linux 102_1024.jpg"width="300" height="300" border="3">
<img src="linux-tux-born-2-frag.jpg"width="300" height="300" border="3">
<img src="xx-tux_babytux.jpg"width="300" height="300" border="3">
</body>
</html>
<head>
<title>Buku Tamu</title>
</head>
<body font face="Arial" size="2">
<div align="left">
<p align="center"><strong>Buku Tamu</strong></p>
<table width="50%" border="0">
<tr>
<td align="left" valign="top">Nama</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type ="text" nama = "nama_pegawai" size = "20" maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Email</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type = "text" name = "hobby" size = "20"
maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Pesan</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<textarea name="pesan" cols="35" rows="5" id="pesan_x"></textarea>
</label></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top"><label>
<input type="submit" name="Submit" value="Simpan" />
<input type="submit" name="Submit2" value="Batal" />
</label></td>
</tr>
</table>
</form>
</div>
</body>
</html>
<head></head><title>contact</title><html>
<body>
<font face="Arial" size="2">
<div align="center">
<p align="center"><strong>CONTACT</strong></p>
<p align="left">Anda dapat mengunjungi melalui email saya <br>
<a href="http://qd_67@yahoo.com">qd_67@yahoo.com</a>atau blog saya
<a href="http://qodzafi.blogspot.com">qodzafi.blogspot.com</a>
<p align="left"><strong>Form Email : </strong></p>
<div align="left">
<table width="100%" border="0">
<tr>
<td width="15%" valign="top">Email Anda </td>
<td width="2%" valign="top">:</td>
<td width="83%" valign="top" class="style5"><label>
<input name="email_anda" type="text" id="email_anda" size="30">
</label></td>
</tr>
<tr>
<td width="15%" valign="top">Isi Pesan </td>
<td width="2%" valign="top">:</td>
<td valign="top" class="style5"><label>
<textarea name="isi_pesan" cols="35" rows="5" id="isi_pesan"></textarea>
</label></td>
</tr>
<tr>
<td width="15%" valign="top"> </td>
<td width="2%" valign="top"> </td>
<td valign="top" class="style5"><label>
<input name="kirim" type="submit" id="kirim" value="Kirim">
<input name="batal" type="reset" id="batal" value="Batal">
</label></td>
</tr>
</table>
</div>
</div>
</body>
</html>
<head>
<title> tugas </title>
</head>
<body text="green" bACKGROUND="Linux 102_1024.jpg">
<font face="times" color="green" size="10"><marquee direction="left" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10"> SELAMAT DATANG DI QODZAFI SITE </marquee></font>
</body>
</html>
<head>
<title> tugas </title>
</head>
<body text="blue" background="xx-tux_babytux.jpg"<big><center> Copyrigth © GOMBEZ Corp </center></big>
</body>
</html>
<html>
<head>
<title> Q-ta bisa </title>
</head>
<frameset rows = "15%, *,5%" border="no">
<frame src = "title.htm" scrolling = "no">
<frameset cols = "20%,*,10%">
<frame src = "menu.htm" scrolling = "no">
<frame src = "profil.htm" name = "dinamis">
<frame src = "sidoarjo.htm" scrolling = "no">
</frameset>
<frame src = "title2.htm" scrolling = "no">
</frameset>
</html>
hasilnya seperti ini,
2. buat halaman html yang lain untuk di link ke dalam frame
membuat menu dengan script:
<html>
<head>
<title>Menu</title>
</head>
<body text="black"<center><big> MENU </big></center>
</body>
<body link="red" alink="yellow" vlink="blue"
<p>
</p>
<a href ="nama.htm" target = "dinamis" > Nama</a><br>
<a href="profil.htm" target = "dinamis" > Profile</a><br>
<a href="galery.htm" target = "dinamis" > Gallery Foto</a><br>
<a href="buku tamu.htm" target = "dinamis" > Buku Tamu</a><br>
<a href="contact person.htm" target = "dinamis" > Contact Person</a>
</body>
</html>
buat isi dari menu:
- nama.htm
<head>
<title>menu</title>
</head>
<body text="GREEN" background="1280x1024-03.jpg"><br>
<p></p>
<center><big><blink>By: MUHAMMAD ABDULLAH ALI QODZAFI<br>DARGOMBEZ All Is Well</blink></big></center>
</body>
</html>
- profil.htm
<head>
<title>profil</title>
</head>
<body text="green" background="linux-tux-born-2-frag.jpg"<big><center>
<blink>M. ABDULLAH ALI QODZAFI</blink><P></P>
<blink>08.10802.00160 </blink><P></P>
<blink>5D SORE TEKNIK INFORMATIKA </blink><P></P>
<blink>UNIVERSITAS MUHAMMADIYAH SIDOARJO</blink><P></P>
</BODY>
</html>
- galery.htm
<title> gallery </title>
</head>
<body>
<img src="1280x1024-03.jpg"width="300" height="300" border="3">
<img src="Linux 102_1024.jpg"width="300" height="300" border="3">
<img src="linux-tux-born-2-frag.jpg"width="300" height="300" border="3">
<img src="xx-tux_babytux.jpg"width="300" height="300" border="3">
</body>
</html>
- buku tamu.htm
<head>
<title>Buku Tamu</title>
</head>
<body font face="Arial" size="2">
<div align="left">
<p align="center"><strong>Buku Tamu</strong></p>
<table width="50%" border="0">
<tr>
<td align="left" valign="top">Nama</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type ="text" nama = "nama_pegawai" size = "20" maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Email</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type = "text" name = "hobby" size = "20"
maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Pesan</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<textarea name="pesan" cols="35" rows="5" id="pesan_x"></textarea>
</label></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top"><label>
<input type="submit" name="Submit" value="Simpan" />
<input type="submit" name="Submit2" value="Batal" />
</label></td>
</tr>
</table>
</form>
</div>
</body>
</html>
- contact person.htm
<head></head><title>contact</title><html>
<body>
<font face="Arial" size="2">
<div align="center">
<p align="center"><strong>CONTACT</strong></p>
<p align="left">Anda dapat mengunjungi melalui email saya <br>
<a href="http://qd_67@yahoo.com">qd_67@yahoo.com</a>atau blog saya
<a href="http://qodzafi.blogspot.com">qodzafi.blogspot.com</a>
<p align="left"><strong>Form Email : </strong></p>
<div align="left">
<table width="100%" border="0">
<tr>
<td width="15%" valign="top">Email Anda </td>
<td width="2%" valign="top">:</td>
<td width="83%" valign="top" class="style5"><label>
<input name="email_anda" type="text" id="email_anda" size="30">
</label></td>
</tr>
<tr>
<td width="15%" valign="top">Isi Pesan </td>
<td width="2%" valign="top">:</td>
<td valign="top" class="style5"><label>
<textarea name="isi_pesan" cols="35" rows="5" id="isi_pesan"></textarea>
</label></td>
</tr>
<tr>
<td width="15%" valign="top"> </td>
<td width="2%" valign="top"> </td>
<td valign="top" class="style5"><label>
<input name="kirim" type="submit" id="kirim" value="Kirim">
<input name="batal" type="reset" id="batal" value="Batal">
</label></td>
</tr>
</table>
</div>
</div>
</body>
</html>
- title.htm
<head>
<title> tugas </title>
</head>
<body text="green" bACKGROUND="Linux 102_1024.jpg">
<font face="times" color="green" size="10"><marquee direction="left" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10"> SELAMAT DATANG DI QODZAFI SITE </marquee></font>
</body>
</html>
- title2.htm
<head>
<title> tugas </title>
</head>
<body text="blue" background="xx-tux_babytux.jpg"<big><center> Copyrigth © GOMBEZ Corp </center></big>
</body>
</html>
M. Abdullah Ali Qodzafi
08.10802.00160
5D/Sore Teknik Informatika
Rabu, 13 Oktober 2010
TUGAS HTML I
- Buat Scriptnya di notepad, seperti dibawah ini, kemudian save dengan extension"HTM/HTML" save as type ganti dengan All Files biarkan Encodingnya apa adanya, setelah itu klik save.
- Selanjutnya buka file yang telah disimpan dengan Web Browser yang anda suka. maka akan jadi seperti gambar di bawah ini.
- Selamat mencobanya. All Is Well
M ABDULLAH ALI Q
08.10802.00160
5D SORE/ TEKNIK INFORMATIKA
Senin, 11 Oktober 2010
instal WampServer
ampServer merupakan singkatan dari Windows, Apache, MySql dan PHP ini bisa di download dari situs http://www.wampserver.com/en sebelum melakukan instalasi Wampserver pastikan komputer tidak terpasang webserver lain serperti IIS atau matikan service apache yang lain agar tidak bentrok.
langkah-langkah untuk melakukan instalasi WampServer
1. dengan mengklik file WampServer.exe, tekan Next untuk melanjutkan
2. Pilih I accept the agreement dan tekan Next
3. Lokasi default tempat penyimpanan file WampServer ada di C:\wamp. lokasi ini dapat di rubah sesuai dengan keinginan kita dengan memilih browse.
pada saat diminta menentukan browes default, cukup tekan Enter untuk memilih dan melanjutkan ke langkah selanjutnya
4. Membuat icon pada desktop dan Quick Launch. tekan next untuk melanjutkan.
5. Tekan Instal.
6. Pada gambar dibawah ini tekan Next untuk melanjutkan
8. Instalasi Wamp Server Selesai
9. Buka Browser favorit anda dan masukkan alamat http://localhost, maka akan muncul tampilan seperti dibawah ini dan instal wampserver dinyatakan sukses
MUHAMMAD ABDULLAH ALI QODZAFI
08.10802.00160
5D SORE / TEKNIK INFORMATIKA
Langganan:
Postingan (Atom)