Assalamualaikum Wr. Wb
Selamat datang di Website saya agan - agan semua semoga kalian semua menikmati penjelasan yang saya berikan. Di hari ini saya akan berbagi info mengenai pembuatan Sebuah Website. Mungkin kalian akan bingung dengan materi ini karena pembuatannya tidak akan sama dengan hasilnya. Oke langsung saja kita belajar mengenai hal tersebut, silahkan simak dengan seksama Hal berikut.
Pertama kita akan membahas mengenai HTML.
HTML adalah sebuah format
standar dalam membuat sebuah dokumen yang berbasiskan web. HTML ini merupakan
bahasa bertanda, yang memiliki artian menggunakan rangkaian teks tertensu (TAG)
untuk menandai sebuah teks yang memiliki interpretasi tertentu. Biasanya File dari
HTML berupa file teks (plain text file) bukan binary file, sehingga dapat kita
buat menggunakan editor Teks yang biasa kita gunakan.
Berikut
Struktur Dasar dari HTML
<HTML>
<HEAD>
<TITLE>
Judul
Dokumen </TITLE>
</HEAD>
<BODY>
Isi
dokumen yang ingin ditampilkan di HTML
</BODY>
</HTML>
Keterangan :
1.
HTML :
digunakan untuk menandai awal <..> tanpa Slash dan akhir </..>
dengan Slash dokumen HTML.
2.
Head : digunakan untuk menandai bagian Header dari
sebuah Teks HTML.
3.
Title : digunakan untuk memberikan judul pada
dokumen HTML yang telah kita buat.
4.
Body : digunakan untuk menandai awal dan akhir dari
sebuah isi dokumen yang ingin kita tampilkan di Web nantinya.
Berikut
daftar Perintah atau Tag di HTML
·
<html>
Dokumen
·
<head>
Header
·
<title>
Judul Dokumen
·
<body>
Isi
dokumen
·
<h1>…<h6> Ukuran
font untuk judul Paragraph
·
<p>
Membuat
sebuah paragraph baru
·
<b>,
<i>, <u>, <sup>, <sub> Sebuah
Atribut Teks HTML
·
<br> Membuat
sebuah baris baru
·
<font> Font
·
<li>,
<ol>, <ul> Enumerasi
·
<hr> menampilkan
Garis mendatar
·
<!-- --> berisi
Komentar di HTML (sebagai penanda)
·
<img> Menampilkan sebuah gambar
·
<a> Menampilkan Link (kata rujukan)
·
<table> menampilkan sebuah tabel
·
<frame> Frame (bingkai)
·
<frameset> Frame (bingkai)
·
<iframe> Frame (bingkai)
·
<form> Formulir
(Isian)
·
<input> Formulir
(Isian)
·
<textarea> Formulir
(Isian)
·
<select> Komponen
isian pada formulir
·
<map>
Menampilakn
Link area pada
gambar
·
<div> Pengelompokan
·
Dll
Software untuk membuat
HomePage
Desain
q Adobe Photoshop Desain berbasis titik (bitmap
q Adobe Image Ready Memotong
gambar – gambar ke dalam format HTML
q Adobe Illustrator Desain berbasis vector
q Adobe Illustrator Desain berbasis vector
q CorelDraw Desain berbasis
vector
q Macromedia Freehand Desain
berbasis vector
Efek Desain
q Macromedia Firework Efek teks
q Painter Memberikan
efek lukisan
q Ulead
Photo Impact Efek frame dan
merancang icon yang cantik
q Plugins Photoshop
Cara Membuat Sebuah
Dokumen HTML
1. Kita bisa
membuatnya menggunakan Notepad atau Notepad ++ dan ataupun Software lainnya.
2. Buka
Notepad
3. Ketikkan
Struktur Sederhana HTML yang sudah kita bahas barusan
4. Lalu
tuliskan isi dokumen seperti berikut (hanya sebuah contoh) kalian bisa
membuatnya sesuai keinginan kalian
6. Buka
file dokumen nya menggunakan browser (saya sarankan untuk menggunakan Chrome
dikarenakan tidak semua browser bisa support)
Sekian
yang bisa saya sampaikan, apabila ada pertanyaan atau unek unek silahkan coment
dibawah ini ya gan. selamat mencoba dan terima kasih.
<Happy Blogging>
EmoticonEmoticon