free download css generator 4.1
 




System Requirements:

• Windows
• 256 MB RAM
• 10 MB HDD
• IE 5.5+

buat loe peng hoby web design (kek saya) untuk permudah membuat web software ini sangat cocok bagi kalian. selamat mencoba yak


http://wonderwebware.com/css-menu/cssMenuGenerator.exe

Ada banyak alasan mengapa orang ingin membuat websitenya sendiri. Antara lain, mereka ingin agar tulisan-tulisan, gambar, serta suasana hati mereka dapat dibaca oleh banyak orang atau iseng saja belajar dan siapa tau kalau sudah menjadi webmaster bisa mendapatkan penghasilan tambahan dengan membuat suatu jasa pembuatan website. Pada proyek pertama ini, kita akan menciptakan salah satu bentuk website personal. Website ini didesain dengan nuansa full color sehingga mempunyai kesan yang menarik dan indah walaupun bisa dibilang proyek pertama ini sangat sederhana sekali, hehehe. Walaupun demikian anda bisa memodifikasinya sendiri sesuai dengan yang anda sukai.
Sebelum kita memulai tutorial cara membuat website sederhana dengan menggunakan photoshop dan dreamweaver ini, tentunya terlebih dahulu anda harus menginstal aplikasi Photoshop dan Dreamweaver. Kedua aplikasi ini tidak gratis tapi merupakan pilihan yang tepat untuk membuat project website, untuk membeli aplikasi ini anda dapat men-download-nya di situs resmi adobe yaitu www.adobe.com. Mari kita memulai project pembuatan website sederhana apabila anda sudah memiliki kedua aplikasi tersebut. Berikut merupakan hasil dari proyek Websiteku

Membuat Disain Awal dengan Photoshop

jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height : 875 pixel Resolution : 72 pixel/inch Background Content : Transparent

Pilih rounded retangle tool pada tool panel

dan samakan setingan dengan gambar dibawah kemudian buat bidang berbentuk segi panjang vertical seperti pada gambar dibawah

Pilih layer click kanan pada layer 1 (bidang yang anda buat) kemudian click gradient dan pilih gradasi warna yang anda sukai... pastikan warna bawah adalah warna dasar putih

Hasil dari gradasi yang anda buat akan menghasilkan gambar seperti berikut :

buatlah bidang untuk panel menu dengan rounded retangle tool pada tool panel seperti sebelumnya beri sentuhan warna yang berbeda dengan layer pertama tetapi tidak melenceng dari tema anda, kemudian tempatkan pada sebelah kiri atas sehingga anda mendapatkan gambar seperti dibawah ini

buatkan lagi sebuah bidang untuk daftar menu yang kali ini lebih kecil dari sebelumnya dengan rounded retangle tool pada tool panel, tempatkan sejajar dengan bidang yang anda buat sebelumnya putarkan sampai arah kemiringan 25⁰ dengan move tool

kemudian copy layer bidang dengan cara tekan ctrl+alt+shift dan geser kebawah sebanyak 4 kali. Beri sentuhan warna pada bidang yang telah anda buat sehingga akan tampak seperti berikut:

Ketik daftar menu gunakan Type Tool dengan lambang (T) pada tool panel

Isi text pada bidang untuk daftar menu dengan : Halaman Utama, Tentang Saya, Galerry Foto dan Link. Kemudian pada sebelah kanan beri Logo dan judul Website yang sesuai dengan keinginan anda . Sampai tahapan ini kita sudah berhasil merancang layout Websiteku dengan tampilan sebagai berikut

Gunakan Slicetool

kemudian slice Layout website menjadi 6 bagian yaitu : 4 slice untuk daftar menu, 1 slice untuk logo, dan 1 lagi untuk untuk content/ isi web.

Sekarang anda tinggal menyimpanya saja. Pilih File->Save For Web

dan akan muncul wizard seperti berikut

pada opsi dibawah save, anda bisa menentukan format gambar yang akan di save mulai dari gif, png, jpg.

apabila sudah memilih sebelum di save beri nama file anda dengan index, pilih opsi HTML and Images, simpan layout anda pada satu folder yang anda beri nama Websiteku

Sampai sini design untuk layout dengan menggunakan photoshop sudah selesai dan selanjutnya anda tinggal melakukan mark-up atas file index.html yang telah kita save tadi dengan macromedia Dreamweaver.

Fungsi refresh otomatis itu sendiri yakni untuk membuat penyegaran blog secara otomatis tanpa pengunjung harus me-refresh tombol pada address bar secara manual, karena ini terjadi secara otomatis.

Nah inilah tutorial tentang Cara Membuat Refresh Otomatis di Blog secara lengkap dan detail:

1. Login ke akun blogger kamu
2. Pilih Rancangan »» edit HTML
3. Beri tanda checklist pada Expand widget template
4. Cari kode
5. Letakkan kode berikut diatas kode
   

   20"/>

6. Simpan Template kamu.

Perhatikan pada kode content="20" , angka ''20'' menujukan pe-refresh-an terjadi setiap 20 detik sekali. Jadi jangan gunakan angka yg terlalu cepat, ini akan membuat pengunjung jengkel yg akhirnya berujung meninggalkan blog anda. Saran penulis set/atur refresh otomatis
setiap 600 - 900 detik sekali atau setiap 10 - 15 menit sekali.

Selain sebagai refresh otomatis trik ini juga berfungsi untuk me-Redirect (mengalihkan) URL yg satu ke URL lain, jika anda menginginkan-nya. Misalkan anda ingin me-Redirect ke alamat affiliate. Untuk fungsi redirect ini kita harus men-set ''0'' (nol) detik pada scriptnya. Untuk membuatnya gunakan script berikut:

tulis_alamat_redirect_disini.html
"/>

selesai

download xampp 
http://www.mediafire.com/?onr5tgtc4te

ahhh pusing mau ngapain. buad tutorial aja dah,
bagi kalian web programing seperti aku. (cie bangga ssitik heheh) tentunya perlu xampp / appserv kan. nah kalau xampp agak sulit sobat tapi tenang aja masih ada appserv teman,
aplikasi ini mudah bagi kalian pemula.
download ada di bawah ini





appserv 32-2.6.0

Macromedia Dreamweaver Publisher’s Description.
Dreamweaver 8 adalah alat pengembangan web terkemuka di industri, memungkinkan pengguna untuk secara efisien desain, mengembangkan dan memelihara website berbasis standar dan aplikasi. Dengan Dreamweaver 8, web developer pergi dari awal sampai akhir, menciptakan dan memelihara website dasar untuk aplikasi canggih yang mendukung praktek-praktek terbaik dan teknologi terbaru.
Dapatkan produktivitas alat visual layout halaman Web, kontrol editor teks HTML, dan dukungan untuk Dynamic HTML semua dalam satu paket profesional dengan MacromediaDreamweaver! Fitur termasuk roundtrips kesalahan-bebas antara modus edit grafis dan sumber editor favorit anda, posisi absolut, cascading style sheet, jadwal animasi DHTML, sebuah perpustakaan JavaScriptbehavior extensible, meja visual dan desain frame dan perpustakaan elemen berulang.
Dreamweaver 8 is the industry-leading web development tool, enabling users to efficiently design, develop and maintain standards-based websites and applications. With Dreamweaver 8, web developers go from start to finish, creating and maintaining basic websites to advanced applications that support best practices and the latest technologies.
Get the productivity of a visual Web page layout tool, the control of an HTML text editor, and support for Dynamic HTML all in one professional package with MacromediaDreamweaver! Features include error-free roundtrips between graphical editing mode and your favorite source editor, absolute positioning, cascading style sheets, a DHTML animation timeline, an extensible JavaScriptbehavior library, visual table and frame design and a repeating element library.

• DOWNLOAD LINK 1 (66.48 MB)
• DOWNLOAD LINK 2 (60.38)
• DOWNLOAD LINK 3 (67.8 MB)