BAB I

PENDAHULUAN
A. Latar Belakang

Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks,

suara, gambar, animasi dan video dengan alat bantu (tool) dan koneksi (link) sehingga
pengguna dapat melakukan navigasi, berinteraksi, berkarya dan berkomunikasi.Media Digital
kini sudah menjadi media penting yang digunakan disetiap kalangan. Hal ini dapat dilihat
dari bagaimana Indonesia menjadi pengguna Facebook terbesar ke dua di dunia. Media
digital tumbuh pesat seiring dengan bertambahnya pengguna internet dikawasan asia
khususnya Indonesia. Media digital bahkan kini sudah menjadi gaya hidup disetiap kalangan,
di samping itu penggunaan media digital telah banyak membantu setiap orang dalam
melakukan rutinitas, termasuk dalam berkomunikasi, baik dalam individu maupun dalam
komunikasi massa. Grafik adalah gambaran dinamika data yang ada (bisa naik, turun, atau
naik turun. Awal yang harus kita lakukan dalam membaca data pada grafik adalah dengan
melihat judul grafik kemudian baru melihat data yang ada. Ada banyak macam grafik
diantaranya adalah grafik batang dan grafik garis.Adobe Photoshop™ merupakan salah satu
program pengolah gambar standar profesional. TutorialAdobe Photoshop, atau biasa disebut
Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan
untuk pengeditan foto/gambar dan pembuatan efek. Aplikasi web atau bisa disebut juga
dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi
penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Salah satu aplikasinya
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.

B. Rumusan Masalah
1. Apa yang dimaksud dengan Multimedia serta menjelaskan tentang jenis, sejarah,
elemen – elemen, dan manfaat dari Multimedia.
2. Apa yang dimaksud dengan Media Digital serta menjelaskan karakteristik,
Dampak – Dampak dari Media Digital.
3. Apa yang dimaksud dengan Grafik serta menjelaskan tentang jenis, kelebihan, dan
kekurangan dari Grafik.
4. Menjelaskan tentang sejarah Adobe Photoshop dan menjelaskan pengertian,
fungsi, serta fitur fitur dari Photoshop
5. Menjelaskan tentang sejarah Dreamweaver dan menjelaskan pengertian, evolusi,
manfaat,dan fungsi tool Dari Adobe DreamWeaver
C. Tujuan
1. Untuk mengetahui sejarah dari Multimedia, Adobe Photoshop, dan
DreamWeaver.
2. Untuk mengetahui pengertian dari Multimedia, Media Digital, Grafik, Photoshop,
dan DreamWeaver.
3. Untuk mengetahui jenis jenis dari Multimedia dan Grafik.
4. Untuk mengetahui maanfaat dari Multimedia dan DreamWeaver.
 BAB II
PEMBAHASAN
A. Multimedia
1. Pengertian Multimedia
Pengertian multimedia dapat berbeda dari sudut pandang orang yang berbeda. Secara
umum, multimedia berhubungan dengan penggunaan lebih dari satu macam media untuk
menyajikan informasi. Misalnya, video musik adalah bentuk multimedia karena informasi
menggunakan audio/suara dan video. Berbeda dengan rekaman musik yang hanya
menggunakan audio/suara sehingga disebut monomedia. Multimedia berasal dari kata multi
dan media. Multi berasal dari bahasa Latin, yaitu nouns yang berarti banyak atau
bermacammacam. Sedangkan kata media berasal dari bahasa Latin, yaitu medium yang
berarti perantara atau sesuatu yang dipakai untuk menghantarkan, menyampaikan, atau
membawa sesuatu

2. Jenis Jenis Multimedia

 Multimedia interaktif
Merupakan multimedia yang dilengkapi dengan alat bantu berupa komputer, mouse,
keyboard dan lain-lain yang dioperasikan oleh pengguna. Multimedia interaktif dapat
menggabungkan media-media lain yang terdiri dari teks, desain grafis, audio, dan
rancangan lain. Contoh multimedia interaktif adalah aplikasi game, CD interaktif,
apilkasi program, virtual reality, dst.
• Multimedia Hiperaktif
Multimedia hiperaktif ini mempunyai struktur dengan unsur terkait yang nantinya
dapat diarahkan oleh pengguna melalui link dengan unsur multimedia yang ada. Multimedia
Hiperaktif juga dapat diisitilahkan sebagai Richmedia. Contoh: world wide web, web site,
mobile banking, dan Game online.
• Multimedia kits
Multimedia ini digunakan sebagai pembelajaran yang melibatkan lebih dari satu jenis
media dan diorganisir oleh topik tunggal. Perangkat yang termasuk dalam multimedia kits
yaitu CD-ROM, kaset audio, gambar statis, transparasi overhead, dan lain-lain. Multimedia
kits ini banyak digunakan karena multi sendorik dan ideal untuk digunakan dalam proyek-
proyek kecil di dalam maupun di luar ruangan.
 3. Sejarah Multimedia
Sistem multimedia di mulai pada akhir 1980-an dengan di perkenalkannya hypercard
oleh Apple pada tahun 1987 dan pengumuman oleh IBM pada tahun 1989mengenai
perangkat lunak audio visual (AVC) dan video adhapter card ps/2. Pada tahun 1994 di
perkirakan ada lebih dari 700 produk dan sistem multimedia di pasaran dimana pemakaian ini
dapat melihat gambar 3 dimensi, foto, video bergerak atau animasi dan mendengar suara
stereo perekaman suara atau alat musik. Istilah multimedia berawal dari teater, bukan
komputer. Pertunjukan yang memanfaatkan lebih dari satu medium seringkali disebut
pertunjukan multimedia. Multimedia memungkinkan pemakai komputer untuk mendapatkan
output dalam bentuk yang jauh lebih kaya dari pada media table dan grafik konvensional.
pemakai dapat melihat gambar tiga dimensi, foto, video bergerak atau animasi dan
mendengar suara stereo, perekaman suara atau alat musik.

4. Elemen – Elemen Multimedia

Multimedia dapat menyampaikan dan menyebarkan informasi dengan cara baru yang
informatif dan efisien. Menurut James A Senn. Multimedia terdiri dari beberapa unsur
program yang masing-masing unsur menyediakan fasilitas bagi penggunanya, yaitu :
 Teks
Bagian multimedia ini menayangkan tulisan di layar. Teks merupakan cara yang cepat
untuk menyampaikan dan menyebarkan informasi, sedangkan teks akan selalu digunakan
dalam setiap program.
 Gambar
Gambar yang digunakan dalam produksi-produksi multimedia berkisar dari klip art
sederhana sampai fotografi. Dengan melihat gambar, akan menghasilkan pengaruh yang kuat
dibandingkan hanya sekedar membacanya saja.
 Video
Dengan suatu bagian atau program multimedia, komputer dapat berubah menjadi
seperangkat televisi, memungkinkan untuk menghadirkan atau menyaksikan suatu film yang
diputar berulang-ulang.
 Animasi
Pada dasarnya, animasi adalah menayangkan gambar-gambar secara bargantian,
hingga mata kita menangkap pergantian gambar-gambat sebagai sebuah pergerakan. Kadang-
kadang animasi dapat mengekspresikan suatu unsur yang lebih mengena karakteristiknya
dibandingkan film.
  Suara
Dengan suara, sebuah animasi akan terasa lebih indah karena suara akan menciptakan
suasana yang lebih hidup, menghilangkan rasa jenuh dan menjadi sebuah daya tarik tersendiri
bagi pemakai aplikasi tersebut. Bidang industri perfilman semua efek-efek di dunia akting ,
animasi, dan pengambilan adegan film semua di rekam dengan perangkat elektronik yang
dihubungkan dengan komputer. Animasinya juga di kembangkan mempergunakan animasi
yang dibuat dengan aplikasi komputer.

5. Pemanfaaat Multimedia
Pemanfaatan multimedia dapat dilakukan dalam berbagai bidang, antara lain:
a) Kegiatan kerja, dengan adanya teleworking, para pekerja dapat melakukan
pekerjaannya tidak harus dari kantor. Contoh : software yang mendukung
teleworking/telecommuting adalah Netmeeting.
b) Cara belanja, homeshopping/teleshopping yaitu belanja dilakukan dengan
menggunakan internet, kemudian barang datang diantar ke rumah.
c) Jual beli, menggunakan sistem jual beli online, atau bank menggunakan
cara online-banking.
 B. Media Digital
