Selasa, 09 November 2010

TUGAS CSS

Ne tugas css....
gambar di atas merupakan tampilan dari code

                                                                          index
style
                                                                                layout
                                                                            halaman web

Minggu, 24 Oktober 2010

TUGAS html 2

ketemu lagi di tugas berikutnya...
ne latihan agak mulai rumit.!!!
dengan usaha yang keras alhamdulillah terselesaikan ;)

Membuat FRAME
Nama
 <html>
<head>
<title>menu</title>
</head>
<body text="green" background="gambar.jpg"><big><center>
<p></p>
<br>
<br>
<br>
<b></b>
<center><big>PHOBI SILVIADIKA</big></center>
</body>
</html>

Profile
<html>
<head>
<title>profile</title>
</head>
<body text="blue" background="eswi.jpg"><big><center>
Info kontak<BR>
NAMA:<br> PHOBI SILVIADIKA <P></P>
Agama:Islam<br>
Alamat: Cemeng Bakalan rt.09 rw 02<br>
No ponsel:081703885777<br>
<P></P>
Perguruan Tinggi:<br>
UMSIDA '07<BR>
Kelas:5D-Sore<br>
Jur:Informatika<br>
Nim: 08.10802.00191<br>
Email: Phobi2ola@yahoo.com<br>
Blog:Phobz.blogspot
</blink></center><BIG>
</BODY>
</html>


Galery
<html>
<head>
<title> gallery </title>
</head>
<body background="re.jpg">
<img src="bebs.jpg"width="200" height="150">
<img src="p.jpg"width="200" height="150">
<img src="e.jpg"width="200" height="150">
<img src="ji.jpg"width="200" height="150">
<img src="u.jpg"width="200" height="150">
<img src="io.jpg"width="200" height="150">
<img src="l.jpg"width="200" height="150">
<img src="ko.jpg"width="200" height="150">
<img src="uj.jpg"width="200" height="150">
</body>
</html>

Buku Tamu
<html>
<head>
<title>Bukutamu</title>
</head>
<body text"black" <center><marquee><BIG><BIG>BUKU TAMU</BIG></BIG></marque></center>
</body>
</html>

Contact Us
<HTML>
<HEAD>
<TITLE>Vendor Komputer</TITLE>
</HEAD>
<body text="violet" background="h.jpg">
<CENTER>
<H1>contact yang bisa dihubungi</H1>
<BR>
<font color="#9966FF" size="4">
<A HREF = "http://www.yahoo.com/">Yahoo</A><BR>
<A HREF = "http://www.phobi2ola@gmail.com/">email</A><BR>
<A HREF = "http://www.phobz.blogspot.com/">blogq</A><BR>
</CENTER>
</BODY>
</HTML>

F1
<html>
<head>
<title> tugas </title>
</head>
<body text="violet"background="h.jpg"><big><marquee> SELAMAT DATANG DI WEBSITE PHOBI</marquee></big>
   <form action="<?php $_SERVER['PHP_SELF'];?>"
method="post" enctype="multipart/form-data">

   File: <input type="file" name="fl" />
   <input type="submit" name="submit" value="Upload" />
</form>

<?php

if (isset($_POST['submit'])
&& isset($_FILES['fl'])) {
  // Lokasi upload, misal di subdir upload
  $dir = './upload/';
  $file = $_FILES['fl']['tmp_name'];
  $name = $_FILES['fl']['name'];

  // Memastikan file tidak kosong
  if (!is_uploaded_file($file)) {
    exit('No file selected...');
  }

  // Upload ke server
  if (!move_uploaded_file($file, $dir.$name)) {
     echo 'Unable to upload file';
  } else {
     echo 'File Uploaded...';
  }

}
?>
 <p>
  <!-- menggunakan path absolute -->
  <img src="ko.jpg" width="150" height="70"
align="left" />
</body>
</html>

F2
Menu
<html>
<head>
<title>Menu</title>
</head>
<body text="violet" background="h.jpg" link="orange" alink="violet" vlink="BLUE" >
Menu<p></p>
<ul> <li><a href="nama.html"target="dinamis">Nama</a><BR></li>
   <li><a href="profil.html"target="dinamis">Profile</a><br></li>
   <li><a href="galerry.html"target="dinamis">Foto Gallery</a><br></li>
   <li><a href="form.html"target="dinamis">Buku Tamu</a><br></li>
   <li><a href="yahoo.html"target="dinamis">Contact Us</a><br></li>
