Sabtu, 23 Oktober 2010

MEMBUAT FRAME DENGAN HTML

1. kode frame
<html>
<head>
<title> rozik irmanto web</title>
</head>

<frameset rows = "15%, *,15%">
                        <frame src = "title.htm" scrolling = "dinamis">

<frameset cols = "30%,*,30%">
                        <frame src = "menu.htm" scrolling = "dinamis">
                        <frame src = "nama.htm" name = "dinamis">
                        <frame src = "punkrock.htm" scrolling = "dinamis">
</frameset>
                        <frame src = "title2.htm" scrolling = "dinamis">
</frameset>

</html>

2. kode menu
<html>
<head>
<title>Menu</title>
</head>
<body background="sid.jpg"text="yellow"<center><big><blink> MENU </blink></big></center>
</body>
<body  link="red" alink="yellow" vlink="blue"
<p>
</p>
<a href ="nama.htm" target = "dinamis" >Ke Nama</a><br>
<a href="profile.htm" target = "dinamis" >Ke Profile</a><br>
<a href="gallery.htm" target = "dinamis" >Ke Gallery Foto</a><br>
<a href="bukutamu.htm" target = "dinamis" >Ke Buku Tamu</a><br>
<a href="contactus.htm" target = "dinamis" >Ke Contact Us</a>
</body>
</html>

3. kode nama
<html>
<head>
<title>nama</title>
</head>
<body text="yellow" background="soekamti.jpg"><br>
<p></p>
<center><big><blink>MY NAME IS<br>ROZIK IRMANTO</blink></big></center>
</body>
</html>

4. Kode iklan
<html>
<head>
<title>PUNK ROCK</title>
</head>
<body text="red" background="sid2.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big><blink>PUNK ROCK SIDOARJO</blink><big></center>
</body>
</html>

5. Kode title
<html>
<head>
<title>title</title>
</head>
<body text="violet" bACKGROUND="outsider.jpg"><big><center><blink>SELAMAT DATANG DI WEBSITE ROZIK outSIDers</blink></center></big>
</body>
</html>

6. kode title2
<html>
<head>
<title>title2 </title>
</head>
<body text="yellow" background="es.jpg"<big><center> TERIMA KASIH ATAS KUNJUNGAN ANDA KE WEBSITE ROZIK IRMANTO</center></big>
</body
</html>
hasil tampilan
  
7. kode profil
<html>
<head>
<title>profile</title>
</head>
<body text="yellow" background="rozik.jpg"<big><center><blink>NAMA:<br> ROZIK IRMANTO</blink><P></P>
<blink>KELAS: <br>5D SORE</blink><P></P>
<blink>NIM:<br> 08.10802.00159</blink></center><BIG>
</body>
</html>
hasil tampilan















 8. kode galeri
<html>
<head>
<title> gallery </title>
</head>
<body<img src="rozik.jpg">
<img src="1.jpg"width="200" height="150">
<img src="2.jpg"width="200" height="150">
<img src="3.jpg"width="200" height="150">
<img src="4.jpg"width="200" height="150">
<img src="5.jpg"width="200" height="150">
</html>
 hasil tampilan
















9. kode buku tamu
<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">&nbsp;</td>
        <td align="left" valign="top">&nbsp;</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>
 hasil tampilan
















10. kode contact
<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://rozikoutsiders@gmail.com">rozikoutsiders@gmail.com</a>atau blog saya
    <a href="http://rozikoutsiders.blogspot.com">rozikoutsiders.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">&nbsp;</td>
          <td width="2%" valign="top">&nbsp;</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>
hasil tampilan

Kamis, 14 Oktober 2010

CARA MENGINSTAL AppServ

1. Double Click appserv yang ada di komputer Anda.
2. klik Next


3. klik I Agree


4. Tentukan lokasi install: secara default C:AppServ. Jika Anda ingin merubah
klik tombol Browse untuk merubah, kemudian klik Next untuk ke tahapan berikutnya.

 
5. Pilih Components : AppServ default package components it’s pilih semua saja lebih baik.
Jika beberapa saja. Anda bisa klik di check box
Jika sudah klik Next untuk ke tahap berikutnya.


6. Konfigurasi Apache : Halaman ini untuk spesifikasi konfigurasi Apache.
Server Name Anda harus menentukan Server Name misalkan localhost (kalau di localhost sebaiknya diisi root@appservnetwork.com)
HTTP Port Tentukan HTTP port untuk Apache Web Server.


7. Konfigurasi MySQL :
Root Password Anda harus mengisi root password untuk MySQL Database.
Character Sets Spesifikasi untuk data storage bahasa dan collations.
Enable InnoDB Jika Anda menggunakan InnoDB harus check option ini.

kemudian klik install


8. Yang terakhir klik Finish


Selamat Mencoba.......