1. Pengertian Digital
Digital berasal dari bahasa yunani yaitu, kata Digitus yang berarti jari jemari. Jumlah
jari-jemari kita adalah 10, dan angka 10 terdiri dari angka 1 dan 0 , oleh karena itu Digital
merupakan penggambaran dari suatu keadaan bilangan yang terdiri dari angka 0 dan 1 atau
off dan on (bilangan biner). Semua sistem komputer menggunakan sistem digital sebagai
basis datanya. Dapat disebut juga dengan istilah Bit (Binary Digit).
Digital adalah sebuah metode yang Complex, dan fleksibel yang membuatnya
menjadi sesuatu yang pokok dalam kehidupan manusia. Sedangkan Teori Digital adalah
sebuah konsep pemahaman dari perkembangan Zaman mengenai Teknologi dan Sains, dari
semua yang bersifat manual menjadi otomatis ,dan dari semua yang bersifat rumit menjadi
ringkas.

2. Karakteristik Digital
Dari sudut pandang yang jauh lebih terbatas dari estetika komputer seperti yang
dialami oleh pengguna akhir perangkat lunak, Lev Manovich (2002) mengidentifikasi lima
karakteristik:
1. numerik representasi;
2. modularitas (prinsip perakitan unit yang lebih besar dari yang lebih
kecil);
3. otomatisasi;
4. variabilitas;
5. transcoding (hubungan antara komputasi dan budaya sehari-hari).
Teori Digital selalu berkaitan erat dengan media, karena media terus berkembang
seiring dengan majunya teknologi dari media lama sampai media terbaru, sehingga
mempermudah manusia dalam segala bidang yang berkaitan dengan Teori Digital.

3. Pengertian Media
Secara Bahasa, Kata Media berasal dari bahasa Latin "Medius" yang berarti tengah,
perantara atau pengantar. Dalam bahasa Arab, media diartikan perantara atau pengantar
pesan dari pengirim kepada penerima pesan.
Media digital adalah media yang dikodekan dalam format yang dapat dibaca oleh
mesin (machine-readable). Konsep Media Digital adalah biner yaitu 0 dan 1 menggunakan
gelombang diskrit. Media digital dapat dibuat, dilihat, didistribusikan, dimodifikasi dan bisa
bertahan pada perangkat elektronik digital. Proses digital menggunakan logika Algoritma.
Program-program komputer dan perangkat lunak seperti citra digital, digital video; video
games; halaman web dan situs web.
Contoh media digital :

telivisi,radio gunanya untuk mengetahui berita terkini yang terjadi di daerah atau
diluar daerah maupun diluar negara tanpa harus menuju ketempat kejadian

4. Dampak Media Digital

 Dampak Positif
1) informasi yang dibutuhkan dapat lebih cepat dan lebih mudah dalam
mengaksesnya.
2) Tumbuhnya inovasi dalam berbagai bidang yang berorentasi pada
teknologi digital yang memudahkan proses dalam pekerjaan kita.
3) Munculnya media massa berbasis digital, khususnya media elektronik
sebagai sumber pengetahuan dan informasi masyarakat.
4) Meningkatnya kualitas sumber daya manusia melalui pengembangan dan
pemanfaatan teknologi informasi dan komunikasi
5) Munculnya berbagai sumber belajar seperti perpustakaan online, media
pembelajaran online,diskusi online yang dapat meningkatkan kualitas
pendidikan.
6) Munculnya e-bisnis seperti toko online yang menyediakan berbagai barang
kebutuhan dan memudahkan mendapatkannya

 Dampak negative media digital

