Membuat Tempalate Web dengan Dreamweaver

Membuat Tempalate Web dengan Dreamweaver

Memulai sebuah website memerlukan banyak energi kreatif dan waktu. Template web menyediakan cara yan cepat dan mudah buat membangun sebuah website . Beberapa orang menggunakan template web sebagai solusi sementara sambil mereka mendesain website nan sebenarnya. Sementara nan lainnya menggunakan template web seterusnya pada website- nya.



Berikut Ini Cara Menggunakan Tamplate Web
  1. Pilih template web nan sinkron dengan website Anda. Contoh, sebuah template web nan baik buat toko boneka ialah template web nan berhubungan dengan boneka. Penggunaan desain nan didasarkan pada motor akan menjadi pilihan nan jelek buat toko boneka.
  2. Cari tahu seberapa banyak Anda dapat mengubah template web tersebut. Beberapa template web sepenuhnya bisa disesuaikan. Ini artinya bahwa semua elemen pada halaman template web tersebut bisa dipindah-pindah, dihapus, atau diduplikasi berdasarkan keinginan Anda.
  3. Unduh template web pada komputer Anda. Sekali template web tersebut diunduh, Anda akan bisa membangun situs Anda sendiri.
  4. Masukkan semua informasi pada halaman sinkron dengan loka pada template web. Anda harus memastikan bahwa infromasi Anda ditempatkan pada loka nan sahih pada website Anda. Contohnya, informasi kontak Anda akan sulit buat diletakkan di bawah bagian produk halaman Anda.
  5. Seseorang harus mengedit informasi Anda nan dapat memeriksa ejaan dan tata bahasa nan benar. Selain itu, Anda harus meminta mereka buat memastikan bahwa infromasi mengalir dengan logis dan terdengar bagus.
  6. Upload template web pada domain Anda. Periksa semua elemen buat memastikan semuanya berada pada loka nan seharusnya.
  7. Periksa beberapa kesalahan. Anda mungkin perlu melakukan beberapa penyesuaian buat melihat bagaimana situs tersebut ingin Anda lihat. Perlu diketahui bahwa apabila Anda menemukan penyesuaian nan kurang memuaskan, Anda bisa mengembalikannya pada pengaturan awal.


Membuat Template Web

Template web sangat berguna buat desain web generik dan dapat dijual kepada orang lain buat memperoleh keuntungan. Template web dapat dengan mudah diciptakan dengan beberapa tool desain sederhana. Kemampuan artistik dapat membantu dalam prosesnya, tapi tak terlalu diperlukan juga. Tertarik buat mengetahui caranya?



Penciptaan Desain Grafik
  1. Buka Photoshop dan buatlah image baru dengan resolusi 1024 x 768. Pastikan bahwa image nan telah Anda untuk memiliki background transparan.
  2. Gunakan tool filter buat menciptakan rona halaman background. Kemudian, dalam bagian Filter pada menu file, klik pada tool “Texturizer” terapkan texture pada warna.
  3. Buat layer baru, dan gunakan tool rectangle atau rounded rectangle buat menciptakan sebuah bar navigasi dan kotak konten dan logo.
  4. Klik kanan pada layar di mana kotak tersebut berada, dan pilih “Blending Options.” Ini akan membuka menu di mana Anda dapat menerapkan bevels, drop shadows dan banyak efek-efek lainnya pada kotak tersebut.
  5. Simpan arsip berekstensi .jpg pada folder template web Anda.


Penciptaan Template HTML
  1. Buka Dreamweaver dan buatlah arsip baru .html
  2. Buatlah layer baru, dan masukkan gambar nan telah Anda ciptakan sebelumnya. Klik pada “Page Properties” pada bagian bawah layar, dan cocokkan background halaman dengan background gambar.
  3. Pilihlah gambar, dan gunakan tool rectangle, oval, dan polygon pada bawah kiri layar buat menciptakan hot spot di seluruh tombol navigasi Anda.
  4. Simpan arsip sebagai “template.html”


Membuat Tempalate Web dengan Dreamweaver

Template web sangat berguna khususnya ketika Anda menginginkan kecenderungan elemen-elemen dasar seperti logo, bar navigasi dan informasi copyright pada setiap halaman website Anda. Anda juga dapat menggunakan template web dengan rona background khusus, ukuran huruf, dan pengaturan generik lainnya, menghemat waktu Anda buat melakukan pekerjaan desain pada setiap halamannya. Dreamweaver 3.0 membuat template web dengan mudah.



