Tutorial HTML White Box – Panduan Belajar HTML Lengkap

Posted on Posted in Produk Tutorial

Dalam DVD Tutorial ini Anda akan belajar mengenai HTML (Hypertext Markup Language) yang merupakan hal yang perlu anda pelajari terlebih dahulu untuk proses pembuatan website, Jadi tepat bagi Anda yang akan belajar membuat website.

Dalam tutorial ini anda akan belajar dengan media video tutorial dan kita sertakan file bahan sebagai proses belajar anda dapat lebih mudah, tutorial telah kita bagi menjadi 13 Bab, dimana membahas dari mulai HTML dasar hingga nanti di bab terakhir akan membahas bagaimana membuat sebuah prototype desain website dengan menggunakan bantuan twitter bootstrap(framework css) dengan fitur seperti form pendaftaran, form login, video gallery, audio gallery, serta datatabel.

Adapun untuk detail isi dari tutorial HTML White Box ini adalah sebagai berikut :

No Judul Materi Demo
Bab 1 (Pengenalan HTML)
1 Pengenalan HTML Premium
2 Membuat File HTML Sederhana Premium
3 Tag Dasar HTML Premium
4 Perbedaan Block dan Inline Level Element HTML Premium
5 Tag div dan span Premium
6 Tag Meta Premium
7 Link Element Premium
8 Membuat Icon Premium
9 Script Element untuk Javascript Premium
10 Style Element Untuk CSS Premium
Bab 2 (Text di HTML)
1 Tag Paragraf dan Attributenya Premium
2 Tag Anchor Premium
3 Attribute Tag Anchor Premium
4 Tag Heading, Tag Bold, dan Tag Italic Premium
5 Membuat Coretan dan Garis Bawah di text HTML Premium
6 Tag Pre Formatted Premium
7 Tag Subscript dan Superscript Premium
8 Tag untuk menuliskan Skrip di HTML Premium
9 Block Quote Premium
10 Tag Marker dan Abbr Premium
11 Tag Address dan bdo Premium
12 Tag Small Premium
13 Tag Wbar Premium
14 HTML Entity Premium
15 Tag Ruby Premium
Bab 3 (List/Daftar di HTML)
1 Jenis List, dan Ordered List Premium
2 Attribute Pada Tag List Premium
3 Attribute Start dan Nested List Premium
4 Unordered List Premium
5 Description List Premium
6 Membuat Menu Navigasi dengan List HTML Premium
Bab 4 (Menambahkan Gambar di HTML)
1 Pengenalan Tag Image Premium
2 Attribute alt dan title Premium
3 Mengatur Ukuran Gambar HTML Premium
4 Attribute Align dan Margin Premium
5 Mengatur Border pada Gambar Premium
6 Membuat Link pada Gambar Premium
7 Tag Map Premium
8 Tag Figure dan Tag Figcaption Premium
Bab 5 (Menambahkan Tabel di HTML)
1 Mengenal Struktur Dasar Tabel Premium
2 Attribute rules Premium
3 Attribute Cellspacing dan Cellpadding Premium
4 Mengatur Warna Tabel Premium
5 Mengatur Lebar Tabel Premium
6 Mengatur Tinggi Tabel Premium
7 Mengatur Tinggi dan Lebar dengan CSS Premium
8 Mengatur Align pada Tabel Premium
9 Mengatur Valign pada Tabel Premium
10 Attribute Rowspan Premium
11 Attribute Colspan Premium
12 Soal Attribute Rowspan dan Colspan Premium
13 Tag th pada Tabel Premium
14 Caption pada Tabel HTML Premium
15 Tag Colgroup dan col Premium
16 Tag thead,tbody, dan tfoot Premium
17 Membuat Tabel dengan Framework CSS (Twitter Bootstrap) Premium
Bab 6 (Membuat Form di HTML)
1 Pengenalan Form, Input text, dan Password Premium
2 Tag Input Form Premium
3 Tag Input untuk Tombol Premium
4 Checkbox, Radio Button, dan Textarea Premium
5 Membuat Select Menu Premium
6 Membuat Inputan untuk File Premium
7 Membuat Inputan Hidden Premium
8 Membuat Inputan Image Premium
9 Membuat Label pada Form Premium
10 Tag Fieldset, dan Legend Premium
11 Attribute Target pada Form Premium
Bab 7 (Fitur Form di HTML 5)
1 Install Browser untuk keperluan testing Fitur Form Premium
2 Form input email Premium
3 Form input url Premium
4 Form input number Premium
5 Form input range Premium
6 Form input colorpicker Premium
7 Form input search Premium
8 Form input telp Premium
9 Form input date Premium
10 Form input time Premium
11 Form input datetime Premium
12 Form input datetime-local Premium
13 Form input month Premium
14 Form input week Premium
15 Form autofocus Premium
16 Form Placeholder Premium
17 Form Autocomplete Premium
18 Form Required Premium
19 Attribute Form Premium
20 Form Data List Premium
21 Validasi Inputan Form dengan Pattern Premium
22 Form Novalidate Premium
23 Attribute Formaction, Formenctype, Formmethod, dan Formtarget Premium
24 Tag Progress Premium
25 Tag Meter Premium
26 Tag Output Premium
27 Form Content Editable Premium
28 Form Designmode Premium
Bab 8 (Menambahkan Audio dan Video di HTML)
1 Pengenalan Audio Element Premium
2 Attribute Preload pada Tag Audio Premium
3 Format Audio yang didukung browser Premium
4 Pengenalan Video Element Premium
5 Attribute pada Video Element Premium
6 Attribute Preload di Video Element Premium
7 Attribute Poster di Video Element Premium
8 Browser yang mensupport Video Element Premium
Bab 9 (Menampilkan file lain ke halaman HTML)
1 Tag Embed Premium
2 Tag Object Premium
3 Tag Iframe Bagian 1 Premium
4 Tag Iframe Bagian 2 Premium
Bab 10 (Menggambar dengan Fitur Canvas di HTML)
1 Pengenalan Tag Canvas Premium
2 Membuat Gambar Object dengan Canvas Bagian 1 Premium
3 Membuat Gambar Object dengan Canvas Bagian 2 Premium
4 Shape pada Canvas Premium
5 Text pada Canvas Premium
Bab 11 (Menggambar dengan Fitur SVG di HTML)
1 Pengenalan Tag SVG Premium
2 Attribute Linecap Premium
3 Attribute Stroke Dasharray Premium
4 Membuat Polygon di SVG Premium
5 Membuat Persegi di SVG Premium
6 Membuat Lingkaran di SVG Premium
7 Membuat Ellipse di SVG Premium
8 Polyline di SVG Premium
9 Text dengan SVG Premium
10 Membuat File SVG External Premium
Bab 12 (Tag Semantic untuk struktur Halaman Web)
1 Pengenalan Semantic Tag Premium
2 Merubah Struktur Web dengan Semantic Tag Premium
Bab 13 (Praktek Membuat Prototype Halaman Web dengan Twitter Bootstrap)
1 Pendahuluan Premium
2 Menata Tampilan Web Premium
3 Menata Tampilan Home Premium
4 Membuat Form Pendaftaran Bagian 1 Premium
5 Membuat Form Pendaftaran Bagian 2 Premium
6 Membuat Form Login Premium
7 Membuat Image Galery Premium
8 Membuat Video Gallery Premium
9 Membuat Audio Gallery Premium
10 Membuat Tabel Premium
11 Membuat Data Table dengan Menggunakan Plugin Data Tabel Premium

 

Selain HTML kita juga akan sedikit menyinggung materi mengenai CSS di beberapa bab, Anda juga akan dikenalkan dengan Framework CSS yaitu Twitter Bootstrap di bab 13, meskipun tidak keseluruhan, karena memang Tutorial ini dikhusukan membahas mengenai HTML, untuk tutorial CSS kami akan buatkan DVD Tersendiri, sehingga anda lebih fokus dalam proses belajarnya.

 

Untuk Hasil belajar membuat prototypenya bisa dilihat di link berikut : http://tutorialhtml.warungbelajar.com/

 

Spesifikasi Tutorial

Judul : Tutorial HTML White Box – Panduan Belajar HTML
Author : Aris Samsudin,S.Kom
Bahasa : Indonesia
Harga : Rp. 50.000,-

Gratis Konsultasi

Jika Anda Menemui kesulitan dalam proses belajar, dapat menghubungi kami, kami siap membantu anda, sehingga proses belajar anda menjadi lebih efektif dan efesien , konsultasi bisa dilakukan via Chat Facebook atau whatsApp

Order

untuk Order bisa menghubungi Nomor Telp Kami : 085790444741 (Fast Respon) (WA), 0318680803

atau dengan mengirimkan pesan melalui menu Hubungi Kami

 

 

One thought on “Tutorial HTML White Box – Panduan Belajar HTML Lengkap

Leave a Reply

Your email address will not be published. Required fields are marked *