1) Ancaman pelanggaran Hak Kekayaan Intelektual (HKI) karena akses data
yang
mudah dan menyebabkan orang plagiatis akan melakukan kecurangan.
2) Ancaman terjadinya pikiran pintas dimana anak-anak seperti terlatih untuk
berpikir pendek dan kurang konsentrasi.
3) Ancaman penyalahgunaan pengetahuan untuk melakukan tindak pidana
seperti menerobos sistem perbankan, dan lain-lain (menurunnya moralitas
4) Tidak mengefektifkan teknologi informasi sebagai media atau sarana
belajar, misalnya seperti selain men-download e-book, tetapi juga
mencetaknya, tidak hanya mengunjungi perpustakaan digital, tetapi juga
5) masih mengunjungi gedung
 C. Grafik

1. Media Pembelajaran Grafik

Grafik dapat di defenisikan sebagai penyajian data berangka, suatu tabel gambar yang
dapat mempunyai nilai informasi yang sangat berfaedah, namun dari grafik yang
menggambarkan intisari informasi sekilas akan lebih efektif,grafik merupakan keterpaduan
yang lebih menarik dari sejumlah tabulasi data yang tersusun dengan baik, tujuan membuat
grafik adalah untuk memperhatikan perbandingan, informasi kwalitatif dengan cepat serta
sederhana. Ada beberapa macam grafik, dan yang paling umum di gunakan adalah grafik-
grafik garis, batang,lingkaran,atau piring dan grafik bergambar. Grafik adalah suatu grafis
yang menggunakan titik-titik atau garis untuk menyampaikan informasi statistic yang saling
berhubungan (R.Warsito). Dengan berasumsi pada pengertian grafik tersebut, dalam proses
belajar mengajar, grafik mempunyai fungsi untuk memperlihatkan perbandingan informasi
kualitas-kualitas maupun kuantitas dengan cepat dan sederhana, terutama pada penyajian
secara statistic.

2. Jenis jenis Pembelajaran Grafik

a. Grafik garis adalah yang paling tepat dari semua jenis grafik, terutama dalam
melukiskan kecendrungan-kecendrungan atau menghubungkan dua rangkaian kata.
Sejumlah variasi dan kombinasi dari grafik garis dapat dilukiskan, termasuk
bayangan permukaan grafik dari berbagai bentuk.
b. Grafik batang Grafik batang mungkin yang paling sederhana daripada semua
grafik, grafik batang paling bermanfaat bilamana sejumlah nilai yang akan di
bandingkan relative sedikit, pada lazimnya grafik ini dibuat dengan menggunakan
batang sebagai gambaran kelompok data secara vertical dan horizontal. Tinggi atau
panjang batang melukiskan ukuran besarnya presentase data yang
c. Grafik lingkaran atau piring Bilamana guru dapat menjelaskan dan
memperkenalkan tentang pecahan, maka garafik lingkatran lebih tepat di gunakan,
grafik lingkaran atau grafik piring adalah lingkaran sektor-sektor yang di gunakan
untuk menggunakan bagian suatu keseluruhan, sebagai contoh berikut ini adalah
grafik yang memvisualisasikan pecahan dalam bentuk tengahan, pertigaan dan
perempatan.
 Ada dua ciri grafik lingkaran yaitu:
1) Grafik itu selalu menunjukkkan jumlah atau keseluruhan jumlah.
2) Bagian-bagiannya atau segmennya di hitung dalam presentase atau bagian-
bagian pecahan keseluruhan.

3. Kelebihan Media Pembelajaraan Grafik

Bermanfaat untuk mempelajari data-data kuantitatif dan hubungan-hubungannya Grafis
memungkinkan kita dengan cepat mengadakan analisis interprestasi dan perbandingan antara
data-data yang disajikan baik dalam hal ukuran, jumlah pertumbuhan dan arah. Penyajian dari
data grafik: jelas,cepat, menarik, ringkas dan logis.

4. Kekurangan Media Pembelajaran Grafik

Media ini sulit dipahami karena berbentuk gambar sederhana.
 D. Photoshop
1. Sejarah Adobe Photoshop
Hadirnya Adobe Photoshop di latar belakangi dari sejarah yang panjang. Diawali dari
langkah profesor dari Michigan (USA) bernama Glenn Knol. Glenn Knol bereksperimen
untuk mengolah foto secara digital dengan alat sederhana, ia bekerja. Tujuan dan harapan ini
Glenn Knol untuk membuat sebuah program pengolah gambar secara digital diteruskan oleh
anaknya bernama John Knoll dan Homas Knoll. Akhirnya, kedua anak Glenn Knol ini
berhasil menciptakan program aplikasi sederhana hingga perusahaan bernama Image Scan
memberikan lisensi. Tidak butuh waktu lama, penemuan ini kemudian diambil alih oleh
Adobe Corporation dan diberi nama Adobe Photoshop. Versi terakhir dari photoshop adalah
CS5 atau yang lebih dikenal dengan Adobe Photoshop CS5 (Creative Suite). Memang, awal
mula terciptanya Photoshop ini hanya ditujukan untuk keperluan pengolah gambar
(fotografi). Namun dengan kerja keras yang dilakukan oleh Thomas Knoll dan timnya
akhirnya mampu mengembangkan Adobe Photoshop dengan fitur-fitur unggul seperti web
design (Image Ready), publishing (Photoshop), animasi (Image Ready), digital painting
(Photoshop), dan bidang lainnya. Para designer web ataupun designer graphic cenderung
lebih banyak menggunakan Photoshop dalam melakukan pekerjaan karena photoshop lebih
mudah digunakan, memiliki warna cerah, mendukung plug-in dari pihak ketiga, dan juga
hasil output yang fantastic.

