Tutor Dreamweaver

download Tutor Dreamweaver

of 30

  • date post

    18-Aug-2015
  • Category

    Documents

  • view

    217
  • download

    0

Embed Size (px)

description

Belajar Web Dengan Aplikasi Dreamweaver

Transcript of Tutor Dreamweaver

Pelatihan PHP & MySQLPERTEMUAN 6Teknologi dan Perangkat PendukungSebuah Situs Web (Website)Sebuahsitusweb(website) merupakankumpulandari berbagai jenisfle. Sebagianbesar diantaranya merupakan fle HML. !enis lainnya dapat berupa fle image"multimediadananimasi seperti #ide$dan%ash. &esemuanyaharusdapatdisatukanmenjadi satukesatuan. Sebuahsituswebyangbaikharusdapat menyajikansetiapk$mp$nen dengan serasi" k$nsisten dan indah. Saat ini b$leh dikatakan tidak ada (ataubelum ada) satu s$'tware atau perangkat lunak yang dapat digunakan untukmembangun sebuah situs se(ara keseluruhan" mulai dari meran(ang" membuathalamanHML" mengedit image" multimediadananimasi" sampai menampilkannyasekaligus. )amun" dalammeran(angsitusweb" kitaharusmenggunakanbeberapaperangkat lunak (aplikasi) sekaligus. Perangkat lunak yang diperlukan dalammembangun situs web" setidaknya dapat dibagi menjadi*+. ,dit$r pr$gram (($de edit$r)-. .eb br$wser/. ,dit$r gambar (image edit$r)0. ,dit$r multimedia (multimedia edit$r)1. ,dit$r warna (2$l$r edit$r)Editor Program (Code Editor)Edit$rpr$gram(($deedit$r)merupakansuatuaplikasi yangdapatdigunakanuntukmembantudalammembuatpr$gramtertentu. Saatini tersediabanyaksekali edit$rpr$gram" baik yang khusus untuk bahasa pr$gramtertentu maupun yang dapatdigunakan untukberbagaijenis bahasa pr$gram.3itur yang ditawarkan$leh masing4masing edit$r juga beragam" mulai dari yang sederhana seperti )$tepad sampai yangk$mpleks seperti )etbeans untuk !a#adan5reamwea#er untukdesignsitus web.Se(arakhusus dalamk$nteks designsitus websendiri (ukupbanyak edit$r yangtersedia" tentunyadengankelebihandankekurangannyamasing4masing. Salahsatuedit$r webyangbanyakdigunakanyaituMa(r$media5reamwea#er. 5reamwea#ersendiri merupakan sebuah perangkat lunak yang se(ara khusus dibuat untukmembantu membangun situs web se(ara mudah dan (epat. 5reamwea#ermenyediakan berbagai 'asilitas yang membantu penggunanya untuk membuathalaman4halamanwebdenganmudah. 5anbagi penggunayangtidakataukurangmengerti pr$gramseperti HML" 5reamwea#er merupakansalahsatupilihantepatuntukmembangunsitusweb. 5reamwea#erpertamakali dilun(urkan(#ersi +)padatahun+667. Hinggasaat ini" 5reamwea#er sudahmen(apai #ersi 8(tahun-990).5reamwea#er dikembangkan $leh perusahaan bernama Ma(r$media :n(. ;ntukHadi Sant$s$ (hds0nambar ,dit$r Multimedia ,dit$r .arnaPelatihan PHP & MySQLmengetahuiperkembangandanversi terakhir,kitadapat berkunjungkesitusresminyadihttp://www.macromedia.com.=eberapa keunggulan Ma(r$media 5reamwea#er yang menjadikannya banyakdigunakan dalam membangun situs web" antara lain*+. ampilan (inter'a(e) 5reamwea#er mudah dimengerti $leh pengguna dari semuatingkat keahlian" bahkan bagi $rang awam sekalipun.-. 5reamwea#er (ukup tangguh untuk membangun berbagai tipe situs web./. 5reamwea#er selalu menjadi perangkat lunak pertama yang selalu mendukungtekn$l$gi web terkini.0. 5reamwea#er merupakan edit$r berbasis .?S:.?> (.hat ?$u Say :s .hat ?$u>et)" artinya apa yang tampak di edit$r" sama seperti apa yang akan ditampilkandi web br$wser.1. 5reamwea#er terintegrasi dengan pr$duk Ma(r$media lainnya" sepertiMa(r$media 3reeHand" 3irew$rks" dan 3lash.5alammembangun situs web" kita akan menggunakan Ma(r$media 5reamwea#eruntuk membuat dan mengedit / (tiga) jenis script, yaitu HML" 2SS dan !a#as(ript.TM! dan "TM!HML merupakan singkatan dari Hypertext Markup Language. HML merupakan bahasamark-upyangdigunakanuntuk membuat sebuahhalaman webdanmenampilkanberbagai in'$rmasi di dalamsebuahwebbr$wser. @payangditampilkandi br$wser(internet) adalah rangkaian perintah (script) HML. HML saat ini merupakan standarinternet yangdidefnisikandandikendalikanpenggunaannya$lehWorldWideWebConsortium (./2). Pada dasarnya d$kumen HML mirip dengan d$kumen teks biasa"hanyadalamd$kumenini sebuahteksbisamemuatinstruksi yangditandai dengank$de atau lebih dikenal dengan @>. ag HML umumnya terdiri dari tag pembuka dantag penutup. Sebagai ($nt$h jika kita ingin menampilkan suatu teks menjadi huru' tebal(b$ld)" maka kita perlu menambahkan tag AbB didepan teks dan diakhiri dengan tagACbB. Sedangkan DHML ataueXtensible HyperText Markup Languagemerupakanbahasamarkuppenerusdanpengembangandari HMLyangmemiliki kemampuanyangkuranglebihmiripHML" tapi denganaturansintaksyanglebihketat. HMLmerupakan aplikasidari S>ML (Standard Generalied MarkupLanguage) yang sangat%eksibel" sedangkan DHML adalah aplikasi dari DML" turunan S>ML yang lebihterbatas. &arenaDHMLharusmemiliki keteraturan4bentuk(mengikuti sintaksyangHadi Sant$s$ (hds0n dan D;L. Spesifkasi 2SSdiatur $leh World Wide Web Consortium (./2).2SS digunakan antara lain untuk menentukan warna" jenis huru'" tata letak" danberbagai aspek tampilan d$kumen. 2SS digunakan terutama untuk memisahkan antaraisi d$kumen (yang ditulis dengan HML atau bahasa markup lainnya) dengan presentasid$kumen (yang ditulis dengan 2SS). Pemisahan ini dapat meningkatkan aksesibilitas isi"memberikan lebih banyak keleluasaan dan k$ntr$l terhadap tampilan" dan mengurangik$mpleksitassertapengulanganpadastukturisi. 2SSmemungkinkanhalamanyangsamauntukditampilkandengan(arayangberbedauntukmet$depresentasi yangberbeda" seperti melalui layar" (etak" suara(sewaktudiba(akan$lehbr$wserbasis4suara ataupemba(a layar)"dan jugaalatpemba(abraille.Halaman HMLatauDMLyang sama juga dapat ditampilkan se(ara berbeda" baik dari segi gaya tampilan atauskema warna dengan menggunakan 2SS.#a$as%ri&t!a#as(ript merupakan bahasa pemr$graman ke(il yang berjalan di sisi (lient (br$wser).!a#as(ript dijalankan di sisi (lient" sehingga tidak memerlukan ($mpiler atau interpretertertentu. Hanya saja untuk menjalankannya" br$wser harus mendukung ja#as(ript. Saatini hampirsemuabr$wseryangadasudahmendukungja#as(ript. !a#aS(ript adalahmerekdagangterda'tardari SunMi(r$systems" :n(. =ahasaini digunakandi bawahlisensi untuk tekn$l$gi yang di(iptakan dan diimplementasikan $leh )ets(ape2$mmuni(ati$ns dan entitas barunya seperti M$Gilla 3$undati$n.Web 'ro(ser.ebbr$wser merupakansebuahperangkat lunak (aplikasi) yangdigunakanuntukmenampilkanhalaman4halamanweb. HalamanwebyangdimaksudadalahfleHMLdanbeberapaflelainnyaseperti 2SSdan!a#as(ript. Halamanwebtersebut dapattersimpandi l$kal" ataudi sebuahser#er intranetCinternet. !adi" webbr$wser tidakselaluterhubungkeinternet. 5engan5reamwea#er" kitasebenarnyadapat melihattampilan situs se(ara langsung sepertihalnya di br$wser (ftur"!at-you-see-is-"!at-you-get)" namun hal tersebut tidak dapat dijadikan pat$kan bahwa tampilan situs akansamadi semuabr$wser. Setiapbr$wserterkadangmemiliki aturantersendiri dalammenampilkan situs web. !adi" dalam membuat suatu situs web" alangkah baiknya jikadi($ba di beberapa br$wser sekaligus.=erikut ini beberapa web br$wser yang paling banyak digunakan*+. Mi(r$s$'t :nternet ,Hpl$rer (http*CCwww.mi(r$s$'t.($m)-. M$Gilla 3ire'$H (http*CCwww.m$Gilla.$rg)Hadi Sant$s$ (hds0n