MAKALAH TENTANG ADOBE

DREAMWEAVER

Oleh :

1. Nabila Nurul Aini 1642620007

PROGRAM STUDI D-IV MANAJEMEN PEMASARAN

JURUSAN ADMINISTRASI NIAGA

POLITEKNIK NEGERI MALANG
2018
 BAB I
PENDAHULUAN

1.1 Latar Belakang Masalah

Seiring dengan perkembangan di dunia bisnis, perusahaan dituntut dapat

memperkenalan diri dan informasi perusahaan sebagai langkah pertama yang harus
dilakukan untuk menjalin komunikasi dengan pemangku kepentingan, seperti
pelanggan potensial, investor, atau partner bisnis. Dengan memperkenalkan diri
melewati website yang dirancang perusahaan, perusahaan akan dapat mendekati
segmen pasar yang akan dibidik, mendekati pelanggan potensial, memperlihatkan
kemampuan perusahaan, dan membangun kepercayaan pelanggan potensialnya.
Sebagai marketing yang handal, setidaknya kita tahu bagaimana cara menarik
pelanggan, calon konsumen, konsumen, investor, dan partner bisnis dengan salah
satu upaya membuat website semenarik mungkin yang dapat dilakukan oleh
perusahaan adalah dengan membuat website melalui aplikasi web atau bisa disebut
dengan perangkat lunak berbasis web.

Salah satu aplikasi untuk pembuatan web yaitu Adobe Dreamweaver.

Adobe Dreamweaver adalah program yang digunakan untuk membuat atau
menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe
System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan
developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan
fiturnya dan juga dukungannya terhadap teknologi terkini. Juga hal terpenting yaitu
dalam pembuatan website yang dipunya perusahaan harus lengkap dan menarik,
dengan aplikasi web Adobe Dreamweaver inilah adalah salah satu aplikasi web
terbaik. Disini saya Nabila Nurul Aini sebagai mahasiswa Politeknik Negeri
Malang jurusan Manajemen Pemasaran akan menginformasikan apakah itu Adobe
Dreamweaver dan bagaimana cara kerja dari Adobe Dreamweaver ini.

1
 2

1.2 Rumusan Masalah

Rumusan masalah dalam proyek ini adalah

1. What : Apa yang dimaksud dengan Adobe Dreamweaver?
2. Where : Dimana saja biasanya Adobe Dreamweaver digunakan?
3. When : Kapan Dreamweaver muncul pertama kali?
4. Who : Siapa yang merancang awal Adobe Dreamweaver?
5. Why : Mengapa Adobe Dreamweaver disebut dengan aplikasi
pengembangan website terbaik?
6. How : Bagaimana cara kerja dari Adobe Dreamweaver?

1.3 Tujuan Makalah

Tujuan utama dari Makalah ini adalah

1. Untuk mengetahui tentang Adobe Dreamweaver.
2. Untuk mengetahui dimana saja Adobe Dreamweaver digunakan.
3. Untuk mengerti kapan awal muncul Adobe Dreamweaver.
4. Untuk mengerti siapa yang merancang awal Adobe Dreamweaver.
5. Untuk memahami mengapa Adobe Dreamweaver ini adalah aplikasi
pengembangan website terbaik.
6. Untuk mengerti bagaimana cara kerja dari Adobe Dreamweaver.
 BAB II
TINJAUAN PUSTAKA

2.1 Pengertian Adobe Dreamweaver

Adobe Dreamweaver merupakan program penyunting halaman

web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia
Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh
pengembang web karena fitur-fiturnya yang menarik dan kemudahan
penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia
dibeli oleh Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran
Adobe Systems adalah versi 12 yang ada dalam Adobe Creative Cloud (sering
disingkat Adobe Cc).

Gambar 1 contoh tampilan Adobe Dreamweaver versi CS6

3
 4

Gambar 2 contoh tampilan lain dari Adobe Dreamweaver

2.2 Penggunaan Adobe Dreamweaver

