Eroni News
Loading...

Membuat Website sederhana dengan frameset HTML

12:15 PM Eroni Artikel 1 Comments

Membuat Website sederhana dengan frameset HTML - Membuat website merupakan suatu hal yang di idam - idamkan bagi para pencinta website. Namun bagi anda yang posisinya sekarang dalam tahap belajar atau pemula  atau juga yang ingin sekedar mengingat - ingat masa lalu nya dengan HTML tutorial ini cocok sekali, karena apa? itu karena tema nya sekarang mengenai membuat website sederhana dengan frameset. Disini kita sudah mempelajari di postingan sebelumnya Dasar membuat frameset HTML, disitu masih dasar sekali bagaimana membuat kerangka frame di halaman web.

Sedikit mengulas dari tutorial sebelumnya pada tag sekarang yang akan di praktekan pada dasarnya yaitu menggunakan tag <frameset> .... </frameset> dan mempunyai elemen di dalamnya yaitu tag <frame> tidak mempunyai tag penutup.

baca juga : Cara Membuat Frame HTML lanjutan

Tools

  • Web Editor (notepad++)
  • Web Browser (mozilla)
Screenshot
website sederhana dengan frameset HTML
Cara Pasang
[halaman logo/header]
Ketikan sintax dibawah ini di web editor

<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#00CC00">

<p valign="Middle"><font color="#eee" size=6 face="Monotype Corsiva">Example Collection</font></p>

</body>

</html>

Simpan dengan ekstensi *.html atau dengan nama logo.html

[halaman menu]
Ketikan sintax dibawah ini di web editor

<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#BFFEBF">

<a href="home.html" target="home">Home</a><br>

<a href="about.html" target="home">About Us</a>

</body>

</html>

Simpan dengan ekstensi *.html atau dengan nama menu.html

[halaman home]
Ketikan sintax dibawah ini di web editor

<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#80FE80">

Toko ini menjual berbagai peralatan aksesoris motor, dimulai dari sparepart sampai ke pemasangan bisa dilakukan disini.

</body>

</html>

Simpan dengan ekstensi *.html atau dengan nama home.html

[halaman about us]
Ketikan sintax dibawah ini di web editor

<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#80FE80">

Toko kami bertempat di jl.jendral sudirman desa cihampelas majalengka

</body>

</html>

Simpan dengan ekstensi *.html atau dengan nama about.html

[halaman footer]
Ketikan sintax dibawah ini di web editor

<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#00CC00">

<p align="center">Copyright 2015 gubugweb </p>

</body>

</html>

Simpan dengan ekstensi *.html atau dengan nama footer.html

[halaman MASTER]
Ketikan sintax dibawah ini di web editor

 <html>

<head>

<title>FRAME HTML</title>

</head>



<frameset rows="10%,*,5%" border="0">

<frame src="logo.html" >



    <frameset cols="10%,*" border="0" >

    <frame src="menu.html" name="menu">

    <frame src="home.html" name="home" >

 

     



    </frameset>

<frame src="footer.html">

</frameset>



 </html>

Simpan dengan ekstensi *.html atau dengan nama index.html

Hai, saya seorang blogger yang masih butuh belajar banyak, setiap apa yang ditemukan mengenai IT dituangkan dalam tempat ini.

You Might Also Like

1 comments

Like us on Facebook

Archive