Convert Photoshop Ke Dreamweaver

Ada seseorang teman bertanya bagaimana cara convert file photoshop ke dreamweaver ?  oke langsung saja. yang kalian harus lakukan adalah mendesain sebuah website yang nantinya akan di convert menjadi HTML. biasanya cara ini dilakukan untuk membuat newsletter template. Pada file photoshop kita akan hanya bermain dengan slice tools dan save for web yaitu HTML dan images. disini saya sudah persiapkan sebuah website dengan gambar di bawah ini :

kita akan mulai slice pada file psd ini caranya adalah dengan slice tools perhatikan pada gambar di bawah ini :

jika sudah memilih toolsnya, saatnya menslice atau memotong2 bagian yang nantinya akan di jadikan sebuah  potongan file. perhatikan gambar di bawah ini :

jika sudah kalian slice lalu kalian save for web dengan cara klik file > save for web. perhatikan gambar di bawah ini :

jika sudah klik save dan formatnya adalah HTML and Images. perhatikan gambar di bawah ini :

maka kalian akan mendapatkan file html dan images perhatikan gambar di bawah ini :

sekarang kita coba buka file htmlnya ke dreamweaver , maka tampilannya seperti gambar di bawah ini :

Okay sampai disini dulu untuk tutorialnya . Terimakasih

26 Oktober 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat