Tutorial Website dan Mengelolanya

Pengaturan Header Pada Artisteer

Pengaturan Header Pada Artisteer | Artisteer | Pengaturan Header Pada Artisteer, Kali ini saya akan membahas cara mengatur Header pada Artisteer, sebelumnya kita telah belajar Pengaturan Background dan Sheet. Headre pada blog biasanya atau yang standar terdiri dari :

1. Header Layout.
2. Header Background Foto.
3. Header Foreground Foto.
4. Header Judul.

Lihat gambar bagian Header pada Artisteer di bawah ini :

Saya akan mencoba menjelaskan satu persatu.
Yang pertama mengenai Header Layout. 

Untuk membuat perubahan pada ukuran dan mengabaikan header klik pada bagian gambar di bawah ini.
Aturlah sesuai keinginan anda, anda bisa meng upload gambar dari hasil editan anda di CorelDraw maupun Photosop.

Selanjutnya mengenai Header Backgroun Foto

Pilih dari berbagai latar belakang gambar profesional untuk digunakan di header situs anda. Anda juga dapat memilih untuk memasukkan gambar Anda sendiri sebagai baik atau tidak memilih gambar latar belakang sama sekali.

Buka daftar gambar dan pilih "Insert Latar Belakang dari file" pilihan untuk menambahkan gambar latar belakang Custom:

Jangan ragu untuk mengubah posisi gambar atau menambahkan efek visual untuk latar belakang untuk membuat desain Anda tampak lebih mengesankan dan unik.
Anda juga dapat mengubah posisi foto latar depan atau recolor itu mentransfer warna ke gambar grayscale.

Cahaya di sekitar gambar dapat disetel di tab ketiga dari dialog "Header Pilihan".


Yang terakhir Header Judul

Anda dapat mengubah teks keseluruhan yang digunakan untuk nama situs tersebut.  Judul dan slogan situs anda dapat diubah hanya dengan mengetik di kotak yang sesuai.

Di sini Anda dapat mengubah ukuran, gaya dan font judul dan slogan dan juga mengubah warna teks.
Gunakan opsi ini untuk mengubah posisi dan ukuran judul.

Anda dapat mengubah alignment keseluruhan atau secara manual memindahkan judul ke mana Anda ingin untuk muncul di header. Anda juga dapat dengan cepat mengubah ukuran teks header.

Sekian dari saya.
Semoga Bermanfaat........

Pengaturan Background dan Sheet | Artisteer | Pengaturan Background dan Sheet, Setelah sebelumnya membahas Pengaturan Warna dan Font Latar belakang atau Background merupakan bagian penring dalam blog atau website, Artisteer memudahkan anda untuk mengubah latar belakang untuk mencapai efek gaya yang diinginkan.

Anda dapat memilih untuk melihat gradien, perubahan tekstur, silau atau warna latar belakang secara keseluruhan. Lihat gambar di bawah.







Page Background kotak dialog meliputi beberapa slider bar untuk menyesuaikan pengaturan latar belakang. Ubah silau dan transparansi tekstur, kontras atau gradien tinggi untuk mencapai hasil yang terbaik. Lihat tampilannya di bawah.












Selanjutnya mengenai sheet. Pengaturan Seheet pada Artisteer untuk membuat perubahan pada posisi keseluruhan dan tampilan lembar atau halaman.  Anda mungkin lebih suka sheet dengan tepi bulat bukannya tepi persegi.  Juga, anda dapat mengubah posisi dan melihat lembaran.

Mungkin Anda ingin pindah ke bawah sedikit dari bagian atas halaman, memasukkan efek bayangan atau mengubah lebar perbatasan atau warna lembaran












Buka Sheet Option "Lembar Pilihan" dialog untuk meningkatkan desain lembaran.  Sesuaikan Sheet & Shadow parameter untuk mencapai hasil yang diinginkan. Lihat gambar di bawah ini.














