Iwe Haufaniri Kushandisa chete WYSIWYG
Dreamweaver ishizha guru reWYSIWYG , asi kana iwe usina kufarira kunyora mapeji ewebhu mune "izvo zvaunoona ndizvo zvaunowana" mamiriro ezvinhu, iwe unogona kushandisa Dreamweaver nokuti zvakare guru rakagadzirisa mharidzo. Asi pane zvakawanda zvezvinhu zvinoshandiswa pamugwagwa mukati meDreamweaver code editor nokuti chinonyanya kukoshesa pane "design view" kana WYSIWYG editor chikamu chechigadzirwa.
Nzira Yokupinda Sei Dreamweaver Code View
Kana iwe usati wamboshandisa Dreamweaver se HTML editor usati wambotombocherechedza matanho matatu ari pamusoro peji: "Code," "Gura," uye "Kugadzira." Dreamweaver inotanga kuburikidza ne "Design view" kana WYSIWYG mode. Asi zviri nyore kushandura pakuona nekugadzirisa ikhodi ye HTML. Ingofa pabhokisi "Code". Kana kuti, enda kuMuona menyu uye sarudza "Code."
Kana iwe uchiri kungodzidza kunyora HTML kana iwe uchida kuziva kuti kuchinja kwako kuchagadzirisa sei gwaro rako, unogona kuzarura maonero ekuona uye kugadzira maonero panguva imwe chete. Runako rwemhando iyi ndeyokuti iwe unogona kugadzira zvose zviri zviviri mahwindo. Saka iwe unogona kunyora kadhi yekatambi yako yechinyorwa mu HTML uye zvino shandisa maonero ekugadzirisa kuti uende kune imwe nzvimbo pane peji nekukanda uye kudonha.
Kuona zvose panguva imwechete, kana:
- Dzvanya pa "Bhatana" (pakati pe "Code" ne "Design")
- MuIndaneti yemenyu, sarudza "Code uye Design"
Kana uchinge wakasununguka uchishandisa Dreamweaver kuti uite yako HTML code, unogona kuchinja zvaunofarira kuti uzarure Dreamweaver mumutemo wekuona kuburikidza. Nzira iri nyore ndeyekuchengetedza ikhodi yekuona sepace workpace. Dreamweaver ichazarura munzvimbo yekupedzisira yekushanda yawakashandisa. Kana zvisingaiti, enda kungo Window menu, uye sarudza nzvimbo yekushanda yaunoda.
Nhamba yeCode View Options
Dreamweaver inonyanya kushanduka nokuti ine nzira dzakawanda dzokuti uzviite uye dzinoita kuti dzishande nenzira yaunoda. Mune mawindo ekusarudza, pane mavara emutsetse, ma code code, mazano e code, uye zvinyorwa zvekunyorera zvakare iwe unogona kugadzirisa. Asi iwe unogonawo kuchinja zvimwe zvingasarudzwa mukati memutsetse unozviona.
Kana uchinge uri mu code code, kune "View Options" mubhokisi re toolbar. Iwe unogonawo kuona maitiro acho nekupinda muSeji yemenu uye kusarudza "Code View Options". Zvisarudzo ndezvi:
- Shoko Kuputira - wraps ye HTML code kuitira kuti iwe uone mairi kunze kwekupukunyuka kwepamusoro. Cherechedza kuti sarudzo iyi haina kuisa chero chitoro chinodzoka mumutsetse wako, inongoratidza ikhodi kuitira kuti zvive nyore kuverenga.
- Numeri Nhamba - inoratidza nhamba dzemutsara pamwe nechepamusoro pemutsetse. Inoratidza mutsara wembiru chiratidzo chemitsetse iyo inoputika kupfuura yakatarisa hwindo.
- Nhamba Dzakachengetwa - inoratidza mavara chaiwo pane nzvimbo yemahara iyo inogona kuratidza pane peji yewebhu. Izvo sedhidhiro inotsiva nzvimbo, chevron mbiri inotsiva rimwe tabhi, uye pilcrow kana nhamba yemavara inotsiva rimwe nerimwe rakatsetseka.
- Simbisai Chinyorwa Chisingabvumirwi - inojekesa HTML isina kukodzera mujenya. Kana ukasarudza yellow tag, Property Inspector ichakupa mazano ekugadzirisa.
- Syntax Coloring - shandura kana kuvhara mutsara coding ye code yako. Iwe unoshandura mavara ehuvara rako coding mumutsetse wemirasi yevaravara yezvaunofarira.
- Auto Indent - inoita kuti code yako irambe ichitsvaga mushure mokunge motokari idzoka kana kero yepamusoro payo ichinyorwa. Iwe unogona kuchinja usayizi hwechidhindo kuburikidza nekuchinja hukuru hwetabhesi muchikamu chekufambisa kwekhodi yezvaunofarira.
Kugadzirisa HTML Code muDreamweaver Code View
Zviri nyore kuronga code HTML muchiratidzo cheDreamweaver. Ingotanga kuverenga yako HTML. Asi Dreamweaver inokupa iwe zvimwe zvinyorwa zvinowedzera iyo kupfuura kwekukosha kwe HTML editor. Paunotanga kunyora tag HTML, iwe unofanidza <. Kana iwe ukamira pakarepo mushure mehutano uhwu, Dreamweaver achakuratidza urongwa hwe HTML tags . Izvo zvinonzi mazano zvinyorwa. Kuti udzikise pasi kusarudzwa, tanga kutora tsamba - Dreamweaver ichaderedza pasi dhesi-rutsoko kune rimwe tag inokodzera zvauri kuverenga.
Kana iwe uri mutsva kuHTML, unogona kupfurikidza nemazita e HTML tags uye sarudza zvakasiyana-siyana kuti uone zvavanoita. Dreamweaver acharamba achikukurudzira kuti uve nehumwe unhu kana waisa tate. Somuenzaniso, kana iwe ukanyora " tag.
Asi zvinyorwa zvekhodi hazvigumi pamataki. Iwe unogona kushandisa code mazano kuti uise:
Kana iyo code inoratidza kuti haina kuonekwa, unogona kutora Ctrl-spacebar (Windows) kana Cmd-spacebar (Macintosh) kuti vaone. Chikonzero chinowanzoita kuti chidimbu chekhodi chingave chisingaoneke kana iwe ukashandura kune imwe firiji usati wapedza tate rako. Nemhaka yokuti Dreamweaver ari kubvisa kubata kwemuti <, kana iwe ukabva pahwindo uye ukadzoka, iwe unofanira kutangazve kutora zvinyorwa.
Iwe unokwanisa kubvisa mhando yemashandisirwo emitemo kuburikidza nekurova kona yekupukunyuka.
Kana uchinge waisa mukana wako wokutanga we HTML, iwe uchada kuupfiga. Dreamweaver anoita izvi nenzira yepanyama. Kana iwe ukanyora sarudzo ye "Close Close" inonyatsokodzera zvaunoda.
Kana iwe usati wakagadzirira kuchinja pamusoro pekugadzira mapeji ako mu HTML asi iwe unoda kutarisa kodeti sezvazvakanyorwa, unofanira kuedza mutori wenhamba. Izvi zvinovhura HTML code mukati mewindo rakasiyana. Iyo inoshanda semakorodhe ekuona, uye, chaizvoizvo, inonyanya kushandiswa kwekode yewindo yewindo yeyodhidhi ino. Kuti uzarure mutori wenhamba, enda kuWhenow menu uye sarudza "Code Inspector" kana kuti hit F10 key pane yako keyboard.
Dreamweaver ichagadzirisa HTML code asi iwe unoda kuti iratidzwe. Semuenzaniso, kana ukashandisa zvikamu zvitatu kuti uzvidzore, asi usati wambotora IMG tags, unogona kutsanangura iyo fomati yekudzidzira mumakodhi ekudzorera zvakare. Zvadaro unoenda kumitambo yeMitemo uye sarudza "Shandisa Chinyorwa Chekuita." Iyi inzira yakanaka yekuwana kero yakanyorerwa mumwe munhu kune maitiro akajairika kwauri.
Chimwe chinhu chinonyanya kuzivikanwa nezvinyorwa zvakawanda zve HTML izvo kana kuti hazvishandisi kukwanisa kudonha code ye HTML. Izvi hazvibvisi ma tags kubva pamagwaro, asi vangozvichengeta kubva pakuona kuitira kuti vasavhiringidza kune zvauri kushanda. Kuti udzike code yako:
- Sarudza chikamu chekhodi iwe unoda kuviga
- MuMenu menu, sarudza "Collapse Selection" kubva pane "Code Collapse" sub-menyu
Nzira iri nyore ndeyokusarudza kodeti uye wozorora pamutsetse wekugumburwa icons inowanikwa mumvura. Iwe unogonawo kunyora zvakanaka pane imwe yakasarudzwa uye ukasarudza "Collapse Selection".
Kana iwe uchida kuvanza zvose kunze kwezvakaratidzwa, sarudza "Collapse Outside Selection" mune ipi zvayo inotevera nzira.
Kuti uwedzere kodeji yakagumburwa, kaviri kanyora pairi. Izvi zvinovhura ikhodi kumusoro uye inosarudza iyo. Ipapo iwe unogona kutamisa iyo kusarudzwa kana kuibvisa kana kuwedzera ma tags akaipoteredza.
Iwe unogona kushandisa kukoromoka uye kuwedzera chiitiko nguva dzose pamapeji apo haudi kuronga kunze kwema template. Iwe unongosarudza nzvimbo yehupenyu yaunoda kugadzirisa uye yawa pasi. Zvadaro nyora HTML yako. Iwe unogona kutarisa peji iri muChangamidzo yekutarisa kana kutarisa iri mu browser. Ikopa yakagumburwa haina kubviswa kubva pane zvinyorwa, zvingangovanzwa kubva pakuona. Iwe unogona kuishandisa zvakare apo uri kushanda pane zvakakanda zvinhu. Paunenge wapedza rimwe, ita. Iwe unoziva kuti wakaitwa apo pasina purogiramu inoratidza.