2.masukan kode berikut
cara membuat frame
<html>
<head>
<title>nama wabsite</title>
</head>
<frameset rows="60,*" framespacing="0" border="7" bordercolor="green" frameborder="5">
<frame name="atas" src="head.html" scrolling="no" noresize>
<frameset cols=25%,* framespacing="0" border="7" bordercolor="green" frameborder="5">
<frame name="kiri" src="kiri.html" scrolling="no" noresize>
<frame name="kanan" src="kanan.html" scrolling="yes" noresize>
</frameset> </frameset></noframes></noframes>
</html>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul frame.html )cara menampilkan beberapa foto
<html>
<head>
<title>foto</title>
</head>
<body bgcolor="red">
<table border="0" bordercolor="red" cellspacing="0"
cellpadding="40" width="400" height="300">
<tr> <td valign="TOP">
<font face="verdana" size="6" color="red">
<marquee direction="down" behavior="slide"
direction="down" scroullmount="2" height"400px" scrolldelay="2" bgcolor"orange"
width="550px"><b>foto-foto </br></font></b></marquee>
<marquee direction="lift" behavior="scrool" direction="lift" scrollamount="4" height="400" width="550" scrolldelay="5">
<br><img src="dua.jpg" width="500" height="350" border="5">
<img src="enam.jpg" width="500" height="350" border="5">
<img src="tujuh.jpg" width="500" height="350" border="5">
<img src="delapan.jpg" width="500" height="350" border="5">
<img src="sembilan.jpg" width="500" height="350" border="5">
<img src="02.jpg" width="500" height="350" border="5">
<img src="03.jpg" width="500" height="350" border="5">
<img src="04.jpg" width="500" height="350" border="5">
<img src="05.jpg" width="500" height="350" border="5">
<img src="06.jpg" width="500" height="350" border="5">
<img src="07.jpg" width="500" height="350" border="5">
<img src="08.jpg" width="500" height="350" border="5">
<img src="09.jpg" width="500" height="350" border="5">
<img src="10.jpg" width="500" height="350" border="5"></br>
</marquee>
</td>
</tr>
</table>
</body>
</html>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul foto.html )cara membuat head/kepala wabsite
<html>
<head>
<title>Latihan Membuat wabsite</title>
</head>
<body bgcolor="Gold">
<img src="logo.jpg" border="0" height="40" width="70">
<tr> <td valign="TOP">
<font face="verdana" size="4" color="white">
<marquee direction="lift" behavior="scroll"
direction="lift" scroullmount="2" height"22" scrolldelay="2" bgcolor"orange"
width="900px"><b>Selamat Datang
Diwebsite baru saya
</br></marquee>
</body>
</html>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul head.html )
cara membuat tampilan kanan wabsite
<html>
<head>
<title>Kanan</title>
</head>
<body background="satu.jpg">
<table border="0" bordercolor="red" cellspacing="0"
cellpadding="40" width="400" height="200">
<tr> <td valign="TOP">
<font face="verdana" size="6" color="red">
<marquee direction="down" behavior="slide"
direction="down" scroullmount="2" height"400px" scrolldelay="2" bgcolor"orange"
width="550px"><b>Selamat Datang<br>
Diwebsite pribadi ku</br>
terbaru</font></b></marquee>
<marquee direction="UP" behavior="slide" direction="UP" scrollamount="4" height="400" scrolldelay="5">
<br><img src="dua.jpg" width="500" height="350" border="5">
</br>
</marquee>
</td>
</tr>
</table>
</body>
</html>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul kanan.html )cara membuat tampilan kiri wabsite
<html>
<head>
<title>Latihan Membuat Frame</title>
</head>
<body background="empat.jpg">
<table border="3" width="240" height="19" cellspacing="2">
<tr> <td width="218" height="22" bordercolor="red" bgcolor="orange">
<b><font face="Tahoma" size="2"> M e n u</font></b>
</td>
</tr>
<tr> <td width="218" height="22" bordercolor="white" bgcolor="Yellowgreen">
<b><font face="Tahoma" size="2"> <a href="kanan.html" target="kanan">H o m e</a></font></b>
</td>
</tr>
<tr><td width="218" height="22" bordercolor="white" bgcolor="Mediumturquoise">
<b><font face="Tahoma" size="2"> <a href="struktur.html" target="kanan">Struktur Organisasi</a> </font></b></td>
</tr>
<tr> <td width="218" height="22" bordercolor="white" bgcolor="Yellow">
<b><font face="Tahoma" size="2"> <a href="foto kenangan.html" target="kanan">foto </a> </font></b>
</td></tr>
<tr> <td width="218" height="22" bordercolor="white" bgcolor="Plum">
<b><font face="Tahoma" size="2"> <a href="tentang.html" target="kanan">About Me</a> </font></b>
</td></tr>
<p align="center">"<img src="tiga.jpg" width="150" height="150" border="5"></p>
<font face="Arial Black" color="black" size="2"><marquee direction="up" behavior="scroll"
direction="up" scroullmount="0" height="260" scrolldelay="3" bgcolor="Darkkhaki"
width="218px">
<br>KATA PENGANTAR</br>
<P style="KATA PENGANTAR-align="center"><br>PERTAMA-TAMA SAYA MENGUCAPKAN
TERIMA KASIH TERHADAP tuhan yang maha esa KARENA DENGAN RIDHONYALAH
SAYA DAPAT MENYELESAIKAN TUGAS MEMBUAT WEBSITE INI TEPAT WAKTU</br>
<br>teks kata sambutan</br>
<br> SEKIAN KATA PENGANTAR DARI SAYA APABILA ADA KESALAHAN DALAM WABSITE INI
MOHON DI MAKLUMI KARENA SAYA MASIH DALAM TAHAP BELAJAR</br>
<br>TERIMA KASIH</br>
<br>hormat saya</br>
<br>nama</br></p></marquee>
</body>
</html>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul kiri.html )cara membuat struktur di wabsite
<html>
<head>
<title>struktur organisasi</title>
<body background="SEPULUH.jpg">
<font face="verdana" size="6" color="Orangered">
<marquee direction="up" behavior="slide"
direction="up" scroullmount="2" height"900" scrolldelay="2"
width="600"><b>STRUKTUR ORGANISASI<br>
Kelas XI</br>
SMA BARU</font></b></marquee>
<font face="verdana" size="2" color="green">
<marquee direction="down" behavior="slide"
direction="down" scroullmount="2" height="1593" scrolldelay="2" bgcolor="chocolate"
width="692">
<table border="2" width="15" height="2" bordercolor="Springgreen" cellpadding="10" cellspacing="3">
<tr bgcolor="orange">
<td width="4">No.</td><td>NO.Induk</td><td>Nama</td>
<td>T.T.L</td><td>Alamat</td><td>No.HP(PIN BB)</td></tr></b>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
<tr>
<td width="10" hight="5">1</td><td>10740</td><td>NAMA</td>
<td>TEMPAT TANGGAL LAHIR</td><td>ALAMAT</td><td>-</td></tr>
</center>
</table>
</body>
</html>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul struktur.html )cara membuat tentang admin di wabsite
<html>
<head>
<title> about me </title>
</head>
<body background="lima.jpg">
<td width="600" valign="top">
<B><h1>Profile</H></B><br>
<img src="nama.jpg" width="300"
height="450" border="10" align="left">
<marquee direction="up" behavior="slide"
direction="up" scroullmount="5" height="290" scrolldelay="5" bgcolor="orange"
width="350">
<table align="left" border="5" cellspadding="3">
<tr><td>Nama Lengkap</td><td>:</td><td>nama</td></tr>
<tr><td>T.T.L</td><td>:</td><td>TTL</td></tr>
<tr><td>Alamat</td><td>:</td><td>ALAMAT</td></tr>
<tr><td>HOBI</td><td>:</td><td>HOBI</td></tr>
<tr><td>Pin BBM</td><td>:</td><td>5262079c</td></tr>
<tr><td>Pesan</td><td>:</td><td>PESAN</td></tr>
<tr><td><H2>TERIMA KASIH </H></td></tr></marquee>
</table>
</BODY>
</HTML>
save dengan cara : 1. file-save-save
2.file-save as-save(dengan judul tentang.html )3.save semua kode dalam satu folder , apabila anda ingin memasukan foto maka foto harus dimasukan kedalam folder dengan nama yang sama dengan alamat wabsite
4.buka frame.html dengan jaringan broswer
sekian panduan dari saya jika ada yang ingin di tanyakan atau anda bingngung silahkan komen atau kirim email kepada saya . terima kasih dan salam sukses
0 komentar:
Posting Komentar