Cara Membuat Website dengan Photoshop Mudah

Cara membuat Website dengan photoshop dan dreamvewear.

Buka photoshop anda , lalu sediakan kanvas baru dengan cara klik file lalu klik new.

Isi seperti pada gambar, setelah itu klik ok :

Lalu klik rounded retangle seperti pada gambar:

Lalu pilih rounded retangle seperti pada gambar:

Gunakan  rounded retangle untuk merubah canvas menjadi putih.

Klik kanan pada kanvas, lalu pilih blending option:

Klik gradient overlay:

Lalu buat seperti ini:

Ini hasilnya:

Lalu buat tool panel dengan menggunakan rounded retangle tool, seprti gambar ini:

Lakukan seperti pada gambar

 

Lalu ketik type tool.

Lalu pilih slice tool

Lalu buat seperti ini:

Lalu simpan:

Lalu muncul gambar seperti ini:

Isi data seprti ini:

Buat sebuah folder dengan nama websiteku:

 

Beri nama index , dan ganti format menjadi html and images.

Kode html akan dicetak secara otomatis.

Buka dreamweaver, lalu klik open index.

Ini adalah kode program yang terbentuk secara otomatis.

Langkah awal, buka split pada dreamweaver.

Hasilnya akan seprti ini:

Lalu klik kanan pada yang berwarna putih atau kode 08 dan remove.

Seperti ini:

Lalu masuk ke kode , dan masukkan kode ini:

<style type="text/css"> .content{bacground:url(images/index_08.gif)bottom;padding:20px 20px 40px 20px;)</style>

Seperti gambar ini:

Setelah itu perhatikan kode seperti ini:

Kode yang berblok biru adalah tempat dimana tulisan kita akan muncul pada web.

Buat file yang dibutuhkan seperti pada gambar:

Akan tetapi, hanya pada tulisan yang berblok biru yang boleh digunakan, sedangkn kode pogram yang lain, tidak boleh di edit.

Save simpan save simpan save simpan save simpan.

Mari Belajar Teknologi Informasi