2. Pengertian Adobe Photoshop

Photoshop merupakan salah satu aplikasi perangkat lunak untuk editor foto atau gambar
yang di keluarkan Adobe Systems dikhususkan untuk pengeditan foto atau gambar dan
pembuatan efek, atau biasa disebut layer style. Perangkat lunak yang satu ini banyak
digunakan oleh fotografer digital dan perusahaan iklan.
Selain memiliki fitur yang mudah untuk di pahami, photoshop juga memiliki beberapa
fitur unggulan yang dapat bekerja secara maksimal, dan juga dapat mensuport beberapa file,
sehingga bagi seorang desain grafis hal ini merupakan salah satu syarat yang wajib ada untuk
masuk ke dunia desain grafis, karena photoshop dengan segala fasilitasnya sangat cocok bagi
seorang desain grafis.
Photoshop dikhususkan sebagai perangkat lunak yang digunakan untuk mengedit gambar
dalam format BITMAP. Foto adalah salah satu gambar dengan format BITMAP oleh karena
itu Photoshop banyak digunakan oleh para fotografer.
Saat ini Photoshop merupakan perangkat lunak terbaik jika di bandingkan dengan perangkat
lunak lain sejenisnya. Dapat di katakan juga hampir tidak ada tandingannya. Format File
Photoshop mampu untuk membaca dan menulis gambar berformat raster dan vektor seperti
.png, .gif, .jpeg, dan lain-lain.
Photoshop juga memiliki beberapa format file khas:
1. PSB adalah versi terbaru dari PSD yang didesain untuk file yang berukuran lebih dari
2 GB.
2. PSD (Photoshop Document) adalah format yang digunakan untuk menyimpan gambar
dalam bentuk layer, termasuk teks, blend mode, mask, opacity, clipping paths,
channel warna, channel alpha, dan setting duotone.
3. PDD adalah versi lain dari PSD yang hanya dapat mendukung fitur software
PhotshopDeluxe.
Tool yang ada pada photoshop merupakan alat yang dapat membantu pengguna dalam
mengedit. Adobe Photoshop CS3 memiliki serkitar 59 tool yang dapat digunakan oleh
pengguna. Tool- tool ini terdiri dari berbagai macam tool dengan kegunaan yang spesifik.

3. Fungsi Adobe Photoshop

Sebenarnya fungsi utama dari Adobe Photoshop hanyalah untuk aplikasi pengedit foto
ataupun gambar dengan tipe raster atau bitmap. Namun sebagai aplikasi pengedit gambar,
fungsi Photoshop dapat dijabarkan lebih khusus lagi, yaitu untuk mempercantik gambar,
merekayasa gambar, dan membuat desain gambar.
Fungsi Photoshop untuk mempercantik gambar yaitu dengan cara menghaluskan atau
objek, dimana hal ini dilakukan agar gambar tersebut terlihat lebih menarik dan indah. Fungsi
Photoshop juga untuk merekayasa gambar yaitu dengan cara merubah tampilan ataupun
menggabungkan gambar-gambar yang berbeda agar gambar tersebut terlihat seperti gambar
asli dan seringkali dapat menipu mata yang melihatnya. Dan fungsi Photoshop untuk
membuat desain gambar yaitu dengan cara menciptakan objek baru seperti logo, brosur,
spanduk, dan poster.
Adapun fungsi adobe photoshop secara teknik:
1) Mengkombinasi 2 gambar atau lebih menjadi satu gambar baru.
2) Menghilangkan atau menghapus objek pada suatu gambar.
3) Memberi atau merubah warna
4) Merubah ukuran gambar menjadi lebih kecil ataupun menjadi lebih besar
5) Mempertajam warna dan kualitas gambar
6) Membersihkan atau memperindah gambar
7) Mengaburkan gambar agar terlihat samar-samar
8) Meningkatkan intensitas cahaya gambar agar terlihat lebih terang.
9) Memotong gambar

Pada aplikasi Photoshop terdapat beberapa bagian penting lain yang juga memiliki
fungsi-fungsi tersendiri. Bagian-bagian tersebut seperti tool,menu, toolbox,layer, dan lainnya.
Berikut adalah beberapa bagian penting Photoshop beserta fungsinya :
a. Layer : sebagai kanvas tempat mendesain gambar. Di dalam Photoshop kita dapat
menggunakan lebih dari satu layer. Kelebihan dalam pemakaian banyak layer
adalah setiap desain pada satu layer tidak akan mengganggu suatu desain pada
layer lain. Dan semua desain yang ada pada layer-layer bisa dikombinasikan
menjadi satu gambar.
 b. Tool : alat-alat yang digunakan untuk mendesain atau menyunting gambar.
c. Menu : tempat utama dimana semua tool Photoshop berada. Menu inti yang ada di
Photoshop : File, Layer,Edit, Image, Window, Select, 3D,Filter, Analysis, View,
dan Help.
d. Toolbox : tempat khusus yang menyediakan tool-tool penting agar lebih mudah
dilihat dan dipakai.

4. Kelebihan Adobe Photoshop :

a) Gambar yang dihasilkan lebih memuaskan.
b) Mudah di operasikan.
c) Banyak fitur – fitur yang unggul.
d) Bisa di gunakan untuk membuat tulisan dengan efek yang di inginkan. Buat anda
yang ingin membuat tulisan tampil beda dan menakjubkan Photoshop adalah
jawabannya.
e) Bisa di gunakan untuk mendesain maupun untuk editing gambar.
f) Bisa membuat beragam material.
g) Bisa juga di gunakan untuk mengolah beberapa materi web. Buat anda yang
mempunyai web dan akan mengup-load foto tetapi ukuran foto terlalu besar, Anda
tidak perlu khawatir karena photoshop dapat di andalkan untuk hal ini.
h) Familyar dalam kalangan kita.
i) Fasilitas untuk editing lebih lengkap di banding lainnya.
j) Bisa untuk rekayasa foto. Di dalam Photoshop anda dapat bebas berekspresi foto
asli yang anda punya dapat di ubah menjadi lebih keren dan menarik.
k) Bisa menambah efek lagi meski sudah terlalu banya efek.
l) Penyimpanan dapat menggunakan berbagai format. Format penyimpanan pada
photoshop tidak sekedar PSD, namun JPEG, PNG dan yang lainnya.
m) Photoshop lebih cepat kerjanya.

