Pengalaman Membuat Web Online Shop

Salah satu pengalaman saya dalam membuat suatu sistem adalah membuat web online shop dengan menggunakan dreamweaver, nah Sebelum kita membuat web pada dreamweaver, terlebih dahulu kita memahami apa itu frame dan frameset dalam dreamweaver. Frame merupakan sebuah teknologi yang dipakai untuk menggabungkan beberapa halaman web menjadi satu halaman yang utuh. Dalam penggunaan frame pada pembuatan halaman-halaman web, dikenal istilah frame dan frameset. Frameset adalah suatu frame induk yang dapat menampung beberapa frame di dalamnya dan dapat memiliki frameset sendiri. Sedangkan frame sendiri adalah dokumen yang terdapat di dalam frameset dengan border yang mengelilinginya.

#buka program dreamweaver  pililah File -> new -> framesets -> pilih fixed top,nested left untuk memberi frame(frame sesuai yang kita inginkan)  

#  untuk membuat background berwaran ungu,membuat tulisan “RAFA BABY SHOP”  menjadi bergerak dari kanan ke arah kiri (marquee) dan memberikan tulisan “RAFA BABY SHOP” menjadi warna pink. Untuk memberi gambar klik insert -> image -> pilih gambar yang kita inginkan. Untuk membuat submit dan postcomet, klik insert ->  from -> button  dan textarea.

#kemudian pililah File -> new -> basic page -> HTML lalu enter, yaitu untuk membuat halaman baru yang berisi info shoping kemudian save,contoh: home.html nama filenya.

# klik insert -> hyperlink untuk mengaktifkan kata “home” yang dimana ketika kita klik home maka akan muncul info shoping,

  

# klik file -> new -> basic page -> HTML lalu enter, yaitu untuk membuat halaman baru yang berisi “username”, “password” dan “submit”.Untuk membuat username dan password klik insert -> from ->Text field.Untuk membuat submit, klik insert - > from -> button. Setelah di buat semua,save dengan nama login.html , kemudian , klik insert -> hyperlink untuk mengaktifkan kata “Login” yang dimana ketika kita klik login maka akan muncul usernama,password dan submit.

# untuk memberi warna hijau muda pada background username, password dan submit. Selain itu memberi warna tulisan username,password dan submit menjadi warna kuning, Lalu save.

# klik file -> new -> basic page -> HTML lalu enter, yaitu untuk membuat halaman baru yang berisi gambar Baby dan kata “terima kasih telah mengunjungi RAFA BABY SHOP”.lalu save dengan nama setting.html

#, klik insert -> hyperlink untuk mengaktifkan kata “Setting” yang dimana ketika kita klik Setting maka akan muncul ucapan terima kasih telah mengunjungi RAFA BABY SHOP dan gambar Baby.

#  untuk memberi warna pink pada background setting, memberikan gambar pada setting, memberi warna ungu muda pada tulisan “Terima kasih telah mengunjungi rafa baby shop” dan membuat tulisan “Terima kasih telah mengunjungi rafa baby shop” menjadi bergerak dari arah kanan menjadi k arah kiri (marquee).

 

# maka outputnya:

    -tampilan awal

-          setelah kita mengklik home Tampilan

-          Tampilan setelah kita mengklik Login

-          Tampilan setelah kita mengklik Setting

 

Saya bersyukur mendapatkan praktek dreamweaver di kampus, dengan adanya praktek ini saya pun akhirnya mengerti cara membuat suatu web dengn menggunakan dreamweaver.

 Kendala atau kesulitan saya dalam membuat web oline shop ini yaitu, butuh ketelitian dalam memberi nama yang akan di save karena jika tidak sesuai dengan apa yang kita save pada saat di run dia tidak akan muncul, kesabaran dalam melakuakan perintah step by step, di butuh kan kreativitas dalam mendisain karena semakin bagus tampilan, maka orang pun yang melihatnya akan  semakin menarik dan harus banyak-banyak berlatih agar ilmu yang di dapat tidak sampai sini saja.

Sedangkan Kepuasan dalam membuat web online shop ini yaitu, merasa bangga akan hasil yang dicapai walaupun hasilnya di luar dari kesempurnaan. Semoga pengalaman saya ini dapat bermanfaat bagi orang banyak.