Video Tutorial Membuat Template Toko Online dengan HTML dan CSS

DVD Tutorial Membuat Template Toko Online Dengan HTML Dan CSS – Bagi seorang web developer maupun web desainer kemampuan untuk membuat sebuah desain web yang menarik dan enak dipandang mata merupakan sebuah keharusan. Apalagi di zaman NOW ini, dimana pebisnis UKM dan pedagang online sangat memerlukan yang namanya Toko Online.

Kalau Anda serius menjadi seorang desain web or web developer jangan buang-buang waktu untuk tidak memiliki video tutorial membuat template toko online ini.

Mengapa?

Semakin lama persaingan untuk menjadi seorang desain web semakin banyak, kalau Anda tidak bersegera, maka Anda akan jauh tertinggal….

Untuk itu.. Video tutorial ini akan menjelaskan bagaimana cara mendesain sebuah toko online menggunakan HTML dan CSS dengan baik dan desain yang indah dipandang.

Isi Video Tutorial

Ada 36 Materi yang bisa Anda dapatkan, diantaranya:

# Bagian Pertama: Persiapan

1. Menginstall Software text editor

2. Mempersiapkan directory assests proyek (CSS, Images, JS, dll)

#Bagian kedua: Halaman Utama

3. Menghubungkan halaman HTML dengan CSS

4. Membuat external file CSS baru

5. Menambahkan file CSS da menghubungkan dengan HTML

6. Menambahkan file javascript pada HTML

7. Menginstall font webstie pada file CSS

8. Belajar menggunakan font-awesome untuk icon desain web

9. Membuat container sebagai titik tengah dari website

10. Membuat Header pada halaman website

11. Menambahkan logo pribadi pada halaman website

12. Menambahkan menu primary pada header

13. Membuat dropdown menu pada header

14. Menambahkan menu cart pada header

15. Membuat small header

16. Menambahkan form search pada small header

17. Menambahkan menu login dan register

18. Menambahkan slider pada index.html

19. Belajar tentang library Jquery

20. Mengkostum tombol prev dan next pada slider

21. Membuat content produk pada halaman web

22. Menggunakan matematika untuk grid konten

23. Memasukan gambar pada HTML dan mengaturnya pada CSS

24. Membuat paging indikator pada content product

25. Membuat halaman testimonial

26. Membuat footer yang digunakan untuk copyright

Pada bagian 3, anda akan membuat dokumen baru yang akan digunakan sebagai detail produk yaitu detail.html, dengan pembahasan:

# Bagian 3: Halaman Detail

27. Menambahkan judul, harga, deskripsi produk

28. Menambahkan menu-menu penting dalam toko online (add to cart, report, add to wishlist)

29. Membuat bagian review pada halaman detail produk sebagai testimonial atau review dari produk tertentu

30. Menambahkan form untuk membahkan review dari customer atau pelanggan

#Bagian 4 : Halaman Detail 2

31. Membuat halaman hasil pencarian

32. Membuat halaman kategori dari produk tertentu

33. Membuat halaman untuk menampilkan keranjang produk

34. Menambahkan menu checkout dan kembali berbelanja

35. Membuat halaman untuk login pengguna

36. Membuat halaman pendaftaran pengguna

# Screenshoot Proyek Aplikasi

Berikut, SS proyek yang nantinya bisa Anda buat:

# Demo Video Tutorial

Harga

Rp 120.000

Hanya

Rp 80.000

3 thoughts on “Video Tutorial Membuat Template Toko Online dengan HTML dan CSS”

Leave a Reply

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