Jo moatte net allinne WYSIWYG brûke
Dreamweaver is in grutte WYSIWYG-bewurker , mar as jo net ynteressearje foar it skriuwen fan websiden yn in "wat jo sjogge is wat jo krije", kinne jo Dreamweaver noch brûke omdat it ek in geweldige tekstredakteur is. Mar der binne in protte funksjes dy't slute troch de webside yn 'e Dreamweaver-koade-editor, om't it primêre fokus op' e "ûntwerpwerjefte" of WYSIWYG-bewurkingpart fan it produkt is.
Hoe kinne jo yn Dreamweaver Code View krije
As jo Dreamweaver noait brûkt hawwe as in HTML-bewurker foardat jo de trije knoppen nea op 'e top fan' e side nea sjoen hawwe: "Code", "Split" en "Untwerp". Dreamweaver fynt standert yn standert yn "Ontwerpwerjefte" of WYSIWYG-modus. Mar it is maklik om te wiskjen om te besjen en te bewurkjen fan de HTML-koade. Krekt gewoan op de "Code" knop. Of, gean nei it menu werje en selektearje "Code".
As jo allinich learzje hoe't jo HTML skriuwe wolle of jo wolle in gefoel krije hoe't jo wizigings jo dokumint ynfloedje, kinne jo tagelyk de koade werjeften en ûntwerpen iepenje. De skientme fan dizze metoade is dat jo yn beide finsters ek bewurkje kinne. Sa kinne jo de koade skriuwe foar jo byldblêd yn HTML en brûk dan de ûntwerpwerjefte om it nei in oare lokaasje te bewegen op 'e side mei dragje en drop.
Om sawol op ien of oare manier te sjen:
- Klikje op de knop "Split" (tusken "Code" en "Untwerp")
- Yn it menu sjen litte, selektearje "Code en ûntwerp"
As jo noflik binne mei Dreamweaver om jo HTML-koade te bewurkjen, kinne jo foarkar wizigje om Dreamweaver yn standert werjefte te iepenjen. De maklikste manier is it bewarjen fan de koade werjeamer as wurkfjild. Dreamweaver sil iepenje yn it lêste wurkpunt dat jo brûke. As it net giet, gean jo gewoanwei nei it finstermenu, en kieze de wurkspace dy't jo wolle.
Koade werjefteopsjes
Dreamweaver is sa fleksibel omdat it sa folle manieren hat om it oan te passen en te meitsjen dat it wurket as jo it wolle. Yn it opsjesfinster binne der koade kleuren, koade formaat, koade hintsjes, en koade werwizingsopsjes dy jo oanpasse kinne. Mar jo kinne ek inkele spesjale opsjes feroarje yn de koade werjefte sels.
As jo yn code view binne, dan is in knop "View Opsjes" yn 'e arkbalke. Jo kinne ek de opsjes werjaan troch te gean yn it View menu en it selektearjen fan 'Code View Options'. De opsjes binne:
- Word Wrap - wreide de HTML-koade sadat jo it sjen kinne sûnder horizontaal te skowen. Tink derom dat dizze opsje net ynfoege jo foarkar yn jo koade, it allinich jout de koade sadat it makliker te lêzen is.
- Rigelnûmers - lûkt rigels nûmers oan 'e kant fan' e koade. It lit in tekenrige symboal foar linen dy't langer wekker meitsje as it werjaan finster.
- Feroarende sjabloanen - spesjale spesjale tekens ynstelle fan whitespace dy 't sjen litte op in webside. As in dot ferfangt in romte, in dûbele chevron ferfangt elke ljepper, en in piloazje of paragraaf markearret elke line break.
- Markearje Unjildige koade - markearret HTML dat ferkeard is yn giel. As jo de giele tagelik selektearje, jouwt de Property Inspector jo hintsjes oer hoe't jo it beheine.
- Syntaksfeardigens - ferwizings de ofkodearring fan jo koade yn of of út. Jo feroarje de kleuren fan jo kleur kodearring yn de koade kleurenskema fan 'e foarkarren.
- Auto yndrukke - makket jo koade automatysk nei in koets werom as de koade boppe it yndrukt wurdt. Jo kinne de grutte fan 'e yndieling wizigje troch te feroarjen fan de ljeppergrutte yn' e codeformatearjende seksje fan 'e foarkarren.
HTML-koade yn Dreamweaver-koade werjaan
It is ienfâldich om HTML-koade te feroarjen yn Dreamweaver's koade werjeft. Begjin fan jo begjin te typen fan jo HTML. Mar Dreamweaver biedt jo mei guon ekstra's dy't it útwreidzje bûten in basis HTML-editor. As jo begjinne mei it skriuwen fan in HTML-tag, typst <. As jo nei dit karakter pausje, sil Dreamweaver in list mei HTML-tags sjen litte . Dizze wurde code hintsjes neamd. Om de seleksje te lizzen, begjinne lettertypen te begjinnen - Dreamweaver sil de dropdown-ljepper de tagongsrjochten oanpasse dy't pas wat jo typearje.
As jo nije binne, kinne jo troch de list fan HTML-tags scrollen en kieze ferskate kearen om te sjen wat se dogge. Dreamweaver sil jo trochgean om jo foar attributen as jo in tag markearje. As jo bygelyks " tag lykje.
Mar koade-hintsjes binne net by de tags oanbean. Jo kinne koade hintsjes brûke om ynfoegje:
As de koade-toetsen net ferskine, kinne jo Ctrl-Spacebar (Windows) of Cmd-Spacebar (Macintosh) opslaan om se te sjen. De meast foarkommende reden wêrom't in koade hint miskien net is, as jo op in oare finster wikselje foardat jo taggenommen binne. Trochdat Dreamweaver it typen fan it karakter oanpasse, as jo it finster ferlitte en weromkomme, moatte jo de koade hintsjes opnij útsette.
Jo kinne it koade-hintsmenu útsette troch de fluchtoets te smiten.
As jo jo HTML-tagong iepenje hawwe, moatte jo it slute. Dreamweaver docht dit op natuerlike wize. As jo de opsje "Tag slute" ynfiere, dy't jo behoeften goed makket.
As jo net frij klear binne om te skeakeljen om jo siden yn HTML te bewurkjen, mar jo wolle graach de koade besjen as it skreaun is, moatte jo de koade ynspeksje besykje. Dit iepenet de HTML-koade yn in aparte finster. It funksjonearret krektas cd-werjefte, en, yn feite, is yn haadsaak in ferdielbere cd-werjefte-finster foar it aktuele dokumint. Om de koade Inspektor te iepenjen, gean nei it menu "Finster" en kieze "Code Inspector" of op 'e knop F10 op jo toetseboerd.
Dreamweaver sil HTML-koade formatearje lykwols jo wolle graach sjen. As jo bygelyks 3 romten brûke om yntekenje, mar nea yndirekte IMG-tags, kinne jo dat formaat ynformearje yn 'e koade werwizingsopsjes. Dan gean jo nei it kommando menu en kieze "Oanfreegje source formaat". Dit is in geweldige manier om kodearring te krijen fan immen yn in formaat dat jo bekend binne.
In funksje dat in soad HTML-coders net witte of net brûke is de mooglikheid om HTML-koade te fellen. Dit makket de tags net fan 'e dokumint ôf, mar ferwiderje se gewoan troch te besjen sadat se net ôfwike nei wat jo wurkje. Om jo koade te brekken:
- Selektearje de sekte fan koade dy jo wolle ferbergje
- Yn it menu "Bewurkje" kieze "Seleksje kieze" út it submenu "Code Collapse"
In ienfâldiger wize is om de koade te selektearjen en dan klikje op 'e kodearings fan' e koade dy't ferskine yn 'e rinnen. Jo kinne ek rjochts klikke op 'e selekteare koade en kieze "Collapse Selection".
As jo alles útskriuwe, behalve wat wat markearre wurdt, kieze "Collapse Outside Selection" yn ien fan 'e boppesteande metoaden.
Om útwreide koade út te wreidzjen, kinne jo dûbel klikke op dizze. Dit iepene de koade op en selektearret it. Dan kinne jo dizze seleksje ferpleatse of wiskje of taheakje of tagonklik tags.
Jo kinne de ferdieling brûke en elke tiden útwreidzje op siden dêr't jo de eksterne sjabloan net oanpasse wolle. Jo selektearje it ynhâldpunt dat jo wizigje wolle en útwurkje bûten. Dan skriuw jo HTML. Jo kinne de side noch sjen yn Designview of foarbyld yn in browser. De ynklappe koade is net fuorthelle fan it dokumint, gewoan ferburgen fan 'e werjefte. Jo kinne it ek brûke as jo wurkje op in searje items. As jo ien foltôge hawwe, ferbrekke it. Jo witte dat jo dien wurde as der gjin koade te sjen is.