5. Kekurangan Adobe Photoshop :

a) Banyaknya layer yang di gunakan membuat orang bingung ketika menggunakan
photoshop.
b) Photoshop kurang baik saat digunakan untuk pembuatan majalah dan brosur
karena tidak bisa sempurna saat pembuatan paragraf.
c) Ukuran yang di butuhkan terlalu besar. Nah jika kita terlalu banyak menggunakan
layer maka ukuran di Photoshop akan besar.
d) Saat akan mencetak hasil Photoshop kertas yang digunakan relatif sulit.
 6. Fitur Utama Adobe Photoshop
 Format Khas
Adobe Photoshop mendukung format-format seperti png, jpg/jpeg, gif dan format
lainnya. Yang unik dari Photoshop adalah software ini sendiri memiliki format yang
menjadikan ciri khas dari software ini yaitu :
1) PSD yang merupakan singkatan dari Photoshop Document, format ini berguna untuk
menyimpan hasil kerja kita yang belum selesai. Termasuk layer, teks, mask, dan lain-
lain pun tersimpan dalam format ini. Maka dari itu, ketika kita ingin melanjutkan hasil
kerja kita, dapat di save ke format ini serta bisa dilanjut lagi dilain waktu
2) PSB merupakan format lain dari .PSD namun format .PSB ini digunakan untuk file
yang berukuran lebih dari 2 GB
3) PDD adalah format .PSD yang hanya bisa digunakan untuk Photoshop Deluxe
 Layers
Fitur ini merupakan fitur yang paling penting dalam Adobe Photoshop, mengapa tidak
? semua proses editing yang menggunakan Photoshop selalu memakai fitur layers ini. Layers
atau jika kita terjemahkan berarti lapisan. Dalam dunia photoshop, layer merupakan lapisan-
lapisan yang berfungsi untuk penempatan suatu objek.
 Warna
Selain mendukung format-format seperti diatas, perangkat lunak ini juga mendukung
beberapa model warna seperti : RGB, CMYK, Grayscale, dan lain-lain

 Tools
Sebuah perangkat lunak yang digunakan untuk mengolah/mengedit gambar tentu
memerlukan tools, untuk Adobe Photoshop memiliki beberapa tools antara lain :
1. Selection Tools berguna untuk menyeleksi objek terdiri dari beberapa tools seperti
Move, Rectangular Marquee, Magic Wand, dan lainnya
2. Crop & Slice Tools berguna untuk memotong bagian dari objek, terdiri dari Crop
Tools, dan Slice Tools
3. Annotation, Measuring and Navigation Tools berguna untuk memberi catatan,
mengukur, serta untuk navigasi, terdiri dari beberapa tools seperti Eyedropper, Note,
dan lainnya
4. Painting Tools berguna untuk memberi warna pada objek, dengan tools seperti Paint
Bucket, Gradient, Brush dan lainnya
5. Drawing and Type Tools untuk menggambar serta membuat teks
6. Retouching Tools berguna untuk me-retouch atau mengedit suatu gambar menjadi
lebih menarik.
 E. DreamWeaver
1. Sejarah AdobeDreamweaver
Sejarah Adobe 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 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. Pengertian Macromedia dreamweaver

Macromedia Dreamweaver adalah sebuah software HTML editor profesional yang
digunakan untuk mendesain secara visual dan mengelola situs web maupun halaman web.
Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih
menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver
membuatnya menjadi lebih mudah dengan menyediakan tools yang sangat berguna dalam
peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Dreamweaver 8 dalam hal ini digunakan untuk web desain. Dreamweaver 8
mengikutsertakan banyak tools untuk kode-kode dalam halaman web beserta fasilitas-
fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan
editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode
Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver.
Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML
tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula
untuk membersihkan dan memformat ulang HTML bila kita menginginkannya. Selain itu
Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita
mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi
situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan
waktu download halaman web.
Evolusi Macromedia DreamWeaver diantaranya sebagai berikut:
 DreamWeaver 3 : merupakan versi lamanya yaitu web authoring terbaik pada
tahun 2000
 DreamWeaver 4 : merupakan software yang lebih baik lagi dan lebih canggih
pada tahun 2002
 Macromedia DreamWeaver MX: pertama kali di tampilkan pada tahun 2004,
selain software untuk mendesain web, juga bisa untuk menyunting kode dan
untuk membuat aplikasi web dengan menggunakan bahasa pemrograman
JPS, PHP, ASP atau Coldfusion. Di lengkapi dengan fasilitas yang cukup
lengkap untuk manajemen situs.
 Yang terbaru ada Macromedia DreamWeaver 8 MX, adobe DreamWeaver
cs3 dan cs4.

3. Manfaat Macromedia dreamweaver

