Hallo Para Desainer - desainer photoshop bertemu lagi dengan saya di Dumet Blog. pada artikel kali ini saya akan mengajarkan untuk membuat Bola Mata dengan adobe photoshop CS6. caranya sangat mudah kita hanya bermain filter dan hue / Saturation. okay langsung saja step by step tutorialnya.
Hallo Para Desainer - desainer photoshop bertemu lagi dengan saya di Dumet Blog. pada artikel kali ini saya akan mengajarkan untuk membuat Bola Mata dengan adobe photoshop CS6. caranya sangat mudah kita hanya bermain filter dan hue / Saturation. okay langsung saja step by step tutorialnya.
1. NAMA : MUHAMMAD RIZQI TOHOPI
NIM : 131312027
KELAS :A
SEMESTER : II
TUGAS : LAPORAN PRAKTIKUM 4
MATA KULIAH : DESAIN WEB
Pada praktikum ini, saya latihan membuat sebuah web menggunakan Dreamweaver. Dimana pada
praktikum ini, proses pembuatan belum selesai sepenuhnya.
Pertama saya membuka Dreamweaver, kemudian saya memilih design view untuk melakukan latihan
membuat web. Setelah itu saya membuat tabel, dimana tabel tersebut berfungsi sebagai tempat untuk
meletakkan isi sebuah web. Caranya pilih insert => table, akan muncul kotag dialog. Saya mengisi
untuk baris sebanyak 30 dan kolom 4.
Hasil Tampilan
Selanjutnya saya akan membeikan merge cell pada baris pertama sebelum memasukkan gambar banner
web. Caranya drag baris yang akan di merge cell, kemudian klik kanan => pilih Table => Merge cells.
Hasilnya
1
2. Untuk memberikan gambar pada tabel ini, saya mengambil gambar yang saya desain dari photoshop.
Di copy gambar tersebut, kemudian paste di tabel yang sudah di merge. Akan muncul kotak dialog
seperti berikut.
Pilih Yes. Kemudian simpan gambar tersebut di sebuah folder dimana web latihan tadi disimpan.
Hasil Tampilan.
Setelah banner selesai, saya membuat button. Button tersebut terlebih dahulu saya design melalui
photoshop. Cara memasukkan gambar button tersebut, sama seperti memasukkan gambar banner web.
2
3. Hasil tampilan
Kemudia saya membuat sebuah tulisan “Selamat Datang Di WEB Kami” dengan memberikan kode
program marque pada kalimat tersebut. Caranya pilih Insert => Tag => Html Tags => Page elements
=> marque
Hasil Tampilan
3
4. Berikut Kode Programnya
Selanjutnya saya membuat posisi web di tengah. Caranya terlebih dahulu saya klik tabel kemudian atur
Align pada Properties.
Hasil Tampilan
Selanjutnya saya memasukkan background web, untuk memperindah tampilan web. Caranya klik
diluar table, kemudian pilih Page Properties pada kotak Properties.
4
5. Akan muncul kotak dialog, kemudian browse background yang akan dipilih.
Hasil Tampilan
Untuk memberikan warna background pada web pilih
5
6. Hasil Tampilan
Selanjutnya saya membuat Link di setiap button (Home, Kurikulum, Ekstrakurikuler, Alamat). Untuk
memasukkan linknya, terlebih dahulu saya membuat html baru sebagai tempat untuk dijadikan link
pada setiap button.
Cara membuat link, klik gambar Home kemudian browse file link pada kotak properties.
Button Kurikulum, Ekstrakurikuler dan Alamat, cara pembuatan link sama seperti Home.
6
7. Hasil Tampilan setelah diberikan Link
Selanjutnya untuk menghilangkan tabel sehingga tampilan web menjadi rapi, ubah format Border dari 1
menjadi 0 pada kotak Properties.
Tampilan Browser Melalui Mozilla Firefox
Tampilan Home
7