Saturday, March 11, 2017

Membuat Website dengan frameset HTML

Membuat Website sederhana dengan frameset HTML -



Hai Sobat Blogger selamat datang di Blog ane, oke Langsung aja …..
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.

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.


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

yups sekian 

No comments:

Post a Comment