a. Dari segi pemrograman: Fitur pemrograman yang tidak terlalu rumit
memungkinkan seorang programmer pemula sekalipun dapat membuat suatu
situs web yang sederhana tanpa melibatkan begitu banyak kode
pemrograman.
b. Kapasitas file yang dihasilkan begitu kecil sehingga memungkinkan
pembuatan animasi dan presentasi menjadi lebih baik portable (ringkas).
c. Pembuatan executable file, dimana apabila file ini dimainkan tidak
diperlukan lagi keterlibatan penuh program pembangunannya yang dalam hal
ini Dreamweaver MX Fasilitas-fasilitas yang sudah ada dan dapat digunakan
pada Macromedia Dreamweaver MX 2004 adalah sebagai berikut:
d. Tersedia fasilitas import dan export grafik dan suara ke Macromedia
Dreamweaver MX 2004.
e. Tersedia fasilitas drawing tools yang memungkinkan pemakai membuat
animas pada jendela macromedia Dreamweaver MX 2004.
f. Tersedia library (pustaka) yang dapat digunakan oleh pemakai seperti suara,
grafik statis maupun grafik dinamis.
g. Untuk pemrograman tingkat lanjut, file animasi yang dihasilkan oleh
macromedia Flash MX dapat digunakan sebagai sub bagian Macromedia
Dreamweaver MX 2004 Director 8.0 (perangkat perancangan presentasi
tingkat lanjut, produk darimacromedia juga).
h. Keterhubungan dengan Macromedia Freehand maupun Adobe Ilustrator yang
memungkinkan file gambar buatan Macromedia Dreamweaver MX 2004
Freehand maupun Adobe Illustrator dapat diexport langsung menjadi file.
i. Tersedia percampuran (mixing) antara animasi dan suara, yang apabila dibuat
pada program animasi lainnya membutuhkan prosedur yang lebih banyak.

j. Tersedianya pluding (pelengkap) yang disediakan oleh browser seperti

Internet Explorer maupun Netscape Navigator, dan juga didukung oleh player
 dari macromedia sendiri yang memungkinkan seorang web designer
membuat situs web dengan animasi macromedia Dreamweaver MX 2004 ini.
k. Keterhubungan dengan Macromedia Dreamweaver (perangkat lunak objek
perancangan halaman web, produk dari macromedia juga) yang
memungkinkan macromedia flash dapat ditanam langsung sebagai objek
Macromedia.
4. Fungsi tool pada Macromedia dreamweaver
Di dalam ruang kerja Dreamweaver MX 2004, terdapat beberapa komponen utama
yang membentuk suatu ruang kerja. Ruang kerja Dreamweaver MX 2004 ini memberikan
kesatuan tampilan antara menu utama, panel, property inspector serta toolbar.
a) Menu Utama
Sistem menu yang terdapat pada Dreamweaver MX 2004 sangat sederhana dan mudah
untuk dipahami karena perintah-perintah yang terdapat pada hampir sebagian besar fungsi
menu terdapat juga dala panel. Dengan demikian, kita tak akan banyak menghabiskan waktu
dengan melakukan perintah yang terdapat pada menu, melainkan lebih banyak bekerja
dengan menggunakan perintah-perintah yang terdapat pada panel. Di dalam sistem menu
Dreamweaver MX, terdapat beberapa komponen yang dapat kita gunakan, yaitu:
 Menu File dan menu edit
Berisikan item menu standar untuk menu File dan menu Edit, seperti New, Open, Save,
Save All, Cut, Copy, Paste, Undo, dan Redo. Menu File terdiri dari beberapa macam perintah
untuk menampilkan atau memperlakukan dokumen baru, seperti Preview in Browser dan
Print Code. Menu Edit berisikan perintah untuk pemilihan seperti Select Parent Tag, serta
Find dan Replace.
 Menu View
Berisikan perintah untuk menampilkan beberapa macam tampilan dari dokumen kita
(seperti tampilan Design view atau tampilan code), menampilkan dan menyembunyikan
beberapa elemen halaman, tombol-tombol Dreamweaver, toolbar dan lain-lain.
 Menu Insert
Berisikan alternatif baris Insert untuk menyisipkan objek di dalam dokumen.
 Menu Modify
Berfungsi melakukan perubahan properti pada item atau halaman terpilih. Dengan
menggunakan menu ini, kita dapat melakukan pengeditan atribut-atribut tag, mengganti tabel
dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.
 Menu Text
Berfungsi mempermudah dalam melakukan format text.
 Menu Commands
Berisikan akses ke beberapa perintah, format kode yang sesuai dengan format pilihan
kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan
Macromedia Fireworks.
 Menu Site
Berisikan item menu untuk mengelola situs dan melakukan upload dan download file.
 Menu Window
Menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver.
  Menu Help
Menyediakan akses ke dokumen Dreamwweaver, membuka lembar kerja Help untuk
membantu kita dalam menggunakan Dreamweaver, dan menyediakan bahan referensi untuk
beberapa bahasa.

b) Baris Standard
Pada saat kita membuka jendela Dreamweaver MX, secara default hanya menampilkan
Document Bar tanpa menampilkan Standard Bar.
Untuk menambahkan atau mengaktifkan Standard Bar, kita dapat melakukan langkah-
langkah berikut:
1. Membuat dokumen baru.
2. Memilih perintah menu View ► Toolbars sehingga akan tampil submenu
Document dan Standard.
3. Klik pilihan Standard untuk menampilkan Standard Bar.
4. Menggunakan perintah yang sama untuk menyembunyikan tampilan Standard
Bar. Untuk menyembunyikan, kita bisa mengklik pilihan yang sudah terpilih.

Berikut ini adalah tabel fungsi-fungsi tombol perintah yang terdapat di dalam Standard Bar:
New :Berfungsi membuat halaman web baru
Open :Berfungsi membuka halaman web yang sudah ada
Save :Berfungsi menyimpan halaman web yang sedang aktif
Save all :Berfungsi menyimpan seluruh halaman web yang sedang dibuka
Cut :Berfungsi menghapus objek yang dipilih
Copy :Berfungsi menyalin objek yang dipilih
Paste :Berfungsi menempelkan/meletakkan objek hasil salinan
Undo :Berfungsi membatalkan perintah yang terakhir kali dilakukan
Redo :Berfungsi mengulang kembali perintah yang terakhir kali dibatalkan

c) Baris Tombol Dokumen