Penggunaan Adobe Dreamweaver:

1. Oleh ahli IT

2. Oleh pengajar IT

3. Oleh pelajar yang mendalami IT.

4. Oleh mahasiswa khusus untuk mendalami IT.

5. Oleh perusahaan. Dll

2.3 Sejarah Dreamweaver

Dulunya, program ini bernama Macromedia Dreamweaver, dan dikelola

oleh Macromedia. Versi pertamanya dirilis pada Desember 1997 dengan nama
Macromedia Dreamweaver 1.0 untuk sistem operasi Mac. Kemudian pada
Maret 1998, muncul versi pertama untuk sistem operasi windows yaitu
Macromedia Dreamweaver 1.2
 5

Macromedia Dreamweaver terus berkembang sampai dengan tahun 2005

dengan versi terbarunya yaitu Macromedia Dreamweaver 8. Kemudian
Dreamweaver diambil alih oleh Adobe System sehingga namanya berubah
menjadi Adobe Dreamweaver. Pada 16 April 2007, Dreamweaver
mengeluarkan versi terbarunya dengan nama Adobe Dreamweaver CS3.

Dengan hadirnya HTML5, Dreamweaver kembali merilis versi terbarunya

dengan nama Adobe Dreamweaver CS5.5 . Sedangkan sekarang ini, versi
terakhir Dreamweaver adalah Dreamweaver CC yang dirilis pada 21 April
2012.

2.4 Perancang Awal Adobe Dreamweaver

Seperti yang kita tahu pada sejarah awal Adobe Dreamweaver sudah jelas
perancang awal adalah Macromedia. Macromedia adalah
sebuah perusahaan perangkat lunak yang bergerak di
bidang grafis dan pengembangan web. Perusahaan ini didirikan pada
tahun 1992 dan telah berkembang pesat pada tahun 1990-an dan 2000-an. Pada
Desember 2005 Macromedia diakuisisi salah satu perusahaan saingannya, Adobe
Systems, tetapi Adobe sementara ini masih tetap menggunakan nama Macromedia
pada sejumlah programnya.

2.5 Alasan Adobe Dreamweaver Adalah Program Terbaik Pengembangan

Website

Berikut adalah beberapa alasan mengapa Dreamweaver adalah program

terbaik untuk pengembangan website :

1. Dengan Adobe Dreamweaver, manajemen website dapat dilakukan dengan

lebih mudah. Anda dapat beralih dengan bebas dalam banyak situs sedang
dikerjakan. Fitur ini adalah suatu keharusan bagi mereka yang biasa
menangani beberapa proyek sekaligus.
 6

2. Perangkat lunak ini dilengkapi dengan fitur yang memungkinkan Anda

meng-upload situs melalui built-in FTP. Dikombinasikan dengan
shortcut keyboard, memperbarui situs bisa dilakukan dalam sekejap.
Built-in FTP juga memungkinkan perubahan otomatis hak akses file.

3. Adobe Dreamweaver dikenal dengan fitur CSS yang sangat baik. Ini
hanyalah salah satu dari banyak keuntungan program ini, karena dapat
menyederhanakan proses pengkodean. Dengan titik intuitif dan klik
jendela CSS, Anda dapat menambahkan gaya CSS ke situs dengan
mudah.

4. Keunggulan Menggunakan Adobe Dreamweaver selanjutnya adalah

Program ini dilengkapi dengan berbagai tombol rollover. Anda tidak
harus secara manual menulis kode tombol rollover, karena program ini
akan melakukan semuanya untuk Anda di latar belakang. Hal ini dapat
membuat tombol rollover super sederhana. Anda bahkan dapat memilih
dari selusin atau lebih tombol flash dengan efek rollover. Cukup klik dan
memilih – Anda akan melihat langsung di website Anda.

5. Built-in penciptaan menu pop-up di Adobe Dreamweaver membuatnya

