Bosen dengan belajar Program terus ???????????
yuuk kita sekilas belajar cara-cara membuat Web~Site....
Langsung aja ya Gan ...!!!
- Pertama-tama Aktif kan terlebih dahulu Notepad anda.
- Kemudian buat 11 jenis Notepad dengan nama yang berbeda.
- Notepad yang pertama beri nama Footer dan ketikkan syntax berikut :
<head><title>Lideahciepudan95@yahoo.co.id</title></head>
<body background="fotho\s_photo_012.jpg">
<FONT SIZE=5 COLOR="red"><center><marquee>Situs ini adalah situs UAS dan Didesain Oleh : Lidya Wati Simanjuntak</marquee></FONT>
</body>
</html>
- Notepad yang kedua beri nama Galery dan ketikkan syntax berikut :
<head>
</head>
<title> Gallery </title>
<body>
<table border=1 widht="100%">
<tr>
<td> <img src="fotho\photo_001.jpg" widht="100%"> </td>
<td> <img src="fotho\photo_007.jpg" widht="100%> </td>
<td> <img src="gambar\berssih.jpg" widht="100%"> </td>
<td> <img src="fotho\s_photo_008.jpg" widht="100%"> </td>
<td> <img src="fotho\s_photo_012.jpg" widht="100%"> </td>
</tr>
</body>
</table>
</html>
- Notepad yang ketiga beri nama Header dan ketikkan syntax berikut :
<head><title> </title></head>
<body background="gambar\sayang.jpg">
<img src="fotho\s_photo_015.jpg" width="100%" height="100%">
</body>
</html>
- Notepad yang keempat beri nama Home dan ketikkan syntax berikut :
<HEAD><TITLE>UAS</TITLE></HEAD>
<frameset rows="25%,7%,60%,10%">
<frame src="header.html">
<frame src="menu.html">
<frameset cols="13%,35%,20%">
<frame src="kiri.html">
<frame src="selamat datang.html" name="isi">
<frame src="kanan.html">
</frameset>
<frame src="fooder.html">
</frameset>
</HTML>
- Notepad yang kelima beri nama kanan dan ketikkan syntax berikut :
<head><title></title></head>
<body background="fotho\photo_014.jpg">
<marquee direction="up" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"><strong><U><FONT SIZE=5 COLOR="black">Kata-kata Mutiara :</U></strong><br>
Cinta yang sejati adalah cinta yang datangnya dari hati,fikiran,jiwa,dan raga,maka janganlah mencintai seseorang bila
sebagian jiwa, hati, dan fikiranmu tidak tertuju ke arah yang di cintai. Cinta harus ada pengorbanan,maka
cintailah orang yang benar-benar mencitaimu dan menyayangimu
</marquee>
<hr>
<marquee direction="up" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"><strong><U><FONT SIZE=5 COLOR="black">Pengalaman Tentang Belajar HTML :</U></strong><br>
Pengalaman saya tentang pelajaran internet terkadang ada susah dan senangnya menurut saya belajar internet sangat
menyenangkan tetapi terkadang hanya kita yang sulit untuk memahaminya
</marquee>
</body>
</html>
- Notepad yang keenam beri nama kiri dan ketikkan syntax berikut :
<head><title></title></head>
<body background="fotho\s_photo_006.jpg">
<table border="0" wihth="100%">
<tr>
<td><FONT SIZE=5 COLOR="blue">Nama</td>
<td><FONT SIZE=5 COLOR="blue">:</td>
<td><input type=text size=15></td>
</TR>
<tr>
<td><FONT SIZE=5 COLOR="blue">NPM</td>
<td><FONT SIZE=5 COLOR="blue">:</td>
<td><input type=text size=7></td>
</TR>
<tr>
<td><FONT SIZE=5 COLOR="blue">Jurusan</td>
<td><FONT SIZE=5 COLOR="blue">:</td>
<td><select><option>Pilih</option>
<option value=TI>TI</option>
<option value=SI>SI</option>
<option value=MI>MI</option>
</td>
</TR>
<td><FONT SIZE=5 COLOR="blue">Agama</td>
<td><FONT SIZE=5 COLOR="blue">:</td>
<td><select><option>Pilih</option>
<option value=Kristen Protestan>Protestan</option>
<option value=Katolik>Katolik</option>
<option value=Islam>Islam</option>
</td>
<tr>
<td><input type=submit value=Login></td>
</TR>
</TR>
</table>
<hr>
<img src="gambar\Liiiid.jpg" width="50%" height="70%">
</body>
</html>
- Notepad yang ketujuh beri nama mahasiswa dan ketikkan syntax berikut :
<head>
<Title> Mahasiswi.com </Title>
</Head>
<Body>
<center>
<Table Border=0 Bgcolor=orange cellspacing=10 cellpadding=10 size=100%>
<Tr bgcolor=orange>
</tr>
<tr>
<td>Nama:Lideah</td>
<td><img src="gambar\Lidieah.jpg" height="50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Meli</td>
<td><img src="gambar\Meli.jpg" height="50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:uL,Lied,Rha</td>
<td><img src="gambar\Lid,uL,rha.jpg"height='50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:uLand</td>
<td><img src="gambar\Uland.jpg" height="50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Dion</td>
<td><img src="gambar\Dion.jpg" height="50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Lied n uL</td>
<td><img src="gambar\Lidya n Ulan.jpg" height="50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Lidyeah</td>
<td><img src="gambar\Ldyeah.jpg" height="50" width="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Lied n ayOex</td>
<td><img src="gambar\Lidya n Ayu.jpg" height="50" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Nova</td>
<td><img src="gambar\Nova.jpg" height="50" widh="50">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Deah,Dho,ndah</td>
<td><img src="gambar\Dho,Lid,in.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Andre</td>
<td><img src="gambar\Andre.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:CLara</td>
<td><img src="gambar\clara.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Liideah</td>
<td><img src="gambar\akuh.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Land n ayOex</td>
<td><img src="gambar\Ulan n ayu.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Lied</td>
<td><img src="gambar\lidia.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Lyd n mend</td>
<td><img src="gambar\Quh n k3 men.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Niur</td>
<td><img src="gambar\Nhúr.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
<td width="10%" height="5">
</tr>
<tr>
<td>Nama:Sennah</td>
<td><img src="gambar\Dx $ëñäh.jpg" height="70" widh="70">
</td>
<td width="10%" height="5">
</tr>
</body>
</center>
</table>
</html>
- Notepad yang kedelapan beri nama Menu dan ketikkan syntax berikut :
<head><title></title></head>
<body bgcolor=yellow>
<table border=2 border="0" WIDTH="100%" align="center">
<td width=5 height=5><font color=red><a href="selamat datang.html" target="isi"><center>HOME</a></td>
<td width=5 height=5><font color=red><a href="profil.html" target="isi"><center>ABOUT</a></td>
<td width=5 height=5><font color=red><a href="Gallery.html" target="isi"><center>GALLERY</a></td>
<td width=5 height=5><font color=red><a href="mahasiswa.html" target="isi"><center>MAHASISWA</a></td>
<td width="100px" height=5><font color=red><a href="perkuliahan.html" target="isi"><center>PERKULIAHAN</a></td>
<td width=5 height=5><font color=red><center><table border=0><tr>
<td>CARI</td>
<td><input type=text size=20></td>
</tr>
</table></td>
</table>
</body>
</html>
- Notepad yang kesembilan beri nama perkuliahan dan ketikkan syntax berikut :
<head>
<title>perkuliahan</title>
</head>
<body background= gambar\flashmo_078_heart_effect_2.jpg><center>
<table border=2>
<tr>
<td background= gambar\photo_015.jpg><font face="castellar" size=7 color=black><center><B>MATERI PERKULIAHAN HTML TA.2011/2012</B></font></td>
</tr>
<td ><font face="castellar" size=7 color=white><center>Cara menyimpan progaram HTML<br>
Sintax HTML sederhana yang umum digunakan<br>
Table(tabel)<br>
Menyisipkan image pada tabel<br>
Atribut-atribut form<br>
Frame<br>
</br>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
- Notepad yang kesepuluh beri nama Profil dan ketikkan syntax berikut :
<head>
<title> Profil</title>
</head>
<body bgcolor=green>
<h2><b><i><font color=white><center><blink>*BIODATA*</blink></center></i></b></h2>
<table border="0" widht="100%">
<TR>
<TD><font color=white>
<h3>Nama</h3>
</TD>
<TD><font color=white>
<h3>: LIDIAWATI SIMANJUNTAK<br></h3>
</TR>
<TR>
<TD><font color=white>
<h3>NPM</h3>
</TD>
<TD><font color=white>
<h3>: 12110299</h3>
</TD>
</TR>
<TR>
<TD><font color=white>
<h3>T.T.L</h3>
</TD>
<TD><font color=white>
<h3>: KISARAN 25 MEI 1994</h3>
</TD>
</TR>
<TR>
<TD><font color=white>
<h3>J.Kelamin</h3>
</TD>
<TD><font color=white>
<h3>: Perempuan</h3>
</TD>
</TR>
<TR>
<TD><font color=white>
<h3>Agama</h3>
</TD>
<TD><font color=white>
<h3>:Islam</h3>
</TD>
</TR>
<TR>
<TD><font color=white>
<h3>Pekerjaan</h3>
</TD>
<TD><font color=white>
<h3>: Pelajar/Mahasiswi</h3>
</TD>
</TR>
<TR>
<TD valign="top"><font color=white>
<h3>Kampus</h3>
</TD>
<TD><font color=white>
<h3>: STIMIK BUDI DARMA MEDAN</h3>
</TD>
</TR>
<TR>
<TD valign="top"><font color=white>
<h3>Alamat</h3>
</TD>
<TD><font color=white>
<h3>: Kisaran Jln.Besar Sigura-gura</h3>
</TD>
<TR>
<TD><font color=white>
<h3>Hobby</h3>
</TD>
<TD><font color=white>
<h3>: jalan-jalan dan dengerin music</h3>
</TR>
</tablet>
</body>
</html>
- Notepad yang kesebelas beri nama Selamat Datang dan ketikkan syntax berikut :
<head><title>home</title></head>
<body bgcolor="green">
<center><Font size=8><blink>Selamat Datang <br>
Di<br>Situs <br>UAS</blink></font>
</body>
</html>
- Jangan lupa untuk terlebih dahulu menyimapan gambar yang akan di masukkan pada Web~Site di satu Folder dan dimana Folder itu sendiri kita simpan di tempat kita menyimpan semua Notepad kita.
- setelah itu tekan F5 untuk melihat hasil nya Gan........!!
- Hasilnya seperti ne Gan ............!!!!!!!!
Udah ya,,, itu aja dulu, besok-besok kalau mau yang lebih kunjungi aja selalu Link ini Lidiaasyifa25.blogspot.com
Buat para Gan yang ingin mencobanya silahkan di coba, mudah-mudahan puas dengan hasilnya yaah.. :)
Terimakasih...
Wass.......
Tidak ada komentar:
Posting Komentar