Dreamweaver

Macromedia Dreamweaver

Album Foto Dreamweaver

Membuat Album Foto dengan Dreamweaver, Cepat & Mudah

3
2 years ago
by achmatim in ,

Bagi kita yang sering ber-internet ria tentunya sudah tidak asing lagi dengan yang namanya Album Foto, Gallery, atau apapun namanya. Album foto biasanya banyak dijumpai pada situs-situs pribadi (personal site) dan situs-situs organisasi. Foto album berisi kumpulan foto atau gambar baik gambar dalam format .jpg maupun .gif. Kita sering melihat-lihat dan mengunjungi album foto milik temen kita atau milik seseorang di suatu situs, kita ingin juga memiliki atau membuat album foto sendiri, tapi banyak yang bingung atau tidak tahu cara membuatnya.

Tutorial singkat berikut akan mencoba membuat album foto menggunakan fasilitas yang sudah disediakan oleh Dreamweaver. Dengan sedikit pengetahuan mengenai HTML dan ada komputer yang sudah terinstall Dreamweaver MX dan Fireworks, kita sudah bisa membuat album foto sendiri dengan cepat dan sangat mudah. Kita dapat menggunakan Dreamweaver versi Macromedia Dreamweaver MX, Dreamweaver 8 maupun versi Adobe Dreamweaver CS. Catatan: Tutorial ini pertama kali saya buat di pertengahan tahun 2003, saat masih kuliah di Universitas Budi Luhur, Jakarta.

(more…)

Popularity: 17% [?]

Membuat Menu Bertingkat (Tree Menu) dengan Dreamweaver

22
2 years ago
by achmatim in , , ,

Menu atau navigasi merupakan komponen penting di dalam suatu website. Navigasi website sama halnya dengan navigasi sebuah kapal laut, dimana sistem navigasi yang baik tentu akan menuntun nahkoda kapal beserta seluruh penumpangnya menuju ke tujuan dengan cepat. Sebaliknya, navigasi yang buruk bukan tidak mungkin akan membuat kapal terlambat menuju ke tujuan atau bahkan tersesat di tengah laut. Navigasi di dalam website pun akan sama, yaitu jika dirancang dengan baik akan memudahkan pengunjung untuk menemukan apa yang ia cari. Namun jika navigasi tidak dirancang dengan baik atau bahkan tidak ada navigasi sama sekali, dapat mengakibatkan pengunjung tersesat dan akhirnya akan menutup website tersebut.

Dilihat dari bentuk dan susunannya, menu atau navigasi memiliki variasi yang beragam. Ada beberapa navigasi yang disusun mendatar (horizontal), ke bawah (vertical), berbentuk drop-down menu atau dapat juga berupa menu bertingkat (tree-menu). Berdasarkan teknik pembuatannya juga beragam, dari yang menggunakan HTML, CSS, Javascript, gambar sampai yang menggunakan teknologi flash. Masing-masing memiliki kelebihan dan kekurangan.

Di dalam tutorial ini akan disampaikan mengenai bagaimana membuat menu bertingkat (tree-menu) menggunakan fasilitas yang sudah tersedia di salah satu web development software, yaitu Dreamweaver. Langkah-langkah dalam tutorial dicoba menggunakan Macromedia Dreamweaver 8, namun demikian dapat juga dicoba dengan versi-versi terbaru dari Dreamweaver.

(more…)

Popularity: 31% [?]

Dreamweaver untuk Pencarian Data Mahasiswa

16
2 years ago
by achmatim in , , ,

Akhirnya bisa posting lagi di blog ini, setelah sekian lama. Kangen rasanya bisa menuangkan pikiran dan berbagi disini. Terima kasih kepada semua teman-teman yang sudah setia berkunjung ke situs ini.

Langsung aja, pada tutorial kali ini kita akan membahas bagaimana memanfaatkan Macromedia Dreamweaver 8 untuk membuat aplikasi Pencarian terhadap data mahasiswa. Pencarian akan dibuat sesederhana mungkin agar lebih mudah dipahami. Tutorial ini merupakan kelanjutan dari tutorial sebelumnya mengenai aplikasi entri, edit, delete dan tampil data mahasiswa yang sudah saya posting di situs ini juga (bagian 1 dan bagian 2).

Penasaran? Langsung aja dilanjut dan semoga tutorial ini bermanfaat.

(more…)

Popularity: 12% [?]

Dreamweaver, PHP dan MySQL untuk Aplikasi Data Mahasiswa (Bag 2)

50
3 years ago
by achmatim in , , , , ,

Bagian ini merupakan kelanjutan dari artikel sebelumnya yang membahas mengenai bagaimana membuat aplikasi berbasis PHP-MySQL dengan memanfaatkan Dreamweaver. Dalam artikel ini akan dibahas mengenai halaman untuk Edit dan Delete data mahasiswa. Semoga tutorial ini berguna untuk kita semua.

Langsung aja kita mulai!

(more…)

Popularity: 47% [?]

Dreamweaver, PHP dan MySQL untuk Aplikasi Data Mahasiswa

52
3 years ago
by achmatim in , , , , , ,

