XHTML & CSS Fundamental

XHTM dan CSS merupakan dua teknologi dasar yang wajib dikuasi oleh orang yang ingin terlibat dalam pengembangan web.


DAFTAR ISI TUTORIAL XHTML CD1

BAB I PENDAHULUAN
1.1 Mengenal HTML, XHTML, dan CSS
1.2 Membuat File HTML Sederhana
1.3 Default Browser pada Windows
1.4 Heading dan Paragraf
1.5 Line Break
1.6 Horizontal Rule
1.7 Mengenal Attribute Tag
1.8 Menambahkan Komentar
BAB II WARNA DAN SATUAN UKURAN
2.1 Kode RGB Decimal dan Persentase
2.2 Kode RGB Hexadecimal
2.3 Ukuran Relative dan Absolute
BAB III FREE HTML EDITOR DAN ADD-ON FIREFOX
3.1 Download dan Install Free HTML Editor
3.2 Penggunaan Coffecup Free HTML Editor
3.3 Install Add-on Firefox
BAB IV MENGATUR FORMAT TEKS
4.1 Menentukan Jenis Font
4.2 Mengenal Sistem Font Pada Windows
4.3 Mengenal Font Generic
4.4 Blod, Italic, Strong, Emphases
4.5 Underline dan Striketrhrough
4.6 Superscript dan Subscript
4.7 Memanfaatkan Font Wizard
4.8 Blockquote
4.9 Preformatted dan Code
4.10 Spasi Tambahan dan Karakter Unik
4.11 Abbreviation dan Accronym
BAB V MENGATUR LIST
5.1 Unordered List
5.2 Ordered List
5.3 Multilevel List
5.4 Definition List
BAB VI MENGATUR HPERLINK
6.1 Link to Web
6.2 Likk to File
6.3 Absolute vs Relative Path bag 1
6.4 Absolute vs Relative Path bag 2
6.5 Absolute vs Relative Path bag 3
6.6 Absolute vs Relative Path bag 4
6.7 Link to Download bag 1
6.8 Likn to Download bag 2
6.9 Likn Internal
6.10 Link to Email
6.11 Memodifikasi Warna teks Hyperlink
BAB VII MENAMPILKAN FILE GAMBAR
7.1 Format Gambar untuk HTML
7.2 Tampilkan Gambar dengan Tag IMG
7.3 Menyesuaikan Warna Background
7.4 Menampilkan Gambar dari Internet
7.5 Mengatur Attribute Tag bag 1
7.6 Mangatur Attribute Tag bag 2
7.7 Hyperlink pada Gambar
7.8 Membuat Image Map bag 1
7.9 Membuat Image Map bag 2
7.10 Membuat Image Map bag 3
BAB VIII MEMBUAT TABEL
8.1 Membuat Tabel Sederhana
8.2 Mengatur Attribute Tabel bag 1
8.3 Mengatur Attribute Tabel bag 2
8.4 Mengatur Attribute Tabel bag 3
8.5 Memanfaatkan Colspan dan Rowspan
8.6 Tabel untuk Layout Halaman Web
BAB IX MENGATUR FORM
9.1 Input Text, Radio dan Checkbox
9.2 Listbox dan Text Area
9.3 Buttom Submit dan Reset
9.4 Mengatur Layout Form dengan Tabel
BAB X MENGATUR FRAME
10.1 Halaman untuk Frame bag 1
10.2 Halaman untuk Frame bag 2
10.3 Membuat Frame Horisontal dan Vertikal
10.4 Gabungan Frame Horisontal dan Vertikal
10.5 Mengatur Link pada Dokumen Frame
10.6 Menggunakan Inline Frame
BAB XI MENYISIPKAN FILE MULTIMEDIA
11.1 Menampilkan File Video
11.2 Menampilkan Flash dan YouTube
11.3 Menyisipkan File Suara
BAB XII STANDARISASI HTML DAN XHTML
12.1 Referensi Tag HTML
12.2 Document Type Definition
12.3 DTD pada Coffecup HTML Editor
12.4 Validasi HTML Transitional
12.5 Error Validasi pada HTML Transitional
12.6 Validasi XHTML Transitional
12.7 Error Validasi pada XHTML Transitional
12.8 Validasi XHTML Strict
12.9 Error Validasi pada XTHTML Strict