Document Toolbar berisikan tombol-tombol dan menu pop-up yang menyediakan
tampilan berbeda dari document window. Kita bisa mengatur tampilan Document Window
dalam bentuk Design view atau Code view atau kedua-duanya. Kita juga dapat memberikan
judul document window pada bagian Title.
 Nama Tombol Keterangan
Show Code View Menampilkan mode pengetikan kode HTML dalam jendela
Code View

Show Code and

design Views Menampilkan jendela Code View dan jendela Design View
Show Design View Menampilkan jendela Design View. Pada tampilan ini,
apa yang kita lihat akan sama seperti pada jendela browser
No Browser Check ErrorsMelakukan pengecekan kesalahan pada dokumen web
Document Title Memberikan judul pada dokumen web
File Management Menjalankan proses upload dan download file
Preview/Debug in Browser Melihat hasil dalam browser, mencari kesalahan
script dalam dokumen dan untuk memasukkan browser dalam daftar browser yang
dikenali oleh Dreamweaver MX
Refresh Site List Melakukan pembaharuan terhadap daftar isi situs kita
View Options Mengatur pilihan pada tampilan ruang kerja kita

d) Baris Insert
Baris Insert terdiri dari tombol-tombol untuk membuat dan menyisipkan objek seperti
tabel, layer dan gambar. Ketika kita menggulung pointer melewati sebuah tombol, tampil
sebuah kotak keterangan dengan menampilkan nama tombol. Tombol-tombol tersebut
mengatur beberapa kategori. Kita dapat berganti kategori dengan menekan tombol pada
bagian kiri Insert bar. Kategori tambahan akan kelihatan ketika sebuah dokumen sekarang
berisi kode server, seperti dokumen ASP atau CFML. Ketika kita mulai menjalankan
program Dreamweaver, kategori yang ditampilkan sama seperti pada waktu kitabekerja
terakhir kalinya.

Catatan:
Jika kita lebih menyukai tampilan kategori seperti tabulasi yang berada di atas baris
Insert, kita dapat mengganti tampilan baris Insert tersebut.
Beberapa kategori mempunyai tombol dengan menu melayang. Ketika kita memilih
sebuah pilihan dari menu melayang, hal tersebut akan menjadikan aksi default dari sebuah
tombol. Sebagai contoh, jika kita memilih Image Placeholder dari tombol menu melayang
Image, di lain waktu ketika ita menekan tombol Image, Dreamweaver akan menyisipkan
sebuah image placehoder. Setiap waktu kita memilih sebuah opdi baru dari menu melayang,
aksi default pada tombol akan berubah.
 Baris Insert digunakan untuk mengatur beberapa kategori pilihan berikut:
 Kategori Common memungkinkan kita untuk membuat dan menyisipkan beberapa
penggunaan objek biasa, seperti gambar dan tabel.
 Kategori Layout memungkinkan kita untuk menyisipkan tabel, div tag, layer, dan
frame. Kita juga dapat memilih salah satu dari tiga tampilan tabel: Standard (default),
Expanded Tables, dan Layout. Ketika mode tampilan terpilih, kita dapat
menggunakan tombol layout dreamweaver: Draw Layout Cell dan Draw Layout
Table.
 Kategori Forms berisikan tombol-tombol untuk membuat form dan menyidipkan
elemen form.
 Kategori Text memungkinkan kita menyisipkan beberapa teks dan daftar format tag,
seperti b, em, p, hl, dan ul.
 Kategori HTML memungkinkan kita untuk menyisipkan beberapa tag HTML untuk
mistar horizontal, head content, tabel, frame,dan script.
 Kategori Server-code hanya tersedia untuk halaman-halaman yang menggunakan
bahasa khusus server, termasuk di dalamnya ASP, ASP.NET, CFML Basic, CFML
Flow, CFML Advanced, JSP, dan PHP. Selain itu, kategori ini menyediakan objek-
objek server-code yang dapat kita sisipkan di dalam tampilan Code.
 Kategori Application memungkinkan kita untuk menyisipkan elemen dinamis seperti
recordset, repeated region, dan record insertion dan update form.
 Kategori Flash Elements memungkinkan kita untuk menyisipkan elemen Flash
 Kategori Favorites memungkinkan kita untuk mengelompokkan dan mengatur
tombol-tombol baris Insert yang kita gunakan dalam satu wadah.

e) Jendela Dokumen (Dokument Window)
Document Window merupakan bagian yang digunakan untuk mendesain halaman
situs. Dalam Document window, kita dapat menyisipkan teks, image serta objek lain yang
mendukung pembuatan situs atau tempat untuk membuat desain Web.
Tidak seperti pada versi sebelumnya, Dreamweaver MX memuat dokumen-dokumen
yang sedang dibuka dalam jendela yang sama. Jika kita perhatikan, dokumen yang terbuka
dalam jendela yang sama akan disimpan dalam tab0tab seerti lembar kerja pada Microsoft
Excel. Dengan demikian, kita dapat dengan mudah berpindah antar dokumen tapa harus
menutup tampilan jendela yang sudah terbuaka dengan jalan mengklik tab dokumen yang
kita inginkan.
 f) Grup Panel
