Membuat Design Web Dengan Notepad++ (step1)
Assalammualaikum wr.wb
Iya oke postingan pertama saya ini akan membahas tentang Design Web dasar dengan aplikasi Notepad++ , Kenapa Notepad++ ? karna kalo notepad biasa di hurufnya tidak berwarna . alasan yang simple bukan ? oke langsung saja..
Untuk orang yang awam mungkin akan bingung melihat script text seperti ini
Seperti gambar diatas saya juga kurang begitu paham dengan script-script tersebut , tapi kali ini ayo kita baca , kita pahami dan kita praktekan ..
Membuat Design Web memang susah-susah sulit , yang kita harus perhatikan adalah :
- Ketelitian
- Kefokusan
- Niatan dalam membuatnya + jangan lupa kopi nya .
-------->>>> Masuk Ke Topik
Pertama untuk para pembaca harus memahami apa itu kata <hr></hr> Atau <head> Atau < Body>
Dalam Membuat Web istilah itu sering dijumpai , biar gak pada bingung saya coba jelaskan
<HTML>
<HEAD>
<TITLE>Judul dokumen</TITLE>
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
•HTML: menandai awal dan akhir dokumen HTML
•HEAD: menandai bagian header dokumen HTML
•TITLE: memberi judul pada dokumen HTML
Contoh Membuat Isi Dokumen HTML :
<html>
<head>
<title>Homepage saya</title>
</head>
<body>
<h1>Saya</h1>
<h2>Perkenalan</h2>
<p>Perkenalkan,
nama saya
..... Ini adalah <i>homepage</i>
<b>pertama</b>
saya, karena
saya baru
belajar tentang
cara
membuat <b><i>homepage</i></b>.
</p>
</body></html> <!-- akhir dokumen HTML -->
\
Daftar Tag Beserta Penjelasan
Daftar Tag Beserta Penjelasan
•<html> Dokumen
•<head> Header
•<title> Judul dokumen
•<body> Isi dokumen
•<h1>…<h6> Judul paragraf
•<p> Paragraf
•<b>,<i>,<u>,<sup>,<sub> Atribut
•<br> Ganti baris
•<font> Font
•<li>,<ol>,<ul> Enumerasi
•<hr> Garis mendatar
•<img> Gambar
•<a> Link (kaitan/rujukan)
•<table> Tabel
•<!-- --> Komentar
•<frame>,<frameset>,<iframe> Frame (bingkai)
•<form> Formulir isian
•<input>,<textarea>,<select> Komponen isian pada formulir
•<map> Link berdasar area pada gambar
•<span>,<div> Pengelompokan elemen dokumen
--------------------------------------------------------------------
1. Cara Membuat Judul
2. Membuat Paragraph Baru
3. Membuat Garis Baru
4. Membuat Font ( Ukuran , Warna Dll )
5. Membuat Warna Text
<font color="#RRGGBB"> kalimat </font>
RR =
00 .. FF (intensitas warna merah dalam heksadesimal)
GG =
00 .. FF (intensitas warna hijau dalam heksadesimal)
BB =
00 .. FF (intensitas warna biru dalam heksadesimal)
<b><font color="#FF0000">Red</font><br />
<font color="#800000">Maroon</font><br />
<font color="#00FF00">Lime</font><br />
<font color="#008000">Green</font><br />
<font color="#0000FF">Blue</font><br />
<font color="#000080">Navy</font><br />
<font color="#FFFF00">Yellow</font><br />
<font color="#FF00FF">Fuchsia</font><br />
<font color="#00FFFF">Aqua</font></b>
OKE sampai disini step 1 nya , kita lanjut lagi nanti di step selanjutnya .
Terimakasih
Wassalamualaikum w.r w.b
Sumber : dari Google & blog kurang terkenal http://dhikafti.blogspot.co.id/ (sorry bro :v )