Tutorial Membuat Halaman WEB Sederhana
Hallo ini adalah tulisan blog pertama gue di tahun 2016 ini, kali ini gue akan memberi tahu kepada kalian cara membuat halaman web sederhana, bagi para kalian anak Tekhnik Informatika pasti kalian mendapatkan matakuliah seperti ini. Tapi sebelom itu gue akan kasih tau tentang pengertian HTML itu, HTML adalah Hyper Text Markup Language, atau sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai macam informasi di dalam sebuah penjajah web internet dan pemformatan hipertext sederhana. Cara membuat halaman web sederhana sangatlah mudah, dikarenakan perangkat membuat web sangat mudah ditemui di internet dan rata-rata program tersebut itu cuma-cuma atau gratis. Dalam tutorial pertama gue ini perangkat yang dibutuhkan untuk membuat halaman web sederhana antara lain:
- Notepad, atau kalian bisa mencoba Notepad ++ yang mana dalam program ini tersedia fitur-fitur yang lebih baik ketimbang notepad bawaan Windows.
- Browser sebagai program penampil halaman web. Jika kalian pengguna windows, biasanya browser Internet Explorer akan terinstall otomatis. Anda juga bisa menggunakan browser dari google, yaitu Chrome.
- Mengklik tombol windows
- Setelah itu klik tulisan All Program
- Maka akan muncul berbagai folder setelah itu pilih folder Accessoris
- Klik folder Accessoris, setelah muncul berbagai macam pilihan dalam folder tersebut, klik program notepad.
Setelah program Notepad terbuka, silahkan di CTRL+C skrip dibawah ini lalu di CTRL+V di Notepad kalian.
<html>
<head>
<title>
Fahreza Maulana Faisal
</title>
</head>
<body>
<h1>Data Pribadi</h1>
<p>Nama : Fahreza Maulana Faisal
<p>Tempat Tanggal Lahir : Majalengka 5 Oktober 1995
<p>Alamat : Tangerang Jatiuwung <p>
<h2>Kemampuan Yang Dimiliki</h2>
<p>Mengedit gambar dan foto
<p>Membuat dan mengedit video slow motion
<p>Photography
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Image</title>
</head>
<body>
<h1>Please Visit My Blog</h1>
<img src="Fahreza Maulana Faisal.jpg" />
</body>
</html>
<head>
<title>
Fahreza Maulana Faisal
</title>
</head>
<body>
<h1>Data Pribadi</h1>
<p>Nama : Fahreza Maulana Faisal
<p>Tempat Tanggal Lahir : Majalengka 5 Oktober 1995
<p>Alamat : Tangerang Jatiuwung <p>
<h2>Kemampuan Yang Dimiliki</h2>
<p>Mengedit gambar dan foto
<p>Membuat dan mengedit video slow motion
<p>Photography
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Image</title>
</head>
<body>
<h1>Please Visit My Blog</h1>
<img src="Fahreza Maulana Faisal.jpg" />
</body>
</html>
Setelah kalian sudah mengetik atau me CTRL+C dan CTRL+V di Notepad langkah selanjutnya silahkan kalian save sama seperti biasa klik di menu bar File lalu save, ketika muncul halaman save ketikan nama file "index.html" atau terserah kalian, yang terpenting nama file kalian diakhiri dengan .html
Setelah itu lihatlah kolom dibawah file name, disitu terdapat kolom Save as type dan pilihlah All Files. Langkah selanjutnya tinggal klik tombol Save. Untuk lebih jelasnya lihatlah gambar berikut ini:
Pada gambar diatas terdapat area yang diblok, diarea tersebut terdapat tulisan save, dengan mengklik tulisan ini maka akan muncul halaman Save seperti gambar berikut ini:
Perhatikan gambar diatas, terdapat dua area. Pada area "File name" adalah tempat untuk memberi nama file yang dipastikan sekali lagi diakhiri dengan .html sedangkan area dibawahnya "Save as type" adalah dropdown untuk memilih jenis file yang akan disimpan, pastikan pilihan berisi All Files.
Setelah file html terbentuk dan tersimpan (dalam tutorial ini file
disimpan dalam folder yang bernama ” new folder “) maka buka file
tersebut dengan cara mengeklik dua kali, setelah itu akan ada browser
yang menampilkan halaman web yang telah kita buat.
Selamat mencoba.
Komentar