Dreamweaver MX adalah
sebuah program aplikasi untuk membuat Website. Macromedia Dreamweaver
MX bukanlah sebuah program yang berdiri sendiri, tetapi adalah sebuah
program yang merupakan bagian dari Macromedia. Sebuah program software
yang ditujukan bagi perancangan situs web Internet. Macromedia
Dreamweaver MX berkesan canggih karena begitu nyaman dan enak dipakai,
program ini sangat mudah dijalankan bagi pemula dibidang perancangan
web sekalipun. Macromedia Dreamweaver MX ini mempunyai
komponen-komponen antara lain adalah Insert Bar, Menu bar, Document
Windows, Tag Selector, Property Inspector, dan Panel Group, dimana
setiap bagian memiliki fungsi yang berbeda- beda.
Penjelasan Dreamweaver MX Dan Kegunaan Toolbar Dreamweaver lengkap
dengan penjelasan Toolbar nya jadi anda tinggal membaca dan mengetahui
apa Fungsi Fungsi dari toolba Dreamweaver MX, namun saya tidak
menampilkan gambar yang ada pada file saya.
Toolbar
Toolbar adalah tombol-tombol yang mewakili suatu perintah tertentu dari
Macromedia Dreamweaver MX. Setiap tombol tersebut dapat langsung diklik
untuk melakukan perintah tertentu. Biasanya tombol ini merupakan
perintah-perintah yang sering digunakan dan terdapat pula pada menu bar.
Insert Bar
Komponen ini mengandung tombol-tombol untuk menyisipkan berbagai macam
objek seperti Image, Table, dan Layer kedalam dokumen. Seiap objek
adalah kutipan kode HTML yang memberikan fasilitas bagi kita untuk
mengatur atributnya sebagaimana kita menyisipkannya.
Insert Bar memiliki kategori-kategori elemen yang dapat disisipkan.
Untuk memilih kategori yang diinginkan anda dapat mengklik tab-tab di
bagian atas insert bar. Kategori-kategori yang ada yaitu:
Common
Digunakan untuk menyisipkan objek/elemen yang sering disisipkan dalam
suatu halaman web, misalnya: Image, Table, Hyperlink, Flash, dan
Lain-lain.
Digunakan untuk menyisipkan layer atau table, juga memberikan fasilitas
untuk berpindah dari tampilan standar ke tampilan layout atau
sebaliknya. Jika berada
pada tampilan layout akan tampak tombol untuk menggambar table layout dan sel layout.
Text
Digunakan untuk menyisipkan teks sesuai format yang
diinginkan, misalnya: Bold, Italic, Heading, List, dan Lain-lain.
Tables
Digunakan untuk menyisipkan table dan tag-tag untuk table. Tag-tag ini hanya dapat disisipkan pada modus code view.
Frames
Digunakan untuk membuat halaman web dengan frame.
Forms
Digunakan untuk menyisipkan form dan elemen-elemen form.
Templates
Digunakan apabila anda bekerja dengan template.
Characters
Digunakan untuk menyisipkan karakter-karakter khusus yang tidak dapat
ditemukan pada keyboard anda, seperti tanda ¥, ©, dan sebagainya.
Media
Digunakan untuk menyisipkan berbagai media seperti: Objek Flash, Flash
Text, Flash Button, Applet, Activex, Shockwave, maupun plugin.
Head
Digunakan untuk menyisipkanelemen di dalam tag <head> dari halaman web, seperti meta tag.
Script
Digunakan untuk menyisipkan script, seperti JavaScript,VBscript.
Application
Digunakan untuk membuat aplikasi database dalam Dreamweaver MX.
Document Toolbar
Komponen ini mengandung tombol-tombol dan menu pop-up yang menyediakan
tampilan berbeda dari document window (seperti design view dan Code
view), pilihan menampilkan ruler, grid, dan beberapa operasi umum,
seperti preview
di browser.
Document Window
Komponen ini merupakan komponen dimana dokumen kita dibuat dan
ditampilkan. Kita menyisipkan teks, image, dan objek lain di bagian ini.
Document window dalam Dreamweaver MX dapa menampilkan layout web
seperti yang akan di lihat pada browser, tetapi ada batasan-batasan di
Dreamweaver MX dengan tampilan di browser.
Panel Group
Panel Group adalah kumpulan panel berkaitan yang
dikelompokkan bersama dibawah satu judul. Untuk mengekspansi panel
group, klik pada panah
expander di sebelah kiri nama group. Untuk membuat panel menjadi mengapung
(tidak menempel pada pojok window), lakukan drag pada paling pojok kiri dari judul group.
Terdapat beberapa jenis panel group, antara lain: Design,
Code, Application, Files, dan, Answer. Dalam suatu jenis group terdapat
beberapa macam panel misalnya group design memiliki panel HTML Style,
CSS Style, dan Behaviour. Masing-masing panel ini dapat di buat
mengapung dan terpisah dengan group dengan cara men-drag tab dari panel
tersebut sehingga terlepas dari panel group.
Tag Selector
Tag selector terletak pada status bar, fungsinya menampilkan hierarki
tag di sekitar pilihan yang aktif pada design view. Klik pada sembarang
tag di hierarki untuk menampilkan tag dan semua isinya.
Tag Selector Property Inspector
Property Inspector memberikan fasilitas untuk melihat dan menubah
berbagai property bjek yang dipilih atau teks setiap macam objek
memiliki property yang berbeda.
Site Panel
Site Panel memberikan fasilitas untuk mengatur file dan folder yang
membentuk situs web anda. Site panel sebenarnya merupakan anggota dari
files panel group selain assets panel. Panel ini memiliki fungsi yang
cukup penting karena memungkinkan kita bekerja dan mengatur file-file
dari situs web dengan effisien.
Pada site panel, selain untuk manajemen file kita juga dapat melakukan
koneksi ke remote server atau testing server, setelah koneksi dilakukan
kita dapat
menaruh file ke server atau mencopy file dari server ke situs local.
Tag Inspector
Tag Inspector merupakan salah satu fasilitas baru Dreamweaver MX. Dimana
kita dapat melihat hierarki tag dan atribut-atribut yang dapat
ditambahkan atau diedit kita dapat menampilkan tag inspector
dengan menu Window > Tag
Inspector atau dengan menekan tombol F9 pada keyboard.
Snippets
Snippets merupakan kode yang sering digunakan dan disisipkan pada
dokumen. Dreamweaver MX menyediakan banyak kode snippet built-in untuk
berbagai keperluan, mulai dari footer, header, layout navigasi, fungsi
JavScript dan sebagainya.
Hyperlink
Link dalam Macromedia Dreamweaver MX disebut Hyperlink adalah
sebuah perintah untuk menghubungkan sebuah objek dengan objek lain atau
digunakan untuk menghubungkan halaman dalam suatu web. Untuk membuat
suatu hyperlink ke dokumen atau halaman dalam suatu website bisa
menggunakan teks dan bisa juga menggunakan image atau gambar.
Hyperlink menjadi alat agar link itu tercipta dan dapat dikerjakan. Teks
yang ditambahkan atau dimasukkan link akan muncul garis bawah atau font
yang berwarna lebih terang. Tanda keberadaan lain dari hyperlink adalah
jika tanda penunjuk mouse digeser misalnya pada gambar, maka tanda
penunjuk mouse itu akan berubah menjadi gambar tangan menuding.
Macromedia Dreamweaver MX telah menyediakan fasilitas hyperlink
otomatis untuk berpindah dari satu halaman ke halaman lain melalui
tampilan hyperlink pada panel View. Link tersebut otomatis langsung
diberikan pada saat ditambahkan halaman baru pada situs web yang dibuat.
Halaman baru tersebut telah langsung di-link dengan halaman-halaman
lain dalam situs web yang sama dan ada juga link yang dihubungkan ke
alamat e-mail didalam suatu Website, tampilan halaman link e-mail
dapat dilihat pada gambar dibawah ini.
Halaman Link E-mail
Database
Database adalah kumpulan dari item data yang saling berhubungan
satu dengan yang lainnya yang diorganisasikan berdasarkan sebuah skema
atau struktur tertentu, tersimpan di hardware komputer dan dengan
software untuk melakukan manipulasi untuk kegunaan tertentu.
Teori Struktur Navigasi
Struktur Navigasi adalah struktur atau alur dari program.
Menerangkan struktur navigasi merupakan hal yang sebaiknya dilakukan
sebelum membuat aplikasi homepage.
Ada empat macam bentuk dasar dari struktur navigasi yang biasa dilakukan
didalam proses pembuatan homepage yaitu : Struktur Navigasi Hirarki,
Struktur Navigasi Linier, Struktur Navigasi Nonlinier dan Struktur
Navigasi Campuran.
Struktur Navigasi Hirarki
Homepage dianggap menjadi bagian teratas situs web dengan halaman-
halaman berurutan yang mencabang dari homepage tersebut. Situs hirakial
adalah situs yang paling umum, seringkali digunakan untuk
halaman-halaman perusahaan atau pribadi, dengan homepage yang dijadikan
pangkalan bagi area situs selebihnya.
Homepage
Contoh Struktur Navigasi Hirarki
Struktur Navigasi Linier
Setiap halaman dalam situs merupakan kelanjutan dari halaman sebelumnya.
Homepage atau halaman hanyalah pertama dalam link sekuensial dari
halaman- halaman. Situs yang berdasarkan pada struktur sekuensial
seringkali
adalah situs bacaan yang menuturkan topik spesifik atau yang menceritakan pada pengguna sebuah judul spesifik.
Struktur Navigasi NonLinier
Halaman-halaman dikaitkan seperlunya, namun tanpa halaman tunggal
termasuk homepage memiliki prioritas atas halaman-halaman lainnya.
Ketika sebuah situs berisi data yang tidak jatuh dalam urutan tertentu
yang telah ada, struktur web digunakan untuk memberi pengguna sebuah
jalan bagi percabangan antar halaman yang ada. Sebuah sistem inventaris
yang dirancang untuk internet perusahaan bisa menjadi calon yang baik
untuk struktur ini.
Contoh Struktur Navigasi Nonlinier
Struktur Navigasi Campuran
Struktur Navigasi Campuran merupakan gabungan dari struktur sebelumnya
dan disebut juga struktur navigasi bebas, maksudnya adalah jika suatu
tampilan membutuhkan percabangan maka dibuatlah percabangan.
SM: http://literaturbook.blogspot.com/2014/04/penjelasan-dreamweaver-mx-kegunaan-toolbar.html
Comments
Post a Comment