Cara Singkat Mempelajari WebDesign

Langkah langkahnya sebagai berikut:
1.Pertama buka notepad pada PC/Laptop kalian.Lalu tuliskan seperti ini :

2.Setelah kalian menuliskan yang sesuai pada gambar,lalu di simpan.
Dengan menyimpan untuk Save as,tulis nama pada kotak dialog dengan catatan menambahkan H T M L di belakang nama file.Contoh: Index.H T M L(jangan di spasi)



Untuk menambahkan warna silahkan pilih kode warna berikut:
White #FFFFFF
Black #000000
Red #FF0000
Green #00FF00
Blue #0000FF
Magenta #FF00FF
Cyan #00FFFF
Yellow #FFFF00
a.Silahkan tambahkan design seperti:
1) Background = digunakan untuk mengatur latar belakang dengan gambar/image.
2) Bgcolor = digunakan untuk mengatur warna latar belakang dokumen, dengan warna putih sebagai default-nya.
3) Teks = digunakan untuk mengatur warna teks dokumen, dengan warna hitam sebagai warna default.
4) Link = Untuk mengatur warna link dokumen dengan warna biru sebagai warna default
5) Vlink = Untuk mengatur warna visited link dokumen dengan default ungu
6) Alink = digunakan untuk mengatur warna active link dokumen dengan default merah.
Jika ingin menambahkan design2 di atas harus di dalam bagian ,cth:
< b o d y_(pilih slh satu)> ,hasilnya:< b o d y_background)> (kurung kurawal dan tulisan body jangan dispasi,lalutanda(_)itu berarti spasi)

b.Heading: < H n >..< / H n > Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara < H 1 > sampai < H 6 >, dengan < H 1 > merupakan ukuran terbesar dan < H 6 > merupakan ukuran terkecil. contoh:
< b o d y bgcolor=# f f f f c c text = # 003399 >
< h 1 >Headng_Tingkat 1 < / h 1 >
< h 2 >Headng_Tingkat 2 < / h 2 >
< h 3 >Headng_Tingkat 3 < / h 3 >
< h 4 >Headng_Tingkat 4 < / h 4 >
< h 5 >Headng_Tingkat 5 < / h 5 >
< h 6 >Headng_Tingkat 6 < / h 6 >
< / body >
(ingat jangan ada spasi antara kurungkurawal dengan code,dan tanda(_)berarti spasi).
cth ganbar:
c.Paragraph Baru: < P > Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran < / P > tapi juga bisa tidak diberi. Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan attribut ALIGN. Attribut align mempunyai nilai: LEFT, RIGHT, CENTER dan JUSTIFY. Contoh:
< b o d y >
< p >Tulis paragraf/isi paragraf yg di inginkan< / p >
< / b o d y >
(ingat jangan ada spasi antara kurungkurawal dengan code)
d. Font Digunakan untuk mengatur huruf dokumen HTML. Tag FONT mempunyai attribut, yaitu: SIZE, FACE, COLOR.
 SIZE: Digunakan untuk mengatur ukuran font. Ukuran font yang digunakan berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.
 FACE: Digunakan untuk mengatur jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah (_). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.
 COLOR: Digunakan untuk mengatur warna font. Didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya). Contohnya:
< b o d y >
< f o n t_size = 1_Face = arial_color = red >Ukuran_font_1< / f o n t > < b r >
< b o d y >
(jangan ada spasi antara code & kurungkurawal,tanda(_)itu spasi)
Hasil:





< B >=Bold text
< I >=Italic text
< U >=Underscore
< T T >=Typewriter
< S >=Strikeout - draws a line through the text
< PRE >=Preformatted Text Definition
< BLINK >=Text berkedip (lebih baik jangan digunakan)
< STRONG >=Strong
< ADDRESS >
Italic
< CITE >=Digunakan untuk quoting text
< CODE >=Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
< SAMP >=Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
< KBD >=Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
< BIG >=Ukuran teks akan lebih besar satu ukuran
< SMALL >=Ukuran teks akan lebih kecil satu ukuran
< SUP >=Membuat tekssuperscript
< SUB >=membuat tekssub script
< ABBREV >=Abbreviations
< ACRONYM >=Untuk akronim
< PERSON >=Digunakan untuk indexing
< Q >=Membuat short inline quotation
< VAR >Membuat variable name, selalu dalam italics.
e.< H R >,digunakan untuk membuat garis horisontal. Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE.
Atribut SIZE digunakan untuk menentukan panjang garis dalam satuan pixel. Atribut WIDTH digunakan untuk menentukan ketebalan garis. Atribut NOSHADE akan menyatakan bahwa garis tersebut ditampilkan tanpa bayang-bayang 3-D.
f.LISTS
Daftar/list adalah merupakan kumpulan teks yang disusun sedemikian rupa sehingga item-item yang ada memiliki nomor urut atau bisa juga berupa tanda-tanda khusus/symbol.
Terdapat tiga tipe list yang dapat digunakan, yaitu:
Unordered Lists: < UL > Untuk membuat daftar item dengan tanda bullet (tidak bernomor). List entries didefinisikan dengan tag < LI >. Pada jenis ini tidak memerlukan pengurutan data.
Bentuk item tanda pada Unordered List dapat diubah dengan menggunakan atribut TYPE kedalam tag < UL > dengan nilai “circle” untuk bentuk lingkaran tengahnya putih, “square” untuk bentuk kotak padat hitam dan “disc” bentuk lingkaran pada warna hitam.
contoh:

< b >< font_size=3_Face = tahoma_color = blue>
Hobi_saya_adalah: < /b >
< hr_size=2_width=150_align=left >
< ul_type=circle >
< li >Olahraga
< /ul >
< ul_type=square >
< li >Shurfing
< /ul >
< ul_type=disc >
< li >Makan_Bakso
< /ul >
< /font >
< /body >
Hasil dari kode di atas adalah:

g.Cara menambah link
Link dapat menghubungkan anda dengan teman anda untuk berhubungan sosial dengan menambahkan almt website,facebook,email dll yang anda miliki.
contoh:
< a_href=”http://www.facebook.com/groups/237495399606448/?id=239783629377625¬if_t=group_activity”>facebook WDC_< /a >(jgn ada spasi antara code&kurungkurawal,dan tanda(_)itu spasi)