Adi Rachmanto – KAIT-1 – UNIKOM – 2011 L I N K P A D A F R A M E Adi Rachmanto – KAIT-1 – UNIKOM – 2011
P E N G A N T A R Setelah kita membentuk frame, selanjutnya frame-frame yang ada tersebut akan kita manfaatkan untuk penampung dari dokumen lain yang sifatnya berdiri sendiri. Supaya antara frame yang satu dengan yang lain dapat saling berhubungan perlu dibentuk suatu hyperlink.
Index.html <html> <head> <title>.: My WebSite :.</title> </head> <frameset rows ="20%,*" border=0> <frame name="fatas" src="frameatas.html" scrolling="no"> <frame name="fbawah" src="framebawah.html"> </frameset> </html>
Frameatas.html <html> <head> <title>frameatas</title> </head> <body BACKGROUND = "background/atas.gif"> <table border=0> <tr> <td width = 200> <img src = "images/logo.gif" width=100 height=70 align=”middle”> </td> <td width=800 align=center> <H1> Green Web <H1> </tr> </table> </body> </html>
Framebawah.html <html> <head> <title>framebawah</title> </head> <frameset cols ="20%, *" border=0> <frame name="fkiri" src="menu.html"> <frame name="fkanan" src="home.html"> </frameset> </html>
Menu.html <html> <head> <title>Menu</title> <BODY bgcolor = "#00FF00"> <H2>Main Menu</H2> <HR> <Font size=4> <B> <a href=home.html target=fkanan>H O M E</a> <BR> <a href=profil.html target=fkanan>My Profil</a> <BR> <a href=galeri.html target=fkanan>G a l e r i</a> <BR> <a href=materi.html target=fkanan>Materi Kuliah KAIT - I</a><BR> <a href=buku_tamu.html target=fkanan>Buku Tamu</a> </B> </font> <BR> <BR> <H2>Link Ke :</H2> <a href="http://www.unikom.ac.id" target="_blank">U N I K O M</a> <BR> <a href="http://kuliahonline.unikom.ac.id" target="_blank">Kuliah Online</a> <BR> <a href="http://nilaionline.unikom.ac.id" target="fkanan">Nilai Online</a> <BR> <a href="http://kp.unikom.ac.id" target=“fkanan”>Prodi Keuangan Perbankan</a> </BODY> </html> Menu.html
Home.html <html> <head> <title>Home</title> <BODY bgcolor ="#00FF00F"> <Center> <H2>S E L A M A T D A T A N G</H2> <BR> <H3> Di Web Site Saya </H3> </center> </BODY> </html>
profil.html <html> <head> <title>profil</title> </head> <BODY bgcolor ="#00FF00F"> <Center> <H3> D A T A P R I B A D I</H3> <HR> </center> <pre> Nama : ............................. NIM : ............................. TTL : ............................. Alamat : ............................. Email : ............................. </pre> <HR> profil.html <Center> <H3> D A T A P E N D I D I K A N</H3> <HR> </center> <pre> SD : ............................. SMP : ............................. SMA : ............................. PERGURUAN TINGGI : ............................. </pre> </BODY> </html>
materi.html <html> <head> <title>materi</title> </head> <BODY bgcolor ="#004488FFFFFFF"> <Center> <H2>Materi Mata Kuliah Komputer Aplikasi IT - I</H2><HR> <H4><a href=materi1.html target=fkanan>1. Pengantar HTML</a></H4> <H4>2. Dasar - Dasar HTML</H4> <H4>3. Membuat List Di HTML</H4> <H4>4. Hyperlink</H4> <H4>5. Tabel</H4> <H4>6. Pengatur Tampilan Dokumen</H4> <H4>7. Form</H4> <H4>8. Frame</H4> </center> </BODY> </html>
materi1.html <html> <head> <title>materi1</title> </head> <BODY bgcolor ="#00FF00F"> <Center> <H2>P E N G A N T A R     H T M L </H2> <HR> </Center> <PRE> APA ITU INTERNET…. ? - Kependekan dari Interconnected Networking - …………………………... APA ITU WEBSITE…. ? Salah-satu Layanan di Internet </PRE> <HR> <a href=download\pertemuan1.pptx> <-- download lengkap materi --> </a>       <a href=materi.html target=fkanan> <-- Kembali Ke Materi --> </center> </BODY> </html>
<HTML> <HEAD> <TITLE> .: Buku Tamu :.</TITLE> </HEAD> <BODY bgcolor ="#00FF00F"> <CENTER> <H2> B U K U T A M U </H2><HR> </CENTER> <FORM> <pre> NAMA : <Input type = "Text" name="txtnama" size="50" maxlength="50"> <br> ALAMAT : <Input type = "Text" name="txtalamat" size="100" maxlength="100"> <br> JENIS KELAMIN : <select name = "Sex"> <option> Laki - Laki </option> <option> Wanita </option> </select> <br> AGAMA : <select name = "Agama"> <option> Islam </option> <option> Protestan </option> <option> Katolik </option> <option> Hindu </option> <option> Budha </option> <option> Lain - Lain </option> STATUS : <input type = "radio" Name = "status" >Belum Menikah <input type = "radio" Name = "status" checked>Menikah<br> KOMENTAR : <textarea name = "catatan" rows = "5" cols = "70"> </textarea> <HR> </pre> <center> <input type = "submit" value = "Kirim"> <input type = "reset" value = "Ulangi"> </center> </FORM> </BODY> </HTML>