BAB III PEMBAHASAN 3.1 Rancangan Umum Website 3.2 Pengumpulan Data
|
|
- Deddy Hartono
- 7 tahun lalu
- Tontonan:
Transkripsi
1 25 BAB III PEMBAHASAN 3.1 Rancangan Umum Website Website Anatomi Kerangka Tubuh Manusia ini memiliki scene, yaitu scene halaman pembuka, scene menu / scene anatomi, scene struktur, dan scene galeri. Scene pertama yaitu scene halaman pembuka yang akan dilihat pertama kalinya saat Homepage dijalankan dan tentu saja scene ini berbeda dengan scene lainnya, karena scene ini dirancang untuk menarik perhatian para user. Pada scene ini akan ditampilkan animasi yang menarik. Scene menu atau home berisikan kategori-kategori yang terdapat dalam homepage ini kategori-kategori yang terdapat dalam scene ini yaitu: a. Kategori home atau menu utama b. Kategori struktur di bagi menjadi tiga bagian yaitu Rangka manusia, Bentuk tulang, dan jenis tulang c. Kategori galeri di bagi menjadi tiga bagian yaitu galeri 1, 2, 3 Scene home berisikan mengenai keterangan system kerangka pada tubuh manusia. Scene struktur berisikan mengenai informasi-informasi struktur kerangka pada tubuh manusia bentuk tulang dan jenis tulang. Scene terakhir yaitu scene galeri atau scene foto berisikan image atau foto-foto kerangka pada tubuh manusia yang ditujukan untu memudakan para user mengmbil atau mendownload foto-foto kerangka manusia 3.2 Pengumpulan Data Tahap pengumpulan data merupakan tahap awal yang penting. Data-data yang berupa gambar yang mengenai pembuatan Website Anatomi Kerangka tubuh Manusia dengan menggunakan Dreamweaver MX 2004 didapat dari media massa dan browsing internet. tersebut kemudian di scen dengan scener dan diedit dengan print.
2 Struktur Menu Navigasi dalam suatu aplikasi dalam suatu memegang peranan penting terhadap keberhasilan aplikasi. Dengan adanya aplikasi yang baik dan mudah di mengerti dan user dapat menelusuri suatu aplikasi dengan nyaman. Dengan penulisan ini penulis menggunakan struktur navigasi linier atau disebut juga se arah. 3.4 Rancangan Tampilan Rancangan tampilan adalah bagian dari program yang berhubungan dengan user, yaitu segala sesuatu yang muncul pada layar monitor. Oleh sebab itu rancangan tampilan mutlak harus dilakukan dalam pembuatan aplikasi multimedia. Rancangan tampilan bertujuan agar program yang dihasilkan terlihat sederhana dan mudah digunakan. Berikut akan dijelaskan mengenai bentuk rangcangan tampilan dan action script yang ingin penulis representasikan kedalam program yang dibuat. HOME RANGKA MANUSIA BENTUK TULANG MENU UTAMA STRUKTUR JENIS TULANG GALLERY 1 GALLERY GALLERY 2 GALLERY Rancangan tampilan
3 Perencanaan Storyboard Untuk mendesain antar muka biasanya digunakan storyboard yang disusun secara berurutan atau layar demi layar, sehingga dapat mempermudah dalam mendesain web nantinya. Pada storyboard ini selain digambarkan perkiraan dari tampilan akhir yang dininginkan, juga ditulis penjelasan dari spesifikasi tiap layar yang terlihat pada monitor, yang meliputi keterangan tiap tombol, teks, letak dan penjelasan. Satu hal yang perlu diperhatikan dalam membuat storyboard adalah tetap mengikuti struktur navigasi yang telah dibuat, sehingga desain terarah. Berikut ini rangcangan storyboard pada web Anatomi Kerangka Pada Tubuh Manusia : Menu Utama Menu utama merupakan halaman depan dari semua halaman yang ada pada web site. Halaman ini sebagai halaman pembuka bagi halaman yang lainnya. Teks HOME STRUKTUR GALLERY Teks 3.2 Rancangan Menu Utama Menu Struktur Pada menu struktur ini pengunjung akan diberikan link pilihan menu-menu yang lainnya, dan halaman ini berisi informasi tentang kerangka manusia.
4 28 Teks HOME STRUKTUR GALLERY RANGKA MANUSIA Teks BENTUK TULANG JENIS TULANG 3.3 Struktur Kerangka Manusia Menu Gallery Pada menu ini pengunjung akan diberikan link pilihan menu-menu untuk melihat gallery atau gambar yang disajikan. Teks HOME STRUKTUR GALLERY GALLERY Teks GALLERY GALLERY 3.4 Gallery
5 Proses Pembuatan Halaman Web Setelah semua persiapan awal untuk membuat web site telah dilaksanakan dengan baik, maka berarti telah siap untuk memulai dan membuat sebuah website Animasi Kerangka Pada Tubuh Manusia dengan software web Design Dreamweaver MX Berikut ini cara sederhana untuk membuat website ini. 1. Membuat Folder Untuk membuat suatu halaman web baru, seperti yang telah dijelaskan diatas sebaiknya membuat folder khusus untuk menyimpan semua file dari sebuah website. Adapun langkah-langkahnya sebagai berikut : a. Bukalah Windows explorer b. Klik Drive C c. Tekan menu File > New > Folder. Atau dengan cara mengklik kanan pada tempat yang kosong pada drive C berada Membuat folder baru d. Apalagi langkah-langkah membuat folder sudah benar, maka akan tampil folder dengan nama New folder, kemudia ganti nama folder tersebut dengan nama Anatomi. 2. Membuat Tabel a. Pastikan anda aktif pada jendela Dreamweaver MX 2004 b. Gunakan Menu Insert > Tabel. c. Selanjutnya akan tampil kotak dialog table, seperti pada gambar 3.6.
6 Kotak Dialog Tabel Keterangan kotak dialog Table : a. Rows, bagian yang digunakan untuk menentukan jumlah baris tabel. b. Columns, bagian yang digunakan untuk menentukan jumlah kolom tabel. c. Width, bagian yang digunakan untuk menentukan ukuran lebar tabel dan satuan ukuran yang akan dipakai, pixel atau persentase. d. Boder, bagian yang digunakan untuk mengatur ketebalan border atau batas tabel. e. Cell Pading, bagian yang digunakan untuk mengatur jarak antara isi sel dengan bagian tepi sel. f. Cell Spacing, bagian yang digunakan untuk menentukan jarak antara sel dalam table. g. None, tanpa menggunakan keterangan. h. Left, menampilkan keterangan teks pada kolom pertama atau pada bagian sebelah kiri. i. Top, menampilkan keterangan teks pada kolom pertama atau pada bagian sebelah atas. j. Both, menampilkan keterangan teks pada kolom dan baris pertama. k. Dan pada bagian Accessbility, dapat memberikan keterangan judul tabel pada kotak dialog teks Caption. Sedangkan untuk perataan teksnya dapat memilih dari daftar yang sudah disediakan pada kotak daftar Align Caption Mengatur Property Halaman Web Sebelum memulai mendesain halaman web, terlebih dahulu mengatur property halaman lembar kerja. Properti halaman ini akan ikut menentukan bagus tidaknya desain yang akan dihasilkan.
7 31 Untuk menampilkan kotak dialog Page Properties, dengan cara : a. pilih perintah menu Modify > Page Properties, atau gunakan kombinasi tombol CTRL + J. b. Akan tampil kotak dialok Page Properties seperti yang tampak pada gambar 3.7. Page Properties a. Appearance. Pada bagian ini kita dapat mengatur jenis font untuk halaman, menetukan style font, warna untuk font, warta latar belakang halaman atau menampilkan gambar untuk latar belakang. Selain itu kita juga dapat menentukan margin halaman. b. Link. Kategori kedua adalah link. Pada bagian ini kita dapat menentukan jenis font untuk teks link, ukuran font mengubah warna untuk teks link yang sedang aktif serta untuk pemberian garis bawah pada teks link. c. Heading. Pada kategori Heading, kita dapat menentukan sendiri style yang digunakan untuk naskah kita. d. Title / Encoding. Kita dapat memberikan judul halaman pada bagian title. Bagaimana melakukannya dapat kita pelajari pada bahasan-bahasan selanjutnya. e. Tracing Image. Jika kita menampilkan tampilan gambar sementara pada latar belakang, kita dapat mengaturnya pada bagian ini.
8 Menambahkan Judul Halaman Web. Title digunakan untuk memberikan judul halaman web. Selain melalui kotak dialog Page Properties, anda juga dapat memberikan judul halaman web dengan menggunakan salah satu perintah berikut ini : a. Pada bagian Document Bar, ketik judul halaman web pada kotak teks Title. b. Pilih menu View Head content sehingga pada lembar kerja kita akan ditambahkan satu buah toolbar baru, klik icon yang berada disudut atas kiri kemudian masukkan judul halaman web kita didalam kotak teks title pada bagian panel Properties Mengisi Bagian Latar Belakang dengan Background Image digunakan untuk mengisi bagian latar belakang pada halaman web dengan gambar. sebagai latar belakang akan dapat memperindah halaman web disamping memberikan kesan elegan. Tipe gambar yang dapat dipergunakan untuk keperluan ini adalah gif, jpg, dan png. Langkah untuk mengambil gambar dan menggunakan sebagai latar belakang adalah : a. Klik kanan pada lembar kerja dokumen Windows. Pada daftar menu yang tampil pilih Page Properties. b. Pada kotak dialog Page Properties, klik tombol Browser pada bagian Background Image. Jika kita sudah mengetahui letak file gambar yang akan kita ambil, kita dapat mengetikan path pada kotak teks Background Image Mengisi Latar Belakang dengan Warna. Pilihan background pada kotak dialog Page Properties juga dapat diisi dengan warna, dengan mengklik tombol dropdown pada bagian Background Color pilih salah satu warna yang kita inginkan Menentukan Ukuran Margin Ukuran margin pada lembar kerja Dreamweaver MX 2004 sangatlah berbeda dengan ukuran margin pada program lainnya. Margin yang dapat diatur antara lain : a. Left Magrin, untuk menentukan nilai margin kiri halaman web.
9 33 b. Top Margin, untuk menentukan nilai margin atas halaman web. c. Right Margin, untuk menentukan nilai margin kanan halaman web. d. Bottom Margin, untuk menentukan niali margin bawah halaman web Membuat Link pada Teks. a. Pastikan anda aktif pada jendela Dreamweaver MX b. Pilih Insert pada menu bar > Hyperlink. Sehingga akan tampil kotak dialog Hyperlink seperti pada gambar kotak dialog Hyperlink Keterangan pada kotak dialog Hyperlink : a. Text, digunakan untuk memasukan teks yang dijadikan hyperlink b. Link, digunakan untuk menentukan path ke target link yang diinginkan. Kita dapat mengetikkan langsung pada kotak teks yang tersedia atau kita mengambilnya pada ikon folder. c. Target, digunakan untuk menentukan jendela atau frame yang akan dituju oleh suatu link. d. Tab Index, suatu nomor yang menyatakan urutan link dalam link-link. e. Title, digunakan untuk memberi nama pada link yang kita buat. f. Access Key, digunakan untuk membuat tombol pintas ke link-link yang ada di halaman web Membuat Link dengan Flash Button Flash button memiliki tampilan yang lebih variatif. Kita dapat memilih tombol yang kita inginkan dan kita dapat menentukan nama untuk tombol tersebut.
10 34 Untuk membuat sebuah tombol flash button, lakukan langkah berikut : a. Pastikan aktif pada jendela Dreamweaver MX b. Pilih Insert pada menu bar > Media > Flash Button, maka akan tampil seperti pada Flash Button Kotak keterangan Insert Flash Button : a. Style, beberapa animasi tombol dengan contoh berada pada Sample. b. Button text, teks yang akan menampilkan pada tombol button teks. c. Font, jenis-jenis font yang ada pada Flash Button. d. Size, ukuran font yang kita ingin tampilkan. e. Link, untuk menentukan link yang ingin kita hubungkan dengan mengetikkan alamat link. f. Target, untuk menentukan target frame atau windows. g. Bg Color, untuk menentukan warna tampilan belakang. h. Save as, untuk menentukan file itu tersimpan dimana Membuat Situs Lokal Situs lokal mempunyai pengertian bahwa seluruh file yang digunakan untuk membangun situs web tersebut berada dalam komputer yang berdiri sendiri. Bisa menempatkan dalam folder pada drive lokal. Dalam Dreamweaver, untuk membuat suatu situs web perlu mendefenisikan situs dengan menggunakan kotak Site Defenition. Pada kotak dialog Site Defenition tersebut diminta untuk menentukan situs yang akan dibuat. Ada dua cara proses pendefinisian, yaitu
11 35 dengan menggunakan pilihan Basic_atau Advance. Pilihan Basic memberikan kemudahan dalam menyiapkan situs. Dan pilihan Advance bagi yang sudah paham betul akan konsep yang berlaku pada Dreamweaver MX Adapun langkah-langkah untuk mengatur pendefenisian site yang dijalankan pada versi Basic adalah sebagai berikut : 1. Pilih perintah menu site > Manage site Kotak Dialog Manage Site Pada tampilan kotak dialog Manage Sites dapat melakukan beberapa hal, antara lain New, Edit, Duplicate, Remove, Export dan Import. Untuk membuat situs baru pilih tombol New sehingga akan tampil dua pilihan menu melayang, Site dan FTP & RDS Server. Kemudian tekan tombol Site. Selanjutnya akan tampil kotak dialog Site Defenition seperti pada gambar pada halaman ini diminta untuk memasukan nama untuk situs pada kotak teks yang disediakan. Masukan nama sesuai dengan keinginan Site Defenition Langkah Pertama
12 36 2. Klik Next untuk masuk pada kotak dialog berikutnya Pada kotak dialog kedua diminta untuk memilih tipe dokumen. Perhatikan Jika memilih NO, berarti memilih situs statis tanpa halaman dianmis atau, pilih YES apabila ingin memilih halaman dinamis Site Defenition Langkah Kedua 3. Klik Next untuk melanjutkan kelangkah berikutnya Pada pilihan pertama, edit local Copies on my machine, then upload to server when ready (recommended). Selain itu tentukan tempat penyimpanan file pada harddisk dengan mengetikan folder penyimpanan pada bagian kotak teks yang tersedia Site Defenition Langkah ketiga
13 37 4. Selanjutnya tekan tombol next untuk menuju kekotak dialog berikutnya. Pada bagian tersebut diminta untuk menentukan web server. Apabila menggunakan situs local dan belum terkoneksi dengan web server, maka pilih Local Network Site Defenition Langkah keempat 5. Selanjutnya tekan tombol next untuk menuju kekotak dialog berikutnya. Pada bagian tersebut anda diminta untuk.mengecek ulang penempatan file, pada pilihan Yes, enable check in and check out. Atau No, do not enable check in and check out Site Defenition Langkah kelima
14 38 6. Klik Next menuju langkah selanjutnya. Kotak dialog pada gambar menampilkan ringkasan dari seting yang telah dibuat. Klik tombol Done untuk mengakhiri proses Site Defenition Langkah keenam 3.7. Pembahasan Program Pada tahap ini berisikan pembahasan cara-cara pembuatan website Anatomi Kerangka Tubuh Manusia yang dibuat penulis. Adapun langkah-langkah yang telah dilakukan oleh penulis dalam pembuatan website ini adalah : 1. Mengambil data atau gambar dari Anatomi Kerangka Tubuh Manusia. 2. Membuat Struktur Navigasi. 3. Merancang dan mendesain elemen gambar situs. 4. Membuat informasi website Membuat Menu Utama Adapun langkah awal untuk pembuatan Menu Utama atau Homepage, penulis sebelumnya membuat desain menu utama atau Homepage di program Fireworks MX
15 , setelah itu penulis mgeksport ke bentuk HTML yang bisa dijalankan di program Dreamweaver MX Dengan ini penulis akan menjelaskan cara pembuatanya sebagai berikut : 1. Pilih Menu File pada Menu Bar > New, atau biasa juga dengan menggunakan shortcut Ctrl + N. Kemudian akan tampak tampilan dari kotak dialog New Document seperti pada gambar Kotak Dialog New Document 2. Masukkan ukuran Width, Height dan Resolusion, selain itu pada kanvas color pilih white, klik Ok. 3. Maka muncullah ruang kerja Fireworks MX 2004 seperti pada gambar
16 40 4. Klik Rectangle tool untuk membuat kotak batas header. 5. Buat sebuah kotak melintang pada bagian atas dokumen. 6. Atur property untuk Rectangle pada panel properties. Isikan nilai pada kotak teks W: 800 untuk mengatur panjang Rectangle, pada kotak teks H: 80 untuk menentukan tinggi Rectangle pada kotak teks X dan Y masing-masing 0 untuk menentukan titik koordinat posisi Rectangle pada dokumen, seperti pada gambar Berikan warna pada Rectangle dengan menggunakan warna fill pada panel properties, pilih warna biru tua atau dapat memasukkan nilai # Untuk warna Stroke, biarkan kosong. 8. Agar garis tepi Rectangle tidak tampak kaku saat dilihat di Browser, anda dapat mengatur kelembutan warna tepi drop-down pada bagian Edge > Feather untuk mengatur kelembutan warna tepi Rectangle. Atur kualitas kelembutan warna dengan mengisi nilai 10 pada kotak teks. 9. Klik Menu Drop-down Texture > Line-Horiz 2 untuk memberikan tampilan garis-garis pada Rectangle, atur perentase untuk mengatur kwalitas tekstur. 10. Untuk menambah tampilan grafis yang menarik, dapat menambahkan objek lain di bagian header. Klik Ellipse tool dan seret di dokumen untuk membuat objek lingkaran. 11. Atur Property lingkaran pada panel Properties. Isikan nilai pada kotak teks W: 372 untuk mengtur panjang lingkaran, pada kotak teks H: 92 untuk mengatur tinggi lingkaran. 12. Atur posisi koordinat dari objek lingkaran pada X: -44 dan Y: Klik warna Fiil > warna putih pada pilihan warna, atau isikan nilai #FFFFFF. 14. Klik menu drop-down Edge > untuk mengatur kelembuatan warna tepi. 15. Pilih kedua objek dengan menggunakan kunci keyboard Shift + klik pada objek.
17 Pilih menu Modify > combine Path > Puch untuk menggabung kedua objek menjadi satu dan memotong objek yang berada dibawah sesuai lebar dan tinggi objek yang menutupnya. 17. Untuk menambah efek lain pada objek, klik tombol Add Effect pada panel Properties bagian Effect. Pilh perintah menu Bevel dan Emboss > Insert Emboss untuk memberikan effek timbul pada objek, seperti pada gambar Atur property untuk Widht: 2, Contrast: 75%, Softness: 2, Angel: 315 dan aktifkan kotak centang Show objek untuk menampilkan objek. 19. Klik tombol Add Effect pada panel properties bagian Effect. Pilih perintah menu Shadow and Glow > Drop Shadow untuk memberikan effek bayangan pada objek 20. Atur Property untuk Distance: 7, Opacity: 65%, Sofness: 4, Angel: Untuk membuat logo Kata /, klik Rectangle tool kemudian buat sebuah kotak dihalaman. 22. Atur ukuran pada panel Properties dengan mengisikan pada kotak teks W: 36, H: 47. Atur pula koordinat peletakan Rectangle pada posisi X : 71 dan posisi Y: 19, berikan warna putih pada Rectangle. 23. Kemudian, gandakan Rectangle tersebut menjadi dua. Pilih Rectangle dan pilih perintah menu Edit > Duplicate atau anda dapat menggunakan Shortcut key Crtl +Shift+D. 24. Selanjutnya, pilih Rectangle hasil duplikasi, lalu pilih perintah menu Modify > Transform > Numeric Transform. Pada kotak dialog yang tampil, pilih Rotate dari daftar pilihan dan isikan nilainya 20 pada kotak teks. 25. Berikan warna putih pada Rectangle yang bolak-balik, kemudian tumpuk Rectangle tersebut menjadi satu. Agar kedua Rectangle tersebut tertata dengan rapih maka kita harus mengatur perataanya. 26. Pilih kedua Rectangle, selanjutnya pilih perintah Modify > Align > Center Horicontal untuk menengahkan kedua Rectangle secara Horicontal. Ulangi sekali lagi perintah diatas.
18 Tambahkan tulisan pada bagian Rectangle untuk teks logo. Klik Text tool, tuliskan pada bidang yang tampil /,pilih perintah menu Text > Editor, pilih jenis font Brush Scipt Mt, ukuran 52, cetak tebal dan miring. 28. Klik tombol Ok untuk menyetujui pengaturan. Selanjutnya tempatkan teks yang dibuat diatas objek Rectangle. Untuk menyamakan bentuk teks dengan objek Rectangle, pilih perintah menu Modify > Transform > Numeric Transform. 29. Pada kotak dialog Numerik Transform, pilih Rotate kemudian atur sudut gesernya pada kotak teks dengan mengisikan nilai 20 sesuai dengan sudut geser objek Rectangle. 30. tambahkan lagi teks Anatomi, atur jenis font dan ukuran serta yang lainnya, pilih perintah menu Text > Editor, pilih jenis Font Brush Script Mt, ukuran 32, cetak tebal dan miring. 31. Posisi teks tepat disamping garis / yang telah dibuat. 32. Kemudian, gambar lagi dengan warna putih pada bagian sisi sebelah kiri logo dan bagian bawah logo memanjang dari atas ke bawah dengan W: 1, H: 90, kemudian gandakan garis yang dibuat tadi dan atur letaknya disebelah. 33. Klik line tool, gambar garis pertama disisi sebelah bawah logo memanjang dari kanan ke kiri denagn W: 100, H:1, sedangkan garis kedua ditempatkan di bawah garis pertama. 34. Untuk membuat tombol Navigasi, klik Rectangle tool, buat sebuah kotak dengan ukuran W: 96 dan H: 16 tempatkan pada posisi X:303 dan Y: 129, berikan warna abuabu dengan kode hexa #CCCCCC. 35. Berikan effek untuk membuat tampilan tidak terkesan kaku, klik tombol Add Effects pada panel Properties bagian Effects. Pilih perintah menu Bevel and Emboss > Insert Bevel untuk memberikan timbul pada objek. 36. Atur property pada kotak pengaturiner Bevel. Pilih pada pilhan kotak bentuk tepi timbul flat, berrikan lebar efek timbul sebesar 2 untuk kontras, kelembutan efek timbul tetap, sedangkan untuk bentuk bagian Rectangle pilih Raiset untuk tampilan timbul keatas.
19 Klik Text tool, ketikan HOME untuk memberikan keterangan pada Rectangle pertama, berikan jenis font Arial dengan ukuran 10 cetak tebal dan rata tengah, anti-aliasing level pilih Strong Anti-aliasing untuk mempertegas teks tersebut. 38. Pilih teks dan Rectangle, dari perintah Menu > Align > Center Vertikal untuk menengahkan keduanya secara Vertical, ulangi sekali lagi perintah diatas, pilih perintah menu Modify > Align > Center Horizontal untuk menengahkan keduanya secara Horizontal. 39. Karena Rectangle tersebut masih berupa tombol biasa, harus dikonfersikan ke symbol agar dapat berfungsi sebagai tombol Navigasi, pilih perintah menu Modify > Symbol > Convert to Symbol atau dapat menggunakan kunci keyboard fungsi F8 untuk menampilkan kotak dialog Symbol Properties. 40. Dalam kotak dialog, isikan pada kotak teks Name: Home dan bagian Type: pilih, Button, klik Ok. 41. Untuk memberikan efek khusus pada tombol, pilih perintah menu Modify > Symbol > Edit Symbol atau dapat juga diklik dua kali pada tombol, selanjutnya tampil sebuah jendela Mode Edit Symbol. 42. Tampak pada jendela Mode Edit Symbol, beberapa tab yang dapat digunakan oleh symbol, antara lain: Up, digunakan untuk menampilkan tombol pada kondisi pertama, yaitu pada saat sebelum mendapatkan aksi pada tombol. Over, digunakan untuk menapilkan tombol pada kondisi kedua, yaitu pada saat pointer mouse melewati tombol. Down, digunakan untuk menampilkan tombol pada kondisi ketiga, yaitu pada saat tombol ditekan. Over While Down, digunakan untuk menampilkan tombol pada kondisi keempat, yaitu pada saat pointer mouse melewati tombol setelah ditekan. Active Area, digunakan untuk menampilkan tombol pada kondisi sebenarnya dan untuk memberikan link pada tombol.
20 Tampilan pertama pada saat membuka mode edit berada pada tab Up, selanjutnya klik tab Over untuk beralih ke tab berikutnya, pada tampilan tab Over, terlihat belum ada tombol pada bagian jendela dokumen. 44. Klik tombol Copy UP Graphic untuk menggandakan tombol dari tab Up, pilih Rectangle dan klik Add Effects pada panel properties bagian effects, pilih perintah menu Bevel and Emboss > Inner Bevel untuk memberikan effek timbul pada objek. 45. Atur property pada kotak pengatur Inner Bevel, pilih pada kotak pilihan bentuk tepi timbul Frame 2, berikan lebar efek timbul sebesar 2, bentuk bagian Rectangle pilih Raised untuk tampilan timbul keatas. 46. Klik tab Down untuk beralih ke tab berikutnya, klik tombol Copy Up Graphic untuk menggandakan tombol dari tab Over, ubah tampilan tombol pada tab Down dengan menggunakan panel Properties, pilih Rectangle kemudian ganti warnanya menjadi abuabu cerah (#EEEEEE). 47. Setelah pengturan tombol selesai, dapat di klik tombol Done untuk menjalankan seluruh pengaturan pada tombol dan menutup jendela Mode Edit Symbol. 48. Untuk melihat hasil pengaturan tadi, dapat menjalankan pada jendela Preview dan melihat tiga keadaan dari tombol. 49. Ulangi kembali pembuatan untuk menu Struktur, Gallery, samakan dengan tombol yang pertama. 50. Klik Line tool untuk membuat garis memanjang diatas tombol dan garis di bawah tombol. 51. Masukkan gambar yang akan ditampilakan dengan Widht: 800, Height: 590 dan Align defauld. 52. Setelah itu masukkan teks Sistem rangka adalah suatu sistem organ yang memberikan dukungan fisik pada makhluk hidup. Sistem rangka umumnya dibagi menjadi tiga tipe: eksternal, internal, dan basis cairan (rangka hidrostatik), walaupun sistem rangka hidrostatik dapat pula dikelompokkan secara terpisah dari dua jenis lainnya karena tidak adanya struktur penunjang.rangka manusia dibentuk dari tulang tunggal atau gabungan (seperti tengkorak ) yang ditunjang oleh struktur lain seperti ligamen, tendon, otot, dan organ lainnya. Rata-rata manusia dewasa memiliki 206 tulang, walaupun
21 45 jumlah ini dapat bervariasi antara individu. Gerak tubuh pada manusia sebagai akibat kerja sama antara tulang dengan otot. Tulang sebagai gerak pasif nantinya akan menyusun system rangka sendangkan otot sebagai alat gerak aktif. Web ini hadir kehadapan anda sebagai informasi kerangka atau tulang yang perlu anda ketahui.,dengan font Bradley Hand Ite, dengan ukuran Lalu Save dengan nama Home. 54. Klik File > Export, untuk mengekport file ke bentuk HTML. 55. Pada kotak dialog yang tampil, isikan sesuai ketentuan yang ada. 56. Klik tombol Ok untuk menutuk kotak dialog HTML setup.klik tombol Save pada kotak dialog Export untuk menjalankan proses penyimpanan file Tampilan Menu Utama Membuat Menu Struktur Pada dasarnya membuat halaman web hamper semuanya sama. Pada halaman ini penulis menampilkan informasi secara rinci tentang struktur tubuh manusia.
22 Tampilan Menu Struktur Tubuh Manusia Membuat Menu Gallery Pada halaman web ini, penulis membuat perbedaan tampilan pada menu Gallery, di menu ini barulah penulis membuatnya deprogram Dreamwever MX 2004, pada halaman ini pengunjung dapat melihat gambar manusia purba dan lainya hanya dengan memilih salah satu gallery yang ada Menu Gallery
23 Menguji Situs Web Menguji situs web bertujuan untuk mengetahui apakah situs yang dibuat dapat diakses oleh umunya dan dapat bekerja sesuai yang diharapkan. Selain itu juga untuk mengetahui apakah link yang dibuat dapat berfungsi dengan betul dan untuk mengetahui kecepatan proses download halaman pada saat dibuka. Untuk melakukan serangkaian uji situs, kita dapat melakukan secara local terlebih dahulu. Hal ini dilakukan agar nanti jika ada suatu kesalahan dalam situs, kita dapat melakukan perbaikan Perangkat Pendukung Untuk dapat menjalankan program Macromedia Dreamweaver MX 2004 ini minimal komputer memiliki spesifikasi sebagai berikut : 1. Prosesor intel Pentium II atau lebih, 300 Mhz atau lebih. 2. Windows 98, Windows 2000, Windows NT, Windows ME,dan Windows XP. 3. Netscape Navigator atau Microsoft Inernet Explorer Versi 4 keatas. 4. Minimal 64 MB RAM disarankan 128 MB RAM. 5. Ruangan yang tersisa dalam Harddisk minimal 275 MB. 6. CD-ROM.
Komunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciMODUL 5 MACROMEDIA FIREWORKS
MODUL 5 MACROMEDIA FIREWORKS Tujuan : 1. Memahami penggunaan Fireworks dalam mendesign suatu web. 2. Memahami pembuatan tombol dalam Fireworks. 3. Memahami langkah-langkah pembuatan Fireworks dari awal.
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana merancang dan membuat Web budi daya anggrek dengan menggunakan macromedia dreamweaver mx. Pembahasan ini akan dibagi menjadi beberapa
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciMACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1
MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi
Lebih terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana cara merancang dan membangun Website Yuni-Museum. Dalam pembuatan website ini, penulis lebih banyak bekerja dengan menggunakan
Lebih terperinciIndex. Home. About Us. Guest Book. Site. Gambar 3.1 Struktur Navigasi Composite (Campuran)
46 3.2 Struktur Navigasi Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut. Struktur navigasi
Lebih terperinciMembuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS3. Bambang Adriyanto
Membuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS Bambang Adriyanto MEMBUAT SITE dan HALAMAN BARU Membuat Site Sebelum membuat halaman-halaman web Anda harus membuat Site terlebih dahulu, untukmemudahkan
Lebih terperinci3. Mengapa dengan Powerpoint?
Membuat Bahan Ajar Berbasis ICT Memakai PowerPoint Oleh : Arif Kristanta A. Pendahuluan Dalam PP nomor 19 tahun 2005 Pasal 20, diisyaratkan bahwa guru diharapkan mengembangkan materi pembelajaran, yang
Lebih terperinciMacromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.
Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciMembuat situs sederhana dengan Dreamweaver *)
Membuat situs sederhana dengan Dreamweaver *) Oleh: Sri Andayani Jurusan Pendidikan Matematika, FMIPA UNY Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan
Lebih terperinciDasar-dasar Dreamweaver
FAUZAN SRIRADITYO UTOMO 08148102 TUGAS TV INTERNET Dasar-dasar Dreamweaver I. Elemen Dreamweaver Anda harus nyaman mencari dan menggunakan alat-alat dan objek dalam Dreamweaver (ada banyak lagi, tetapi
Lebih terperinciHeader-Footer, Preview dan Cetak Dokumen
Header-Footer, Preview dan Cetak Dokumen BAB 4 Pada Bab ini anda akan mempelajari cara: Membuat header dan footer Membuat nomor halaman pada header Menambahkan informasi pada footer Mengatur ukuran halaman
Lebih terperinciMEMBUAT WEBSITE PERSONAL
MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1
Lebih terperinciPENGENALAN MACROMEDIA FLASH 8
Macromedia FLASH (LULY) 1 MODUL-1 PENGENALAN MACROMEDIA FLASH 8 Pada modul pertama ini kita akan melihat secara sekilas area kerja Macromedia Flash Pro 8 yang akan digunakan dalam pembuatan animasi pada
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Aplikasi Program Belajar Anak Cerdas Dalam Aplikasi ini diperlukan perancangan sebuah macromedia dengan rancangan yang baik, menarik, berkesan dan mudah dimengerti.
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1. Analisa Masalah Berbusana muslim kini bukan lagi sekedar memenuhi ajaran agama, tapi juga sudah menjadi bagian dari dunia mode. Lebih dari itu, sekarang busana
Lebih terperinciMICROSOFT POWERPOINT. Pendahuluan
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciModul 5 Macromedia Dreamweaver 8
Laporan Praktikum Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciBAB 5 PROSES EDITING 5.1. EDITING AWAL
BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih
Lebih terperinci1.1 Apa Itu Dreamweaver 8?
Student Guide Series: Macromedia Dreamweaver 8 1.1 Apa Itu Dreamweaver 8? Macromedia Dreamweaver 8, atau biasa disebut Dreamweaver 8, adalah sebuah perangkat lunak aplikasi untuk mendesain dan membuat
Lebih terperinciPRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT. Disusun Oleh : Munengsih Sari Bunga
PRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT Disusun Oleh : POLITEKNIK INDRAMAYU 2012 2 MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH
Lebih terperinciModul 4 Desain dengan Dreamweaver I
Modul 4 Desain dengan Dreamweaver I 1.1 Tujuan a. Mahasiswa dapat membuat template web dengan dreamweaver b. Mahasiswa dapat mengenal komponen dreamweaver 1.2 Materi a. Web dan Dreamweaver b. Desain Web
Lebih terperinciModul ke: Aplikasi komputer. Microsoft Excel 2010 Bagian 1. 09Fakultas FASILKOM. Wardhana., S.Kom., S.T., MM. Program Studi MKCU
Modul ke: 09Fakultas Ariyani FASILKOM Aplikasi komputer Microsoft Excel 2010 Bagian 1 Wardhana., S.Kom., S.T., MM Program Studi MKCU Microsoft Excel Sebuah program aplikasi lembar kerja spreadsheet yang
Lebih terperinciANIMASI PEMBELAHAN SEL
ANIMASI PEMBELAHAN SEL A. Tujuan 1. Membuat animasi benda bergerak 2. Membuat animasi sederhana pembelajaran biologi tentang pembelahan sel menggunakan macromedia flash B. Alat dan Bahan 1. Petunjuk Pratikum
Lebih terperinciBAB III PEMBAHASAN Spesifikasi yang diizinkan
BAB III PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun sebuah website yang menampilkan Informasi tentang Film yang sedang dan akan beredar, Informasi tentang buku baru yang terbit
Lebih terperinciCara Membuat Website Dengan Dreamweaver 8
Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah
Lebih terperinci4. Masuk ke freehand/illustrator, copy badannya terlebih dahulu (ctrl+c), kembali ke flash, letakan pada layer 1, frame ke-1, paste (ctrl + v). 5. kli
Software Update Sub Title : Flas MX : des.2007 : Basic-Symbol Symbol adalah sebuah elemen dalam flash yang dapat berupa object tombol, images ataupun movie clip. Symbol ini dapat digunakan berulang kali
Lebih terperinciMODUL #1 Membuat Kartu Nama dengan CorelDraw
MODUL #1 Membuat Kartu Nama dengan CorelDraw A. Tujuan 1. Kartu Nama Kartu nama atau kartu bisnis adalah kartu yang digunakan sebagai sarana penunjang dalam menjalankan bisnis. Dari kartu nama akan tercerminkan
Lebih terperinciBAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH )
BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH ) A. Pendahuluan Salah satu perkembangan mutakhir teknologi komputer yang berpengaruh besar terhadap aplikasi komputer adalah munculnya perangkat lunak
Lebih terperinciMICROSOFT OFFICE POWERPOINT 2007
MICROSOFT OFFICE POWERPOINT 2007 Cakupan Panduan : Menjalankan software presentasi Menggunakan menu-menu serta shortcut Menyimpan, memanggil, insert, edit Menggunakan Header, footer, page numbering Pencetakan
Lebih terperinciBAB III ANALISA MASALAH DAN RANCANGAN PROGRAM
21 BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM 3.1. Gambaran Umum. Bisnis dunia seluler tak cuma milik provider dan vendor ponsel. Permain di kategori layanan konsumen juga ikut ramai. Apalagi pengguna
Lebih terperinciSIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
Lebih terperinciAli Salim
Kuliah Umum IlmuKomputer.Com Copyright 2003 IlmuKomputer.Com Tutorial Fireworks 3.0 Ali Salim alisalim@inbox.lv Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciEditing Video Menggunakan Adobe Premiere Pro
Editing Video Menggunakan Adobe Premiere Pro Winastwan Gora S. redaksi@belajarsendiri.com BAB IX. MEMBUAT TITLE Lisensi Dokumen : Hak Cipta 2006 BelajarSendiri.Com Seluruh dokumen ini dapat digunakan,
Lebih terperinciPaket Aplikasi : Microsoft Office Power Point
P11 & 12 Paket Aplikasi : Microsoft Office Power Point 11.1. TUJUAN Mahasiswa memahami dan terampil menggunakan paket aplikasi presentasi. 11.2. PEMBAHASAN Membuka aplikasi Microsoft Office Power Point
Lebih terperinciAda beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile
Membuat Company profile Meggunakan Macromedia Flash MX Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile 1. Mempersiapkan bahan-bahan yang di butuh kan dari image, teks
Lebih terperinciMicrosoft PowerPoint 2003
Microsoft PowerPoint 2003 Cakupan Panduan : Menjalankan Software presentasi Memulai Microsoft PowerPoint Menggunakan menu-menu beserta shortcut Memanggil, menyimpan, mencetak file Membuat file presentasi
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciMembuat Buku Kerja dengan Microsoft Excel
Pelajaran 5 Membuat Buku Kerja dengan Microsoft Excel A B C D 1 Nama Murid Jenis Kelamin Nilai Matematika Keterangan 2 Andi L 8 Lulus 3 Siti Nurlaela P 8 Lulus 4 Dinar Nugraha L 8 Lulus 5 Bayu Purbaya
Lebih terperinciPERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007
PERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007 A. TUJUAN PEMBELAJARAN Pada bab ini akan dijelaskan mengenai mengoperasikan dasar dasar Microsoft Office Excel 2007. Melalui Penjelasan
Lebih terperinciKubus atau Balok??? Dengan Luas dan Volume-nya
Langkah-langkah Pengerjaan Multimedia Interaktif Kubus atau Balok??? Dengan Luas dan Volume-nya A. Halaman intro.swf Langkah-langkah pengerjaan: 1. Buka program Macromedia Flash Professional 8. 2. Buat
Lebih terperinciMODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA
MODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA A. MENYALAKAN KOMPUTER Pastikan Kabel Supply terhubung ke PLN, kemudian lakukan langkah sbb: 1. Nyalakan Stabilizer 2. Nyalakan
Lebih terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih terperinciMICROSOFT POWERPOINT
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciMacromedia Flash 8. Untuk dapat memahami dasar-dasar dari software macromedia flash 8 kita akan melewati beberapa tahapan belajar, yaitu:
Macromedia Flash 8 Macromedia flash 8 ialah sebuah software yang memiliki banyak fungsi. Selain digunakan untuk membuat animasi kartun program atau software ini juga dapat digunakan untuk membuat animasi
Lebih terperinciMODUL 2 KEGIATAN PEMELAJARAN 3
MODUL 2 KEGIATAN PEMELAJARAN 3 Sistem Operasi Windows dan Perintah pada menu Pengenalan bagian-bagian desktop windows Ikon ikon pada desktop windows Objek ( Ikon ) Keterangan My Computer Digunakan untuk
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
Lebih terperinciBab 8 EFEK HUJAN DAN KILAT
Bab 8 EFEK HUJAN DAN KILAT Agar dalam sebuah film kartun pendek yang tengah Anda buat misalnya, dapat diperoleh adegan yang dramatis dengan ditambahkannya efek hujan yang disertai petir yang menyambar-nyambar,
Lebih terperinciMempersiapkan Presentasi Profil Perusahaan
Mempersiapkan Presentasi Profil Perusahaan 1 Presentasi Pengertian Presentasi Presentasi adalah sebuah kegiatan yang menunjukkan atau menyajikan sebuah informasi atau gagasan kepada orang lain. Tujuan
Lebih terperinciPokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen
Membuat Tabel, Footnote, Komentar dan Mencetak pada Word 2007 Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen 36 JBK Microsoft Office 2007
Lebih terperinciTUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER
TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER Disampaikan dalam Kegiatan PPM dengan Judul Pelatihan Pembuatan Sumber Belajar Matematika Berbasis Web Dengan Menggunakan Perangkat Lunak Macromedia
Lebih terperinciFLASH DASAR-DASAR ANIMASI
FLASH DASAR-DASAR ANIMASI A. Apa itu Macromedia Flash? Macromedia Flash (selanjutnya hanya disebut Flash) adalah sebuah perangkat lunak yang dapat digunakan untuk menambahkan aspek dinamis sebuah web atau
Lebih terperinciModul 1 PENGENALAN ADOBE FLASH
Modul 1 PENGENALAN ADOBE FLASH INDIKATOR PENCAPAIAN HASIL BELAJAR Peserta dapat memahami fungsi bagian-bagian dalam tampilan Adobe Flash. Peserta dapat membuat bentuk dasar (shape) mengunakan Adobe Flash.
Lebih terperinciTampilan tool box arrow tool (V) subselection tool (A) free transform tool (Q) gradient transform tool (F) line tool (N) lasso tool (L) pen tool (P) t
Software Last Update Level : : des.2007 : Basic Macromedia Flash adalah software aplikasi untuk membuat animasi vektor dan image, biasanya digunakan untuk membangun sebuah situs web yang interaktif dan
Lebih terperinciMEMBUAT JAM ANALOG. By : gapra27
MEMBUAT JAM ANALOG By : gapra27 Anda pasti sudah dapat membanyangkan bentuk dari jam analog itu seperti apa bentuknya. Disini kita akan membuat sebuah jam analog sederhana. Langkah-langkah untuk membuatnya
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN
BAB III ANALISA DAN PEMBAHASAN 3.1. Analisa Aplikasi Dalam pembuatan aplikasi untuk multimedia ini penulis merancang program yang terdiri dari scene1, dan scene. Dan disini dijelaskan untuk scene 2 untuk
Lebih terperinciBab 9 Menggunakan Tabel
Bab 9 Menggunakan Tabel Webmaster Pro Front Page XP Daftar Isi Bab 9 1 Membuat sebuah tabel...284 1.1 Cara pertama membuat tabel... 284 1.2 Cara kedua membuat tabel... 286 1.3 Cara ketiga membuat tabel...
Lebih terperinciKita dapat melihat dokumen dalam 4 tampilan yang berbeda, yaitu Normal View, Web Layout View, Print Layout View dan Outline View.
Penggunaan MsWord Sebagai Aplikasi Pengolah Kata Microsoft Word merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, membuat dokumen berbentuk surat
Lebih terperinciDASAR-DASAR MACROMEDIA FLASH
DASAR-DASAR MACROMEDIA FLASH Flash merupakan program grafis animasi yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak di bidang animais web. Macromedia Flash pertama kali
Lebih terperinciMODUL 1 SWISHMAX ANIMASI TEKS & ANIMASI GAMBAR
MODUL 1 SWISHMAX ANIMASI TEKS & ANIMASI GAMBAR 1.1 SwishMax merupakan aplikasi untuk membuat animasi flash seperti halnya Macromedia Flash MX. Namun perbedaannya, SwishMax lebih mudah dalam penerapannya
Lebih terperinciANIMASI PEMBELAHAN SEL A. Tujuan
ANIMASI PEMBELAHAN SEL A. Tujuan 1. Membuat animasi benda bergerak 2. Membuat animasi sederhana pembelajaran biologi tentang pembelahan sel menggunakan macromedia flash B. Alat dan Bahan 1. Petunjuk Pratikum
Lebih terperinciPERTEMUAN IV MEMBUAT JUDUL (TITLE)
PERTEMUAN IV MEMBUAT JUDUL (TITLE) Tujuan Praktikum: 1. Mahasiswa mampu menyisipkan/menambahkan Judul (Title) pada clip video; 2. Mahasiswa mampu mengubah/edit Judul (Title) pada clip video dengan berbagai
Lebih terperinciHandout 2 Banner dan Logo
1 I. Pendahuluan Banner dan Logo adalah dua cara untuk mempromosikan website. Banner dapat di-exchange artinya dipertukarkan dengan website lain yang bersedia menempatkan banner website kita. Kali ini
Lebih terperinciMODUL XVI FRONTPAGE. A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti pembuatan halaman website. 2. TUJUAN Agar mahasiswa dapat membuat halaman web
MODUL XVI FRONTPAGE A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti pembuatan halaman website. 2. TUJUAN Agar mahasiswa dapat membuat halaman web B. TEORI Mengenal FrontPage Microsoft FrontPage merupakan
Lebih terperinciPANDUAN PRAKTIS MICROSOFT WORD 2007
Bagian 1: Mengenal Microsoft Office Word 2007 1.1. Memulai Aplikasi Microsoft Office Word 2007 Untuk membuka Microsoft Word caranya adalah: Klik Tombol Start yang ada di taskbar. Pilih menu All Program
Lebih terperinciTutorial Membuat Website dengan Photoshop CS2
Tutorial Membuat Website dengan Photoshop CS2 Posted by Slamet Riyanto Web yang sering dikunjungi orang merupakan nilai plus bagi seorang web designer. Banyaknya pengunjung yang datang dapat dijadikan
Lebih terperinciModul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.
Modul ke: Aplikasi Komputer Microsoft Word Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id MEMULAI MS WORD Klik START > Program > Micorosoft Office
Lebih terperinciLATIHAN SOAL MATA PELAJATAN : TIK
LATIHAN SOAL MATA PELAJATAN : TIK I. Berilah tanda silang (X) pada jawaban yang paling tepat! 1. Program Microsoft Word disebut juga perangkat lunak... a. Pengolah kata c. Presentasi b. Pengolah lembar
Lebih terperinciDEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon KABUPATEN MAGELANG 56194
DEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon 0298-318070 KABUPATEN MAGELANG 56194 ULANGAN UMUM SEMESTER GASAL TAHUN 2010/2011 Mata Pelajaran : Tek. Inf.
Lebih terperinciSUMBER BELAJAR PENUNJANG PLPG
SUMBER BELAJAR PENUNJANG PLPG 2017 [TIK] BAB V PERANGKAT LUNAK PRESENTASI [Alfa Faridh Suni] KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN DIREKTORAT JENDERAL GURU DAN TENAGA KEPENDIDIKAN 2017 BAB V PERANGKAT
Lebih terperinciBAB III PEMBAHASAN MASALAH
BAB III PEMBAHASAN MASALAH 3.1 Analisa Masalah Program aplikasi gerhana merupakan suatu program aplikasi yang memberikan sedikit pengetahuan tentang gerhana untuk dipelajari oleh murid Sekolah Dasar atau
Lebih terperinciMICROSOFT WORD Baris Judul. Drawing Toolbar
MICROSOFT WORD 2003 A. Membuka Microsoft Word 2003 Untuk membuka program Microsoft Word, ikutilah langkah-langkah berikut: Klik start klik All Programs klik Microsoft Office klik Microsoft Office Word
Lebih terperinciPENGENALAN INTERFACE MACROMEDIA DITECTOR MX
PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director
Lebih terperinci8/29/2012. Mengoperasikan Sistem Operasi Berbasis GUI. Sistem Operasi Windows dan Perintah pada menu. Ikon ikon pada desktop windows.
Mengoperasikan Sistem Operasi Berbasis GUI KKPI Kelas X Sistem Operasi Windows dan Perintah pada menu Pengenalan bagian-bagian desktop windows Gb. Bagan tampilan desktop windows Ikon ikon pada desktop
Lebih terperinciPENGENALAN MICROSOFT OFFICE 2007
PENGENALAN MICROSOFT OFFICE 2007 Microsoft Office 2007 ini memiliki perbedaan mendasar dengan Microsoft versi sebelumnya. Perbedaan tersebut terletak pada tampilannya, terutama menu. Microsoft Office 2007
Lebih terperinciMODUL BAHAN AJAR Semua Program Keahlian KATA PENGANTAR
KATA PENGANTAR Pemanfaatan komputer sebagai salah satu sarana pembangunan pembelajaran saat ini sudah menjadi kebutuhan utama. Hal ini didasarkan kepada beberapa faktor, yaitu : Perkembangan teknologi
Lebih terperincioleh : idrus, A.Md
oleh : idrus, A.Md Langkah-langkah Instalasi OpenOffice.org 2.4 1. Jalankan file arsip installer yang telah tersedia. Tunggu sebentar sampai sebuah dialog ditampilkan 2. Klik tombol next untuk lanjut 3.
Lebih terperinciGRAPHIC & MULTIMEDIA. Insert Clip Art. Insert Picture (Photos)
GRAPHIC & MULTIMEDIA Insert Clip Art Ada banyak pilihan gambar Clip Art yang dapat disisipkan ke dalam web. Pilihan ini dapat digunakan apabila tidak mempunyai file gambar atau foto sendiri. Prosedur untuk
Lebih terperinciKetika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan dokumen baru, caranya :
BAB 2 A. Menggunakan Menu dan Ikon Standar Pengolahan dokumen meliputi : 1. Membuat Dokumen Baru Ketika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan
Lebih terperinciBAB IV MEMBUAT KARYA GRAFIS SEDERHANA
BAB IV MEMBUAT KARYA GRAFIS SEDERHANA Kompetensi Dasar : Membuat karya grafis sederhana Indikator : - Membuat proyek baru - Melakukan format pada teks - Melakukan format pada grafis - Melakukan penggabungan
Lebih terperinciPENGENALAN HTML - 3. Gambar 1. Layer Toolbar
PENGENALAN HTML - 3 A. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer
Lebih terperinciBAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika
BAHAN PRAKTIKUM FLASH Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika Bahan praktikum ini berisi latihan penunjang untuk matakuliah pengembangan media pembelajaran matematika. Berisi
Lebih terperinciHANDOUT DASAR ANIMASI
HANDOUT DASAR ANIMASI AREA KERJA MACROMEDIA FLASH MX 2004 TKJ Macromedia Flash MX 2004 adalah sebuah program animasi yang telah banyak digunakan oleh para desaier untuk menghasilkan desain yang profesional.
Lebih terperinciGambar 1.1 Desain halaman web
DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya
Lebih terperinciI. KEGIATAN BELAJAR 1
I. KEGIATAN BELAJAR 1 1.1. TUJUAN PEMELAJARAN Setelah mempelajari modul ini, peserta didik diharapkan untuk dapat : 1.1.1 Memahami proses penginstalan Microsoft Office 1.1.2. Memahami cara operasi Microsoft
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen
Lebih terperinciAPLIKASI MULTIMEDIA PEMBELAJARAN GEOGRAFI STRUKTUR LAPISAN ATMOSFER DAN LITHOSFER UNTUK TINGKAT SMP DENGAN MENGGUNAKAN ADOBE FLASH CS5 :
APLIKASI MULTIMEDIA PEMBELAJARAN GEOGRAFI STRUKTUR LAPISAN ATMOSFER DAN LITHOSFER UNTUK TINGKAT SMP DENGAN MENGGUNAKAN ADOBE FLASH CS5 : Nama : Siti Halimah NPM : 19111526 Dosen Pembimbing : Iffatul Mardhiyah,
Lebih terperinciDASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto
DASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto 1. Penempatan Jari Pada Keyboard Penempatan jari pada keyboard khususnya pada Type Write Keypad sama persis dengan penempatan jari
Lebih terperinciDaftar Isi. Kata Pengantar... v Daftar Isi...vii. MODUL 1 Menggunakan Format Karakter MODUL 2 Menata Tampilan Dokumen... 25
Kata Pengantar Buku Student Exercise Series Microsoft Office Word 007 ini ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan terampil menggunakan
Lebih terperinci