Lembar parameter meliputi lebar lembar dan perbatasan, bantalan dan nilai-nilai jari-jari. Shadow kontrol parameter ukuran, sudut dan opacity bayangan serta jarak dari perbatasan lembar.

Masukkan nilai atau tarik slider ke kanan untuk meningkatkan nilai opsi atau ke kiri untuk menurunkan mereka.

Sekian cara pengaturan Background dan Sheet
Semoga bermanfaat..........

• Membuat Desain Anda

• Membuat Penyesuaian

Ekspor Desain pilihan
Mengekspor suatu desain sebagai template HTML  :

• Pilih salah satu template dari daftar Template.
• Pilih Ekspor Desain -> "HTML, Dreamweaver Adobe dan Microsoft Expression Web Template".
•  Ketik path atau klik tombol Pilih untuk menentukan folder tujuan di mana Anda ingin membuat template HTML.

Template yang dihasilkan akan berisi markup, gaya dan grafis yang diperlukan untuk menerapkan desain ke setiap halaman Web.
Mengekspor suatu desain sebagai tema Wordpress :
Untuk mengekspor desain sebagai tema Wordpress yang dapat diterapkan pada instalasi Wordpress yang ada ikuti langkah berikut:
1.    Pilih Template-> Wordpress template.
2.    Pilih Ekspor Desain -> "Wordpress tema" pilihan.
3.    Dalam dialog pemilihan folder klik tombol Pilih untuk memilih folder tema.

Setelah ekspor Anda akan mendapatkan file-tema spesifik Wordpress yang dapat ditemukan dalam folder tema pada server dan mudah diterapkan ke situs-situs Wordpress.  Path ke folder tema dalam sistem Wordpress biasanya terlihat seperti : WordPressFolder\wp-content\themes\ThemeName.

Untuk menerapkan tema baru login ke Admin Panel Wordpress, navigasikan ke tab Presentasi dan mengaktifkan tema ini. Di Wordpress dihasilkan tema widget siap dan kompatibel dengan versi Wordpress 2.5 dan yang lebih tinggi.

Mengekspor suatu desain sebagai CodeCharge Studio Proyek :

Untuk membuat desain yang dapat diterapkan untuk proyek CodeCharge Studio langkah-langkah berikut harus dilakukan:
1.    Pilih Template-> CodeCharge Studio template.
2.    Pilih Ekspor Desain -> "CodeCharge Studio Proyek" pilihan.
3.    Browse ke folder di mana Anda ingin mencari proyek CCS dan klik Ok untuk mengekspor file.

Ketika ekspor selesai, sebuah CodeCharge Studio proyek baru akan dibuat di lokasi yang ditentukan.  Halaman-halaman berikut akan ditambahkan ke proyek:
• PageTemplate
• Header
• Footer
• Main
• About

PageTemplate adalah halaman penting yang akan digunakan sebagai dasar untuk menciptakan semua halaman baru dalam proyek CCS.  fungsi ini dicapai dengan menggunakan Proyek Pengaturan (Setting) -> General (Umum) -> New Page pilihan Template (New page Template Option).

PageTemplate termasuk halaman Header dan Footer yang digunakan untuk menambah latar belakang halaman, lembaran, header dan gaya menu di halaman.  Jadi, semua halaman yang baru dibuat CCS akan memiliki latar belakang halaman, lembaran, header dan gaya menu otomatis diterapkan kepada mereka.

Namun Artisteer gaya yang dihasilkan tidak dapat secara otomatis diterapkan untuk bentuk CCS, tombol, dan blok lainnya pada halaman.

Untuk menambahkan gaya komponen tersebut Anda dapat mempertimbangkan salah satu solusi berikut:

