» » Cara Membuat Web Statis

Cara Membuat Web Statis

Pada kesempatan kali ini saya akan memberikan sedikit tutorial membuat Web statis yang telah saya sedikit pelajari di sekolah dan di Google.
Web Statis adalah Website yang di buat tanpa harus Terkoneksi ke internet,Web Statis di buat dari Notepad. Membuat Web Statis sebenarnya cukup mudah jika kita sudah paham dan mengerti dasar dasar HTML. Dari pada saya ceramah mending langsung ke Tutorialnya aja ya ^^


  • Bahan-Bahan yang wajib adalah:
  1. Notepad
  2. Internet exploler/Mozila/Google Chrome dll
  • Bahan-bahan tambahan dari saya:
  1. Segelas air putih
  2. Makanan Ringan
  3. Musik


  • Tutorial:
  1. Buka Notepad (Start => All programs => Accessories => Notepad)
  2. Silakan kalian buat folder khusus Website ini ( Klik kanan => New => Folder => Namakan Foldernya Web Statis
  3. Ketikan Coding Berikut :
 <html>
<head><title>Website Elninomax </title></head>
<body bgcolor="708090"><center>
<H2><center><center>Website Elninomax</center>
</body>
</html>






Note:Save as dengan nama "judul.html" tanpa tanda kutip di folder yang telah kita buat tadi
Tulisan yang warna hijau adalah warna background.



   3.Buka Notepad baru  ketikan Coding berikut:

<html>
<head><title>Halaman Utama</title></head>
<body>
<center><H2>Selamat Datang<H2><br>
<h3>Di Website sederhana Elninomax<br></center>
<img src="s4.jpg" weight="340" height="340"<br>
<h4>Created By Toni Elnino</h4>
</body>
</html>

Note:Save as dengan nama "halamanutama.html" tanpa tanda kutip di folder yang telah kita buat tadi
Untuk tulisan yang berwarna kuning itu adalah gambar yang saya pasang pada website saya anda bisa menggantinya sesuai gambar yang di inginkan dan "letakan file gambar tersebut di dalam folder yang kita buat".
  
      4.Buka Notepad baru kemudian ketikan Coding berikut:

<html>
<head><title>Menu</title></head>
<body bgcolor="dcdcdc">
<center><h2><a href="biodata.html">About Me</a>
</body>
</html>




Note:Save as dengan nama "menu.html" tanpa tanda kutip di folder yang telah kita buat tadi
Tulisan yang warna hijau adalah warna background.

    5.Buka Notepad baru kemudian ketikan Coding berikut:

<html>
<head><title>Halaman Utama</title></head>
<body bgcolor="red"><font color="white">
<center><H2>BIODATA<H2><br>
<h3>Nama : Toni Muharam A'syuro<br>
Kelas : X RPL 2<br>
Hobby : Main Game dan Blogging<br>
Sekolah : SMK MANDALAHAYU 304<br></h3>
<a href="menu.html">Back</a>
</body>
</html>

Note:Save as dengan nama "biodata.html" tanpa tanda kutip di folder yang telah kita buat tadi
Tulisan yang warna hijau adalah warna background.


    6.Langkah ke 6 adalah langkah untuk menyatukan seluruh komponen HTML yang sudah kita ketik tadi           kedalam 1 Halaman. Silakan ketikan Coding berikut

<title>Website Toni Elnino</title>
</head>
<frameset>
<frameset rows="20%,80%">
<frame src="judul.html">
<frameset cols="25%,75%">
<frame src="menu.html">
<frame src="halamanutama1.html">
</frameset>
</frameset>
</frameset>
</html>

Note:Save as dengan nama "index.html" tanpa tanda kutip di folder yang telah kita buat tadi

     7.Buka Folder yang kita buat untuk menyimpan hasil ketikan HTML kita,lalu buka HTML yang bernama           index.html jika ketikan html anda benar makan akan keluar seperti berikut :   






 



 Sekian Tutorial cara membuat Web Statis sederhana dari saya semoga bermanfaat untuk semua, Mohon maaf jika ada kesalahan dalam pengetikan atau perkataan saya , Saya Hanya berusaha untuk lebih baik.

2 Responses to "Cara Membuat Web Statis"

Subscribe to: Post Comments (Atom)

widget