Video Tutorial HTML dan CSS Membuat TopRight-Banner-MidleRight

Salam blogging sahabat blogger, video tutorial yang saya share berikut membuat layout dasar desain web dengan HTML dan CSS. Dengan menggunakan editor Adobe Dreamweaver, semoga dengan dibuatkannya video tutorial html dan css tentang pembuatan top-right dan midle right tersebut bisa bermanfaat......

Tutorial Membuat Menu Hover dengan Photoshop dan Dreamweaver

Sudah lama dengan kesibukan offline, kali ini saya akan mencoba share video tutorial membuat menu hover dengan photoshop dan dreamweaver. Materi ini sebenernya saya tunjukan untuk mahasiswaku pada jurusan DKV (Desain Komunikasi Visual), untuk mempermudah mengingat kembali materi yang saya berikan maka saya buatkan videonya. Langsung saya untuk melihat video tutorial membuat menu hover dengan photoshop...

Psikologi dan Arti Warna

Warna Merah Arti : Kuat, berani, percaya diri, gairah Merah adalah warna yang punya banyak arti, mulai dari cinta yang menggairahkan hingga kekerasan perang. Warna ini tak cuma memengaruhi psikologi tapi juga fisik. Penelitian menunjukkan menatap warna merah bisa meningkatkan detak jantung dan membuat kita bernapas lebih cepat. Dapat membangkitkan energi, hangat, komunikatif, optimis, antusias,...

Video Design Website Dengan Dreamweaver

Alhamdulillah setelah menjelajah di internet akhirnya saya menemukan video tutorial yang menurut saya sendiri sangat membantu untuk proses belajar menhajar cara membuat website dengan Dreamweaver, pada video tutorial kali ini menggunakan Macromedia Dreamweaver, tapi jangan kuatir pastinya bisa juga jika menggunakan Adobe Dreamweaver...saya mendapatkan video ini pada seorang yang tentunya sangat baik...

Membuat Spray Menu Bar

1. Buka program Dreamweaver CS3 > Sebelum memulai membuat spray menu bar, simpanlah dahulu filenya dan namai dengan file name spraymenubar.html2. Pilih menu > Insert > Layout Object > Spray Menu Bar > sehingga muncul jendela Spray menu bar > misalnya pilih yang Horizontal > Ok. 3. Setelah klik Ok, maka akan muncul pada lembar kerja seperti bentuk menu spray, Aturlah teks menu...

Membuat Pilihan Check Box

1. Buka Program Dreamweaver CS > Pilih menu Forms >check box ( Sebelumnya tuliskan Keterangan dahulu diatasnya misalnya : :Jenis Kelamin ) 2. Tambahkan satu pilihan check box lagi dengan lebel Perempuan 3. Jalankan Aplikasi dengan menekan f12 pada keyboard ( Untuk menjalankan sebelumnya file harus disimpan terlebih dahulu ) >> Selamat Mencoba!...

Membuat Menu Login

1. Untuk membuat menu login sebelumnya persiapkan membuat table dahulu caranya Insert > table > aturlah seperti pada gambar dibawah ini kemudian OK 2. Gabungkan baris dan kolom pertama dengan cara blok/drag baris dan kolom pertama > Klik kanan > Table > Merge Cells. Kemudian tuliskan “Member Login”. 3. Pada baris ke 2 dan ke 3 kolom pertama tuliskan Login dan Password 4. Pada baris...

Membuat Link Teks

Untuk membuat link teks, yang Anda perlukan pertama adalah membuat sebuah teks. Nah sekarang kita akan mulai mempelajari membuat link perhalaman dengan teks.1. Buatlah 2 buah file yang bernama link1.htm dan link2.htm, kemudian masukan teks sebagai contoh dibawah ini. 2. Aktifkan link1, blok atau drag teks “Klik disini untuk menuju Halaman ke2” 3. Langkah selanjutnya pada panel properties pilih browse...

Membuat Background Image

1. Buka program Dreamweaver CS3 > pada Properties > Pilih Page Properties ( jika belum terdapat panel properties caranya pilih window > Properties) 2. Setelah Anda klik properties maka akan muncul jendela properties > 3. Setelah Anda klik Ok maka tampilan Background akan tampil gambar yang tadi Anda Browse. Perhatian!!Apabila Anda mempunyai gambar yang kecil, misalnya ukuran 300 x 240...

Membuat Radio Button

1. Buka Program Adobe Dreamweaver CS3 > Pilih Insert > Form > Radio Grup 2. Setelah Anda Klik icon Radio Grup maka akan muncul jendela Radio Grup Keterangan :Name : Nama dari radio button yang sedang dibuatRadio buttons : Tanda Plus ( untuk menambah jumlah label ), Tanda Minus ( untuk menghapus atau mengurangi label ), Tanda panah keatas ( untuk memindah posisi lebel yang aktif ke atas ),...

Membuat Flash Button

1. Pilih Insert > Media > Flash Button. Jika Anda belum menyimpan dokumen yang dibuat maka akan muncul peringatan untuk menyimpan dokumen tersebut. 2. Setelah dokumen tersimpan ulangi langkah pertama maka akan muncul jendela Insert Flash Button, aturlah sesuai kebutuhan isi content yang Anda buat. Keterangan :Sample : Contoh desain buttonStyle : Nama dari bentuk buttonButton Text...

Membuat RollOver Image

1. Pilih Menu > Insert > Image Object > RollOver Image Keterangan :Image Name : Buat keterangan nama dari gambar ( agar mudah dimengerti letak gambar tersebut )Original Image : Gambar Awal Sebelum disentuh Kursor RollOver Image : Gambar Setelah disentuh oleh kursorAlternate text : Keterangan Teks gambar saat disentuhWhen clicked, go to URL : Link ke halamanweb dimana jika gambar di klik...

Membuat Tabel

Dalam pembutana web kita tidak terlepas dari namanya Tabel karena, tabel merupakan salah satu unsur yang sangat penting dalam pembuatan web. Untuk membuat dan memodifikasi tabel caranya sebagai berikut :1. Pilih menu Insert > Table > Sehingga muncul jendela Tabel > tentukan jumlah kolom dan baris sesuai keingina Anda, misalnya seperti contoh: Rows Jumlah barisColumns Jumlah kolomWidth Lebar...

Membuat Halaman Web

1. Pilih Menu File > New . Kemudian Pilih Modify > Page Properties aturlah sesuai nama web yang akan Anda namai contoh :2. Pilih OK jika Anda sudah selesai mengatur page properties nya.3. Simpan dahulu agar file yang Anda buat aman.DOWNL...

Mendefinisikan Local Site

1. Buka program Dreamweaver > Site > New Site > Sehingga akan muncul jendela Site Definitions2. Pada bagian Site Name, tuliskan nama web Anda. Misalnya ilmudesain. Sedangkan Local Root Folder adalah folder tempat Anda akan menyimpan semua file untuk web yang Anda buat…Klik Browse untuk memulai penyimpanan 3. Jika semua sudah di atur seperti diatas kemudian tekan OK. Dan Anda sudah memulai...

Cara Membuat Navigasi

Kita akan membuat sebuah navigasi sederhana pada yang latihan ini misalnya link dari home > Profile > Contact1. Buka program Dreamweaver ( bisa menggunakan Macromedia dan Adobe )2. Tulislah Home, Profile dan Contact ( Align: Left, Font Size:12 ) serta dibawahnya juga ditulis Home ( Align: Center, Font size: 36). 3. Kemudian simpan ( File> Save) dengan nama file : home.html ( Di usahakan diletakan...