Cara Mudah Membuat Website dengan HTML Menggunakan Frameset Untuk Pemula

Masdita.com, Bagi sobat yang baru belajar html, mungkin sobat bisa ikuti cara saya ini. Disini saya akan menjelaskan cara mudah membuat website denganhtml menggunakan frameset untuk pemula.

Baik Sob saya akan jelaskan sedikit tentang html dulu ya. Apa sih html itu mungkin bagi yang masih awam belum tau ya? Html kepanjangan dari HyperTextMarkup Language yaitu bahasa dasar pemrograman standar yang digunakan untuk membuat tampilan sebuah halaman web, yang kemudian bisa ditampilkan dengan bantuan web browser dengan dengan google chrome, mozila firefox, internet edge atau yang lainnya.

Lalu bagaimana kita akan membuat tampilan website seperti diatas menggunakan frameset? Bagi sobat yang belum tau apa itu frameset saya akan jelaskan sedikit. Frameset adalah tag html yang digunakan untuk menampilkan bingkai bingkai file html yang sudah dibuat. Frameset bisa digunakan jika penggunaannya dibarengi dengan tag frame yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan satu bersama tag frameset.

Ada banyak sekali metode yang bisa digunakan untuk membuat tampilan seperti gambar diatas,Nah disini saya akan memberi cotoh dengan menggunakan metode frameset ya sob, berikut langkah langkah dan penjelasannya

1. Buat folder frameset

2. Buat file atas.html

<html>

<h1 align="center"><font face="Arial">SMK Cendekia Lasem</font></h1>

</body>

</html>

(Hasil preview halaman atas.html)

3. Buat file kiri.html

<html>

<dd><p>Profil</p>

<p>Sejarah</p>

<p>Program Studi</p>

<p>Alamat</p>

</dd>

</body>

</html>

(Hasil prevew halaman kiri.html)

Penjelasan:

<body bgcolor="#FF00FF"> digunakan untuk mewarnai latar belakang

<br> break atau digunakan untuk enter baris

<dd> digunakan untuk membuat text menjorok kedalam

<p>Profil</p> digunakan untuk membuat paragraf

4. Buat file isi.html

<html>

<tr>

<h2 align="justify">Selamat datang di smk cendekia lasem</h2>

</td>

</tr>

</table>

<hr>

<p>

Smk Cendekia Lasem terletak di desa lasem dengan alam pedesaan disekitarnya yang membuat udara sejuk, tepatnya di Jalan sunan bonang Km 03 Sulo Sriombo Lasem Rembang

</p>

<p>Smk Cendekia Lasem mempunyai beberapa program kompetensi yaitu :

<ol>

<li>TBSM ( Teknik Bisnis Sepeda Motor )</li>

<li>MM (Multimedia) </li>

</ol>

<p>

Selain kompetensi keahlian Smk Cendekia Lasem memiliki fasilitas sebagai berikut :</p>

<ol>

<li>Ruang Kelas</li>

<li>Lapangan Voli</li>

<li>Lab Komputer</li>

<li>Laptop</li>

</ol>

<p>Extra kulikuler yang ada di Smk Cendekia Lasem</p>

<ol>

<li>Silat</li>

<li>Batik</li>

</ol>

</body>

</html>

(hasil preview halaman isi.html)

Penjelasan:

<table align="center" border="0"> digunakan untuk membuat tabel dengan text ditengah dan tidak memiliki garis

<tr> digunakan untuk membuat satu baris di dalam tabel

<td> digunakan membuat kolom di dalam tabel

<ol> digunakan untuk membuat order list yang artinya membuat daftar berupa nomer

<li> digunakan untuk membuat daftar yang ada didalam <ol>

5. Nah yang terakhir buat halaman frameset.html , ini adalah halaman dari gabungan 3 file tadi

<html>

</frameset>

<html>

(Hasil preview frameset.html)

Penjelasan:

Frameset rows=10%,* berguna untuk mengatur ketinggian kolom yang atas sendiri 10 % dan * yang dimaksud setelah kode koma adalah sisa dari 10 % tadi untuk kolom ke bawahnya.

Border=10 adalah memberi garis dengan ketebalan 10px

Bordercolor="red" adalah memberi warna garis dengan warna merah

<frame src="atas.html" name="atas" scrolling="no" noresize> digunakan untuk mengambil file atas.html yang sudah kita buat tadi

Scrolling="no" untuk membuat agar halaman atas.html tadi tidak bisa di scroll

<frameset cols=20%,*> digunakan untuk lebar kolom sebelah kiri adalah 20%, dan yang kanan adalah * kelebihan dari 20% tadi.

Nah diatas tadi adalah Cara mudah membuat website dengan html menggunakan frameset untuk pemula. Sobat juga bisa belajar lebih dalam lagi tentang bahasa pemrograman php, apa itu php? sobat bisa baca disini. Untuk tingkat dasar memang disarankan untuk belajar html terlebih dahulu ya sob jangan buru-buru, ingat peribahasa pelan-pelan asal selamat ya 😉 atau bisa diartikan pelan-pelan asal paham. Sekian tutorial dari saya ya sob.. 😏