• Buka CCS Style Builder (Tools-> Styles) dan menambah gaya baru yang terlihat mirip dengan gaya yang dihasilkan oleh Artisteer.  Gunakan gaya baru untuk bentuk CCS dan kontrol.
• Modifikasi CCS halaman template untuk menambahkan gaya Artisteer secara manual.  Dalam hal ini, jangan pilih gaya apapun ketika bentuk-bentuk membuat dan kontrol di CCS.  Kemudian beralih ke mode HTML dan memodifikasi halaman template Anda secara manual menambahkan kelas Artisteer dan tag html yang diperlukan. Sampel kode html disediakan pada halaman Utama sehingga Anda dapat memeriksa dan memodifikasi Halaman CCS template yang sesuai.

Kode contoh di bawah ini menunjukkan bagaimana menerapkan gaya yang dihasilkan Artisteer ke bentuk Rekam di halaman CCS.  Kode HTML tidak berubah ditampilkan hitam, garis-garis kode dihapus disilangkan keluar dan disorot dalam warna merah, dan garis-garis ditambahkan ke kode yang disorot dalam warna biru.
















Instalasi dan Menggunakan Template Blogger
Hosting Gambar
Blogger tidak mendukung upload foto langsung ke rekening Blogspot, sehingga Anda akan perlu memilih salah satu dari metode yang ada di Artisteer untuk hosting gambar template eksternal.

Artisteer menyediakan tiga pilihan hosting gambar yang dapat digunakan tergantung pada keandalan dan persyaratan kinerja:

• Picasa Web Album

Layanan ini digunakan secara default dan cocok dalam kebanyakan kasus sebagai Picasa menggunakan account Google yang sama digunakan untuk Blogger dan tidak memerlukan pendaftaran tambahan atau konfigurasi.

•       ImageShack

ImageShack adalah sebuah alternatif untuk Picasa dan menawarkan layanan gratis yang tidak memerlukan pendaftaran pengguna.  Artisteer mendukung layanan baik gratis dan berbayar account imageshack. Anda memiliki account dibayar masukkan informasi login Anda di Artisteer untuk performa yang lebih baik dan kehandalan blog.

•         FTP

Anda dapat memilih untuk meng-upload foto ke server FTP dengan memberikan informasi account FTP Anda, FTP folder di mana Anda ingin gambar yang akan disimpan, dan URL yang sesuai ke folder FTP ditentukan.

Blogger Template

Anda juga dapat menggunakan layanan lain untuk meng-host gambar Anda. Dalam kasus seperti itu Anda memilih untuk ekspor (bukan menerbitkan) Anda dalam format template Blogger dan terpisah upload foto ke tujuan hosting Anda.

Silakan, ingatlah bahwa baik imageshack atau Picasa memungkinkan untuk menerbitkan. File swf. Menggunakan Flash Header akan membutuhkan beberapa layanan hosting lainnya untuk meng-upload foto.  Untuk server "pilih FTP" sebagai layanan hosting di Artisteer Pilihan Ekspor.

Instalasi Template Blogger

Dalam beberapa kasus, Anda mungkin memilih untuk tidak mempublikasikan template Blogger Anda, tetapi ekspor dan upload secara manual sebagai berikut:
        1.    Buka file main.xml diekspor dan memodifikasi path gambar untuk mencerminkan lokasi
               yang Anda telah memilih untuk menempatkan file gambar.
        2.    Masuk ke Dashboard Blogger Anda.
        3.    Klik "Layout" link di Dashboard. Blogger template
        4.    Klik "Edit HTML" link dalam tab bar.
        5.    Browse main.xml pada drive lokal Anda. Blogger template
        6.    Klik tombol "Upload".  (silakan abaikan pesan error, jika ada)
        7.    Konfirmasi dan Simpan.
