Video Tutorial Desain Template Toko Online Dengan HTML dan CSS

Desain Template Toko Online Dengan HTML dan CSS.

Template Toko Online – Toko Online adalah perealisasian sebuah toko secara online atau dalam pengertian lain adalah wadah untuk melakukan transaksi jual beli secara online. Secara bahasa toko online adalah toko dalam internet. Jadi dalam istilah tersebut tidak ada bangunan toko asli seperti di dunia nyata dan tidak ada tatap muka antara penjual dan pembeli. Dalam toko online hanya ada sebuah website yang berisi informasi barang yang di jual berserta keterangannya dan informasi cara membelinya.

Template Toko Online Dengan HTML dan CSS

Di dalam video tutorial ini anda akan dijelaskan bagaimana cara mendesain sebuah template toko online menggunakan HTML dan CSS dengan baik dan desain yang indah dipandang.

MATERI PEMBAHASAN

Bagian 1: Persiapan

  1. Menginstall software text editor
  2. Menginstall software text editor
  3. Mempersiapkan directory-directory(css, img, js, dll)

Bagian 2 : Halaman Utama

  1. Menghubungkan .html dengan .css
  2. Membuat file .css baru
  3. Menambahkan file .css dan menghubungkannya dengan .html
  4. Menambahkan file .js pada .html
  5. Menginstall font website pada file .css
  6. Belajar menggunakan font-awesome untuk icon design web
  7. Membuat container sebagai titik tengah dari website
  8. Membuat header pada halaman website
  9. Menambahkan logo pribadi pada halaman website
  10. Menambahkan menu primary pada header
  11. Membuat dropdown menu pada header
  12. Menambahkan menu cart pada header
  13. Membuat small header
  14. Menambahkan form search pada small header
  15. Menambahkan menu login dan register
  16. Menambahkan slider pada index.html
  17. Belajar tentang jquery
  18. Mengkostum tombol prev dan next pada slider
  19. Membuat content produk
  20. Menggunakan matematika untuk grid content
  21. Memasukan gambar pada html dan mengaturnya pada css
  22. Membuat paging indikator pada content product
  23. Membuat bagian testimonial
  24. Membuat footer yang digunakan untuk copyright

Bagian 3 : Halaman Detail

  1. Menambahkan judul, harga, deskripsi produk
  2. Menambahkan menu-menu penting dalam toko online (add to cart, report, add to wishlist)
  3. Membuat bagian review pada halaman detail produk sebagai testimonial atau review dari produk tertentu.
  4. Menambahkan form untuk menambahkan review dari customer atau pelanggan

Bagian 4 : Halaman Detail 2

  1. Membuat halaman hasil pencarian
  2. Membuat halaman kategori dari produk tertentu
  3. Membuat keranjang produk tertentu menggunakan table yang sudah
  4. Menambahkan menu checkout dan kembali berbelanja dicustomize menggunakan css (elegant design).
  5. Membuat form login
  6. Membuat form registrasi

Lihat juga : Video Tutorial Membangun Toko Online Dengan Codeigniter

Screenshot Desain Template Toko Online Dengan HTML dan CSS

Template Toko Online Dengan HTML dan CSS

Template Toko Online Dengan HTML dan CSS

Harga : Rp. 80.000,-

Unruk Oder, silahkan hubungi saya melalu contak dibawah ini:

T : +62 853 9624 4441
E : aliakbaruncp@gmail.com
F : https://www.facebook.com/4li4kb4r441

One Response

  1. Smithc175 20 Desember 2016 Reply

Leave a Reply

19 − 10 =