DAFTAR ISI TUTORIAL CSS CD2

BAB I DASAR-DASAR CSS BAG 1
1.1 Document Object Model
1.2 Inline Style
1.3 Embedded Style
1.4 Link Style
1.5 Import Style
1.6 Multi dan Contextual Selector
1.7 Universal Selector
1.8 Child dan Sibling Selector
1.9 Menambahkan Komentar
BAB II DASAR-DASAR CSS BAG 2
2.1 Id Selector
2.2 Classs Selector
2.3 Pseudo Class Selector
2.4 Pseudo Element Selector
2.5 Div dan Span
2.6 Mengatur Area Div
2.7 Inheritance dan Conflict CSS bag 1
2.8 Inheritance dan Conflict CSS bag 2
2.9 Merapikan Struktur File
BAB III DASAR-DASAR CSS BAG 3
3.1 Block dan Inline Element
3.2 Display dan Visibility
3.3 Ukuran Absolute pada CSS
3.4 Ukuran Persentase dari Lebar
3.5 Ukuran Persentase dari Font bag 1
3.6 Ukuran Persentase dari Font bag 2
3.7 Ukuran Relative em bag 1
3.8 Ukuran Relative em bag 2
3.9 Ukuran Relative ex
3.10Size dan Overflow
BAB IV PADDING, BORDER DAN MARGIN
4.1 Mengatur Margin bag 1
4.2 Mengatur Margin bag 2
4.3 Mengatur Margin bag 3
4.4 Mengatur Margin bag 4
4.5 Mengatur Border
4.6 Mengatur Padding
BAB V MENGATUR LAYOUT DAN POSISI
5.1 Float dan Clear bag 1
5.2 Float dan Clear bag 2
5.3 Float dan Clear bag 3
5.4 Float dan Clear bag 4
5.5 Gallery Foto dengan Float
5.6 Posisi Absolute bag 1
5.7 Posisi Absolute bag 2
5.8 Posisi Absolute bag 3
5.9 Posisi Absolute bag 4
5.10 Posisi Absolute bag 5
5.11 Posisi Relative bag 1
5.12 Posisi Relative bag 2
5.13 Posisi Fixed bag 1
5.14 Posisi Fixed bag 2
BAB VI MENGATUR TYPOGRAPHY
6.1 Font Family dan Size bag 1
6.2 Font Family dan Size bag 2
6.3 Font Style dan Weight
6.4 Text Decoration
6.5 Letter dan Word Spacing
6.6 Text Transform dan Font Variant
6.7 Mengatur Vertical Space bag 1
6.8 Mengatur Vertical Space bag 2
6.9 Font Shorthand
6.10Mengatur Teks
BAB VII STYLE TABEL DENGAN CSS
7.1 Elemen Table pada XHTML Strict
7.2 Style Table dengan CSS bag 1
7.3 Style Table dengan CSS bag 2
7.4 Style Table dengan CSS bag 3
BAB VIII MENGATUR LIST ITEM
8.1 List Style Type
8.2 List Style Position dan Image
8.3 List Style Shorthand
8.4 List Item Horizontal
8.5 Link Pada List Item
BAB IX MENGATUR BACKGROUND DAN CURSOR
9.1 mengatur Background bag 1
9.2 mengatur Background bag 2
9.3 Background Shorthand
9.4 Rollover Link bag 1
9.5 Rollover Link bag 2
9.6 Rounded Corner bag 1
9.7 Rounded Corner bag 2
9.8 Rounded Corner bag 3
9.9 Mengatur Tampilan Cursor
BAB X APLIKASI PENDUKUNG DAN RINGKASAN
10.1 Template HTML dan CSS bag 1
10.2 Template HTML dan CSS bag 2
10.3 Troubleshooting
10.4 Bgpatern.com
10.5 Roundedcorner.com
10.6 Add-on ColorZilla
10.7 Layout Generator bag 1
10.8 Layout Generator bag 2
10.9 Layout Generator bag 3
10.10 Ringkasan
10.11 Penutup