Cara Membuat Web Biodata Mahasiswa dengan teknik Frameset
1. Index (untuk mengatur Frameset) * FIle Running
2. Header (untuk bagian atas)
3. Sidebar (untuk bagian menu)
4. Home (untuk bagian pembuka)
5. Biodata (untuk bagian isi biodata)
<html>
<head>
<title> Pertemuan 4 </title>
</head>
<frameset rows="35%,*" border="3">
<frame name="header" scrolling="no" src="header.html"/>
<frameset cols="15%, *" border="3">
<frame name="menu" scrolling="no" src="sidebar.html"/>
<frame name="isi" src=""/>
</frameset>
</frameset>
</html>
2. Header
<html>
<head>
</head>
<body bgcolor="#000">
<p align="center"> <font face="Arial" color="#fff" size="70px">
PLJ KAMPUS BEKASI <br> WEB DESIGN <br> TI066
</font></p>
</body>
</html>
3. Sidebar
<html>
<head>
</head>
<body bgcolor="34,03,37">
<font face="Arial" color="#fff">
menu
</font>
</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table">
<tr>
<td height="30" bgcolor="#000080"
onmouseover="style.background='#EFEFEF' "
onmouseout="style.background='#000080' ">
<b>
<a href="home.html" target="isi"> home </a>
<b>
</td>
</tr>
<tr>
<td height="30" bgcolor="#000080"
onmouseover="style.background='#EFEFEF' "
onmouseout="style.background='#000080' ">
<b>
<a href="biodata.html" target="isi"> Biodata </a>
<b>
</td>
</tr>
</body>
</html>
4. Home
<html>
<head>
</head>
<body>
<p> This my <b>Blogs</b></p>
<p>
<marquee behavior="alternative" onmouseover="this.stop()"
onmouseout="this.start()"> Text ini Berjalan Lho!!!</marquee>
</p>
<marquee behavior="alternative"> Wewwww </marquee>
</body>
</html>
5. Biodata
<html>
<head>
<title> Pertemuan 5 </title>
</head>
<body bgcolor="#fff">
<form name="biodata" method="post">
<div>
<h1 align="center"> BIODATA MAHASISWA </h1>
<p>
<label> NIM : </label> <br>
<input type="text" name="nim" disabled> <!--membuat -->
</p>
<p>
<label> Nama Mahasiswa : </label><br>
<input type="text" name="nama" placeholder="masukan nama"> <!--membuat -->
</P>
<p>
<label> Password : </label> <br>
<input type="password" name="password" maxlength="14">
</p>
<p>
<label> Jenis Kelamin : </label> <br>
<input type="radio" name="jk" value="laki-laki" checked> Laki - Laki
<input type="radio" name="jk" value="Perempuan"> Perempuan
</p>
<p>
<label> Tempat/Tanggal Lahir </label> <br>
<input type="text" name="tempat">
<input type="date" name="tanggal" min="1990-01-02" max="2000-01-02">
</p>
<p>
<label> UKM </label> <br>
<input type="checkbox" name="LCC" value="LCC" checked> LCC
<input type="checkbox" name="LAC" value="LAC" checked> LAC
<input type="checkbox" name="SEAL" value="SEAL" checked> SEAL
<input type="checkbox" name="RE" value="LCC" checked> RE
</p>
<p>
<label> Konsentrasi </label> <br>
<select name="konsenstrasi">
<option value="AB"> AB </option>
<option value="AP"> AP </option>
<option value="TI"> TI </option>
<option value="HM"> HM </option>
<option value="KA"> KA </option>
</select>
</p>
<p>
<label> Alamat : </label> <br>
<textarea name="alamat" cols="50" rows="5"> </textarea>
</p>
<p>
<input type="submit" value="hapus" name="tombol">
</p>
</div>
</form>
</html>
0 komentar:
Posting Komentar