Cara Membuat Web Music Dengan Dreamweaver

Bagaimana Cara Membuat Web Music Dengan Dreamweaver

Membuat music di dreamweaver dapat dilakukan dengan mudah.

Bagaimana Cara Membuat Web Music Dengan Dreamweaver - Untuk membuat web music yang pertama harus di persiapkan adalah File Music /Pada Tutorial ini saya memasang lagu dari Franz Ferdinand

Siapkan beberapa lagu kemudian masuk ke dreamweaver
pada dreamweaver pilih html , 
Kemudian masuk ke tab Desain setelah itu klik insert lalu table , setelah itu tentukan berapa lagu yang akan dipasangkan, pada tutorial ini saya memasang 8 lagu Franz Ferdinand maka rows yang saya gunakan adalah 10 dan coloms 2,

Maka Akan muncul Table , kemudian Rows pertama dan Coloms di marge cell 

Marge cell akan mengabungkan keduannya, setelah itu Tuliskan Nama Band yang ingin anda buat.

Kemudian Masukan Nama Band beserta Judul lagu pada setiap coloms baris pertama.

dan pada coloms terakhir tuliskan nama pembuat

kemudian pada coloms di sebelah judul lagu semuanya di marge cell , cara nya sama pertama diblog menurun kemudian marge cell

Kemudian Save , Simpan dengan Nama home.html

Kemudian Buat New , pada tab code hapuskan semua kode yang ada,

setelah itu masuk ke tabs home yang sebelumnya, lalu copy semua code yang terdapat pada home.html

kedalam tab code yang baru anda buat tadi

maka akan terjadi desain yang sama kemudian Save menggunakan Judul lagu misalkan pada tutorial ini saya membuat judul the fallen maka nama saveannya fallen.html

pada gambar di atas saya sudah membuat 8 desain yang sama namun nama savenya berbeda beda.

kemudian masuk ke tab music pertama yang anda buat, pada tutorial ini saya  menggunakan  nama savean  fallen.html

Kemudian masuk ke tab split setelah itu pada bagian kanan yang tadu sudah di marge cell 

pilih tags inpector kemudian pilih behaviors lalu klik tanda (+ )setelah itu pilih play sound, kemudian pilih lagu yang sesuai judul , disini saya memasukan lagu THE FALLEN , 

kemudian ok saja , setelah itu save dan lakukan hal yang sama pada semua  judul dan lagu yang ingin anda masukan pada lagu.html lainnya.

Semoga artikel ini bermanfaat, silahkan isi kolom komentar jika ada yang ingin di tanyakan..

Cara Membuat Form Log in di dreamweaver

Cara Membuat Form Log in atau Masuk di dreamweaver

Cara Membuat Form Log in di dreamweaver 

dalam membuat Form login di dreamweaver dapat dilakukan dengan langkah-langkah dibawah ini

pertama buka dreamweaver anda

kemudian pilih new - Basic page - HTML

pilih tab desian kemudian pilih insert>table> isi kan Rows 3 Coloms 3

Setelah itu akan muncul seperti gambar dibawah ini, kemudian isikan 

username :

Password : 

setelah itu block rows yang paling bawah kemudian pilih merges cell

merges cell berguna untuk mengabungkan cell pada table

kemudian pilih insert kemudian median Flash Button 

maka akan muncul seperti gambar dibawah ini, pilih button apa yang anda ingin pasangkan kemudian pada button text ganti Log in 

kemudian pilih apply dan ok

Save dan selesai sekarang anda sudah mempunyai form login atau masuk 

untuk lebih lanjut anda bisa menggunakan xampp untuk membuat database untuk membuat log in

sekian semoga artikel ini dapat bermanfaat

Cara Mengembalikan Setting Awal Dreamweaver

Restore Dreamweaver, untuk mengembalikan setting awal dreamweaver dapat dilakukan dengan langkah-langkah yang cukup mudah,

