TugasKomputer

Nama:YustinusRaditya Kelas:X1 Absen:35

Daftar Isi
Bab 1 Pengertian Macromedia Dreamweaver1 Area KerjaDreamweaver.2 Document Toolbar.....3 Contoh Website..4 Bab 2 Pengertian Macromedia Flash7 Area Kerja Macromedia Flash8 ContohAnimasi...9 Toolbox10 Timeline..13 Library14

Bab 1 Macromedia dreamweaver

Macromedia DreamWeaver MX: pertama kali ditampilkan 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. Pengertian Macromedia Dreamweaver adalah sebuah software HTML editor profesional yang digunakan untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bila mana kita menyukaiuntuk 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. 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 halamanweb.yangterbaruada Macromedia DreamWeaver 8 MX, adobe DreamWeaver cs3 dan cs4.

Window dan Panel Dreamweaver MX

1) Insert bar ,memuat tombol- tombol yang berfungsi untuk memasukkan /menyisipkan berbagai jenis obyek seperti gambar, table dan layer kedalam suatu dokumen. Setiap obyek yang dimasukkan dengan mengklik tombol insert pada insert bar ini adalah seperti halnya memasukkan potongan tag HTML kedalam halaman yang sedang dibuat. 2) Document window, berfungsi untuk menampilkan dokumen dimana anda sekarang bekerja. 3) Document toolbar, berisi tombol dan menu pop-up yang menyediakan tampilan yang berbeda-beda dari Document Window. 4) Panel groups, merupakan kumpulan panel yang saling berkaitan satu sama lain, yang dikelompokkan dibawah satu judul.

5) Tag selector, berfungsi untuk menampilkan hierarki tag disekitar pilihan yang aktif pada Design View. 6) Property inspector, digunakan untuk melihat dan mengubah berbagai property obyek atau teks. 7) Files panel, memungkinkan pengaturan file-file atau director

2 Icon Nama Keterangan

Document Toolbar

Show Code View Show Code and Design View Show Design View No Browser Check Errors Document Title File Managem ent Preview/D ebug in browser Refresh Site List View Option

Menampilkan mode pengetikan kode HTML dalam jendela Code view

Menampilakan jendela Code View dan jendela Design View

Menampilkan jendela Design View sesuai yang akan tampil di browser

Melakukanpengecekankesalahanpadadoku men web Memberikanjudulpadahalaman web Proses Upload dan Download file Melihathasildalam browser danmencarikesalahan script Melakukan pembaharuan terhadap daftar situs Mengatur pilihan pada ruang kerja

3 Contoh Website

Bab 2
Macromedia Flash
Software untuk membuat animasi yang biasanya digunakan untuk berbagai keperluandi Internet. Misalnya, untuk membuat situs, banner iklan, logo yang beranimasi, serta animasi pelengkap lainnya. Flash dikembangkan dari suatu aplikasi yang bernama Smart Sketch. Smart Sketch sendiri merupakan aplikasi untuk menggambar yang diluncurkanpada 1994 oleh Future Wave, bukan oleh Macromedia .Aplikasi ini cukup sukses ditengah pasar aplikasi menggambar yang dikuasaioleh Illustrator dan Freehand. Pada musim panas 1995, Smart Sketch memperoleh masukan dari penggunanya agar Smart Sketch dapat digunakan untuk membuat animasi .Future Wave sangat tertarik untuk membuat suatu aplikasi untuk membuat animasi. Namun FutureWave agak pesimis mengenai pemasarannya, karena pada saat itu animasi hanya didistribusikan dengan VHS atau CD-ROM. Kemudian World Wide Web mulai mengembangkan sayapnya, dimana grafik dan animasi menjadi vital. Future Wave melihat kesempatan ini untuk memasarkan aplikasi yang mampu menghasilkan animasi dua dimensi.Kemudian Smart Sketc dimodifikasi sehingga mampu menghasilkan animasi dengan menggunakan pemrograman Java sebagai player-nya.Namanya juga sedikit dimodifikasi menjadi Smart Sketch Animator .Namun, nama Smart Sketch Animator dirasakan kurang menjual, sehingga nama tersebut diubah menjadi Cel Animator. Tetapi kemudian, karena kuatir dicap sebagai aplikasi pembuat kartun, Cel Animator diubah menjadi FutureSplash Animator. Walaupun dengan ide yang cuku prevolusioner, Future Splash sulit populer. Oleh karena itu FutureWavemendekati Adobe.Namunkarena demo FutureSplash yang kurang memuaskan dengan lambatnya animasi, Adobe menolak memproduksi Future Splash. Baru pada November 1996, Macromedia mendekati Future Wave untuk bekerjasama. Future Wave menyetujui tawaran Macromedia.Kemudian Future Splash Animator diubah namanya menjadi Macromedia Flash 1.0.

