BAHAS WEB DISINI..

**Admin** Sun Oct 24, 2010 10:29 am

KHUSUS PEMBAHASAN WEB AND CODINGAN NYA.. SHARE SINI YAK KLO ADA YG BLM GW TW

**Admin** Sun Oct 24, 2010 10:49 am

Tmpilan Web nya kyk gini...

Klo di klik Home muncul di frame yg kanan..

klo di klik buddy muncul di frame yg kanan jg..

CODE NYA :
1. BUAT WEB BANNER ( TULISAN GERAK YG DIATAS)
CODING YG GW BUAT KY GINI BWT BANNER :
<html>
<head>
<title> Banner </title>
</head>
<body>
<center> <img src = "img\logo.gif" width = 500 height = 100 /> </center>
</body>
</html>

2. BUAT WEB HTML HOME NYA
CODING YG GW BUAT :
<html>
<head>
<title> home </title>
<h1 style = "font-family : algerian; color : red; text-align : center"> WELCOME TO STMIK BIODATA ONLINE </h1>
</head>
<body>
<p style = "font-family : Baskerville old face; font-size : 20px; text-align : center"> Silahkan Login dengan menggunakan Nomor Pokok Mahasiswa anda untuk mengakses Website ini </p>
<table border = "0" cellpadding = "1" cellspacing = "2">
<tr>
<td colspan = "2" width = "70%"> - </td>
<td> <form style = "text-align : Right">
User Name : <input type = "text" name = "ID" /> </br>
Password : <input type = "password" name = "password" /> </br> </br>
<input type = "submit" value = "login" />
<input type = "submit" value = "help?" /> </br> </td>
</tr>
</table>
</form>
</body>
</html>

3. BUAT WEB HTML BUDDY NYA
CODING YG GW BUAT :
<html>
<head>
<title> Table Siswa </title>
</head>
<body>
<table border = "3" cellspacing = "1" cellpadding = "1" width = 100%>
<tr>
<td style = "font-family : algerian; color : red; text-align : center" colspan = 3> Nama </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = 45%>
<pre>
Lengkap :
Panggilan :
</pre> </td>
<td width = 45%>
<pre>
Ibnu Ramdhan Assaumi
Iben
</pre> </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = 45%>
<pre>
Lengkap :
Panggilan :
</pre> </td>
<td width = 45%>
<pre>
Hary Saptadi
Hary
</pre> </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = 45%>
<pre>
Lengkap :
Panggilan :
</pre> </td>
<td width = 45%>
<pre>
Adimas Sampurno
Dimas
</pre> </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = 45%>
<pre>
Lengkap :
Panggilan :
</pre> </td>
<td width = 45%>
<pre>
Muhammad Kholieq
Kholieq
</pre> </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = 45%>
<pre>
Lengkap :
Panggilan :
</pre> </td>
<td width = 45%>
<pre>
Reza Maulana
Maul
</pre> </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = 45%>
<pre>
Lengkap :
Panggilan :
</pre> </td>
<td width = 45%>
<pre>
Huda Wicaksono
Om
</pre> </td>
</tr>
</table>
</body>
</html>

4. BUAT WEB HTML GALLERY NYA
CODING YG GW BUAT :
<html>
<head>
<title> Gallery </title>
</head>
<body>
<table border = "5" cellpadding = "5" cellspacing = "20" width = "100%">
<tr>
<td style = "font-family : baskerville old face; color : #900000; font-size : 20px; text-align : center" colspan = "10"> STMIK 202 GALLERIES </td>
</tr>
<tr>
<td width = "10%"> <center> <img src = "img\iben.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dimas.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\kholieq.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dani.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\ragil.jpg" height = "60" width = "65" /> </center> </td>

</tr>
<tr>
<td width = "10%"> <center> <img src = "img\iben.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dimas.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\kholieq.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dani.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\ragil.jpg" height = "60" width = "65" /> </center> </td>

</tr>
<tr>
<td width = "10%"> <center> <img src = "img\iben.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dimas.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\kholieq.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dani.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\ragil.jpg" height = "60" width = "65" /> </center> </td>

</tr>
<tr>
<td width = "10%"> <center> <img src = "img\iben.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dimas.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\kholieq.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\dani.jpg" height = "60" width = "65" /> </center> </td>
<td width = "10%"> <center> <img src = "img\ragil.jpg" height = "60" width = "65" /> </center> </td>

