Welcome to the dandie's zone

Welcome to dandie's zone



Selasa, 09 November 2010

TUGAS HTML FRAME, LINK & FORMULIR

1. SKRIP frame.htm

<head>
<title>fajar</title>
</head>
<frameset rows = "20%,*,15%" scrolling = "no">
<frame src = "title.htm">
<frameset cols = "20%,*,20%" scrolling = "no">
<frame src = "menu.htm">
<frame src = "home.htm" name = "dinamis">
<frame src = "iklan.htm">
</frameset>
<frame src = "title2.htm">
</frameset>
</html>

Hasil tampilan seperti berikut :  

 2. SKRIP title.htm


 <html>
<head>
<title>fajar</title>
</head>
<body text="black" bgcolor="red"><big><center><marquee><H1>WELCOME TO DANDIE'S ZONE</H1></marquee></center></big>
</body>
</html>

Hasil tampilan seperti berikut :

 3. SKRIP menu.htm




<HTML>
<HEAD>
<TITLE>menu</TITLE>
</HEAD>
<body background = "trophies.jpg" text = "black" <b><big>MENU</big></b>
</body>
<p>
<A HREF = "home.htm" target ="dinamis">Home</a><br>
<A HREF = "profile.htm" target="dinamis">profile</a><br>
<A HREF = "gallery.htm" target="dinamis">gallery</a><br>
<A HREF = "buku tamu.htm" target="dinamis">buku tamu</a><br>
<A HREF = "contact us.htm" target="dinamis">contact us</a>
</HTML>

Hasil tampilan seperti berikut :

4.  SKRIP home.htm

 
<html>
<head>
<title>menu</title>
</head>
<body text="black" background = "champions.jpg">
<center><H1>Created By : Fajar Tirto Raharjo</H1></center>
</body>
</html>


Hasil tampilan seperti berikut :

5. SKRIP  profile.htm

<html>
<head>
<title>profile</title>
</head>
<body text="black" bgcolor="red"<big>
<img src = "Foto0241.jpg" height = "150" width = "100">
<pre>
Nama :fajar tirto raharjo
Kelas :5D SORE
NIM :08.10802.00162
Fak/Jur :teknik/informatika
Alamat :Buduran,SDA
</pre>
</body>
</html>
 
 Hasil tampilan seperti berikut :

6. SKRIP  gallery.htm

<html>
<head>
<title> gallery </title>
</head>
<body bgcolor = "black">
<img src="believe.jpg" width="200" height="150">
<img src="kings of europ.jpg"width="200" height="150">
<img src="Manchester-United-2.jpg"width="200" height="150">
<img src="manchester-united-footballpictures.net.jpg"width="200" height="150">
<img src="united seventeenth time.jpg"width="200" height="150">
<img src="vidicifhedies_design.jpg"width="200" height="150">
</html>
 
  Hasil tampilan seperti berikut :

7. SKRIP  buku tamu.htm

<html>
<head>
<title>Buku Tamu</title>
</head>
<body background="Manchester-Utd-Logo.jpg" font face="Arial" size="2">
<div align="left">
<p align="left"><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_mahasiswa" size = "30"
maxleght = "30">
</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 = "alamat_email" size = "30"
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="45" rows="10" 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="hapus" />
</label></td>
</tr>
</table>
</form>
</div>
</body>
</html>

 Hasil tampilan seperti berikut :

8. SKRIP  contact us.htm

<html>
<head>
<title> contact us </title>
</head>
<body bgcolor="green"text="black" <big><big><center><H2>Jika Anda Berminat Bisa Hubungi
FAJAR Di Nomor:<br>031-81517241/08563284243</H2></center></big></big>
<IMG SRC = "Foto0241.jpg" height = "150" width = "100">
</body>
</html>

  Hasil tampilan seperti berikut :

9. SKRIP  iklan

<html>
<head>
<title>fajar web</title>
</head>
<body text="black" background="trophies.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big><blink>KREDIT MOTOR HONDA HUBUNGI 031-81517241</blink><big></center><p>
<IMG SRC ="extra.jpg"height = "50" width = "50">
</body>
</html>

 
   Hasil tampilan seperti berikut :

10. SKRIP title2.htm

 

<html>
<head>
<title>fajar</title>
</head>
<body text="black" bgcolor="red"<big><center> Copyright © 2010 fajar tirta</center></big>
</body
</html>

 Hasil tampilan seperti berikut :

  Demikian cara mendesain web dengan menggunakan tag HTML FRAME, LINK & FORMULIR. Jangan lupa simpan file pada directory yg sama.
SELAMAT MECOBA, SEMOGA SUKSES & BERMANFA'AT....!!!! 
 
Diposting oleh di Tidak ada komentar:

Minggu, 17 Oktober 2010

TUGAS MENCOBA TAG HTML


ketik program menggunakan notepad, seperti pada gambar berikut

Save seperti pada gambar dibawah ini.

Dan hasilnya seperti gambar dibawah ini.


 
Diposting oleh di Tidak ada komentar:

TUGAS MENGINSTALL APP WAMPSERVER

 Apabila anda belum mempunyai applikasi ini, anda bisa mendownload di :
http://www.wampserver.com/en/download.php

  1. setelah anda dapat mendownload file tersebut, klik dua kali file tersebut hingga muncul gambar seperti di bawah ini. 
 
 2. klik tombol next untuk melanjutkan menginstall program ini. hingga muncul gambar seperti dibawah ini.
  
 3. setelah muncul gambar seperti di atas, pilih  I accept the agreement lalu klik tombol “Next” untuk tahap selanjutnya

 

4. pilih letak memory anda untuk menempatkan aplikasi tersebut. lalu klik next.

5. Pilih desktop icon untuk menampilkan aplikasi tersebut pada desktop anda.


 6. Klik install


7. Setelah selesai proses diatas, isi kolom email dengan alamat email anda, lalu klik next


 8. Klik finish, dan aplikasi wampserver telah ter install pada PC anda. 
SELAMAT MENCOBA....!!! 



Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)