TUGAS HTML WEB NEW


1. CODE  FRAME  OUT.HTM
<html>
<head>
<title> anang maskhur web</title>
</head>

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

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

</html>
2. CODE MENU.HTM
<html>
<head>
<title>Menu</title>
</head>
<body background="waterfall.gif"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. CODE NAMA.HTM
<html>
<head>
<title>nama</title>
</head>
<body text="yellow" background="dinoko.jpg"><br>
<p></p>
<center><big><blink>BY<br>MUCH ANANG MASKHUR</blink></big></center>
</body>
</html>
                                          TAMPILAN


4. CODE  PROFILE.HTM
<html>
<head>
<title>profile</title>
</head>
<body text="yellow" background="far.jpg"<big><center><blink>NAMA:<br> ANANG</blink><P></P>
<blink>KELAS: <br>5D SORE</blink><P></P>
<blink>STATUS:<br> SINGLE</blink></center><BIG>
</body>
</html>
                                         TAMPILAN
5. CODE FOTO GALLERY.HTM
<html>
<head>
<title> gallery </title>
</head>
<body<img src="cantique.jpg">
<img src="adik.jpg"width="200" height="150">
<img src="bromo.jpg"width="200" height="150">
<img src="friendster.jpg"width="200" height="150">
<img src="adk.jpg"width="200" height="150">
<img src="ag.jpg"width="200" height="150">
</html>
                                           TAMPILAN

6. CODE BUKU TAMU.HTM
<html>
<head>
<title>Bukutamu</title>
</head>
<body text"black" <center><marquee><BIG><BIG>BUKU TAMU</BIG></BIG></marque></center>
</body>
</html>
7. CODE CONTACT US.HTM
<html>
<head>
<title> contact us </title>
</head>
<body background="tama.jpg"text="green" <center><big><big><blink>DIJUAL<BR>HUB:<BR> 081230730055<blink></big></big</center>
</body>
</html>
                                          TAMPILAN

8. CODE TITLE.HTM
<html>
<head>
<title>title</title>
</head>
<body text="yellow" bACKGROUND="waterfall.gif"><big><center><blink>SELAMAT DATANG DI WEBSITE ANANG MASKHUR</blink></center></big>
</body>
</html>
9. CODE SDA.HTM
<html>
<head>
<title>SIDOARJO</title>
</head>
<body text="yellow" background="cantique.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big><blink>SIDOARJO BERSIH HATINYA</blink><big></center>
</body>
</html>
10. CODE TITLE2.HTM
<html>
<head>
<title>title2 </title>
</head>
<body text="yellow" background="green.jpg"<big><center><marquee> TERIMA KASIH ATAS KUNJUNGAN ANDA KE WEBSITE ANANG MASKHUR</marquee></center></big>
</body
</html>
11. CODE WATERFALL.HTM
<html>
<head>
<title> waterfall </title>
</head>
<body background="waterfall.gif"
</body>
</html>

TUGAS HTML WEBSITE

1. CODE  FRAME.HTM
<html>
<head>
<title> tugas </title>
</head>
<frameset rows = "15%,*,15%">
<frame src ="title.htm">
<frameset cols = "30%,*,30%">
<frame src ="menu.htm">
<frame src ="TAMA.JPG">
<frame src ="sda.htm">
</frameset>
<frame src ="title2.htm">
</frameset>
</html>
2. CODE  MENU.HTM
<html>
<head>
<title>Menu</title>
</head>
<body  link="red" alink="yellow" vlink="blue"
Menu<br><p></p>
<a href="nama.htm">Ke Nama</a><BR>
<a href="profile.htm">Ke Profile</a><br>
<a href="gallery.htm">Ke Foto Gallery</a><br>
<a href="bukutamu.htm">Ke Buku Tamu</a><br>
<a href="contactus.htm">Ke Contact Us</a>
</body>
</html>
3. CODE  NAMA.HTM
<html>
<head>
<title>menu</title>
</head>
<body text="red" background="cantique.jpg"><br>
<p></p>
<center><big><blink>BY<br>MUCH ANANG MASKHUR</blink></big></center>
</body>
</html>
4. CODE PROFILE.HTM
<html>
<head>
<title>profile</title>
</head>
<body text="yellow" bgcolor="violet"><big><center><blink>NAMA:<br> ANANG<P></P>
KELAS: <br>5D SORE<P></P>
STATUS:<br> SINGLE</blink></center><BIG>
</BODY>
</html>
5. CODE GALLERY.HTM
<html>
<head>
<title> gallery </title>
</head>
<body<img src="cantique.jpg">
<img src="adik.jpg"width="200" height="150">
<img src="bromo.jpg"width="200" height="150">
<img src="friendster.jpg"width="200" height="150">
<img src="adk.jpg"width="200" height="150">
<img src="ag.jpg"width="200" height="150">
</html>
6. CODE TITLE.HTM
<html>
<head>
<title> tugas </title>
</head>
<body text="red" bgcolor="black"><big><center> SELAMAT DATANG DI WEBSITE KAMI</center></big>
</body>
</html>
7. CODE TITLE2.HTM
<html>
<head>
<title> tugas </title>
</head>
<body text="red" bgcolor="black"><big><center> TERIMA KASIH ATAS KUNJUNGAN ANDA KE WEBSITE KAMI </center></big>
</body
</html>
8. CODE SDA.HTM
<html>
<head>
<title>SIDOAJO</title>
</head>
<body text="yellow" background="cantique.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big>SIDOARJO BERSIH HATINYA<big></center>
</body>
</html>
9. CODE BUKUTAMU.HTM
<html>
<head>
<title>Bukutamu</title>
</head>
<body text"black" <center><marquee><BIG><BIG>BUKU TAMU</BIG></BIG></marque></center>
</body>
</html>
10. CODE CONTACT US.HTM
<html>
<head>
<title> contact us </title>
</head>
<body text="black" <center><big><big><blink> 081230730055</blink></big></big</center>
</body>
</html>
                                                                   TAMPILAN

