U moet nie net WYSIWYG gebruik nie
Dreamweaver is 'n goeie WYSIWYG redakteur , maar as jy nie belangstel om webbladsye te skryf in 'n "wat jy sien is wat jy kry" omgewing, kan jy nog steeds Dreamweaver gebruik, want dit is ook 'n goeie teksredakteur. Maar daar is baie funksies wat in die Dreamweaver-kode redakteur glip, want die primêre fokus is op die "ontwerpbeskouing" of WYSIWYG-redigeerdergedeelte van die produk.
Hoe om te kry in Dreamweaver Kode View
As jy nog nooit Dreamweaver as 'n HTML-redakteur gebruik het nie, het jy nog nooit die drie knoppies bo-aan die bladsy opgemerk nie: "Kode," "Split" en "Ontwerp." Dreamweaver begin as standaard in die "Ontwerp vertoning" of WYSIWYG af. Maar dit is maklik om oor te skakel na die lees en redigering van die HTML-kode. Klik net op die knoppie "Kode". Of gaan na die kieslys en kies 'Kode'.
As jy net leer hoe om HTML te skryf, of jy wil 'n idee kry van hoe jou veranderinge jou dokument sal beïnvloed, kan jy tegelykertyd kodesig en ontwerpbeskouing oopmaak. Die skoonheid van hierdie metode is dat jy ook in beide vensters kan wysig. So kan jy die kode vir jou prentetiket in HTML skryf en dan ontwerpontwerp gebruik om dit na 'n ander plek op die bladsy te verskuif met sleep en laat val.
Om albei gelyktydig te sien, óf:
- Klik op die knoppie "Split" (tussen "Kode" en "Ontwerp").
- In die kieslys kies "Kode en Ontwerp"
Sodra jy gemaklik is om Dreamweaver te gebruik om jou HTML-kode te wysig, kan jy jou voorkeure verander om Dreamweaver in kode weer te gee. Die maklikste manier is om die kode vertoning as 'n werkplek te stoor. Dreamweaver sal oopmaak in die laaste werkplek wat jy gebruik het. As dit nie die geval is nie, gaan jy eenvoudig na die vensterlys en kies die werkplek wat jy wil hê.
Kode vertoning opsies
Dreamweaver is so soepel omdat dit so baie maniere het om dit aan te pas en te laat werk soos jy dit wil hê. In die opsie venster is daar kode kleur, kode formatering, kode wenke, en kode herschrijf opsies wat u kan aanpas. Maar jy kan ook 'n paar spesiale opsies binne die kode sien.
Sodra jy in die kode vertoning is, is daar 'n "View Options" knoppie in die nutsbalk. U kan ook die opsies sien deur na die View-kieslys te gaan en die opsie 'Kode-opsies' te kies. Die opsies is:
- Word Wrap - Wikkel die HTML-kode sodat jy dit kan sien sonder om horisontaal te skuif. Let daarop dat hierdie opsie nie enige karretjieopbrengste in u kode inskryf nie, dit wys net die kode sodat dit makliker om te lees.
- Lynnommers - vertoon reëlnommers langs die kant van die kode. Dit toon 'n lynstrook simbool vir lyne wat langer as die uitsigvenster wikkel.
- Versteekte karakters - vertoon spesiale karakters in plaas van witruimte wat op 'n webblad sou vertoon. Soos 'n punt 'n plek vervang, vervang 'n dubbele chevron elke oortjie, en 'n pylkruid- of paragraafmerker vervang elke lynbreuk.
- Merk ongeldige kode - beklemtoon HTML wat verkeerd is in geel. As jy die geel kode kies, sal die eiendomsinspekteur wenke gee oor hoe om dit reg te stel.
- Sintaksverfkleur - skakel die kleurkodering van jou kode aan of af. U verander die kleure van u kleurkodering in die kode kleur afdeling van die voorkeure.
- Auto Indent - maak jou kode outomaties na 'n karretjie terug as die kode hierbo ingedruk is. U kan die grootte van die inskrywing verander deur die tabgrootte in die kode-opmaak afdeling van die voorkeure te verander.
HTML kode verander in Dreamweaver Kode vertoning
Dit is maklik om HTML-kode te wysig in Dreamweaver se kode vertoning. Begin eenvoudig om jou HTML te tik. Maar Dreamweaver bied jou 'n paar ekstras wat dit uitbrei bo 'n basiese HTML-redakteur. Wanneer jy 'n HTML-kode begin skryf, tik jy <. As jy regs na die karakter breek, sal Dreamweaver jou 'n lys van HTML-etikette wys . Dit word kode wenke genoem. Om die seleksie te verlaag, begin briewe te skryf - Dreamweaver sal die aftrekkieslys beperk tot die merker wat pas by wat jy tik.
As jy nuut is in HTML, kan jy deur die lys van HTML-etikette blaai en verskeie kies om te sien wat hulle doen. Dreamweaver sal voortgaan om jou te vra vir eienskappe sodra jy 'n merker getik het. Byvoorbeeld, as jy " -tag verlaag.
Maar kode wenke eindig nie by die etikette nie. Jy kan kode wenke gebruik om in te voeg:
As die kode wenke nie verskyn nie, kan jy Ctrl-spasiebalk (Windows) of Cmd-spasiebalk (Macintosh) druk om hulle te laat vertoon. Die mees algemene rede waarom 'n kodewenke dalk nie verskyn nie, is as jy na 'n ander venster oorgeskakel het voordat jy jou merker voltooi het. Omdat Dreamweaver die tik van die karakter uitskakel <, as jy die venster verlaat en terugkom, moet jy die kodewenke weer begin.
U kan die kode wenke menu afskakel deur die ontsnappingsleutel te slaan.
Sodra jy jou opening HTML-kode getik het, moet jy dit sluit. Dreamweaver doen dit op 'n natuurlike manier. As jy die opsie 'Sluit etikette' tik wat die beste by jou behoeftes pas.
As jy nie heeltemal gereed is om oor te skakel na die redigering van jou bladsye in HTML nie, maar jy wil graag die kode sien soos dit geskryf is, moet jy die kodeinspekteur probeer. Dit maak die HTML-kode oop in 'n aparte venster. Dit werk net soos die kode vertoning, en is eintlik basies 'n afneembare kodevenster vir die huidige dokument. Om die kodeinspekteur oop te maak, gaan na die vensterlys en kies "Kodeinspekteur" of druk die F10 sleutel op u sleutelbord.
Dreamweaver sal HTML-kode formateer, maar jy wil dit graag vertoon. Byvoorbeeld, as jy 3 spasies gebruik om in te voeg, maar nooit IMG-tags in te voer nie, kan jy daardie formateringinligting spesifiseer in die kodeherskryf-opsies. Dan gaan jy na die menu Opdragte en kies 'Gebruik Bron Formatering'. Dit is 'n goeie manier om kode wat deur iemand anders geskryf is, te kry in 'n formaat wat vir jou bekend is.
'N Funksie wat baie HTML-kodeerders nie weet of nie gebruik nie, is die vermoë om HTML-kode in te val. Dit verwyder nie die etikette van die dokument nie, maar verwyder dit net uit vertoning sodat dit nie afgelei is van waaraan jy werk nie. Om jou kode in te val:
- Kies die gedeelte kode wat u wil versteek
- Kies in die kieslys kies "Collapse Selection" in die submenu "Code Collapse"
'N makliker manier is om die kode te kies en dan op die kode ineenstorting ikone wat in die goot verskyn. U kan ook regs kliek op die gekose kode en kies "Collapse Selection".
As jy alles wil wegsteek behalwe wat gemerk is, kies "Ineenstorting buite keuse" in enige van die bogenoemde metodes.
Om ingevoude kode uit te brei, kliek dubbel op dit. Dit maak die kode oop en kies dit. Dan kan jy daardie seleksie skuif of dit uitvee of bykomende etikette daaraan voeg.
U kan die ineenstorting en uitbreidingsfunksie altyd gebruik op bladsye waar u nie die eksterne sjabloon wil wysig nie. Jy kies net die inhouds area wat jy wil wysig en ineenstort. Skryf dan jou HTML. U kan die bladsy steeds in Ontwerp-uitsig sien of dit in 'n blaaier voorbeskou. Die ingevoude kode word nie uit die dokument verwyder nie, bloot versteek van vertoning. U kan dit ook gebruik as u aan 'n reeks items werk. As jy klaar is, steek dit in. Jy weet jy is klaar wanneer daar geen kode is nie.