</tr>
</table>
</body>
</html>

5. BUAT HTML LIST ( ICON HOME, BUDDY, GALERY)
CODING YG GW BUAT :
<html>
<head>
<title> Buddy </title>
</head>
<body background = "img\c.jpg">
<pre>
<img src = "img\home.jpeg"> <a href = "home.html" target = "right"><u>Home</u> </a>
<img src = "img\buddy.png"> <a href = "buddy.html" target = "right"><u>Buddy</u> </a>
<img src = "img\galery.png"> <a href = "gallery.html" target = "right"><u>Gallery</u> </a>
</pre>
</body>
</html>

DARI 5 NO. DIATAS MASUKIN 1 FOLDER FILE HTML NYA
KYK GINI :

6. BUAT WEB HTML FRAME NYA TRZ TARO DI LUAR FOLDER DARI KELIMA NOMER KY GAMBAR YG DIATAS
CODE NYA YG GW BUAT :
<html>
<head>
<title> Welcome </title>
</head>
<frameset rows = "20%,70%"
<frame src = "Frames html\banner.html" />
<frameset cols = "15%,85%">
<frame name = "left" src = "Frames html\list.html" />
<frame name = "right" src = "welcome.html" />
</frameset>
</html>

KLO BINGUNG TANYA AJA... Laughing

**Admin** Mon Oct 25, 2010 8:39 pm

LU COPY PASTE AJA DI NOTEPAD TRZ SIMPEN PKE EKSTENSI .HTML (EX : BIODATA.HTML) TRZ LIAT SENDIRI TAMPILAN NYA YAK.. CAPE GW BIZ NULIS CODE SEGINI BNYK PKE TANGAN BWT LAPORAN AWAL

<html>
<head>
<title> Biodata </title>
</head>
<body>
<table border = "2" cellpadding = "1" cellspacing = "1" width = "100%">
<tr>
<td style = "font-family : algerian; color : red; size : 18px; text-align : center" colspan = "3"> NAMA </td>
</tr>
<tr>
<td width = 10%> <center> <img src = "ibnu.jpg" height = "70" width = "85" /> </center>
<td width = "45%"> <pre> <ol>
<li> Lengkap :
<li> Panggilan :
</ol> </pre> </td>
<td width = "45%"> <pre>
Ibnu Ramdhan Assaumi
Iben
</pre> </td>
</tr>
<tr>
<td style = "font-family : algerian; color : red; size : 18px; text-align : center" colspan = "3"> KELAHIRAN </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = "45%"> <pre> <ul>
<li> Tempat :
<li> Tgl/bln/thn :
</ul> </pre> </td>
<td width = "45%"> <pre>
Jakarta
28/03/1990
</pre> </td>
</tr>
<tr>
<td style = "font-family : algerian; color : red; size : 18px; text-align : center" colspan = "3"> ALAMAT </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = "45%"> <pre> <ol type = "a">
<li> Jalan :
<li> Rt / Rw :
<li> Kelurahan :
<li> Kecamatan :
</ol> </pre> </td>
<td width = "45%"> <pre>
Jln. Gg.H.Mading
006 / 02
Kembangan
Kembangan
</pre> </td>
</tr>
<tr>
<td style = "font-family : algerian; color : red; size : 18px; text-align : center" colspan = "3"> FAVORIT </td>
</tr>
<tr>
<td width = 10%> - </td>
<td width = "45%"> <pre> <ol type = "e">
<li> Makanan :
<li> Minuman :
</ol> </pre> </td>
<td width = "45%">
<pre> <ol start = "3">
<li> Hobi </ol>
<ul type = "round">
<li> Lagu : </ul>
<ul type = "square">
<li> Buku : </ul>
</pre> </td>
</tr>
</table>
</body>
</html>

LU COPY PASTE AJA DI NOTEPAD TRZ SIMPEN PKE EKSTENSI .HTML (EX : BIODATA.HTML) TRZ LIAT SENDIRI TAMPILAN NYA YAK.. CAPE GW BIZ NULIS CODE SEGINI BNYK PKE TANGAN BWT LAPORAN AWAL

Sponsored content

BAHAS WEB DISINI..

BAHAS WEB DISINI..

TUGAS WEB

TUGAS LAPORAN AWAL TABLE

Re: BAHAS WEB DISINI..