ZonaKabarIT: Dreamweaver CS 5

Selasa, 18 April 2017

Membuat Web pada Dreamweaver CS5

Konfigurasi Site anda

Jika kita ingin menggunakan fitur Site ini, maka kita perlu melakukan beberapa langkah saja. Langkah-langkah pengaturan Site pada Dreamweaver CS sampai CS3 berbeda dengan langkah pada Dreamweaver CS4 dan CS5. Untuk kali ini saya hanya memaparkan langkah-langkah pada Dreamweaver CS5.

Langkah 1 : Klik menu Site, New Site…

Langkah 2 : Pada bagian Site, masukkan nama website anda pada isian Site Name. Pada Local Site Folder, masukkan alamat folder dimana anda menyimpan file-file website anda.

Site Name digunakan untuk penamaan website pada dreamweaver saja, tidak berpengaruh terhadap coding anda. Sedangkan Local Site Folder dapat ditempatkan dimana saja, dan sebaiknya tidak diletakkan pada server (htdocs atau www). Karena Local Site Folder bukanlah folder yang akan dijalankan pada server anda.

Sampai langkah ini sebenarnya anda telah selesai mengatur fitur Site, namun jika anda menggunakan bahasa pemrograman web (ASP, JSP atau PHP)maka fitur seperti Live Preview dan Preview in Browser tidak akan berjalan baik.

Langkah 3 : Pada bagian Server, klik tanda plus (+) untuk menambahkan sebuah server.

Lalu tulis nama server anda, lalu pada Connect using diubah menjadi Local/Network.

Pada bagian Basic, pilih folder yang akan digunakan untuk menyimpan data website di server anda pada Server Folder. Pada Web URL, tulis alamat URL untuk web anda.

Pada bagian Advanced, ubah Server Model sesuai dengan tipe server yang anda gunakan. Dalam contoh saya gunakan server PHP MySQL untuk xampp, wamp dan sebagainya.

Klik Save

Beri tanda centang pada checkboxTesting. Lalu klik Save.

Maka Dreamweaver akan mencari semua file yang ada pada Local Folder anda, sehingga hasilnya akan menjadi seperti pada gambar di bawah ini.

TestDW1 merupakan Site Name yang telah dibuat sebelumnya.

Menggunakan Live Preview dan Preview in Browser

Untuk menggunakan fitur Live Preview, anda cukup membuka file yang anda inginkan. Lalu klik tombol Live View. Maka anda dapat melihat preview website anda dengan sempurna pada Dreamweaver secara langsung. Anda dapat melihat pada URL file yang dibuka langsung menuju pada URL yang ada pada server anda. Menakjubkan bukan?

Untuk fitur Preview in Browser, anda cukup menekan tombol F12 pada keyboard atau memilih browser pada tombol Preview in Browser pada layar kerja anda.

Jika anda ingin menambahkan daftar browser yang digunakan, cukup klik Edit Browser List. Dan jika anda ingin melihat tampilan website anda pada perangkat mobile, maka pilih Preview in Device Central.

sumber :affandes

Cara membuat Site lokal pada Dreamweaver CS 5

Dreamweaver CS 5 zonakabarIT 20.03

Pertama-tama klik tombol di Toolbar yang bertulisakan Site. Terus klik New Site.
Setelah anda klik New Site, nanti akan keluar jendela baru dan anda harus mengisikan semua yang dibutuhkan. Disini anda isikan dulu Nama Site nya dan Lokasi foldernya anda tentukan dahulu.
Setelah anda klik yang bertuliskan Server di bagian navigasi sebelah kiri. Terus klik yang bergambarkan tanda + “Tambah”.
Nah setelah di klik anda akan di bawa ke jendela berikutnya. Di situ anda harus mengisikan Server nya dan alamat untuk Site nya. Ganti Connect Using menjadi Local/Network. Terus isikan nama servernya “localhost”. Server Folder nya tembakin ke folder yang anda telah buat sebelumnya. Dan Web URL nya jangan sampai lupa, contoh : http://localhost/nama
Setelah klik Advanced yang berada di atas sebelah Basic. Setelah itu ganti Server Modelnya menjadi PHP MySQL. Lalu klik Save.
Nah sekarang anda tinggal menentukan images foldernya. Pertama-tama klik Advance Setting. Terus anda isikan default image foldernya, lalu klik Save. Dan Taaada…….
Anda sudah dapat membuat Site sendiri !!

Nah, saya rasa cukup sampai disini saja. Udah gak kuat lagi Posting krena dah beberapa hari ini begadang terus. Mohon maaf yah apabila ada yg merasa terlecehkan dll.
Ilmu yg saya share ini bukan untuk hal itu , tapi untuk berbagi ilmu. Jadi sekali maaf jika ada yang merasa kecewa , marah & lain lain.
Wassala’mualaikum Wr Wb.

sumber :dzulkyzulkarnaen