</ul>
</body>
</html>


F4
<html>
<head>
<title>karangan</title>
</head>
<body text="green" bgcolor="black">
<img src="ju.jpg" width="100%" height="100">
<center><big>
<tr>
<td>
Dalam puisi karangan Henry van Dyke, disebutkan dengan bersahaja - namun indah - mengenai kemurniaan cita-cita, diterjemahkan secara bebas di sini:
"Ada cita-cita yang lebih murni dan agung selain daripada keinginan berada di puncak dunia. Cita-cita itu adalah dengan meletakkan diri kita nun jauh di bawah dan menjulang kemanusiaan sedikit lebih tinggi daripada diri kita sendiri."
</td>
</tr>
"<big></center>
</body>
</html>

F5

<html>
<head>
<title> tugas </title>
</head>
<body text="green" bgcolor="black">
<p></p>
<center><big><blink>copyright©2010 by: phobi silviadika</center></blink></big>
<font size="4">
</font>
</body>
</html>
Bentuk Tampilan

Sabtu, 16 Oktober 2010

HTML1/CARA MEMBUAT GARIS HORIZONTAL

<HTML>
<HEAD>
<TITLE>Tugas html 1</TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<BODY TEXT = "BLUE">
<P><CENTER>
<B><H2> GAPURA </H2></B>
</P>
<HR ALIGN = "CENTER" COLOR = "GREEN" WIDTH = "4%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "GREEN"WIDTH = "8%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "GREEN"WIDTH = "16%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "GREEN"WIDTH = "24%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "RED"WIDTH = "16%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "RED"WIDTH = "8%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "RED"WIDTH = "4%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "BLUE"WIDTH = "3%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "BLUE"WIDTH = "3%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "BLUE"WIDTH = "3%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "BLUE"WIDTH = "4%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "GREEN"WIDTH = "6%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "GREEN"WIDTH = "8%" SIZE = "16">
<HR ALIGN = "CENTER" COLOR = "GREEN"WIDTH = "16%" SIZE = "16">
<B><H2><marquee>BY:PHOBI SILVIADIKA</marquee></H2></B>
</BODY>
</HTML>


Jangan lp dlm setiap penyimpanannya ikuti dengan .htm/.html y???
Na, kalo sudah hasilnya tampak seperti gambar di bawah ini....


 Keren kan??ine masi dasar lo...
sampai ketemu d latihan-latihan html berikutnya!!!!!
asa kemampuan kita terus y???
silakan mencoba....

Jumat, 15 Oktober 2010

HTML 1/Cara membuat garis horizontal



Uploaded with ImageShack.us

Jangan lp dlm setiap penyimpanannya ikuti dengan .htm/.html y???
Na, kalo sudah hasilnya tampak seperti gambar di bawah ini....



Uploaded with ImageShack.us


Keren kan??ine masi dasar lo...
sampai ketemu d latihan-latihan html berikutnya!!!!!
asa kemampuan kita terus y???
silakan mencoba....

Minggu, 10 Oktober 2010

Tutorial Instalasi Appserv 2.5.6

Yang harus kita lakukan terlebih dahulu adalah mendapatkan paket installer. Kali ini menggunakan Appserve. Kita bisa memperolehnya di http://www.AppServNetwork.com dengan ukuran 14.7 MB

Untuk Appserv versi 2.5.6. Mari kita install!!!

1. Klik ganda file yang telah kita peroleh tadi!


2. Klik Next untuk melanjutkan installasi



3. Klik I Agree untuk melanjutkan instalasi


4. Klik Next atau ganti "Destination Folder" apabila Anda ingin menginstallnya di tempat lain



5. Karena semua paket instalasi dibutuhkan, maka langkah selanjutnya adalah klik Next


6. Isikan "Server Name" misalnya Herlin
, dan email Anda misalnya lyn.herlin@gmail.com, selanjutnya klik Next

7. Isi password Anda dua kali dan klik
install


8. Proses instalasi akan berjalan dan tunggu hingga selesai. Klik Finish



9. Proses installasi webserver selesai dan berfungsi sebagaimana mestinya. Selanjutnya kita bisa melanjutkan ke tahap selanjutnya.