• Embed Doc
  • Readcast
  • Collections
  • CommentGo Back
Download
 
DIKTATPEMROGRAMAN WEBPENGENALAN PEMROGRAMAN WEB
Sebelum kita bahas lebih lanjut tentang materi-materi bahasanpemrograman web lebih dalam, ada baiknya kita mengenal terlebihdahulu tentang pemrograman web beserta tool untukmembuatnya. Tool :Dreamweaver (Macromedia 8/Adobe Dreamweaver CS)Digunakan sebagai HTML authoring untuk membuat/mengeditkode pemrograman web secara cepatBrowser (IE, Firefox, Opera, Safari, dll)Menampilkan hasil pemrograman web yang dibuatPHPSebagai parser utama dalam membuat sebuah web denganbahasa pemrograman PHPWeb server (Apache, IIS, dll)Sebagai server web yang digunakan utk menyimpan data webyang dibuat dan menampilkannyaDatabase server (MySQL, Postgre, dll)Sebagai tempat penyimpanan data web yang dibuat
Mengenal Dreamweaver
Dreamweaver merupakan sebuah HTML authoring (tool pembuathalaman web berbasis HTML untuk membuat/mengedit berbagai kodepemrograman web secara cepat) dan
 
dapat digunakan dalammanajemen sebuah website (dari sisi developing). Banyak sekaliprofesional web developer yang menggunakan Dreamweaver untukmembangun dan mengelola suatu web site dikarenakan kemudahandalam pemakaiannya.
 
Selain itu Dreamweaver juga digunakan sebagai tool untukmemadukan desain web yang dibuat dengan HTML dan melakukancoding scripting bahasa pemrograman web dalam membuat webmenjadi lebih dinamis
Workspace DreamweaverInsert bar
berisi tombol-tombol untuk memasukkan berbagai type“object”, seperti image, table, dan layer, ke dalam documentDreamweaver. Setiap object merupakan bagian dari code HTML yangmemungkinkan Anda untuk melakukan berbagai macam setting atributobject yang Anda masukkan tersebut. Sebagai contoh, Anda bisamemasukkan table HTML dengan cara click tombol Table yang ada diInser bar. Jika Anda suka cara lain, Anda pun bisa memasukkan objectHTML dengan melalui menu Insert yang ada diatas Insert bar.
Document toolbar
berisi tombol-tombol dan menu pop-up yangmenyediakan view Document window (ada 2 view document window,
 
yaitu:
Design View
dan
Code View
), berbagai view untuk option, danbeberapa perintah operasional seperti preview kedalam browser (misalbrowser IE – Internet Explorer).
Document window
untuk menampilkan document sekarang ini yangsedang Anda buat atau sedang Anda kembangkan (
editing
).
Panel groups
merupakan sekumpulan panel group yang secarabersama-sama dalam satu
heading
. Untuk melihat lebih detail lagipanel ini (
expand 
), lakukan click tanda panah expander yang ada dikiri group nama panel tersebut. Untuk mejadikan
undock 
panel groupini, lakukan
drag
tanda
gripper 
yang ada di tepi kiri dari judul groupbar ini.
Tag selector
memperlihatkan ke Anda relevansi tag HTML sesuaiyang Anda pilih (
selected 
) di Document window. Anda dapat memilihbagian-bagian document lain dengan cara cukup melakukan click dinama tag dalam Tag selector.
Property inspector
memperlihatkan ke Anda view dan fasilitas untukmengubah berbagai macam property object / text yang sesuai Andapilih. Setiap type object memiliki property yang berbeda-beda.Property inspector biasanya ditampilkan dibawah design area. Propertyinspector ini juga dapat dilihat dengan cara melakukan click langsung(
short-cut 
) tombol-tombol yang ada di panel Dreamweaver. Propertyinspector ini bisa juga muncul saat ada perubahan object yang terpilihdi design area. Jika Anda merasa tidak memerlukan property inspectorini, dalam arti Anda tidak ingin terlihat di window Dreamweaver, makaAnda cukup memilih dari menu ‘Window’ di screen Dreamweaverbagian atas dan kemudian pilih
uncheck 
submenu Property yang adadi menu tersebut (atau dengan
shortcut 
Ctrl+F3).Saat ada bagian text yang terpilih (
selected 
) di Document window,maka secara otomatis panel akan menampilkan fasilitas untuk settingyang dapat digunakan oleh text terpilih tesebut (seperti yang
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...
You must be to leave a comment.
Submit
Characters: ...