super mudah untuk membuat halaman web yang tampak profesional
dengan link navigasi. Anda hanya perlu klik untuk melihat hasilnya.
Selain menu pop-up built-in, Anda juga dapat membuat bentuk web yang
sangat fungsional dengan Dreamweaver. Bentuk-bentuk dapat dengan
mudah diatur.

6. Salah satu fitur yang paling penting di Adobe Dreamweaver adalah

dimasukkannya tombol Server Side Include. Tidak seperti software
pembangun website lainnya, fitur ini sudah tersedia untuk penggunaan.

7. Yang terakhir di daftar ini keunggulan menggunakan Adobe

Dreamweaver adalah banyaknya file template yang dapat Anda pilih.
Hal ini memudahkan Anda dalam merancang website terutama bagi
 7

pemula, namun program ini juga dapat menangani desain yang lebih
canggih karena fleksibilitasnya.

2.6 Cara Kerja Adobe Dreamweaver

Disini saya akan memberikan informasi bagaimana cara kerja dari Adobe
Dreamweaver. Disini saya memberikan contoh dengan Adobe Dreamweaver CS3

STEP 1 - Buka program adobe dreamweavernya kemudian pilih HTML.

STEP 2 - Setelah terbuka pilih tab design

 8

STEP 3 - Pilih menu Insert > Common > Media > Flash Button

STEP 4 - Pada saat kita memilih flash button maka akan muncul paparan seperti
dibawah ini. Maka kita harus menyimpan filenya terlebih dahulu. Klik ok saja.
 9

STEP 5 - Simpan file terlebih dahulu. File > Save.

Kemudian simpan dalam folder baru, beri nama filenya menu_flash.html.

STEP 6 - Kemudian kita ulangi pilih menu insert > common > flash button lalu ia
menunjukkan paparan seperti di bawah.
 10

Keterangan :

Sample : Untuk melihat sampel sementara atau bentuk pilihan falsh button
sesuai pilihan.

Style : Menu pilihan Flash button

Button Text : Teks yang akan di isikan ke dalam flash buttonnya.

Font : Jenis tulisan yang akan digunakan

Size : Ukuran teks yang akan digunakan

Link : Alamat tujuan link dari flash buttonya

Target : Target pilihan tujuan link

Bg colour : Background warna dari flash button

Apply : Melihat hasil sementara tapi belum disetujui klik

Ok : Jika sudah sesuai keinginan

 11

Untuk contoh lihat gambar di bawah ini :

STEP 7 - Setelah klik ok maka akan muncul kotak dialog flash Accessibility
Attributes, di title klik menu kemudian klik ok.

Dan inilah hasilnya

 12

Untuk menambah menu-menu berikutnya, ulangi langkah-langkah tadi.

NB : Pada saat sudah terbuat flash button tadi penyimpanan di folder tadi akan
memaparkan flash button yang kita buat tadi.
 13

BAB III

PENUTUP

Adobe Dreamweaver adalah program yang digunakan untuk membuat atau

menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe
System. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya
yang menarik dan mudah penggunaannya. Khususnya untuk mahasiswa pemasaran
dan tenaga pemasar yang kurang lebih harus tau apa itu aplikasi web Adobe
Dreamweaver.
 14

DAFTAR PUSTAKA

http://matuncomel91.blogspot.com/p/cara-menggunakan-adobe-dreamweaver-
cs3.html

http://www.sumberarticles.com/2017/01/cara-menjalankan-dreaweaver-
pengenalan-dreamweaver-bagi-pemula.html

http://prothelon.com/belajar/cara-membuat-website/cara-membuat-website-
menggunakan-dreamweaver

http://matuncomel91.blogspot.com/p/cara-menggunakan-adobe-dreamweaver-
cs3.html

https://jasawebsitebandung.co/keunggulan-menggunakan-adobe-dreamweaver/

https://id.wikipedia.org/wiki/Macromedia

https://www.slideshare.net/imanprasetyo/pengenalan-dreamweaver