Contoh tutorial Ultradev: 4 Instalasi dan penggunaan plug-in
Penulis:Eve Cole
Waktu Pembaruan:2009-05-30 18:34:38
Bab 4: Instalasi dan penggunaan sederhana plug-in ultratrade
Menggunakan plug-in dapat membantu kita mengimplementasikan beberapa fungsi dengan cepat dan menghemat banyak kerumitan pemrograman. Di masa lalu, plug-in Dreamweaver dan Ultradev memerlukan penyalinan file secara manual ke direktori terkait sebelum dapat berfungsi, yang cukup merepotkan bagi mereka yang tidak memahami aspek ini. Pada versi 4.0, Marcomedia menggunakan perangkat lunak yang disebut Extention Manager Tools untuk membantu pengguna menginstal plug-in, dan format plug-in juga telah diubah menjadi *.mxp.
Extention Manager diinstal ketika Dreamweaver atau Ultradev diinstal. Kita dapat membukanya melalui Start->Programs->Macromedia Extension Manager.
Tampilan antarmukanya sederhana dan jelas. Dua tombol di sisi kiri toolbar adalah install dan uninstall. Nama, versi, jenis, penulis, dan informasi lain dari plugin yang telah Anda instal akan dicantumkan di jendela di bawah toolbar. Jendela di bawah mencantumkan deskripsi tujuan plugin dan beberapa tindakan pencegahan atau metode penggunaan sederhana. Seperti terlihat pada gambar di atas.
Jika Anda ingin menginstal plug-in baru, Anda dapat langsung mengklik dua kali file plug-in Anda, dan sistem akan secara otomatis memanggil Extention Manager untuk menginstalnya. Anda juga dapat menginstalnya dengan mengklik tombol Install pada toolbar Extension Manager , lalu pilih plugin yang ingin Anda instal:
Di awal instalasi, Anda akan ditanya apakah Anda setuju dengan pernyataan Macromedia yang umumnya menyatakan bahwa plug-in ini tidak boleh digunakan sebagai distribusi komersial, dll. Tolak akan keluar dari program instalasi, jadi tentu saja kita pilih Accept :)
Di mana Anda dapat menemukan plugin? Disarankan untuk pergi ke rumah Macromedia, yang menyediakan pusat plug-in tempat pengguna Ultradev dari seluruh dunia menyediakan plug-in. Klasifikasinya bersifat ilmiah, dan ada juga pencarian untuk membantu Anda menemukan plugin yang Anda inginkan dengan cepat.
Di bawah ini saya akan memperkenalkan secara singkat cara menggunakan plug-in.
Nama plugin: Garis Besar dHTML
Versi: 1.7.7
Jenis: Objek
Ini adalah plugin objek yang membuat menu tarik-turun bergaya penjelajah (ciutkan pohon). Plug-in ini memerlukan IE4 atau lebih tinggi atau Netscape 6 untuk mendukungnya (disebutkan dalam pengenalan plug-in pada gambar).
Setelah instalasi, Anda dapat membuka panel pengaturan plug-in dari panel objek atau menu Sisipkan -> Garis Besar.
Panel kontrol plug-in sangat sederhana, seperti yang ditunjukkan pada gambar:
Pilih tab detail, dan kita dapat melihat ada tiga tempat di panel untuk kita atur.
Nama Dasar untuk Garis Besar: Anda dapat mengisinya sesuka Anda, tetapi harus berupa nama yang valid. Ini hanya akan berfungsi sebagai parameter dalam kode JavaScript yang akan dihasilkan nanti dan tidak akan ditampilkan di halaman web. Perhatikan bahwa spasi tidak dapat disertakan.
Tambahkan Judul: Ini adalah batang yang ingin Anda tampilkan di halaman web. Isi cabang tidak dapat diubah hingga nanti di halaman web. Seperti yang ditunjukkan pada gambar:
Text Indent of Child Items: Nomor indentasi isi cabang, dapat Anda pilih sesuai kebutuhan. Gambar di atas menunjukkan efek tampilan lekukan default.
Sertakan Teks Pengisi Latin: Mungkin hanya menggunakan sepotong teks Latin untuk mendeskripsikannya. Tidak masalah.
Setelah mengklik buat, plugin menghasilkan halaman seperti ini:
Tugas kita selanjutnya adalah memodifikasi isi bagian bawah yang berwarna hitam sesuai dengan yang ingin ditampilkan, seperti terlihat pada gambar di atas. Setelah modifikasi, pratinjau.
Melihat kode sumber halaman web, kita dapat melihat:
< div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exheading" >hello3< /div >
< div id="helloChildhello3" style="cursor:auto" class="exindent" >Halo dunia!!< /div >
Dengan cara ini, jika kita ingin menghasilkan pohon lipat secara dinamis dari data di database, caranya mudah. Kita hanya perlu mengganti hello world!! dengan field yang akan ditampilkan, seperti <%=rs("filename ")%>.