Try to be Usefull

Bag 1. Desain - Sub 3. Responsive Setting View Port Perhitungan Ukuran Layout pada View di Tiap Jenis Perangkat PC Desktop Tablet Horizontal  (Penyesuaian Model Kolom pada Tiap-tiap Konten) Tablet Vertikal  (Penyesuaian Slider) View di HP  (Penyesuaian Menu) Pada subbagian ini akan mempelajari cara mengatur komponen web agar ukuran, posisi, dan lainnya menyesuaikan dengan teknologi perangkat pengakses webnya. Subbagian ini membutuhkan tutorial 1.1 (Desain:Layout) dan 1.2 (Desain:Animasi) sebagai dasar awalannya. SMK AHMAD YANI   Probolinggo ACHMAD TAUFIK, S.Kom Oktober 2017  Screen Cast hasil Akhir Tutorialnya adalah sebagai berikut : Download Tutorial Selengkapnya  Disini

Bag 1. Desain - Sub 2. Animasi Animasi Slider Sliding Otomatis Sliding dengan "Next" dan "Prev" Efek Hover Pada Link Class "Tombol" Pada Form Input Type "Submit" Efek Zoom Gambar pada "List Data" Memasang "Video" dan Control Player Pada subbagian ini akan menambahkan modul sebelumnya (yaitu Bag.1 - Sub.1) dengan efek animasi menggunakan CSS dan JQuery. Sehingga untuk dapat menggunakan modul ini, pembaca disarankan menyelesaikan modul sebelumnya tersebut. SMK AHMAD YANI   Probolinggo ACHMAD TAUFIK, S.Kom Oktober 2017  Screen Cast hasil Akhir Tutorialnya adalah sebagai berikut : Download Tutorial Selengkapnya Disini

Bag 1. Desain - Sub 1. Layout Penataan Folder Anatomi Dasar DIV Kepala H2 Logo UL Navigasi DIV Badan DIV Banner DIV Konten 1 Kolom 2 Kolom 3 Kolom Model List DIV Kaki List Menu Goto Top Pada subbagian ini akan dipelajari tahapan demi tahapan cara membuat desain tampilan (layout) dasar dengan HTML dan CSS. Tags: Penataan folder, Div Halaman, Kepala (Logo, Navigasi), Badan (Banner, Konten (Model 1 kolom, 2 kolom, 3 kolom, dan list)), dan Kaki. SMK AHMAD YANI   Probolinggo ACHMAD TAUFIK, S.Kom Oktober 2017  Screen Cast hasil Akhir Tutorialnya adalah sebagai berikut : Download Tutorial Selengkapnya Disini