Archives by Tag 'design'
Proses Editing Macromedia Dreamweaver Design
PROSES EDITING
Ada sebagian web designer dalam membuat situs professional tidak
memanfaatkan Adobe Photoshop dalam merancang web, padahal
dengan software tersebut kita akan lebih mudah dan lebih praktis
dibandingkan harus membuat kode html.
Ketika dokumen Adobe Photoshop tersimpan dalam bentuk web
maka secara otomatis akan membuat tag html sendiri sehingga tidak
perlu bersusah payah mengetik kode html. Anda dapat membuktikan
sendiri seperti nampak [...]
Teknik Slice Situs Bisnis
Setelah terbentuk sebuah halaman web yang siap ditampilkan,
langkah selanjutnya adalah memotong (slice) dokumen tersebut agar
dapat diedit dengan Macromedia Dreamweaver maupun software
yang sejenis.
Anda tidak dapat menyimpan begitu saja website tersebut dalam
sebuah image. Anda harus menyimpan menjadi beberapa gambar
agar dapat memasukkan teks pada saat diedit menggunakan
Macromedia Dreamweaver. Sedangkan untuk menyimpan menjadi
beberapa bagian, Adobe Photoshop menyediakan Slice tool [...]
Membuat Heading Situs Bisnis
Setiap situs, baik yang bersifat komersial maupun sosial pasti
memiliki ciri khas tersendiri. Profil dan jasa sebuah perusahaan
misalnya, akan teraktualisasi melalui gambar yang ada di situs dan
letaknya di bagian atas yang disebut dengan heading.
Sebuah image dapat pula dijadikan “image branding” suatu
perusahaan, maka kita harus benar-benar membuat gambar yang
dijadikan heading memiliki kualitas yang sempurna.
Gambar yang dijadikan sebagai [...]
Membuat Tombol Situs Bisnis
Setelah selesai membuat interface dengan penambahan beberapa
efek, langkah selanjutnya adalah membuat tombol (button) pada
navigasi yang telah dibuat sebelumnya.
Tentukan terlebih dulu tombol apa saja yang akan ditampilkan di
halaman muka. Anda bisa melihat beberapa situs di Internet sebagai
referensi. Ada beberapa menu yang umumny ditampilkan di halaman
muka yaitu: Home, About, Us, Support, Contact Us, dan Service.
kita akan mencoba [...]
Menambahkan Efek pada Interface Situs Bisnis
Efek yang ditambahkan pada sebuah objek sangat mempengaruhi
sudut pandang dan efek natural yang ditimbulkan. Sebagai contoh,
objek yang diberi efek shadow akan lebih Nampak realistis
dibandingkan yang tidak diberi efek sama sekali.
Pada bagian ini kita akan mencoba membahas tentang penambahan
efek pada interface yang baru saja dibuat.
1. Aktifkan layer Navigasi Atas
Membuat Interface Situs Bisnis
Bentuk interface sangat mempengaruhi “feed back” pengguna
terhadap situs kita. Apabila bentuk interface menarik dan ditambah
dengan artikel yang menarik, maka pengunjung akan merasa betah
menikmati artikel yang disuguhkan. Bentuk interface situs komersial
berbeda dengan situs pribadi. Umumnya, situs komersial/bisnis
mengedepankan jasa ataupun produk yang dimiliki.
Pada bagian berikut ini, kita akan mencoba membuat bentuk interface
situs bisnis/komersial dengan cara mencontoh dari [...]
Membuat Dokumen Baru Situs Bisnis
Pada pembahasan sebelumnya kita telah membuat sebuah situs
pribadi dengan ukuran 800×600 pixel. Kini kita akan mencoba
membuat sebuah situs Bisnis dengan ukuran 780×890 pixel.
1. Pertama kali buatlah dokumen baru dengan cara memilih menu
File > New atau dapat pula menekan tombol Ctrl+N.
Memotong Gambar (Slice)
Adobe Photoshop memang dapat diandalkan dalam segala hal,
terbukti beberapa bidang sangat memerlukan software yang satu ini
diantaranya untuk keperluan fotografi, percetakan, animasi,
periklanan, maupun untuk membuat website.
Salah satu keunggulan Adobe Photoshop dalam membuat sebuah
halaman web adalah adanya teknik Slice. Dengan fasilitas tersebut,
gambar akan secara otomatis terpotong sesuai dengan garis Slice.
Anda tidak perlu memotong secara manual kemudian menyimpan
potongan [...]