TUGAS HTML

<HTML>
<HEAD>
<TITLE>TUGAS HTML PAK ABI</TITLE>
</HEAD>
<BODY BACKGROUND="ANANG.JPG" TEXT="WHITE"<BR>
<CENTER>MUCH ANANG MASKHUR
<BR>08.10802.00188<BR>5D/SORE</CENTER>
<P></P>
<HR COLOR="YELLOW"WIDTH="60" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="100" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="140" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="180" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="220" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="260" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="30" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="30" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="30" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="60" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="100" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="140" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="180" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="220" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="260" SIZE="10" NOSHADE>
</BODY>
</HTML>

TAMPILAN

TUGAS CODE HTML



<HTML>
<HEAD>
<TITLE>TUGAS HTML PAK ABI</TITLE>
</HEAD>
<BODY BACKGROUND="ANANG.JPG" TEXT="WHITE"<BR>
<CENTER>MUCH ANANG MASKHUR
<BR>08.10802.00188<BR>5D/SORE</CENTER>
<P></P>              
<HR COLOR="YELLOW"WIDTH="60" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="100" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="140" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="180" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="220" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="260" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="30" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="30" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="30" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="60" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="100" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="140" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="180" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="220" SIZE="10" NOSHADE>
<HR COLOR="YELLOW"WIDTH="260" SIZE="10" NOSHADE>
</BODY>
</HTML>


TAMPILAN

CARA MENGINSTAL APPSERV

. Double Click appserv-win32-x.x.x.exe untuk menginstall AppServ di komputer Anda.

Gambar 1 AppServ Welcome Screen
2. License Agreement : AppServ distribution under GNU/GPL License. Jika Anda setuju klik Next.

Gambar 2 GNU/GPL License Agreement screen.
3. Tentukan lokasi install: secara default C:AppServ. Jika Anda ingin merubah
klik tombol Browse untuk merubah, kemudian klik Next untuk ke tahapan berikutnya.

Gambar 3 Choose Install location screen.
4. Pilih Components : AppServ default package components it’s pilih semua saja lebih baik.
Jika beberapa saja. Anda bisa klik di check box.
- Apache HTTP Server is a Web Server.
- MySQL Database is a Database Server.
- PHP Hypertext Preprocessor is a PHP Programming processor.
- phpMyAdmin is a MySQL Database control via WWW.
Jika sudah klik Next untuk ke tahap berikutnya.

Gambar 4 Choose Package Components screen.
5. 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.

Gambar 5 Apache Web Server configure screen.
6. Konfigurasi MySQL :
Root Password Anda harus mengisi root password untuk MySQL Database.
Default user untuk password adalah root .
Character Sets Spesifikasi untuk data storage bahasa dan collations.
Enable InnoDB Jika Anda menggunakan InnoDB harus check option ini.

kemudian klik install

Gambar 6 MySQL Database configure screen.
7. Click Finish to end this setup and AppServ prompt to use.

Figure 7 Complete AppServ Setup screen.
Selamat Anda telah selesai menginstall AppServ.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Anang Maskhur - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger