Description
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
Sample Video
2
Membuat File HTML Sederhana
Sample Video
3
Tag Dasar HTML
Sample Video
4
Perbedaan Block dan Inline Level Element HTML
Sample Video
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
Sample Video
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. 70.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
Tutorial dapat kita kirim berupa DVD ataupun kita share folder melalui Google Drive
Reviews
There are no reviews yet.