CARA UNTUK MEMULIHKAN DREAMWEAVER CS KE PENGATURAN DEFAULT?

Dreamweaver adalah software yang ditujukan untuk membuat sebuah website. Versi pertama dirilis pada tahun 1997, dan sejak itu Dreamweaver, menjadi editor web yang banyak digunakan oleh pengembang web. Itu sebagian karena kemudahan penggunaan, kelengkapan dan dukungan teknologi terkini. Dreamweaver adalah salah satu perangkat lunak yang dikembangkan oleh Macromedia Inc .. Dan sekarang resmi menjadi milik Adobe Systems.

Versi terbaru dari program ini adalah Adobe Dreamweaver CS6, yang dirilis pada tanggal 21 April 2012. Perangkat lunak komputer memiliki keunggulan dalam kemudahan penggunaan. Pembuatan website bisa dilakukan secara visual, sehingga hasilnya bisa dilihat. Antarmuka disajikan dalam modus visual tanpa kode HTML atau dalam mode HTML. Teknologi web juga didukung sangat beragam dan saat ini, termasuk untuk pengembangan aplikasi mobile.

Adobe Dreamweaver diterapkan secara luas dan digunakan oleh pengguna komputer di bidang web designer dan programer. Adobe Dreamweaver adalah software komersial. Adobe Dreamweaver dapat dijalankan pada sistem operasi Windows XP SP2, Windows Vista, Windows 7 Untuk menginstal versi terbaru dari program ini, komputer Windows Anda harus memiliki spesifikasi minimum menggunakan prosesor Intel Pentium 4 atau AMD Athlon 64, memory (RAM) 512 MB, resolusi monitor 280 × 800 piksel, dan harddisk dengan setidaknya 1 GB ruang kosong.

Hapus yang ada PREFERENSI FILE:

(Mac)

Keluar Dreamweaver.
Di Finder, arahkan ke / Users / Nama Anda Pengguna / Library / Application Support / Adobe.
Ubah nama folder Dreamweaver, misalnya: Old Dreamweaver CS6.
Arahkan ke / Users / Nama Anda Pengguna / Library / Preferences.
Mengubah nama Adobe Dreamweaver Prefs file, misalnya: Old Adobe Dreamweaver CS6 Prefs.

(Windows 7 atau Vista)


Keluar Dreamweaver.
Pada Windows Explorer, arahkan ke  C:\Users\Your User Name\AppData\Roaming\Adobe.
Ubah nama folder preferensi Dreamweaver:

Dreamweaver CS6: Ubah nama folder Dreamweaver CS6, misalnya, Old Dreamweaver CS6
Dreamweaver CS5: Ubah nama folder Dreamweaver CS5, misalnya, Old Dreamweaver CS5.
Dreamweaver CS4: Ubah nama folder Dreamweaver CS4, misalnya, Old Dreamweaver CS4.
Pilih Mulai, ketik regedit di Mulai Pencarian, kemudian tekan Enter.
Di panel kiri Registry Editor, arahkan ke kunci berikut:
Pilih Start, ketik "regedit" di Mulai Pencarian, kemudian tekan Enter.
HKEY_CURRENT_USER \ Software \ Adobe
Pilih tombol Dreamweaver, lalu pilih File> Export.
Dalam dialog File Export Registry, masukkan nama file dan lokasi, dan kemudian klik Simpan.
Pastikan kunci Dreamweaver CS6 masih dipilih, kemudian pilih Edit> Hapus.
Ketika Konfirmasi Key dialog Hapus muncul, klik Yes.
Peringatan! Prosedur ini akan menempatkan mereka semua kembali ke default pabrik, sehingga Anda mungkin perlu menyesuaikan beberapa hal setelah Anda melakukan hal ini. Setelah Anda menghapus preferensi, preferensi baru secara otomatis dibangun kembali untuk Dreamweaver. Baca juga "Bagaimana untuk mengatur ulang semua pengaturan di Adobe After Effects CS?" Dan panduan lain. Semoga artikel tentang Cara Kembalikan Dreamweaver CS ke Default Settings? berguna bagi Anda.

WINDOWS XP

Hapus preferensi pada Windows XP
Keluar Dreamweaver.
Pada Windows Explorer, arahkan ke C:\Documents and Settings\Your User Name\Application Data\Adobe.
Ubah nama folder preferensi Dreamweaver:

Dreamweaver CS6: Ubah nama folder Dreamweaver CS6 misalnya, Old Dreamweaver CS6
Dreamweaver CS5: Ubah nama folder Dreamweaver CS5, misalnya, Old Dreamweaver CS5.
Dreamweaver CS4: Ubah nama folder Dreamweaver CS4, misalnya, Old Dreamweaver CS4.
Pilih Start> Run. Ketik regedit pada kotak teks Terbuka, dan kemudian tekan Enter atau klik OK.
Di panel kiri Registry Editor, arahkan ke kunci berikut:

HKEY_CURRENT_USER \ Software \ Adobe
Menghapus entri registry preferensi Dreamweaver:

Bagaimana Cara Membuat Konten dan footer Website dengan Dreamweaver

Bagaimana Cara Membuat Konten Website dengan Dreamweaver.
langsung saja ke topik bahasan
Sekarang kita akan membuat konten website, konten ini adalah tempat berita atau artikel anda.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di atas </body>

<div id="conten-wrapper">

Buat New css Rule.
Selector Type:compound (based on your selection)
Selector Name:  #conten-wrapper
Rule Definition: style.css
Lalu isikan pengaturannya sebagai berikut:

Background:
Background color : #DDD

Box :
Width : 1000 pixel
Float : Left
Pada bagian margin centang same for all, isikan 0 pixel
Pada bagian padding hilangkan centang same for all, isikan top:0 pixel, bottom: 0 pixel, right:20pixel, left:0pixel

Pilih file index.php, kemudian ketikkan kode berikut dan letakkan di bawah <div id=”conten-wrapper”>

<div id="conten"></div>

Setelah itu buat New Css Rule

Background:
Background color : #FFF

Box :
Width : 600 pixel
Float : Left
Pada bagian padding centang same for all, isikan 20 pixel
Jika sudah klik ok dan save.

Ke Tahap Selanjutnya Yaitu membuat Sidebar Website

 Pilih file index.php, kemudian ketikkan script berikut dan letakkan di bawah <div id=”conten”></div>

<div id="sidebar"></div>

Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

Box :

Width : 200 pixel
Float : Left
Pada bagian margin centang same for all, isikan 0 pixel
Pada bagian padding centang same for all, isikan 10 pixel
Jika sudah klik ok, simpan file index.php dan style.css.

Membuat Footer pada website

Fotter adalah bagian bawah dari website yang biasanya bisa di isi dengan menu atau link tertentu, dan copyright anda.
Pada index.php ketikkan script berikut dan letakkan di atas </body>
<div id="footer"></div>
Klik icon New CSS Rule, isi pengaturannya sebagai berikut :
Selector Type:compound (based on your selection)
Selector Name:  #footer
Rule Definition: style.css

Background:
Background image : klik browse pilih footer.jpg dalam folder images
Repeat : no-repeat

Block:
Text align : Center

Box :
Width : 860 pixel
Float : Left
Height : 80 pixel
Pada bagian padding centang same for all, isikan 20 pixel
Pada bagian margin centang same for all isikan 0 pixel

Jika Sudah Save index.php dan style.css

Sekian dari artikel cara membuat website dengan Dreamweaver cs6.
semoga bermanfaat

Bagaimana cara Membuat Header dan Navigasi Website

Bagaimana cara membuat Header Website, berikut lanjutan dari membuat website dengan Dreamweaver CS6:

Setelah tadi kita mengatur bagian body dan link website, sekarang saatnya mengatur bagian header dari website.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di bawah tag <body>

<div id="header"></div>

