Tutorial Disain Dan Pemrograman Web (1.2)

-
Bag 1. Desain - Sub 2. Animasi

  1. Animasi Slider
    • Sliding Otomatis
    • Sliding dengan "Next" dan "Prev"
  2. Efek Hover
    • Pada Link Class "Tombol"
    • Pada Form Input Type "Submit"
  3. Efek Zoom Gambar pada "List Data"
  4. 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

Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial Disain Dan Pemrograman Web (1.1)

-
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          
Baca selengkapnya

Tutorial Disain dan Pemrograman Web (1.3)

-
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
Baca selengkapnya