Perlu diketahui bahwa jika Anda menggunakan template klasik gaya di Blogger, Anda akan tinju perlu meng-upgrade itu, sebagai berikut:
        1.    Klik "Template" link.
        2.    Klik "Customize Design".
        3.    Klik tombol "Upgrade Template Anda".
        4.    Simpan Template.
        Kemudian Anda harus melihat "Layout " link di Dashboard Blogger Anda.
        Membuat Top Menu
        1.    Masuk ke Dashboard Blogger Anda.
        2.    Pergi ke Layout -> Elemen Halaman -> Top Menu -> Edit template blogger
        3.    Klik "Tambah Link" untuk menambahkan link.
        4.    Jika Anda membutuhkan menu multi-level silakan masukkan "-" (dash) sebelum nama
               Subitem, misalnya: "-Submenu Item".
               -    Harap dicatat bahwa Submenu item harus ditempatkan di bawah item menu induk.
        5.    Klik Simpan. Blogger Templates

Pastikan bahwa Anda tidak melanggar Syarat Layanan Blogger jika Anda memutuskan untuk menghapus Navbar.

Bekerja dengan Menu Vertikal

• Arsip sebagai Menu Vertikal

Artisteer secara otomatis menerapkan gaya menu vertikal ke Arsip. Anda dapat melihat setting pada Ekspor template-> Ekspor Pilihan-> Tampilkan Arsip sebagai Vmenu-> Ya Blogger Tampilkan Arsip sebagai Vmenu untuk menonaktifkan penyesuaian memilih "Tidak" pada menu dropdown dari Arsip Tampilkan sebagai menu.

• Menambahkan halaman ke menu Vertikal

Sementara Menampilkan Artikel Pendukung sebagai menu vertikal pada tahap pengembangan, kami menawarkan anda beberapa tips mengenai bagaimana Anda dapat mengatur halaman Vmenu secara manual, yaitu sebagai berikut :

        1.    Pertama, nonaktifkan Tampilkan Vmenu Arsip sebagai pilihan di Ekspor template-> Ekspor
               Pilihan-> Tampilkan Arsip sebagai Vmenu-> Tidak
        2.    Buka Dashboard dan pergi Customize-> Layout-> Halaman-> Edit. Ketik judul item menu.
        3.    Masukkan URL untuk menampilkan item menu sebagai link absolut atau ketik "." (Dot) di
               awal baris untuk menampilkan sebagai link relatif.
        4.    Untuk menambahkan sub-item menaruh "-" (dash) sebelum nama sub-item seperti dalam 5
               langkah  Menciptakan Top Menu.
        Mengisi Bagian Link Footer yaitu :
        1.    Masuk ke Dashboard Blogger Anda.
        2.    Pergi ke Layout - Elemen Halaman> - Link Footer> -> Edit.
        3.    Masukkan informasi link yang diinginkan dan klik "Tambah Link".
        4.    Simpan.
        Mengisi Bagian Hak Cipta yaitu :
        1.    Masuk ke Dashboard Blogger Anda.
        2.    Pergi ke Layout - Elemen Halaman> -> Teks Copyright -> Edit.
        3.    Masukkan teks yang diinginkan.
        4.    Simpan.
      

Setelah sebelumnya sebelumnya membahas Cara Download dan Instalasi Artisteer, sekarang kita mulai masuk beberapa tahap Panduan Awal antara lain :

1. Membuat Desain Dasar
2. Kustomisasi
3. Pengenalan Kotak Dialog
4. Pengaturan Warna 

Nah mulai dari yang pertama Membuat Desai Dasar
Perhatikan Gambar di bawah ini :


















Kotak yang berwarna merah meripakan bagian Suggest Design yang merupakan tempat memilih ide template awal blog anda. Banyak pilihan disini yang akan anda modifikasi lebih lanjut.

Kotak yang berwarna Hijau merupakan Design Ideas yang merupakan tempat untuk mengatur beberapa elemen desain seperti warna, font atau latar belakang halaman terpisah.

Kotak yang berwarna Biru berguna untuk menyimpain desain sebagai tema Wordpress, HTML atau format lain yang anda pilih.

