Untuk membuat front page / halaman mukanya, saya memakai notepad untuk menyusun html. Sebenarnya bukan rahasia kalau notepad bisa digunakan untuk hal ini. Yah..., kita tinggal mengetik kode html di notepad, kemudian simpan dengan extention *.html atau *.htm.
Mungkin ada yang sering lupa memilih bagian save as type ke all files sewaktu proses penyimpanannya sehingga menghasilkan *html.txt atau *htm.txt karena menyimpan dengan nama filenya ditambahi html atau html saja :)
Bila demikian ini terjadi, kita bisa save as ulang dengan benar atau rename saja file tersebut dengan extention *.html atau *.htm
Berikut ini sample front page yang saya maksud tadi :
INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL
JAKARTA
Tugas Download Website Pemerintah ke CD
Mata Kuliah Komputer & Masyarakat
Fakultas Teknologi Industri
Jurusan Teknik Informatika
Disusun Oleh :
| Nama | Jendral | Prof |
| Nim | 2008 22 *** | 2008 22 *** |
Nb : Nama penyusun yang tertera adalah nama sebutan kami di Kampus... :)
Untuk membuat seperti ini kita tinggal mengetik kode html berikut di notepad :
<html>
<head>
<title>Penyusun : Jendral dan Prof</title>
<Tugas Download Website Pemerintah ke CD>
<Mata Kuliah Komputer & Masyarakat font: 12px Verdana, sans-serif;>
<style type="text/css">
<!--
a:link, a:active, a:visited {
color: #4A265A;
text-decoration: underline}
a:hover {
color: #4A265A;
text-decoration: none}
#navlist
{
padding: 0 1px 1px;
margin-left: 6;
font: bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
border-top: 0px solid gray;
display: inline;
}
#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.6em;
border-left: 0em solid #AAB;
background: #CCD;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover
{
border-color: #000090;
color: #FFF;
background: #332;
}
]]></b:skin>
body {
-->
</style>
</head>
<body bgcolor="white" marginwidth="10" marginheight="10" leftmargin="0" topmargin="0">
<center>
<FONT COLOR="blue" FONT SIZE="9">
INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL<br>
JAKARTA<br><br></font>
<img src="Prof Jendral/ista.png" width="170" height="170" border="0">
<br><br>
Tugas Download Website Pemerintah ke CD
<br>
Mata Kuliah Komputer & Masyarakat<br>
Fakultas Teknologi Industri<br>
Jurusan Teknik Informatika <br>
Disusun Oleh :<br>
<TABLE BORDER=1 WIDTH=50%>
<TR>
<TD ALIGN=center>Nama</TD>
<TD ALIGN=center>Jendral</TD>
<TD ALIGN=center>Prof</TD>
</TR>
<TR>
<TD ALIGN=center>Nim</TD>
<TD ALIGN=center>2008 22 ***</TD>
<TD ALIGN=center>2008 22 ***</TD>
</TR>
</TABLE>
<div id="navcontainer">
<ul id="navlist">Isi dari CD ini adalah website resmi Pemerintah Kota Tanggerang<br>
<a href="Open.html" title="Bila ingin membuka secara online, arahkan browser Anda ke : www.tangerangkota.go.id">www.tangerangkota.go.id</a></li><br><br>
Untuk membuka silahkan tekan tombol ini :
<li><a href="Prof Jendral\index.htm" title="Buka Website Pemerintah Tanggerang"> Open </a></li>
</ul>
</div>
<br>
</center>
</html>
Dalam kode diatas Prof Jendral adalah nama letak file yang tersimpan, sesuaikan dengan nama file Anda sendiri. Dan coba rubah dengan kreasi Anda .... :)
RELATED POST
Silahkan berbagi dengan teman melalui tombol-tombol share ini...
- Stumb
- Icious
- Tech
- Twitt
- F.B.
- Redit
- Furl
- Mixx
- Design
- B.Mark
- B.List
- Diigo
0 komentar:
Post a Comment
U Comment I Follow
Thanks For Your Comment....