Menciptakan Sebuah Template Web Baru
  1. Mulai program Dreamweaver dan buka halaman kosong.
  2. Buka ventilasi menu dan pilih Template.
  3. Klik pada tombol New Template di sudut kanan bawah, nan menyerupai sepotong kertas dengan sudut nan dilipat. Ketik nama nan Anda inginkan buat template web ini.
  4. Masukkan konten nan ingin Anda munculkan pada setiap halaman, termasuk tautan, gambar, rona backgournd, dan style huruf.
  5. Ketika selesai, klik pada menu Arsip dan pilih Save As Template. Ketik nama template web tersebut.


Menyimpan Halaman nan Telah Ada Sebagai Template
  1. Mulai Dreamweaver dan buka halaman nan digunakan sebagai template.
  2. Buatlah perubahan nan diinginkan pada halaman web, seperti menghapus halaman konten spesifik atau menambahkan infromasi nan akan muncul pada setiap halaman.
  3. Dari menu File, pilih Save As Template. Simpan dan beri nama template web.Mengedit Template nan Tersedia.
  4. Buka program Dreamweaver, klik pada Window dan pilih Template.
  5. Klik ganda nama template buat membuka arsip tersebut.
  6. Buatlah berberapa perubahan nan diinginkan dan simpan arsip tersebut. Perubahan akan diterapkan hanya pada halaman baru nan diciptakan menggunakan template web tersebut, tak pada halaman nan telah diciptakan dalam template.


Menggunakan Template Web Photoshop

Template web Photoshop merupakan cara tercepat dan termudah buat membuat penyesuaian seni nan latif jika Anda kekurangan kemampuan kreatif. Menggunakan Photoshop begitu mudah, selama Anda cukup tahu menggunakannya. Layer-layer arsip akan memungkinkan Anda melakukan perubahan-perubahan nan Anda butuhkan atau membuang holistik elemen-elemen.

  1. Temukan template web nan Anda sukai secara online dan download filenya pada hard drive Anda.
  2. Klik ganda pada arsip zip atau klik kanan dan ekstrak arsip nan Anda butuhkan.
  3. Seringkali terdapat jenis arsip berbeda dan aka nada folder spesifik buat setiap arsip tersebut. Dalam kasus seperti ini, arahkan [ada folder nan berisi arsip PSD dan klik ganda buat membukanya.
  4. Ketika arsip terbuka, Anda mungkin akan mendapakan beberapa pesan gagal mengenai masalah huruf. Klik “OK” sampai arsip terbuka. Jika Anda mendapatkan pesan seperti ini, kembali ke folder di mana arsip hasil unduhan beradan dan lihat apakah di dalamna terdapat folder font atau tidak. Jika ada, Anda akan membutuhkan semua font nan berada pada folder tersebut dan geser semua font tersebut ke dalam folder system font. Dalam Windows XP, Anda dapat menemukan folde ini dalam C:/Windows/Fonts. Jika cara ini tak berfungsi, lakukan pencarian. Seringkali ketika Anda mengunduh template web gratis tak disertakan folder font nya, dan Anda harus menyamakan font nan bermasalah tersebut dengan jenis font nan memiliki kemiripan dari kumpulan font nan Anda miliki.
  5. Jika Anda menginstal font baru, tutup Photoshop dan restart komputer. Komputer akan boots kembali pada arsip anda. Jika Anda tak memiliki font buat menginstalnya, abaikan langkah ini.
  6. Sekarang, arsip Anda telah terbuka, pastikan palet Layer Anda terbuka. Luangkan beberapa menit buat memunculkan dan mematikan layer sehingga Anda dapat mengetahui elemen-elemen nan ada pada layer. Layer-layer tersebut diberi nama sehingga memudahkan dalam pencarian ketika Anda membutuhkannya.
  7. Klik layer buat mengedit tulisan nan ingin Anda edit. Ketikkan teks Anda. Jika Anda kehilangan fonts, Anda akan bisa memilih penggantinya. Terkadang font-fonts pengganti tersebut berbeda. Sayangnya, sebab masalah lisensi, seorang desainer tak dapat selalu menyertakan font-fontnya. Jika hal ini masalah serius untuk Anda, hubungi mereka dan bertanyalah jenis huruf nan digunakannya. Anda biasanya dapat membeli lisensi sendiri buat itu, tetapi harganya sangat mahal.
  8. Jika terdapat elemen nan tak Anda sukai, Anda dapat menghapus layer atau mematikannya dari palet layer Anda.
  9. Ketika Anda beres melakukan pengaturan pada gambar, simpan dalam format umum.