Promo

Tampilkan posting dengan label DreamWeaver. Tampilkan semua posting
Tampilkan posting dengan label DreamWeaver. Tampilkan semua posting

31.1.11

Cara cepat mengubah psd menjadi css dan html

Sedang belajar membuat desain web? Kalau ya, berarti sama dengan saya. Seperti halnya kebanyakan orang, tentu selalu mencoba menempuh jalan yang sulit untuk mempelajarinya. Kalau sudah mentok, baru buka Google. Padahal, jika dari awal langsung mencari di Google, tentu tidak akan membutuhkan waktu yang lama.

Hari ini pun saya menemukan cara instan mengubah file psd (Photoshop) menjadi file CSS dan HTML. Meskipun masih banyak yang harus disesuaikan, setidaknya banyak proses yang harus dilewati bila dilakukan secara manual.

Bagi Anda yang mau mencobanya, silakan ikuti langkah yang saya berikan. Karena dilakukan secara online, tentu saja kita selalu berharap situs ini selalu ada dan gratis. Jika tidak, terpaksa mencari situs lain atau kembali dilakukan secara manual.

Siapkan desain dalam bentuk file .psd (Photoshop) lalu buka situs ini. Klik Pilih Berkas (browse).

clip_image002

Pilih file .psd lalu klik Open.

clip_image004

Klik Upload File.

clip_image006

Tunggu proses hingga selesai. Kalau sudah, silakan download.

clip_image008

Jika sudah didownload, lakukan penyesuaian seperlunya. Bisa menggunakan Dreamweaver atau notepad++. Misalnya, mengganti gambar dengan teks (semua objek yang dikonversi dalam bentuk gambar).

clip_image010

Silakan modifikasi lebih lanjut. Tentu saja, harus mengetahui/mendalami bahasa HTML, CSS, dan JavaScript supaya desain lebih bagus.

21.9.10

Memodifikasi website di dreamweaver

Punya website? Kalau masih dalam tahap pengembangan biasanya banyak yang perlu dimodifikasi. Kita akan sering membuka dan memodifikasi file, baik melalui cpanel, ftp, dan lain sebagainya.

Jika kita memiliki software dreamweaver, tentu memodifikasi website akan lebih mudah, terutama bagi yang baru belajar. Supaya mudah memodifikasinya, buka saja file yang ada di hosting pada dreamweaver, sehingga kita bisa memodifikasi semua file secara langsung seperti memodifikasi website di localhost.

Caranya sebagai berikut.

Klik Manage Sites pada layer Files. Bisa juga dengan klik menu Site > Manage Sites.

clip_image002

Klik New > FTP & RDS Server.

clip_image004

Klik OK.

clip_image006

Isi informasi ftp website Anda, lalu klik Test.

clip_image008

Jika sukses, klik OK. Kalau error, periksa kembali username dan password ftp.

clip_image010

Klik Done.

clip_image012

Sekarang kita bisa memodifikasi semua file yang ada di hosting menggunakan dreamweaver.

clip_image014