Sekarang kita akan mengatur CSS untuk headernya, caranya sama seperti mengatur CSS pada body. Klik icon New CSS Rule, isi pengaturannya sebagai berikut :


Selector Type : compound (based on your selection)
Selector : #header
Define in : style.css
Setelah muncul CSS Rule Definition for #header in style.css, isikan pengaturannya sebagai beriku

Type:

Size : 12 pixel
Color : #FFF
Background:

Background image : klik browse pilih header.jpg dalam folder images
Repeat : no-repeat
Box :

Width : 1000 pixel
Float : Left
Height : 900 pixel
Padding : centang same for all, kemudian isikan 20 pixel

Jika sudah klik OK, kemudian simpan file style.css anda. Untuk melihat preview website anda tekan F12

Selanjutnya kita akan memasukkan logo website dan deskripsi website kedalam header, caranya klik cursor anda setelah <div id=”header”> kemudian klik insert = > image = > logo.jpg

Usahakan logo yang anda buat tingginya / weight tidak lebih dari 80pixel, jika logo anda melebihi dari 80 pixel, anda dapat merubah ukurannya dengan cara :

melalui Design View, klik gambar logo anda kemudian pada panel Property yang secara default berada di bagian bawah, pada H / Height isikan 80.

Masih pada tempat yang sama Panel Property, pada Link klik icon folder yang ada di sebelah kiri tulisan Edit, kemudian pilih file index.php. Ini berfungsi pada saat logo di klik akan mengarah ke halaman index atau halaman depan website anda.

pada tulisan dibawah ini pastekan code ini  <p>Deskripsi website anda disini</p> tepat dibawah code dibawah ini

<a href="index.php"><img src="Image/Header.jpg" alt="Belajar membuat website" width="1000" height="80" /></a></div>

ketikan deskripsi website anda

<p>Deskripsi website anda disini</p>

Jika sudah Save File.

Sekarang lanjut pada tahapan membuat menu navigasi website

membuat navigasi website yang berada di bagian bawah header. Navigasi isi akan berisi link – link yang akan mengarah ke halaman tertentu seperti profile, gallery, atau contact.

pada bagian </body> tepat di atas ketikan code dibawah ini.



<div id="navigasi"></div>

Lalu buat new css rule

 Sepeti gambar di bawah ini kemudian isikan pengaturannya sebagai berikut

Background:

Background image : klik browse pilih bg-nav.jpg dalam folder images
Repeat : no-repeat

Box :

Width : 1000 pixel
Float : Left
Height : 35 pixel
Pada bagian padding hilangkan centang same for all, left :20 pixel dan right: 20 pixel
Pada bagian margin centang same for all isikan 0 pixel
Jika sudah klik ok, simpan file index.php dan style.css.


Selanjutnya pada Design View, klik di dalam Menu Navigasi kemudian klik Insert > Table ,
isikan pengaturannya sebagai berikut :
Rows : 1
Columns : 4
Table Width kosongkan saja
Border Thickness kosongkan / delete saja.
Cell Padding : 5
Cell Spacing : 5
  

 Jika sudah klik ok, dan ketikan Home ,about dan lain-lain terserah anda

 Pada Home, masuk ke panel property pada Link isikan saja file index.php dan untuk yang lainnya isikan saja # Karna kita belum membuat File untuk yang lainnya.

Sekarang kita akan mengubah warna link dari menu navigasi dengan mengatur CSS nya, caranya klik tulisan Home => klik icon New CSS Rule, isi pengaturannya sebagai berikut :

Selector Type : compound (based on your selection)
Selector : #navigasi table tr td a
Define in : style.css
Seleah muncul CSS Rule Definition for #navigasi a in style.css, isikan pengaturannya sebagai berikut :

Type:

Color : #FFF (kode warna putih)
Jika sudah klik ok. Simpan file index.php dan style.css anda tekan CTRL + S, kemudian preview tekan F12.

Lanjut ke cara membuat konten dan footer website dengan Dreamweaver CS6