Dalam kebanyakan kasus, hampir semua yang anda perlu lakukan dapat dimulai dengan mengklik pada tombol Design Suggest. Ini sangat mirip dengan menonton tayangan slide.  Hal ini menyenangkan dan bahkan seorang anak bisa melakukannya.



Klik pada bagian kotak warna merah, lalu muncul kotak sheet seperti gambar di bawah ini :
 Atur sendiri sesuai selera anda.

Ketiga mengenai Kotak Dialog

Disediakan pilihan dan pengaturan termasuk dalam kotak dialog yang dapat diakses dengan mengklik tombol panah kecil di sebelah kanan tulisan Menu Bar.

Untuk kotak dialog umum meliputi beberapa bagian, yaitu :

• Dialog keterangan yang menunjukkan apa pilihan yang tersedia dalam dialog
• Daftar kelompok pilihan yang terletak di sebelah kiri dari kotak dialog. Klik kelompok untuk memperluas pilihan.
• Pilihan dan Pengaturan yang tersedia untuk grup yang dipilih.
• kotak centang Preview untuk melihat hasil pengaturan secara otomatis seperti yang berubah.
• tombol Preview untuk menampilkan hasil pengaturan pada halaman tersebut.
• tombol OK untuk menerapkan pengaturan dan tutup kotak dialog.
• tombol Cancel / Batal untuk membatalkan perubahan dan menutup kotak dialog.
• Sebuah contoh dari kotak dialog yang diberikan dalam gambar di bawah ini :

Kotak dialog yang berisi pengaturan kebanyakan dapat diubah dengan menggunakan slider bar.  antara lain adalah pengaturan untuk lebar, tinggi, opacity, transparansi dan nilai-nilai rentang lainnya.

Posisi pointer lebih dari 13 slider dan tarik ke kanan atau kiri untuk menambah atau mengurangi opsi khusus yang nilai.  Nilai yang dipilih akan ditampilkan pada kotak di samping slider bar.  Anda juga dapat memasukkan nilai yang diinginkan secara langsung dalam textbox ini. 

Gunakan "Pratinjau" atau tombol "Pratinjau" pilihan yang tersedia di bagian bawah jendela dialog untuk melihat perubahan.  Jika "Pratinjau" kotak centang dicentang, perubahan akan segera ditampilkan pada halaman tersebut saat Anda tarik slider. Jika Anda mengetikkan nilai langsung pada kotak pilihan, klik di luar kotak untuk memiliki nilai diterapkan ke halaman.

Jika "Pratinjau" opsi tidak dicentang, tekan tombol Preview untuk melihat perubahan di layar.  Ini akan membantu Anda dengan mudah mencapai gaya yang diinginkan dari halaman Anda.
Finally click OK or Cancel button to commit or discard your changes.




Keempat ialah Pengaturan Warna


Cara menampilkan Pemilihan Warna Dialog ialah " More Colors" tombol di salah satu dialog pilihan warna.



















Color Selector a memungkinkan anda untuk memilih warna yang diinginkan dan menyesuaikan warna, saturasi, dan kecerahan warna ini.

Pada tab luminositas ada slider luminositas memungkinkan anda menambah atau mengurangi kecerahan warna dari nol di bagian bawah untuk 100 di atasnya.  Dengan luminositas yang dipilih, anda dapat pergi ke palet warna dan menyeret pemetik lingkaran kecil horisontal dan vertikal untuk mengubah warna dan saturasi warna yang masing-masing.

Tab Hue slider Hue berisi penyesuaian yang terpisah. Memindahkannya jauh-jauh dari merah (di bagian bawah) melalui oranye, kuning, hijau, biru hingga ungu memungkinkan anda untuk memilih rona warna yang diinginkan.

Anda juga dapat memindahkan warna palet pemetik dari kiri ke kanan dan dari atas ke bawah untuk tambahan mengatur saturasi dan nilai-nilai luminositas warna.  Saturasi dapat bervariasi dari 0% (benar-benar tak jenuh) menjadi 100% (benar-benar jenuh, murni warna).  Luminositas berkisar dari 0 (hitam) sampai 100% (putih).

