Looking for:
– Interesting tutorials
Remember me on this computer. Enter the email address you signed up with and we’ll email you a reset link. Need an account? Click here to sign up. Download Free PDF. Gerry Rihi Pati. A short summary of this paper. Bagi orang awan, istilah tersebut bisa saja diartikan sama. Ada sebagian masyakat kita mencantumkan alamat lengkap dengan imbuhan, misalnya homepage: www. Memang, sah-sah saja mencantumkan beberapa kalimat tersebut karena memang intinya sama yaitu mencantumkan alamat situs yang dapat dikunjungi.
Untuk mengetahui arti yang sebenarnya, di bawah ini terdapat sedikit ulasan beberapa istilah dalam internet yang sering ditemui. Web adalah adalah fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara, animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozilla Firefox Website situs web : merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu.
Diibaratkan web site ini seperti buku yang berisi topik tertentu. Diibaratkan halaman web ini seperti halaman khusus dari buku. Homepage : merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs web. Mendesain web bukan merupakan pekerjaan yang berat dan bukan merupakan pekerjaan yang ringan.
Apa maksudnya? Merancang web bukanlah pekerjaan yang berat artinya siapapun bisa menguasai dan membuatnya asalkan memiliki kemauan untuk belajar.
Namun merancang web web design bukanlah pekerjaan yang ringan artinya tidak semua orang memiliki kemampuan yang luas tentang beberapa aspek yang harus diketahui agar tampilan web menarik sehingga banyak pengunjung yang datang. Sebagai contoh, ketika kita membuat sebuah homepage halaman utama web sangat lama proses aksesnya.
Mengapa hal itu bisa terjadi? Itu semua diakibatkan tidak adanya ketentuan besarnya file halaman utama tersebut. Agar halaman web kita mudah diakses oleh para pengunjung tentunya harus memiliki pengetahuan dalam mendesain sebuah web. Buku ini sengaja disusun untuk memandu para web designer pemula agar menghasilkan sebuah website yang inovatif dan kreatif secara profesional. Ulasan dalam buku ini menyangkut masalah teknik pembuatan interface halaman muka sebuah website menggunakan Adobe Photoshop kemudian diolah menggunakan Macromedia Dreamweaver.
Selanjutnya, dipercantik dengan tambahan animasi yang dibuat menggunakan Macromedia Flash. Jadi kita menggunakan 3 tools untuk membuat situs yang inovatif dan kreatif secara profesional. Dalam buku ini tidak lagi membahas secara teoritis tentang penggunaan masing-masing tools namun langsung pada permasalahan yang sering dijumpai ketika akan membuat sebuah situs.
Homepage halaman utama situs Anda harus dapat diakses maksimal 8 detik atau dapat diakses melalui koneksi jaringan internet minimal 28,8 kbps. META Tag adalah kode yang memungkinkan search engine mesin pencari seperti: Google untuk menentukan kata kunci yang relevan dari website Anda. Pilihlah warna latar belakang background yang sesuai, jangan menggunakan warna yang mempengaruhi teks untuk dibaca.
Warna situs menjadi sebuah ekspresi hati Anda. Warna orange melambangkan keceriaan sedangkan warna ungu atau hitam melambangkan kesuraman. Untuk itu pilihlah warna yang sesuai untuk situs Anda berdasarkan isi yang terkandung dalam situs tersebut. Gunakan animasi seperlunya, jangan terlalu berlebihan karena dapat mempengaruhi konsentrasi pengguna ketika sedang membaca informasi.
Selain itu, animasi juga dapat menghambat akses ke halaman situs Anda. Sebuah animasi yang bagus bukan menjadi jaminan bahwa situs Anda menarik perhatian pengunjung.
Halaman Utama situs harus lebih spesifik agar para pengunjung dapat mengetahui produk yang ditawarkan. Sebagai contoh, jika situs Anda merupakan sebuah lembaga konsultasi maka sebaiknya jasa-jasa konsultasi yang ditawarkan ditampilkan di halaman utama.
Hindari pemasangan iklan banner di bagian atas website Anda. Batasi jumlah banner yang akan ditayangkan, maksimal 2 dan idealnya cukup 1 banner. Semakin banyak jumlah banner, semakin lama proses akses dan akan sangat mengganggu konsentrasi pengguna ketika mengunjungi situs Anda.
Periksa ejaan yang salah dan pastikan gambar dan link terhubung dengan baik sebelum ditampilkan secara on-line. Jika sebuah situs terdapat salah satu atau beberapa halaman yang error menjadikan situs tersebut nampak tidak profesional. Lengkapilah website Anda dengan tombol navigasi yang mudah dan tersusun dengan rapi pada bagian atas, bawah, kiri, maupun kanan.
Jika menggunakan tombol dalam bentuk gambar, perlu diingat bahwa kemungkinan proses akses lebih lama. Karena gambar memiliki ukuran yang cukup besar, dan seperti kita ketahui. Sebuah halaman situs maksimal berukuran tidak lebih dari kb. Jika terpaksa harus menggunakan Frame, gunakan secara tepat. Pada dasarnya, penggunaan Frame dalam sebuah situs akan berkesan tidak profesional. Perhitungkan jumlah klik yang dibutuhkan untuk pindah dari halaman satu ke lainnya.
Jika terlalu banyak klik akan sangat membosankan bagi pengunjung. Anda bisa menerapkan sistem navigasi yang lebih nyaman dengan menyertakan logo pada setiap halamannya.
Sebaiknya tawarkan, apakah menggunakan intro beserta audio suara ataukah langsung ke halaman utama. Periksa website Anda dengan beberapa jenis browser karena masing-masing browser memiliki kemampuan yang berbeda. Disain yang bagus hampir tidak kelihatan, namun jika disainnya jelek maka akan memberikan dampak yang luar biasa.
Jika disain website Anda dirancang bagus dan tata letak informasi juga membantu para pengunjung mudah menggunakan website tersebut, pengunjung pasti akan kembali menjelajah website Anda. Software ini mengijinkan semua elemen dapat diedit kembali dan dapat berintegrasi dengan Macromedia Dreamweaver. Grafik dalam website dapat berupa statik, animasi, dan fotografi. Setelah melihat perbandingan beberapa format file grafis untuk web, Anda dapat menentukan format apa yang akan digunakan sesuai kebutuhan.
Pada prinsipnya, semua format file tersebut dapat dijadikan panduan dalam memilih format file yang tepat. Ada beberapa bahan pertimbangan ketika memilih salah satu dari beberapa format file tersebut, diantaranya: – Usahakan ukuran file seminimal mungkin – Selalu gunakan mode warna RGB – Gunakan web pallete web-safe colour – Jika Anda memilih format file GIF : simpan sedikit warna jika perlu, simpanlah sebagai interlaced.
Jika Anda memilih format file JPG : pilih kualitas yang paling kecil jika perlu, simpan sebagai progresive. Dengan demikian, seorang pengembang web juga perlu berkonsultasi dengan pemilik web itu sendiri agar segala sesuatu yang menjadi tujuan pemilik web dapat terpenuhi.
Lain halnya dengan seorang pengembang web web developer yang diberikan kebebasan dalam membuat sebuah web. Pemiliki web umumnya mempercayakan sepenuhnya kepada pengembang web web developer. Nah, jika demikian maka sebagai seorang pengembang web harus benar-benar membuktikan keterampilannya dalam membuat web secara profesional agar para pemiliki web tidak kecewa dengan karya yang telah dibuat.
Untuk menjadi seorang pengembang web profesional tidaklah mudah karena harus memadukan antara bahasa pemrograman web dengan nilai seni yang terdapat dalam setiap halaman web. Keduanya harus dimiliiki, jika salah satu saja maka belum bisa disebut sebagai seorang pengembang web profesional. Meskipun pintar bahasa php dalam membuat web, tapi jika tidak didukung oleh jiwa seni maka hasilnya kurang maksimal.
Begitu pula sebaliknya, jika hanya pandai membuat tampilan halaman web tapi tidak didukung oleh pengetahuan tentang bahasa pemrograman web maka hal itu akan sia-sia saja. Sebagai seorang pengembang web pemula, tidak perlu berkecil hati jika ingin menjadi seorang pengembang web profesional. Yang terpenting adalah adanya kemauan untuk terus belajar dan belajar lagi agar wawasan tentang pengembangan web terus bertambah.
Ada beberapa hal yang perlu diketahui oleh para pengembang web pemula ketika pertama kali ingin membangun sebuah web dari awal. Berikut ini terdapat beberapa aspek yang perlu diperhatikan dalam membuat sebuah website.
Perlu diketahui, umumnya pengguna user ingin mendapatkan informasi secara cepat meskipun tampilan website-nya biasa saja. Jika terlalu lama saat mencari informasi maka para pengguna akan langsung menutup halaman web tersebut. Ingat, jangan mengorbankan aspek usabilitas dalam mendesain website. Navigasi yang bagus mencerminkan struktur website yang sangat baik. Kadangkala ditemukan beberapa format navigasi, diantaranya: – Papan Navigasi Navigation Panel o Bisanya dalam bentuk menu-menu yang tersusun rapi.
Jika terpaksa menggunakan warna yang berbeda, pastikan bagian tersebut masih merupakan satu kesatuan.
Fungsi utama tombol ini adalah untuk kembali ke halaman utama homepage. Gambar Tombol Home – Link o Jika teks memiliki hyperlink sebaiknya diberi garis bawah underlined.
Adanya link dalam sebuah teks mengakibatkan proses membaca sedikit lambat, namun hal ini mungkin saja menjadi hal yang bagus dengan tujuan menandai highlight kata-kata yang khusus. Hal itu akan memberikan informasi kepada pengunjung tentang website yang berbeda sebelum mengklik link tersebut.
Ini dapat mengakibatkan pengunjung merasa terganggu. Gambar Judul – Peta situs Site Map o Site map merupakan salah satu bagian dari halaman website yang memberikan informasi tentang peta situs.
Berhati-hatilah jika melakukan hal tersebut. Waktu merupakan hal sangat penting bagi mereka yang menggunakan Internet, sehingga para pengguna Internet tidak akan membuang waktunya hanya untuk membaca teks yang sangat banyak sekali. Riset membuktikan bahwa para pengguna cenderung meneliti teks dalam layar monitor. Selain itu, lebih cepat membaca di layar monitor dibandingkan membaca di atas kertas. Terdapat beberapa konsep penulisan dalam sebuah web, yaitu: – Sedikit itu lebih baik — pertahankan konsistensi: buatlah struktur kalimat sesederhana mungkin, atau buatlah kalimat yang pendek.
Sederhana di sini bukan dalam arti tampilan sebuah situs, namun lebih mengarah ke teknik penulisannya. Ada beberapa hal yang perlu diperhatikan agar konsep kesederhanaan tetap dipertahankan, yaitu: – Gunakan Heading dan Sub Heading untuk memisahkan bagian teks. Aspek kemudahan dalam mengakses sebuah website perlu mempertimbangkan beberapa hal sebelum merancang web, di antaranya: – Pastikan website Anda mudah digunakan oleh browser utama yang sering digunakan banyak orang maupun web browser lainnya.
Yang terbaik, website Anda tidak akan nampak pada orang yang buta warna seperti yang telah Anda rancang. Sialnya lagi, hal ini bisa jadi teks tidak terbaca, navigasi yang sulit digunakan dan elemen lain yang tersembunyi. Ada beberapa pertimbangan dalam pemilihan warna agar website Anda dapat digunakan oleh mereka yang buta warna, yaitu: – Kebanyakan orang yang buta warna tidak bisa membedakan antara warna merah dengan hijau.
Bagaimana cara menetralkan kondisi tersebut? Namun jika terlalu banyak menggunakan grafik, bisa jadi website kita akan menimbulkan berbagai masalah. Untuk mengatasi berbagai hal yang tidak diinginkan ketika mendesain web, perlu mempertimbangkan berbagai sudut pandang dalam penggunaan grafik, diantaranya: – Tambahkan grafik seperlunya karena bisa menambah waktu ketika pengguna mendownload artikel yang diinginkan.
Sebagian orang akan mematikan grafik agar proses koneksi lebih cepat. Jika grafik dimatikan, dan tidak memasukkan teks alternatif maka pengguna tidak mengetahui gambar tersebut.
Sebagai seorang web developer, tentu saja harus selalu mengikuti perkembangan di dunia maya agar ketika merancang web tidak timbul masalah akibat dari pengguaan teknologi yang sudah kadaluwarsa.
Banyaknya pengunjung yang datang dapat dijadikan tolok ukur keberhasilan seseorang dalam merancang dan mengembangkan sebuah website profesional. Ada beberapa unsur yang mempengaruhi keberhasilan tersebut, diantaranya: mudah digunakan, proses koneksi cepat, tampilan menarik, perpaduan warna sangat tepat, navigasi mudah dipahami dan digunakan, isi artikel sangat berguna, dan masih banyak lagi unsur lain.
Saat ini website sudah menjadi salah satu bagian dari identitas sebuah institusi, sama pentingnya dengan alamat perusahaan. Ada beberapa kelebihan dan manfaat website sehingga banyak orang membutuhkan kehadirannya, diantaranya: – Memiliki alamat secara online – Jangkauan tanpa batas sehingga dapat diakses oleh pengguna di seluruh dunia dalam waktu yang tak terbatas 24 jam sehari tanpa henti.
Meskipun demikian, sebagai pemilik situs juga harus ikut terllibat dalam pembentukan dan pengembangan website yang interaktif dan dinamis agar sesuai dengan sasaran dan tujuan yang ingin dicapai. Hal inilah yang jarang disadari oleh para pemilik situs. Pelajarilah dengan seksama terhadap situs tersebut, jika perlu tulislah poin-poin penting yang menjadi andalan situs tersebut.
Hal ini akan sangat membantu dalam menentukan isi situs yang akan ditampilkan. Catatan tersebut menjadi acuan untuk memilah-milah bagian yang penting dan yang tidak penting.
Jika memiliki anggaran yang terbatas, maka poin-poin yang penting dapat didahulukan untuk ditampilkan. Usahakan membuat pula halaman lain jika masing-masing halaman terdapat perbedaan bentuk. Pikirkanlah secara seksama tentang isi situs Anda untuk menentukan kata kunci yang tepat agar pengguna dapat menemukan situs Anda secara cepat berdasarkan kata kunci yang dimasukkan. Jika memiliki beberapa kata kunci, urutkan kata kunci tersebut berdasarkan prioritas.
Hal ini untuk memudahkan dalam perbaikan situs sebelum diletakkan secara on-line. KATEGORI WEB Website yang dibuat oleh seorang pengembang web web developer harus benar-benar mencerminkan identitas suatu institusi, jangan sampai bertolak belakang antara isi content dengan bentuk dan tata letak situs itu sendiri. Ada beberapa point yang barus diperhatikan, salah satunya adalah tentang kategori situs itu sendiri. Sebagai contoh, jika seorang pengembang web diberi tugas untuk membuat sebuah situs anak-anak maka dia harus mengetahui hal-hal yang berhubungan dengan dunia anak-anak.
Menyangkut masalah pemilihan jenis huruf font , kombinasi warna, penggunaan gambar, animasi, dan unsur lain yang mendukung. Sebagai contoh, jika Anda membuat situs anak-anak sebaiknya menggunakan warna yang cerah dan disukai anak-anak, sisipkan pula gambar dan animasi yang dapat membangkitkan keinginan sang pengguna untuk lebih lama lagi membaca informasi yang disajikan. Sebaliknya, jangan terlalu banyak menyisipkan animasi maupun gambar pada situs dalam kategori referensi, misal: kamus, perpustakaan, dan lain-lain.
Gambar 3. Pilihlah warna sesuai dengan tema dalam situs tersebut. Sebagai contoh, jika situs berisi informasi tentang wisata pilihlah warna yang modern. Misalnya warna merah, biru, orange, dan lain sebagainya.
Para pengembang web harus mengikuti kemauan para pemesan, yang notabene pemilik situs. Pengembang web perlu meminta referensi kepada calon pemesan tentang warna yang disukai agar ketika sampai proses pengembangan tidak terjadi perubahan warna yang sangat drastis.
Pengembang juga tidak boleh memaksakan diri untuk memilih warna sesuai seleranya. Warna sebuah situs memiliki makna tersendiri, dan hanya pemilik situs saja yang tahu tentang makna tersebut. Berikut ini terdapat ulasan mengenai makna warna yang dapat diterapkan ketika membangun sebuah situs yang profesional. Warna-warna tersebut memiliki makna yang positif dan negatif karena warna tersebut sangat mempengaruhi emosional pengunjung untuk menentukan langkah selanjutnya.
Warna dapat dikelompokkan menjadi tiga bagian yaitu: warna sejuk, warna hangat, dan warna netral. Warna-warna sejuk cenderung berpengaruh memberikan perasaan tenang bagi yang melihatnya. Warna hangat cenderung mempunyai suatu efek kegairahan bagi yang melihatnya. Warna netral adalah suatu pemilihan agung untuk bergaul dengan suatu palet lukis hangat atau dingin. Jika yang menjadi target adalah anak remaja ABG dan anak-anak, maka mereka menyukai warna terang, warna dasar, warna primer merah, biru, kuning dan hijau.
Berbeda dengan orang dewasa, yang umurnya lebih tua, mereka akan menyukai warna yang lebih gelap, sama dengan warna dari kelompok warna-warna netral.
Perbedaan kelas adalah faktor pokok lain yang memiliki pengaruh dalam memilih warna. Sedangkan mereka yang lebih terdidik cenderung menyukai yang lebih mengaburkan warna seperti taupe, warna biru langit, celadon, ikan salem, dll.
Perbedaan jenis kelamin merupakan salah satu faktor nyata dalam memilih warna. Pria cenderung menyukai warna dingin coo seperti hijau dan biru, sedangkan wanita menyukai warna lebih hangat, yaitu merah dan orange.
Dengan mengetahui target audience dan efek yang berbeda dari warna yang ditimbulkan, kita memperoleh suatu kemampuan lebih besar untuk menentukan warna apa yang terbaik untuk menarik pengunjung baik pria maupun wanita.
Satu hal lagi yang perlu diperhatikan, pengunjung web biasanya menggunakan monitor berbeda, browsers berbeda, dan sistem operasi berbeda. Itu hampir mustahil untuk memastikan bahwa warna yang kita buat akan sama pada tiap-tiap komputer seperti halnya dicetak.
Jangan hanya terkait dengan perbedaan pada komputer yang berlainan, tetapi bagaimana kita mencoba menjadikan penggunaan warna menjadi konsisten. Bagaimana kita menciptakan suatu palet warna untuk perusahaan, identitas merek, atau warna produk, konsistensi adalah kunci.
Gunakanlah warna yang sama pada seluruh usaha pemasaran untuk menciptakan keakraban dengan produk atau perusahaan. Konsistensi akan membantu menarik pengunjung. Warna yang ditampilkan di website harus sama dengan warna dalam bentuk pulikasi booklet, flyer, pamflet, dan lain-lain yang sejenis.
Sebagai pengembang web tentunya sudah bisa membedakan bentuk yang cocok untuk yang akan dibuat menurut kategorinya. Atau dapat juga membuat sketsa menggunakan program pengolah vektor seperti CorelDraw, Adobe Illustrator, maupun Macromedia Freehand. Pada contoh berikut ini, penulis memanfaatkan CorelDraw untuk membuat sketsa layout halaman web. Sebagai bahan praktek untuk membuat website, berikut ini merupakan bentuk sketsa layout halaman web sebagai panduan untuk membuat navigasi maupun fitur lain yang diperlukan.
Bentuk Layout Situs Bisnis Setelah membuat beberapa bentuk layout, langkah selanjutnya adalah mengembangkan sketsa tersebut menjadi sebuah tampilan web yang inovatif menggunakan beberapa tool yaitu: Adobe Photoshop sebagai desain tampilan, Macromedia sebagai pengatur teks dan menu pop up, dan Macromedia Flash sebagai animasi.
Proses pengembangan diawali dengan pembuatan layout halaman menggunakan Adobe Photoshop, kemudian diolah dalam Macromedia Dreamweaver untuk menambahkan isi content dan sedikit tambahan menu pop up pull down menggunakan Javascript. Untuk studi kasus, pertama kali kita akan mencoba membuat situs pribadi. Dalam hal pemilihan warna, terserah para pembaca.
Saya sebagai penulis hanya memberikan teknik membuat bentuk layout halaman website profesional. Sebelum membuat dokumen baru, kita harus mengetahui bahwa tidak semua resolusi monitor pengguna sama dengan yang kita miliki.
Sebagai contoh, resolusi monitor kita menggunakan ukuran x pixel sedangkan pengguna user hanya memiliki resolusi x pixel. Apabila Anda membuat ukuran dokumen x pixel maka menimbulkan ketidaknyamanan pengunjung karena harus sering menggulung halaman website akibat ukuran dokumen terlalu lebar. Sebaiknya lebar tidak melebihi pixel. Jalankan program Adobe Photoshop kemudian ikuti beberapa petunjuk berikut ini.
Buatlah dokumen baru dengan ukuran x pixel. Beri nama dokumen baru tersebut misal: Situs Pribadi , setelah selesai klik OK. Gambar 4. Kotak dialog dokumen baru 2. Untuk mempermudah proses pembuatan interface situs, ada baiknya memasukkan gambar bentuk layout ke dalam dokumen Adobe Photoshop. Anda dapat menduplikasi copy dan paste ke dalam dokumen tersebut. Sketsa yang telah dibuka dengan Photoshop 3.
Klik Set Foreground color untuk memilih warna sebagai latar belakang. Set Foreground color 4. Setelah kotak dialog Color Picker muncul, masukkan kode warna cc pada kotak kode.
Layer Background yang telah diberi warna 6. Membuat seleksi berbentuk kotak. Tekan huruf D pada keyboard untuk mengubah warna default Foreground dan Background Hitam dan Putih kemudian tekan huruf X untuk membalik warna tersebut. Memberi warna putih sebagai tempat navigasi.
Keunikan bentuk interface memiliki nilai tersendiri karena tidak semua orang memiliki kemampuan untuk menciptakan bentuk tersebut. Berikut ini akan membahas salah bentuk interface yang modern. Pertama kali, aktifkan tool Pen. Pen tool. Pada menu option di bagian atas, pilih Shape Layers. Menu Option Pen tool. Klik Set Foreground Color untuk memilih warna.
Kotak dialog Color Picker untuk memilih warna. Setelah kotak dialog Color Picker muncul, masukkan kode warna ff5d6c pada kotak yang disediakan. Kotak dialog Color Picker 5. Buatlah Shape menggunakan Pen tool dengan bentuk seperti nampak pada gambar 4.
Aktifkan Convert Point tool untuk membuat efek lengkung. Lihat gambar 4. Bentuk Shape yang diinginkan. Mengaktifkan Convert Point tool 8. Klik pada segmen yang ingin diberi efek lengkung. Klik dan tahan sambil menggeser salah satu convert point ke kanan secara perlahan agar membentuk lengkungan yang diinginkan. Membuat bentuk lengkung 9. Selanjutnya memilih segmen yang lain. Klik dan tahan sambil menyeret pointer ke kanan secara perlahan agar membentuk objek yang diinginkan.
Jika telah selesai maka akan terbentuk sebuah asesoris modern seperti nampak pada gambar berikut. Bentuk asesoris modern Aktifkan layer Shape 1, buatlah duplikat layer tersebut dengan cara mengklik dan tahan sambil menggerakkan ke ikon Create New Layer. Membuat duplikat layer Jika berhasil, pada Palet Layer akan muncul hasil duplikasi layer tersebut dengan nama Shape 1 copy. Klik tombol mouse kanan dan pilih Flip Horizontal.
Duplikat layer telah muncul Gambar 4. Mentransformasikan objek Aktifkan Direct Selection tool. Mengaktifkan Direct Selection tol Buatlah seleksi untuk memilih dua buah segmen yang akan dipindahkan secara bersama-sama. Membuat seleksi menggunakan Direct Selection tool Gunakan tombol panah ke kiri untuk menggeser dua buah segmen tersebut.
Memindahkan posisi segmen Langkah selanjutnya adalah membuat ilustrasi yang sama untuk memperindah tampilan. Buatlah duplikat layer Shape 1 sekali lagi dengan cara menggeser layer tersebut ke ikon Create New Layer. Bentuk shape sebagai latar belakang Berikutnya, aktifkan Pen tool dan buatlah Shape yang berbentuk seperti gambar berikut. Membuat Shape lain Seperti biasa, aktifkan Convert Point tool untuk membuat bagian yang lengkung.
Sehingga akan didapatkan sebuah bentuk interface yang modern. Duplikasi Shape 2 dengan cara menyeret layer tersebut ke ikon Create New Layer. Kemudian ubahlah bentuknya agar lebih menarik lagi. Untuk memodifikasi, gunakan Convert Point tool dan Direct Selection tool.
Jika mengikuti petunjuk buku ini, bentuk shape akan seperti nampak pada gambar berikut. Terakhir, aktifkan Rectangle tool. Memilih Rectangle tool Kemudian buatlah Shape berbentuk kotak memanjang.
Jangan lupa memberi warna Shape tersebut dengan kode warna ea1c Membuat shape baru 4. Membuat Tombol Setelah sebelumnya membuat bentuk interface untuk halaman situs, langkah selanjutnya adalah membuat tombol yang eksklusif.
Pertama kali, aktifkan Rectangle Rounded tool. Buatlah sebuah tombol berbentuk kotak. Bentuk shape baru 3. Aktifkan Direct Selection tool kemudian buatlah seleksi untuk memilih empat buah segmen di bagian bawah. Memilih beberapa segmen 4. Geser ke kanan sebanyak 10 kali menggunakan tombol tanda panah ke kanan.
Memindahkan segmen 5. Lihat Gambar 4. Setelah kotak dialog Layer Style muncul, aturlah beberapa spesifikasi seperti nampak pada gambar 4. Setelah selesai klik OK. Memilih style Drop Shadow Gambar 4. Setting untuk efek Drop Shadow 7. Langkah selanjutnya adalah membuat beberapa duplikasi tombol tersebut dengan cara menggesernya ke ikon Create New Layer. Bentuk tombol yang sudah jadi 8. Buatlah tiga buah tombol lagi dengan cara yang sama seperti sebelumnya.
Anda dapat menduplikasi tombol yang sudah ada atau membuat tombol baru lagi. Jika Anda telah membuat tiga buah tombol, kira-kira bentuknya seperti gambar berikut ini. Tampilan layout halaman muka sudah terbentuk 4. Menambahkan Efek Khusus Interface tersebut mungkin masih sangat sederhana, kita perlu memberi efek khusus agar terlihat menarik. Pertama kali aktifkan layer yang bentuk objeknya seperti nampak pada gambar berikut.
Mengaktifkan salah satu shape 2. Menuju ke palet Path, ubahlah path tersebut menjadi seleksi dengan cara mengklik tombol ikon Load path as selection di bagian bawah palet Path. Mengubah path menjadi seleksi 3. Kemudian aktifkan Brush tool, pilihlah ukurannya 9 pixel.
Menu Option bar 4. Goreskan pada bagian yang lengkung secara perlahan-lahan sehingga akan terbentuk warna seperti nampak pada gambar berikut. Membuat efek khusus 5.
Arsirlah secara perlahan-lahan pada bagian yang lengkung menggunakan Brush tool sehingga akan memiliki efek bersinar dan muncul bayangan. Hasil akhir penambahan efek 4. Membuat Heading Umumnya judul utama sebuah situs pribadi maupun perusahaan berada di bagian atas. Nama Domain dapat dijadikan sebagai judul heading dengan tujuan untuk lebih mengingatkan kepada pengunjung tentang alamat situs.
Sebagai contoh, nama domain Anda : cantikclara. Ambillah nama domain tersebut sebagai judul heading. Untuk membuat sebuah heading, pertama kali aktifkan Horizontal Type tool. Mengaktifkan Horizontal Type Tool 2. Kemudian, klik ikon Foreground Color untuk menentukan warna teks.
Setelah kotak dialog Color Picker muncul, masukkan kode warna ea1c Icon Foreground and Background 3. Ketiklah judul heading, misal: Dixs-um. Membuat judul heading 4. Aktifkan Gradient tool, kemudian pada option bar pilihlah tipe Linier. Aturlah warna Foreground ea , dan Background ffffff. Letakkan pointer di atas dan tarik ke bawah untuk membuat warna gradasi.
Membuat efek gradasi 4. Pada umumnya, ilustrasi yang digunakan dalam bentuk fotografi karena memiliki beberapa kelebihan diantaranya, warna realistis, bentuknya sesuai dengan objek sesungguhnya, lebih alami, dan masih banyak lagi kelebihannya. Oleh karena yang akan kita buat adalah situs pribadi, tidak ada salahnya menempatkan gambar foto pribadi seseorang dalam halaman utama.
Baiklah, langsung saja kita akan mencoba melakukannya. Pertama kali bukalah foto yang akan dijadikan ilustrasi di halaman muka situs lihat gambar 4. Aktifkan layer yang bergambar orang, klik dan tahan sambil menyeret layer tersebut ke dokumen Situs Pribadi lihat gambar 4. Gambar sebagai ilustrasi utama Gambar 4. Mengatur jendela dokumen Gambar 4. Mengubah ukuran gambar 5. Aktifkan Horizontal Type tool, dan ketikkan beberapa kata sebagai identitas situs tersebut. Menambahkan teks sebagai identitas situs 4.
Menambahkan Teks untuk Menu Tombol-tombol yang telah dibuat tersebut belum dapat berfungsi sebagai menu karena tidak ada teksnya. Menu tersebut dapat berupa mouse over maupun menu pull down. Jadi sebaiknya Anda memikirkan sejak awal sebelum memutuskan untuk memilih bentuk yang diinginkan. Apabila Anda mengikuti petunjuk dalam buku ini, bentuk menu yang akan dibuat adalah menu pull down. Web designers use tools like Dreamweaver to a lot of the heavy lifting. We imagine this is your first website build and we’re glad we’re here to help make this process a little less troublesome.
Anyone that is brand new to Dreamweaver and anyone brand new to web design in general. If you’re reasonably experienced in web design you might find this course a little slow going.
Unfortunately there were some fundamental changes in the Dreamweaver CC update that makes CC and previous versions very different. Remember you can download Dreamweaver CC free for 30 days.
Don’t worry – after your free trial has expired your files will still be updatable using any other web design program. If you like the tutorials we’d love you to like, share and tweet it. We’d be very grateful.
.
Silahkan tunggu sampai selesai. With serial key, how to crack photoshop downpoad, photoshop cs6 crack for windows 7, adobe photoshop cs6 crack download 64 bit, adobe. From the developer: Heat Distortion is an Adobe After Tutorial menggunakan adobe dreamweaver cs6 free download plug-in that simulates realistic heat waves and distortion. The new application will get the new application has long over new version has new tools high the old and the important but very little bit /4868.txt the pieces of. The Browse Add-ons web page opens. Photoshop includes an extensive set of pre ….