Sampeyan Ora Perlu Gunakake WYSIWYG
Dreamweaver minangka editor WYSIWYG sing gedhe, nanging yen sampeyan ora kasengsem nulis kaca web ing "apa sing ndeleng apa sampeyan bakal" lingkungan, sampeyan isih bisa nggunakake Dreamweaver amarga iku uga editor teks gedhe. Nanging ana akeh fitur sing dicopot ing pinggir dalan ing editor kode Dreamweaver amarga fokus utama ana ing "tampilan desain" utawa bagean editor WYSIWYG.
Carane Mlebu menyang Dreamweaver Code View
Yen sampeyan ora tau nggunakake Dreamweaver minangka panyunting HTML sadurunge sampeyan durung ngerteni tombol telu ing sisih ndhuwur kaca: "Kode," "Pamisah," lan "Desain." Dreamweaver wiwit kanthi gawan ing "Desain tampilan" utawa mode WYSIWYG. Nanging gampang kanggo ndeleng lan nyunting kode HTML. Cukup klik tombol "Kode". Utawa, pindhah menyang menu View lan pilih "Kode."
Yen sampeyan lagi sinau carane nulis HTML utawa sampeyan pengin mangerteni carane owah-owahan sampeyan bakal nyebabake dokumen, sampeyan bisa mbukak tampilan kode lan tampilan desain bebarengan. Kaendahan saka cara iki yaiku sampeyan uga bisa nyunting ing jendhela loro. Supaya sampeyan bisa nulis kode kanggo tag gambar ing HTML banjur nggunakake tampilan desain kanggo ngalih menyang lokasi liya ing kaca kanthi seret lan selehake.
Kanggo ndeleng loro bebarengan: salah siji:
- Klik tombol "Split" (antarane "Kode" lan "Desain")
- Ing menu Tampilan, pilih "Kode lan Desain"
Sawise sampeyan seneng nggunakake Dreamweaver kanggo ngowahi kode HTML, sampeyan bisa ngganti pilihan sampeyan kanggo mbukak Dreamweaver ing tampilan kode minangka standar. Cara paling gampang kanggo nyimpen tampilan kode minangka ruang kerja. Dreamweaver bakal mbukak ing ruang kerja pungkasan sampeyan nggunakake. Yen ora, mung pindhah menyang menu Window, lan milih ruang kerja sampeyan pengin.
Kode Tampilan Pilihan
Dreamweaver dadi fleksibel amarga nduweni akeh cara kanggo ngatur lan gawe cara sampeyan pengin. Ing jendhela pilihan, ana pewarna kode, format kode, kode pitunjuk, lan pilihan nulis ulang kode sing bisa diatur. Nanging sampeyan uga bisa ngganti sawetara opsi khusus ing tampilan kode kasebut.
Sawise sampeyan lagi ndeleng kode, ana tombol "View Options" ing toolbar. Sampeyan uga bisa ndeleng opsi kanthi pindhah menyang menu Tampilan lan milih "Kode Tampilan Pilihan." Pilihan iku:
- Word Wrap - mbungkus kode HTML supaya sampeyan bisa ndeleng tanpa nggulung kanthi horisontal. Elinga yen pilihan iki ora nyisipake sembarang bali ing kode, mung nuduhake kode supaya luwih gampang diwaca.
- Nomer Line - nampilake nomer baris ing sisih kode. Iki nuduhake simbol bungkus baris kanggo garis sing mbungkus maneh saka jendhela tampilan.
- Karakter sing disembunyikan - nampilake karakter khusus tinimbang spasi sing bakal ditampilake ing kaca web. Kaya titik sing ngganteni sawijining spasi, chevron pindho ngganteni saben tab, lan pilot utawa pandhangan paragraf ngganteni saben baris istirahat.
- Penting High Code - nyorot HTML sing salah ing werna kuning. Yen sampeyan milih tag kuning, Inspektur Property bakal menehi pitunjuk babagan cara kanggo ndandani.
- Coloring Syntax - Nguripake utawa mateni kode werna kode sampeyan. Sampeyan ngganti warna werna ing werna ing pewarnaan kode saka pilihan.
- Auto Indent - ndadekake kodhe indent kanthi otomatis sawise kembange bali yen kode ing ndhuwur wis ana gandengan. Sampeyan bisa ngganti ukuran inden kanthi ngganti ukuran tab ing bagian format kode pilihan.
Ngedit Kode HTML ing Dreamweaver Code View
Gampang ngowahi kode HTML ing tampilan kode Dreamweaver. Mung miwiti ngetik HTML. Nanging Dreamweaver menehi sampeyan sawetara ekstra sing ngluwihi editor HTML dhasar. Nalika sampeyan miwiti nulis tag HTML, sampeyan ngetik <. Yen sampeyan ngaso sakwise karakter kasebut, Dreamweaver bakal nuduhake daftar tag HTML . Iki diarani kode kode. Kanggo ngecor pilihan, wiwit ngetik aksara - Dreamweaver bakal nglebokake dhaptar gulung menyang tag sing cocog karo sing kok ketik.
Yen sampeyan anyar karo HTML, sampeyan bisa nggulung menyang dhaptar tag HTML lan milih macem-macem kanggo ndeleng apa sing dilakoni. Dreamweaver bakal terus pituduh sampeyan kanggo atribut yen sampeyan wis ngetik tag. Contone, yen sampeyan ngetik ".
Nanging pitunjuk kode ora mungkasi ing tag. Sampeyan bisa nggunakake petunjuk kode kanggo masang:
Yen kode diwenehi ora katon, sampeyan bisa mencet Ctrl-spacebar (Windows) utawa Cmd-spacebar (Macintosh) kanggo nggambar. Alasan paling umum yen pratandha kode bisa uga ora katon yaiku yen sampeyan pindhah menyang jendhela sing beda sadurunge rampung tag. Amarga Dreamweaver nyebabake ngetik karakter <, yen sampeyan ninggalake jendhela lan bali, sampeyan kudu nglakokake maneh kode kasebut.
Sampeyan bisa mateni menu pitunjuk kode kanthi ngetik tombol escape.
Sawise sampeyan wis ngetik tag HTML pambuka, sampeyan kudu nutup. Dreamweaver nduwe cara alami. Yen sampeyan ngetik opsi "Tutup Tags sing paling cocog karo kabutuhan sampeyan.
Yen sampeyan ora cukup siap kanggo ngalih nyunting kaca ing HTML nanging sampeyan pengin nonton kode kasebut, sampeyan kudu nyoba inspector kode. Iki mbukak kode HTML ing jendhela kapisah. Kerjane kaya tampilan kode, lan, nyatane, ing dasaré ana jendhela tampilan kode sing bisa dipisah kanggo dokumen saiki. Kanggo mbukak inspektur kode, pindhah menyang menu Window lan pilih "Inspector Kode" utawa tekan tombol F10 ing keyboard sampeyan.
Dreamweaver bakal ngowahi kode HTML, nanging sampeyan pengin ditampilake. Contone, yen sampeyan nggunakake 3 spasi kanggo indent, nanging ora ngemot tag IMG, sampeyan bisa nemtokake informasi format kasebut ing opsi rewriting kode. Banjur sampeyan menyang menu Prentah lan pilih "Aplikasi Formatting Sumber." Iki cara sing apik kanggo njaluk kode sing ditulis dening wong liya menyang format sing kenal karo sampeyan.
Fitur sing akeh coders HTML ora ngerti utawa ora nggunakake kemampuan kanggo ambruk kode HTML. Iki ora mbusak label saka dokumen, nanging mung nyopot saka tampilan supaya ora ngganggu kanggo apa sing lagi digunakake. Kanggo ambruk kode sampeyan:
- Pilih bagean kode sing pengin disembunyikan
- Ing menu Owahi, pilih "Pilih Pilihan" saka sub-menu "Kode Mbusak"
Cara sing luwih gampang kanggo milih kode banjur klik ing ikon runtuh kode sing katon ing longkangan. Sampeyan uga bisa klik tengen ing kode sing dipilih lan pilih "Collapse Selection".
Yen sampeyan pengin ndhelikake kabeh kajaba sing disorot, pilih "Runtuh Outside Selection" ing salah sawijining metode kasebut.
Kanggo nggedhekake kode sing runtuh, mung klik kaping pindho. Iki mbukak kode munggah lan milih. Banjur sampeyan bisa mindhah pilihan kasebut utawa mbusak utawa nambah tag tambahan ngubengi.
Sampeyan bisa nggunakake ambruk lan nggedhekake fitur ing kabeh wektu ing kaca ngendi sampeyan ora pengin ngowahi cithakan njaba. Sampeyan mung milih area isi sing pengin diowahi lan ambruk ing njaba. Banjur nulis HTML panjenengan. Sampeyan isih bisa ndeleng kaca ing tampilan Desain utawa pratinjau ing browser. Kode runtuh ora dibusak saka dokumen, mung didhelikake saka tampilan. Sampeyan uga bisa nggunakake nalika sampeyan lagi nyiyapake seri item. Yen wis rampung, runtuh. Sampeyan ngerti sampeyan wis rampung nalika ora nuduhake kode.