Macromedia Dreamweaver merupakan salah satu editor sekaligus web development tools yang cukup kesohor saat ini. Mengapa? Terutama karena kemudahan dan berbagai fasilitas yang mempermudah para pengembang aplikasi web dalam pekerjaannya. Konsep WYSIWYG (what you see is what you get) juga memberikan kenyamanan terutama bagi yang baru mencicipi dunia web (situs). Macromedia Dreamweaver sungguh memanjakan penggunakan dengan berbagai kemudahan, termasuk diantaranya dalam hubungannya dengan bahasa pemrograman PHP dan database MySQL.

Dalam tutorial ini akan disampaikan mengenai begitu mudahnya membuat aplikasi berbasis PHP dan MySQL dengan bantuan Macromedia Dreamweaver. Boleh dibilang tanpa menyentuh coding (program) sama sekali! Cukup ceklak sana ceklik sini, jadi deh. Kita akan membuat aplikasi yang menampilkan, mengentri, edit dan delete data mahasiswa. Sederhana memang, tapi bukankah sesuatu yang rumit juga berasal dari hal sederhana?

Daripada penasaran, yuk kita mulai saja.

(more…)

Popularity: 47% [?]

Kolaborasi Dreamweaver dan PHP

17
3 years ago
by achmatim in , , , , ,

DreamweaverSeperti sudah disebutkan di tutorial sebelumnya, bahwa Dreamweaver merupakan salah satu perangkat lunak yang dapat digunakan untuk membangun situs web. Dalam hal ini, Dreamweaver berfungsi sebagai editor. Dreamweaver memiliki kemampuan dan fitur yang sangat baik dalam kaitannya dengan pembuatan situs.

Di sisi lain, PHP merupakan salah satu bahasa pemrograman yang populer saat ini, terutama dalam dunia website. Penggunaannya untuk membangun situs web cukup banyak. Terbukti menurut survey dari Netcraft di pertengahan tahun 2007 saja lebih dari 20 juta situs di internet menggunakan PHP.

Lalu bagaimana kalo kita gabungkan PHP dan Dreamweaver? Artinya, dalam membangun situs web kita mengkolaborasikan keduanya, sehingga pekerjaan pembangunan situs web (web development) akan menjadi lebih gampang, cepat dan mudah.

Penasaran? Tutorial berikut ini akan memberikan gambaran dan langkah-langkah dalam mengkolaborasikan antara PHP dan Dreamweaver. Tutorial dibagi menjadi dua bagian yaitu bagaimana membuat Site Definition di Dreamweaver agar mempermudah dalam pembuatan situs, dan selanjutnya disampaikan contoh membuat halaman PHP sederhana.

Semoga bermanfaat.

(more…)

Popularity: 21% [?]

Web Design dengan Dreamweaver 8

10
3 years ago
by achmatim in , , , ,

DreamweaverDreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu situs web. Versi pertama dirilis pada tahun 1997, dan sejak itu Dreamweaver menjadi web editor yang banyak digunakan oleh para web developer. Hal itu antara lain karena kemudahan dalam penggunaannya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini. Dreamweaver merupakan salah satu perangkat lunak yang dikembangkan oleh Macromedia Inc.

Dalam materi berikut ini, disampaikan mengenai dasar-dasar web design dengan menggunakan Dreamweaver 8. Dalam materi, antara lain membahas mengenai konsep dasar Web design, teknologi dan perangkat pendukung dalam membangun web, pengenalan menu-menu dan fasilitas Dreamweaver 8, konsep merancang situs web yang baik serta praktek mendefinisikan situs di Dreamweaver 8.

Materi ini juga digunakan dalam kuliah Design dan Pemrograman Web 1 di Universitas Budi Luhur.

Penasaran? (more…)

Popularity: 21% [?]

Membuat Menu CSS dengan Dreamweaver

18
4 years ago
by achmatim in , , ,

AkhirMenu atau navigasi di sebuah website memegang peranan yang sangat penting. Fungsi utamanya adalah memudahkan pengunjung untuk mendapatkan informasi yang diinginkan. Dengan menu atau navigasi yang baik, pengunjung dapat dengan mudah berpindah dari satu halaman ke halaman yang lainnya. Sebaliknya, navigasi yang buruk akan membingungkan pengunjung, sehingga bisa menyebabkan pengunjung “tersesat” dan jika pengunjung tersebut tidak dapat menemukan “jalan pulang” kembali ke halaman awal, maka bisa dipastikan akan langsung meninggalkan website kita (close).

Banyak bentuk dan teknik yang dapat digunakan untuk membuat menu atau navigasi di halaman web. Beberapa diantaranya menggunakan tabel, menggunakan images, menggunakan object flash, dan juga menggunakan CSS. Masing-masing teknik memiliki kelebihan dan kekurangan masing-masing.

Dalam tutorial ini akan disampaikan bagaimana membuat menu (navigasi) dengan menggunakan CSS. Salah satu keuntungan menu menggunakan CSS adalah dapat ditampilkan dengan cepat oleh browser dan juga hampir semua browser dapat menampilkannya (support-all-browsers).

Download File : seri-tutorial-dreamweaver-8-membuat-menu-dengan-css (PDF – 1,15 MB) , Link alternatif.

Semoga bermanfaat

Popularity: 14% [?]

Go to Top