Selamat Datang

Salam buat agan-agan semua... blog ini tercipta hanya sebuah media untuk kita saling belajar, berbagi, dan saling memberi informasi khususnya di dalam bidang Informatika.

Dari mulai newbie hingga yang master sekalipun boleh bergabung paling tidak berikan saran terbaik bagi semua. Perlu di ketahui, ini hanyalah catatan kecil milik insan tuhan yg ingin belajar.

Ilmu cukup diukur hanya dengan 3 jengkal saja : Pertama adalah sifat sok teu, congkak, sombong, (maklumlah). Kedua Tawadhu (low profile), santai dan bijaksana. Ketiga adalah sadar bahwa kita sebenarnya tidak mengetahui apa-apa tanpa-NYA - Always Newbie

Tampilkan postingan dengan label HTML-CSS. Tampilkan semua postingan
Tampilkan postingan dengan label HTML-CSS. Tampilkan semua postingan

Rabu, 29 Februari 2012

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.

Sumber : Sudarma Info

Populer Post