Anjeun teu ngabogaan keur Paké Ngan WYSIWYG
Dreamweaver mangrupakeun hébat redaktur WYSIWYG , tapi lamun anjeun teu kabetot dina nulis kaca web di lingkungan "naon nu katingali téh naon anjeun meunang", anjeun masih bisa make Dreamweaver sabab éta ogé pangropéa téksu hébat. Tapi aya loba fitur nu dieunakeun ku wayside dina kode redaktur Dreamweaver kusabab fokus primér nyaéta dina "view design" atanapi bagian redaksi WYSIWYG produk.
Kumaha carana Cokot Kana Dreamweaver Code Témbongkeun
Lamun geus pernah dipaké Dreamweaver salaku redaktur HTML saméméh anjeun bisa jadi kudu malah pernah noticed tilu tombol di luhur kaca: ". Code," "Split," sarta "Reka" Dreamweaver dimimitian nepi sacara standar di "Desain view" atawa mode WYSIWYG. Tapi éta gampang pikeun pindah kana nempo sarta ngédit kodeu HTML. Ngan klik dina tombol "Code". Atawa, balik kana Témbongkeun menu tur pilih "Code".
Lamun nuju ngan diajar kumaha carana nulis HTML atawa rék meunang rasa kumaha parobahan anjeun bakal dampak dokumen, anjeun bisa muka pintonan kode jeung pandangan desain dina waktos anu sareng. Kaéndahan metoda ieu nyaeta yen anjeun bisa ngedit dina duanana jandéla ogé. Sangkan bisa nulis kode pikeun tag gambar anjeun dina HTML lajeng migunakeun panémbong rarancang pikeun mindahkeun ka lokasi nu séjén dina kaca sareng sered tur teundeun.
Pikeun nempo duanana sakaligus, boh:
- Klik tombol "Split" (antara "Code" jeung "Reka")
- Dina Témbongkeun menu, pilih "Code na Reka"
Sakali anjeun nyaman nganggo Dreamweaver edit kode HTML, anjeun bisa ngarobah preferensi anjeun pikeun muka Dreamweaver dina pintonan kode sacara standar. Cara panggampangna nyaéta pikeun ngahemat pintonan kode sakumaha workspace a. Dreamweaver baris muka dina workspace panungtungan anjeun ngagunakeun. Lamun henteu, ngan saukur buka menu Jandela, sarta milih workspace rék.
Kode Témbongkeun Options
Dreamweaver téh jadi fléksibel sabab boga kitu loba cara pikeun ngaropea eta sarta nyieun dianggo jalan rék ka. Dina jandéla pilihan, aya ngawarnaan kode, pormat kode, petunjuk kode, sarta kode ditulis pilihan anjeun tiasa nyaluyukeun. Tapi anjeun oge bisa ngarobah sababaraha pilihan husus dina pintonan kode sorangan.
Sakali anjeun dina pintonan kode, aya hiji "Témbongkeun Options" tombol dina tulbar. Anjeun oge bisa ningali pilihan ku akang kana Témbongkeun menu na milih "Code Témbongkeun Options". Pilihan téh:
- Kecap Wrap - wraps kodeu HTML ku kituna anjeun bisa nempo éta tanpa ngagulung horisontal. Catet yén pilihan ieu teu ngalebetkeun sagala kenop mulih dina kode anjeun, eta ngan mintonkeun kode supados éta gampang maca.
- Nomer garis - mintonkeun nomer garis sapanjang sisi kode teh. Ieu nembongkeun garis bungkus simbol pikeun garis nu mungkus leuwih panjang batan pintonan jandela.
- Karakter disumputkeun - mintonkeun karakter husus tinimbang whitespace nu bakal nembongkeun dina hiji kaca web. Kayaning a titik ngagantikeun spasi, a Chevron ganda ngagantikeun unggal tab, sarta pilcrow atanapi ayat kamajuan ngagantikeun tiap garis putus.
- Nyorot Code sah - highlights HTML nu lepat dina konéng. Lamun milih tag konéng, anu Kur'an Harta bakal mere Anjeun petunjuk tentang kumaha carana ngalereskeun eta.
- Sintaksis ngawarnaan - kabukti on atawa off coding warna kode Anjeun. Anjeun ngarobah kelir of coding warna anjeun di bagian kode ngawarnaan sahiji karesep.
- Otomatis Indent - ngajadikeun indent kode anjeun otomatis saatos enter lamun kodeu luhur mangka indented. Anjeun tiasa ngarobah ukuran indent nu ku cara ngarobah ukuran tab dina bagian pormat kode tina karesep.
Ngédit Code HTML di Dreamweaver Code Témbongkeun
Ieu gampang pikeun ngédit kode HTML dina pintonan kode Dreamweaver urang. Kantun mimiti ngetikkeun HTML Anjeun. Tapi Dreamweaver nyadiakeun anjeun kalawan sababaraha extras yen manjangkeun eta saluareun pangropéa HTML dasar. Lamun anjeun ngamimitian nulis hiji tag HTML, anjeun ngetik <. Lamun ngareureuhkeun katuhu sanggeus karakter éta, Dreamweaver baris némbongkeun Anjeun daptar tag HTML . Ieu disebut petunjuk kode. Pikeun ngahususkeun handap Pilihan éta, mimiti ngetikkeun hurup - Dreamweaver baris ngahususkeun handap daptar turun-handap pikeun tag nu fits naon nu nuju ngetikkeun.
Mun anjeun anyar pikeun HTML, anjeun tiasa ngagulung daptar tag HTML jeung milih rupa leuwih ningali naon maranehna ngalakukeun. Dreamweaver bakal neruskeun ajakan nuhun atribut sakali anjeun geus diketik tag. Contona, upami anjeun ngetik " tag.
Tapi petunjuk kode teu mungkas dina tag. Anjeun tiasa make petunjuk kode nyelapkeun:
Lamun petunjuk kode teu némbongan, anjeun tiasa pencét Ctrl-spacebar (Windows) atawa Cmd-spacebar (Macintosh) mun meunang aranjeunna pikeun nembongkeun. Alesan paling umum naha a hint kode bisa teu némbongan téh lamun switched pikeun jandela béda saméméh pagawean tag Anjeun. Kusabab Dreamweaver geus keying off ketikan tina karakter dina <, lamun ninggalkeun jandela sarta balik, anjeun bakal kudu deui ngajalankeun-éta petunjuk kode.
Anjeun tiasa mareuman menu kode petunjuk ku nganiaya tombol ngewa.
Sakali anjeun geus diketik tag lawang HTML, anjeun bakal kedah nutup éta. Dreamweaver manten ieu dina cara alam. Lamun ngetik "pilihan Tutup Tags nu pangsaena cocog ka kabutuhan Anjeun.
Mun anjeun teu cukup siap pindah ngaliwatan ka ngédit kaca anjeun dina HTML tapi remen lalajo kode sakumaha ayeuna teh ditulis, Anjeun kedah nyobian kodeu Kur'an. Ieu ngabuka kodeu HTML dina jandela misah. Gawéna ngan kawas view kode, sarta, dina kanyataanana, dasarna nyaéta kode view jandela pisah keur dokumen ayeuna. Pikeun muka kode kana Kur'an, buka menu Jandela na milih "Code Kur'an" atawa pencét tombol F10 dina kibor Anjeun.
Dreamweaver bakal pormat kode HTML kumaha oge maneh hoyong eta ditampilkeun. Contona, upami anjeun make 3 spasi mun indent, tapi tag IMG pernah indent, Anjeun bisa netepkeun yen pormat informasi dina kode pilihan ditulis. Satuluyna anjeun buka menu Paréntah sarta milih "Larapkeun Sumber pormat". Ieu cara gede meunang kode nu ditulis ku batur kana format wawuh ka anjeun.
A fitur nu loba coders HTML henteu weruh ngeunaan atanapi teu nganggo aya kamampuhan pikeun ambruk kode HTML. Ieu teu nyabut tag tina dokumen, tapi ngan miceun eta tina pandangan ambéh maranéhanana teu distracting naon nu nuju dipake dina. Pikeun ambruk kode anjeun:
- Pilih bagian kode rék nyumput
- Dina Edit menu, milih "runtuhna Pamilihan" ti "Code runtuhna" sub-menu
Hiji cara gampang nyaeta pikeun milih kode lajeng klik ikon runtuhna kode anu muncul dina talang dina. Anjeun oge bisa klik katuhu dina kode dipilih jeung milih "runtuhna Pamilihan".
Lamun hayang nyumputkeun sagalana iwal naon anu disorot, milih "runtuhna luar Pamilihan" dina salah sahiji tina metodeu di luhur.
Rék dilegakeun kode rubuh, kantun ganda klik di dinya. Ieu ngabuka sandi nu nepi jeung milih eta. Teras Anjeun tiasa mindahkeun Pilihan éta atawa ngahapus atawa tambahkeun tag tambahan sabudeureun eta.
Anjeun tiasa make runtuhna tur dilegakeun Fitur sagala waktos dina kaca mana anjeun teu hoyong ngedit template éksternal. Anjeun ngan pilih aréa eusi nu Anjeun hoyong edit na ambruk luar. Lajeng nyerat HTML Anjeun. Anjeun masih bisa nempo kaca dina Desain view atanapi nilik dina browser anu. Kodeu rubuh henteu dipiceun ti dokumen, kantun disumputkeun ti tempoan. Anjeun oge bisa make eta lamun nu nuju dipake dina runtuyan barang. Sawaktos Anjeun tos rengse hiji, ambruk éta. Anjeun terang Anjeun geus rengse nalika aya kode némbongkeun.