Nilai yang ditampilkan di bagian kanan set kotak akan berubah untuk menunjukkan pengaturan warna yang tepat.  Nilai-nilai ini juga dapat diubah secara manual, langsung di kotak teks.  Ini mungkin mudah bila Anda menyalin nilai warna yang tepat dari beberapa perangkat lunak grafis lain dan ingin menggunakannya di Artisteer.

Hue         Hue nilai warna yang berkisar dari 0 ° sampai 360 °.
Sat          Kejenuhan warna berkisar dari 0% hingga 100% .
Lum        Luminositas warna diukur dalam persentase: dari 0 (hitam) sampai 100% (putih).
Red         Nilai desimal untuk warna merah.
Green     Nilai desimal untuk warna hijau
Blue        Nilai desimal untuk warna biru
Hex         Sebuah kode heksadesimal warna (biasanya digunakan dalam kode HTML).

Pada Pratinjau  memungkinkan untuk melihat halaman dengan warna yang dipilih diterapkan pada itu.  Ok dan tombol Batal memungkinkan Anda untuk mengirimkan atau membuang perubahan yang dilakukan.

Sekian mengenai Panduan Awal Artisteer

Semoga bermanfaat......

1. Hidupkan Komputer anda dan cari file yang bernama instalasi ArtisteerInstall.exe.
2. Klik dua kali file yang bernama instalasi ArtisteerInstall.exe. Ini akan memulai proses instalasi standar.
3. Pilih bahasa yang Anda ingin gunakan selama instalasi. Klik tombol Next.
4. Ikuti petunjuk yang diberikan oleh wizard instalasi.
5. Hati-hati membaca Perjanjian Lisensi. Jika Anda menerima syarat-syarat nya, cek "Saya Setuju persyaratan Perjanjian Lisensi" pilihan dan lanjutkan ke langkah berikutnya. Jika tidak, berhenti instalasi.
6. Pilih folder tujuan di mana Anda ingin menginstal produk.
7. Menunjukkan apakah Anda ingin membuat ikon shortcut pada desktop dan panel Quick Launch.
8. Klik tombol Install untuk memulai instalasi.
9. Klik tombol Finish ketika instalasi selesai.

Setelah selesai proses penginstalan, selanjutnya pengaktifan  perangkat lunak. Setelah Anda membeli Artisteer Anda akan menerima Nomor Seri yang akan digunakan untuk mengaktifkan perangkat lunak. Aktivasi menghapus watermark ditambahkan ke template yang dihasilkan oleh versi trial.

Untuk mengaktifkan klik pada icon produk Palet untuk membuka Artisteer dialog aktivasi dan masukkan nomor serial Anda di kotak pertama.  Jika komputer Anda terhubung ke internet, cek "Auto-aktivasi melalui internet" pilihan dan klik tombol Aktifkan.

Jika Anda bekerja off-line menggunakan link berikut untuk mendapatkan kunci aktivasi dari komputer lain yang terhubung ke web: http://www.artisteer.com/?p=a Dalam kasus ini hapus centang "Auto-aktivasi melalui internet" pilihan dan masukkan kunci aktivasi yang diperoleh secara langsung dalam kotak Kunci aktivasi.

Gunakan Artisteer untuk menghasilkan ide desain Web keren, menyesuaikan desain yang dihasilkan dengan menggunakan elemen termasuk banyak, latar belakang, obyek foto dan tombol, membuat profesional dan penuh sesuai HTML dan kode CSS dan ekspor desain Anda untuk membuat Web tampak hebat dan Blog template.

Tampilan depan Artisteer cukup sederhana untuk belajar. Ada beberapa item utama: Menu Utama, Menu Akses Cepat, Tabbed Navigation Bar dan Desain Gambar (disorot pada gambar di bawah).