Grup Panel adalah kumpulan panel yang saling berkaitan satu sama lain, yang
dikelompokkan bersama di bawah satu judul. Kalau kita perhatikan pada bagian Grup Panel,
di situ terdapat beberapa panel yang tersusun secara rapi pada bagian sebelah kanan window.
Grup Panel tersebut antara lain: Design, Code, Application, Giles dan Answer. Pada setiap
bagian dari Grup Panel, terdapat beberapa panel lagi. Misalnya Grup Panel Design berisikan
panel HTML Style, CSS Style dan Behaviour. Pada bagian Grup Panel Files terdapat panel
Site dan Assets. Untuk menguraikan Grup Panel, kita bisa mengklik panah expander di
sebelah kiri nama grup.
Kita juga dapat memisahkan Grup Panel yang tersusun tersebut dengan cara
menggeser mouse pada bagian pojok kiri dari judul Grup sampai Panel tersebut terlepas dari
Panel.
• Files Panel
Files panel merupakan bagian dari Grup Panel Files selain panel Assets. Bagian ini
berfungsi mengatur file dan folder yang membentuk situs kita. Panel ini memiliki fungsi lain
yang cukup penting karena memungkinkan kita untuk bekerja dan mengatur file-file dari situs
dengan efisien.
Pada bagian Files panel ini, kita dapat melakukan beberapa aktvitas antara lain
manajemen file, melakukan koneksi ke remote server atau testing serber, menempatkan file
ke server, atau menyalin file dari server ke situs lokal.
• Snippets Panel
Snippets panel merupakan kode yang sering digunakan dan disisipkan pada dokumen.
Kita dapat mengambil kode snappet builtin yang ada di dalam bagian snippet dengan cara
menentukan terlebih dahulu kode apa yang akan disisipkan ke dalam dokumen. Misalnya,
apabila ingin membuat sebuah judul beserta menu, maka kita harus memilih Headers.
Selajutnya, kita bisa menentukan bentuk Headers tersebut. Selain Headers, kita juga bisa
menggunakan kode lainnya seperti footer, layout navigasi, fungsi JavaScript dan masih
banyak lagi yang dapat dilihat pada hirarki. Kita juga dapat menambahkan atau mengubah
kode snippet yang sudah ada sesuati kebutuhan kita.
 Tag Inspector
Tag Inspector merupakan salah satu fasilitas terbaru dari Dreamweaver MX. Dalam
Tag inspector, kita dapat melihat struktur hirarki tag dan atribut-atribut yang dapat
ditambahkan atau diedit.
 Tag Selector
Tag Selector merupakan pada bagian bawah document window atau pada bagian
status bar. Fungsi tag selector adalah menampilkan kirarki tag pada design view yang aktif.
Secara otomatis, saat kita mengaktifkan jendela document window, indikator <body> akan
muncul pada bagian status bar.
 Property Inspector
Property Inspector digunakan untuk melihat dan mengubah berbagai properti objek
dan teks yang terpilih. Setiap objek maupun teks mempunyai properti yang berbeda-beda.
Misalnya, teks yang terpilih akan menampilkan properti-properti teks seperti yang tampak
pada di bawah ini.
 Pada bagian properti, terdapat beberapa pengaturan format untuk jenis font, ukuran
font, perataan dan lain sebagainya.
5. Kelebihan Dan Kekurangan Adobe Dreamviwer
a. Kelebihan
1) Kemampuan Membuat Halaman Web Yang Konsisten
2) Kemudahan Dan Efisiensi Dalam Penggunaan : Program ini tidak hanya dirancancang
untuk anda yang sudah mahir dan mengerti bahasa pemrograma. Bagi anda yang
belum mengerti bahasa pemrograman, anda bisa membuat halaman web dengan
hanya meng-klik atau drag and drop menggunakan mouse serta anda juga bisa melihat
halamat html.nya selama proses desain berlangsung. Atau yang lebih dikenal dengan
sebutan WYSIWYG (What You See Is What You Get) .
Selain itu, Adobe Dreamviewer memiliki kemampuan memperlihatkan 3 proses yang
berbeda, yaitu :
 Code View : berfungsi untuk hanya menampilkan script html saja.
 Desain View : berfungsi menampilkan kode-kode html yang anda tulis
menjadi sebuah design/template yang nantinya akan ditampilkan di browser.
 Split View : berfungsi menampilkan gabungan antara Code View dan design
view pada saat bersamaan. Jadi, anda bisa langsung melihat perubahan pada
bisa langsung melihat perubahan pasa saat anda mengubah htmlnya.

b. Kekurangan
1. Harga Software Yang Cukup Mahal : mungkin salah satu kekurangan dari Adobe
Dreamviewer ini adalah dari segi harga. Adobe Dreamviewer CS5 dibandrol oleh
Adobe sekitar $399. Harga yang mungkin terjangkau oleh kalangan tertentu saja.
 BAB III
PENUTUP
1. Kesimpulan
Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks,
suara, gambar, animasi dan video dengan alat bantu (tool) dan koneksi (link) sehingga
pengguna dapat melakukan navigasi, berinteraksi, berkarya dan berkomunikasi. Contoh
contoh media digital yaitu seperti television, radio ,dll. Adapun jenis jenis dari grafik yaitu
terdiri dari grafik garis,grafik batang, dan grafik lingkaran. Fungsi photoshop adalah
Mengkombinasi 2 gambar atau lebih menjadi satu gambar baru, Menghilangkan atau
menghapus objek pada suatu gambar, Memberi atau merubah warna. Manfaat Macromedia
dreamweaver dari segi pemrograman yaitu Fitur pemrograman yang tidak terlalu rumit
memungkinkan seorang programmer pemula sekalipun dapat membuat suatu situs web yang
sederhana tanpa melibatkan begitu banyak kode pemrograman, manfaat lain dari macromedia
DreamWeaverKapasitas file yang dihasilkan begitu kecil sehingga memungkinkan
pembuatan animasi dan presentasi menjadi lebih baik portable (ringkas).

2. Saran
Perlu diperhatikan juga bahwa sesuatu yang menarik tidak secara otomatis mudah
dipahami karena adakalanya, suatu tampilan yang menarik justru akan memecah fokus
perhatian pembelajar. Penggunaan multimedia harus benar-benar dipilih sesuai
kebutuhan.Ada beberapa materi pembelajaran (terutama yang kompleks) yang memerlukan
multimedia dan lain lain, tetapi ada juga materi pembelajaran yang cukup disampaikan secara
lisan saja, tanpa perlu bantuan perangkat multimedia karena cukup sederhananya materi
tersebut.