Nid oes rhaid i chi ddefnyddio WYSIWYG yn unig
Mae Dreamweaver yn olygydd gwych WYSIWYG , ond os nad oes gennych ddiddordeb mewn ysgrifennu tudalennau gwe mewn amgylchedd "yr ydych chi'n ei weld yn yr hyn a gewch chi", gallwch chi ddefnyddio Dreamweaver oherwydd ei fod hefyd yn olygydd testun gwych. Ond mae yna lawer o nodweddion sy'n llithro ar y ffordd o fewn golygydd cod Dreamweaver oherwydd bod y prif ffocws ar y rhan "golygfa ddylunio" neu golygydd WYSIWYG o'r cynnyrch.
Sut i Dod i Mewn i Dreamweaver Code View
Os nad ydych erioed wedi defnyddio Dreamweaver fel golygydd HTML cyn efallai na fyddech erioed wedi sylwi ar y tri botymau ar frig y dudalen: "Cod," "Hollti," a "Dylunio". Mae Dreamweaver yn cychwyn yn ddiofyn yn "Golygfa ddylunio" neu ddull WYSIWYG. Ond mae'n hawdd newid i weld a golygu'r cod HTML. Cliciwch ar y botwm "Cod". Neu, ewch i'r ddewislen View a dewiswch "Cod."
Os ydych chi'n dysgu sut i ysgrifennu HTML neu os ydych am gael synnwyr o sut y bydd eich newidiadau yn effeithio ar eich dogfen, gallwch agor golwg cod a golwg dylunio ar yr un pryd. Mae harddwch y dull hwn yn golygu y gallwch olygu yn y ddau ffenestr hefyd. Felly gallwch chi ysgrifennu'r cod ar gyfer eich tag delwedd yn HTML ac yna defnyddiwch ddyluniad dylunio i'w symud i leoliad arall ar y dudalen gyda llusgo a gollwng.
I weld y ddau ar unwaith, naill ai:
- Cliciwch ar y botwm "Hollti" (rhwng "Cod" a "Dylunio")
- Yn y ddewislen View, dewiswch "Cod a Dylunio"
Unwaith y byddwch chi'n gyfforddus gan ddefnyddio Dreamweaver i olygu eich cod HTML, gallwch newid eich dewisiadau i agor Dreamweaver yn y golwg cod yn ddiofyn. Y ffordd hawsaf yw cadw'r cod cod fel man gwaith. Bydd Dreamweaver yn agor yn y man gwaith olaf yr oeddech yn ei ddefnyddio. Os nad ydyw, ewch i ddewislen y Ffenestr, a dewiswch y man gwaith rydych chi ei eisiau.
Dewisiadau Côd View
Mae Dreamweaver mor hyblyg oherwydd mae ganddo gymaint o ffyrdd i'w addasu a'i wneud yn gweithio fel y dymunwch. Yn y ffenestr opsiynau, mae yna lliwiau cod, fformatio cod, awgrymiadau cod, ac opsiynau ailysgrifennu cod y gallwch eu haddasu. Ond gallwch hefyd newid rhai opsiynau arbennig yn y golwg cod ei hun.
Unwaith y byddwch chi mewn golwg cod, mae botwm "Gweld Opsiynau" yn y bar offer. Gallwch hefyd weld yr opsiynau trwy fynd i mewn i'r ddewislen View a dewis "Cod View Options." Dyma'r opsiynau:
- Word Wrap - yn lapio'r cod HTML fel y gallwch ei weld heb sgrolio'n llorweddol. Sylwch nad yw'r opsiwn hwn yn mewnosod unrhyw ffurflenni cerbyd yn eich cod, dim ond yn dangos y cod fel ei bod yn haws ei ddarllen.
- Rhifau Llinell - dangoswch rifau llinell ar hyd ochr y cod. Mae'n dangos symbol lapio llinell ar gyfer llinellau sy'n lapio yn hwy na ffenestr y golygfa.
- Nodweddion Cudd - yn arddangos cymeriadau arbennig yn hytrach na gofod gwag a fyddai'n ymddangos ar dudalen we. O'r fath fel dot yn disodli gofod, mae cavron dwbl yn disodli pob tab, ac mae marc peilot neu baragraff yn disodli pob toriad llinell.
- Nodi Cod Annilys - yn tynnu sylw at HTML sy'n anghywir mewn melyn. Os byddwch yn dewis y tag melyn, bydd yr Arolygydd Eiddo yn rhoi awgrymiadau i chi ar sut i'w atgyweirio.
- Lliwio Cystrawen - troi ymlaen neu oddi ar gôd lliw eich cod. Rydych chi'n newid lliwiau eich cod lliw yn adran lliwio'r cod o'r dewisiadau.
- Auto Indent - yn gwneud eich cod yn indent yn awtomatig ar ôl dychwelyd cerbyd os yw'r cod uchod yn cael ei bentio. Gallwch newid maint y indent trwy newid maint y tab yn adran fformat y cod o'r dewisiadau.
Golygu Code HTML yn Dream View Code View
Mae'n hawdd golygu cod HTML yn olwg cod Dreamweaver. Yn syml, dechreuwch deipio eich HTML. Ond mae Dreamweaver yn rhoi rhai extras i chi sy'n ei ymestyn y tu hwnt i olygydd HTML sylfaenol. Pan ddechreuwch ysgrifennu tag HTML, rydych chi'n teipio <. Os byddwch chi'n paratoi yn union ar ôl y cymeriad hwnnw, bydd Dreamweaver yn dangos rhestr o tagiau HTML i chi. Gelwir y rhain yn awgrymiadau cod. Er mwyn lleihau'r dewis, dechreuwch lythyrau teipio - bydd Dreamweaver yn lleihau'r rhestr sy'n disgyn i'r tag sy'n cyd-fynd â'r hyn rydych chi'n teipio.
Os ydych chi'n newydd i HTML, gallwch sgrolio trwy'r rhestr o tagiau HTML a dewis gwahanol rai i weld beth maen nhw'n ei wneud. Bydd Dreamweaver yn parhau i eich annog chi am briodweddau unwaith y byddwch wedi teipio tag. Er enghraifft, os ydych chi'n teipio ".
Ond nid yw awgrymiadau cod yn dod i ben yn y tagiau. Gallwch ddefnyddio awgrymiadau cod i fewnosod:
Os nad yw'r awgrymiadau cod yn ymddangos, gallwch chi guro Ctrl-spacebar (Windows) neu Cmd-spacebar (Macintosh) er mwyn eu dangos. Y rheswm mwyaf cyffredin na allai awgrym ar god cod ymddangos os ydych wedi newid i ffenestr wahanol cyn gorffen eich tag. Oherwydd bod Dreamweaver yn ymadael â theipio y cymeriad <, os byddwch chi'n gadael y ffenestr ac yn dychwelyd, bydd yn rhaid i chi ail-lansio'r awgrymiadau cod.
Gallwch ddiffodd y ddewislen awgrymiadau cod trwy daro'r allwedd dianc.
Ar ôl i chi deipio eich tag HTML agoriadol, bydd angen i chi ei chau. Mae Dreamweaver yn gwneud hyn mewn ffordd naturiol. Os ydych chi'n teipio yr opsiwn "Close Tags sy'n gweddu orau i'ch anghenion.
Os nad ydych chi'n barod i drosglwyddo i olygu eich tudalennau yn HTML ond hoffwch wylio'r cod fel y'i ysgrifennwyd, dylech roi cynnig ar yr arolygydd cod. Mae hyn yn agor y cod HTML mewn ffenestr ar wahân. Mae'n gweithio yn union fel golwg cod, ac, mewn gwirionedd, yn y bôn yw ffenestr edrych cod codadwy ar gyfer y ddogfen gyfredol. I agor yr arolygydd cod, ewch i ddewislen Ffenestri a dewis "Cod Arolygydd" neu daro'r allwedd F10 ar eich bysellfwrdd.
Bydd Dreamweaver yn ffurfio cod HTML, fodd bynnag, yr hoffech ei ddangos. Er enghraifft, os ydych chi'n defnyddio 3 lle i gael eu indent, ond byth byth â thaplenni IMG, gallwch chi nodi'r wybodaeth fformatio honno yn yr opsiynau ailysgrifennu cod. Yna, ewch i'r ddewislen Commands a dewiswch "Apply Source Formatting." Mae hon yn ffordd wych o gael cod wedi'i ysgrifennu gan rywun arall i fformat sy'n gyfarwydd â chi.
Nodwedd nad yw llawer o godwyr HTML yn gwybod amdano neu'n methu â defnyddio yw'r gallu i gwympo cod HTML. Nid yw hyn yn dileu'r tagiau o'r ddogfen, ond dim ond eu tynnu o'r farn fel nad ydynt yn tynnu sylw at yr hyn rydych chi'n gweithio arno. I chwalu eich cod:
- Dewiswch yr adran o'r cod yr ydych am ei guddio
- Yn y ddewislen Golygu, dewis "Dethol Cwymp" o'r is-ddewislen "Code Collapse"
Ffordd haws yw dewis y cod ac yna cliciwch ar eiconau cwympo'r cod sy'n ymddangos yn y gwter. Gallwch hefyd glicio ar y codau a ddewiswyd a dewis "Collapse Selection".
Os ydych chi eisiau cuddio popeth ac eithrio'r hyn a amlygir, dewiswch "Cwympo Detholiad Allanol" mewn unrhyw un o'r dulliau uchod.
Er mwyn ehangu cod wedi cwympo, cliciwch ddwywaith arno. Mae hyn yn agor y cod i fyny ac yn ei ddewis. Yna gallwch chi symud y dewis hwnnw neu ei ddileu neu ychwanegu tagiau ychwanegol o'i gwmpas.
Gallwch ddefnyddio'r cwymp ac ehangu'r nodwedd drwy'r amser ar dudalennau lle nad ydych am olygu'r templed allanol. Rydych chi ond yn dewis yr ardal gynnwys yr ydych am ei olygu a'i chwympo y tu allan. Yna ysgrifennwch eich HTML. Gallwch barhau i weld y dudalen yn y llun Dylunio neu ei ragweld mewn porwr. Ni chaiff y cod cwympo ei dynnu oddi ar y ddogfen, ond wedi'i guddio o'r golwg. Gallwch hefyd ei ddefnyddio pan fyddwch chi'n gweithio ar gyfres o eitemau. Pan fyddwch wedi gorffen un, cwympwch hi. Rydych chi'n gwybod eich bod wedi ei wneud pan nad oes cod yn dangos.