Area Kerja Macromedia Flash

Keterangan 1. 2. 3. 4. 5. Timeline Stage Panel Toolbox Property Inspector

ContohAnimasi

Toolbox Pada Macromedia Flash

11

1.Arrow Tool = Tool ini digunakan untuk memilih suatu objek atau untuk memindahkannya. 2. Subselection Tool = Tool ini digunakan untuk merubah suatu objek dengan edit points. 3. Line Tool =Tool ini digunakan untuk membuat suatu garis di stage. 4. Lasso Tool =Tool ini digunakan untuk memilih daerah di objek yang akan diedit. 5. Pen Tool = Tool yang digunakan untuk menggambar dan merubah bentuk suatu objek dengan menggunakan edit points (lebih teliti& akurat). 6. Text Tool = Tool ini digunakan untuk menuliskan kalimat atau kata-kata. 7. Oval Tool =Tool yang digunakan untuk menggambar sebuah lingkaran. 8. Rectangle Tool =Tool yang digunakan untuk menggambar sebuah segiempat. 9. Pencil Tool =Tool ini digunakan untuk menggambar sebuah objek sesuai dengan yang Anda sukai. Tetapi setiap bentuk yang Anda buat akan diformat oleh Flash MX menjadi bentuk sempurna. 10. Brush Tool =Tool ini sering digunakan untukmemberi warna pada objek bebas. 11. Free Transform Tool =Tool ini digunakan untuk memutar (rotate) objek yang Anda buat atau mengubah bentuk objek menjadi bentuk lain. 12. Fill Transform Tool =Tools ini digunakan untuk memutar suatu objek yang diimport dari luar lingkungan Flash MX, serta untuk mengatur efek warna. 13. Ink Bottle Tool =Tool ini digunakan untuk mengisi warna pada objek yang bordernya telah hilang (tidak ada). 14. Paint Bucket Tool = Tool ini digunakan untuk mengisi warna pada objek yang dipilih.

12

16. Eraser Tool =Tool ini digunakan untuk menghapus objek yang Anda bentuk

17.Zoom Tool = digunakan untuk memperbesar tampilan objek pada stage 18. Hand Tool = digunakan untuk menggerakan suatu tampilan objek pada stage tanpa mengubah posisi objek pada stage. 19. Stroke Color= digunakan untukmemberi warna pada garis atau border objek 20. Black And White = digunakan untuk member warna objek dan warna border atau garis dengan warna hitam putih. 21. Swap Colors = digunakan untuk menukar warna objek (fill color) dengan warna border atau garis (Stroke color)

13

Timeline

Keterangan

A.Layer :Adalah suatu lapisan pada timeline untuk menampung animasi. B. Play Head :adalah tanda dari frame yang sudah dipilih atau sedang aktif. C. Key Frame :adalah Frame-Frame yang sudah berisiobjek

14

Library

Keterangan A. Window Preview :untuk menampilkan objek symbol dalam library B. Library List :untuk menampilkan daftar symbol yang terdiri dari nama dan jenis symbol. C. New Symbol :untuk membuat symbol baru. D. New Folder :untuk membuat folder baru dan mengelompokan beberapa symbol dalam satu folder. E. Properties :untuk menampilkanjenisdanatribut symbol F. Delete Symbol :untuk menghapus suatu symbol

15

10