Dir musst net nëmme WYSIWYG benotzen
Dreamweaver ass e super WYSIWYG Editor , awer wann Dir net interesséiert Schreift Websäiten an engem "wat Dir gesitt, wat Dir kënnt" schreiwen, kënnt Dir trotzdem Dreamweaver benotzen, well et ass och e super Texteditor. Mee et gi vill Eegeschafte, déi duerch de Wee an den Dreamweaver Code Editor rutschen, well de primäre Fokus op "Design kucken" oder WYSIWYG Editor Deel vum Produkt ass.
Wéi gitt Dir an Dreamweaver Code View
Wann Dir ni Dreamweaver als HTML-Editor benotzt hutt, éier Dir d'Evenementer déi dräi Buttécker am Top vun der Säit nach ni gesinn huet: "Code", "Split" an "Design". Dreamweaver fänkt op Default u "Entwärdung" oder WYSIWYG Modus op. Mee et ass einfach ze wiesselen fir ze kucken an ze änneren de HTML Code. Klickt einfach op de Knäppchen "Code". Oder, klickt op d'Menüskaart an kuckt "Code".
Wann Dir nëmme léiert wéi Dir HTML schreift oder Dir wëllt e Geescht wéi Är Ännerungen op Äre Dokument beäntweren, da kënnt Dir d'Causes an d'Designvisualitéit an der selwechter Zäit öffnen. D'Schéinheet vun dëser Methode ass datt Dir och an deenen zwee Fënsteren äntweren kann. Dir kënnt de Code fir Äert Bildtag an HTML schreiwen an dann Design Entworf benotze fir en an en anere Standort op der Säit ze verschleieren mat Drag & Drop.
Fir fir ze kucken zwou, entweder:
- Klickt op "Split" Knäppchen (tëschent "Code" an "Design")
- Am Menu kuckt weg "Code and Design"
Wann Dir nofetéiert sidd mat Dreamweaver fir Äre HTML Code ze änneren, kënnt Dir Är Preferenzen änneren fir Dreamweaver a Code View default ze standardiséieren. Deen einfachste Wee ass d'Code kucken als Aarbechtplaz ze retten. Dreamweaver eröffnet am leschte Aarbechtsraum Dir benotzt. Wann et net geet, gitt einfach op d'Fenstermenü a wielt de Workspace deen Dir wëllt.
Code View Options
Dreamweaver ass sou flexibel, well et sou vill Manéier maacht fir se ze maaachen an ze maachen, wéi Dir et wëllt. An der Optiounfenster sinn et Code- Faarwen, Codeformatéieren, Codebeinden, a Codewiederschreiwe Optiounen déi Dir maacht. Mee Dir kënnt och e puer spezielle Optiounen an der Codeviséierung selwer änneren.
Sidd Dir an der Codevisioun, ass eng Schaltfläch "View Options" an der Toolbar. Dir kënnt d'Optiounen och kucken andeems Dir op d'Menüskaart liesen an d'Auswielen "Code View Options" auswielen. Déi Optiounen sinn:
- Word Wrap - ëmfaasst de HTML Code, fir datt Dir se ka gesinn ouni horizontal ze scrollen. Bedenkt datt dës Optioun net e weidert Wonné kënnt zréck an Ärem Code, et just de Code un, fir datt et méi einfach gëtt ze liesen.
- Zeilennummeren - Zeilenennummeren enthalen op der Säit vum Code. Et weist eng Zeil ëmfaasst Symbol fir Zeilen déi méi laang wrappe wéi d'Sichtfenster.
- Versteckte Charaktere weisen - speziell Zeechen anstatt vu Pausen déi op enger Websäit affichéieren. Esou wéi e Punkt eng Plaz ersetzt, ersetzt eng Dier Chevron op all Dësch, an e Pilz oder Paragraff markéiert all Zeilenzopp.
- Highlight Invalid Code - Highlights HTML déi falsch ass an der Giel. Wann Dir de gielgen Dag ausgewielt gëtt, gëtt de Property Inspector Iech Suggestiounen fir ze fixéieren.
- Syntax Coloring - dreet op oder aus der Faarfkodéierung vun Ärem Code. Dir ännert d'Faarwen vun Ärer Faarfkodéierung am Code-Ofdeel vun de Virléiften.
- Auto Indent - mécht Är Code automatësch no engem Kutsch zeréck, wann de Code méi wéi et geet. Dir kënnt d'Gréisst vum Ausnam änneren andeems d'Tabulatgréisst am Codeformatéierende Sektioun vun de Virléiften ännert.
HTML Code änneren an der Dreamweaver Code View
Et ass einfach HTML Code an der Code View of Dreamweaver ze änneren. Fëllt einfach Äert HTML. Awer Dreamweaver bitt Iech e puer Extras, déi et iwwer e Basis-HTML-Editor eroflueden. Wann Dir ufänkt e HTML-Skript ze schreiwen, gidd Dir <. Wann Dir no dësem Charakter austausche kënnt, kritt Dreamweaver Iech eng Lëscht vu HTML-Tags . Dëst sinn Code genannt. Fir d'Selektioun vun der Selektioun ze starten, d'Schreifweis ze starten - Dreamweaver schreift d'Dropdown-Lëscht op den Etikett, deen passt fir wat Dir typen.
Wann Dir nei HTML hutt, kënnt Dir duerch d'Lëscht vun den HTML-Säiten duerchsoen a verschidde verschidde wielen fir ze kucken wat se maachen. De Dreamweaver wäert Iech weiderhin attributtn nogewise ginn, wann Dir e Tag fonnt hutt. Zum Beispill, wann Dir " Tag.
Mä Code Hinüecher endlech op d'Tags. Dir kënnt Code-Hinweis benotzen fir ze insertéieren:
Wann de Code Tubaks nët erscheet, kënnt Dir Ctrl-Spacebar (Windows) oder Cmd-Spacebar (Macintosh) fonnt hun fir se ze weisen. Déi allgemeng Ursaach firwat e Code hint net ersaat gëtt ass wann Dir op eng aner Fënster ëmgeännert ass, ier Dir Äert Tag gemaach ass. Well Dreamweaver ass de Schlëssel vum Zeechen vum Charakter <, wann Dir d'Fensteren verléisst a zréckzekommen, musst Dir d'Codezouen erstallt hunn.
Dir kënnt de Code hindrengem Menü ausschalten andeems de Fluchtschlüssel beeindes.
Soubal Dir Är HTML-Erëffnung geoppt hutt, musst Dir se zou maachen. Dreamweaver huet dat op enger natierlecher Manéier. Wann Dir d'"Schlësselen" op dës Optioun klickt, déi am Beschten entsprécht.
Wann Dir net ganz fäerdeg ass ze wiesselen fir Äert Säiten an HTML ze änneren, awer Dir wëllt den Code kucken wann et geschriwwe gëtt, sollt Dir de Codeinspektor probéieren. Dëst öffnet den HTML Code an engem separaten Fenster. Et funktionnéiert grad wéi Code View, an tatsächlech ass haaptsächlech e detachable Code Viewer fir den aktuellen Dokument. Fir den Codeinspektor opzemaachen, gitt op d'Fenstermenur a wählt "Code Inspector" oder klickt op d'F10 Taste op der Tastatur.
Dreamweaver féiert HTML Code awer Dir wëllt et uginn. Zum Beispill, wann Dir 3 Späicherplaatz benotze wëllt, awer ni indentéierter IMG Tags, kënnt Dir déi Formatatiounsinformatioun an de Code-Skriptoptiounen spezifizéieren. Da gitt Dir op de Kommandoen-Menü a gitt "Formulär Quellformuléierung opsetzen". Dëst ass eng super Manéier fir Code ze kréien deen engem aneren geschriwwe gëtt an e Format wat Dir kennt.
Eng Feature déi vill HTML Coder et weess net oder iwwerhaapt net benotzt ass d'Fäegkeet, HTML Code ze kolagéieren. Dëst zielt net d'Tags aus dem Dokument ze läschen, mais se nëmmen aus der Sicht ewechzehuelen, fir datt se net op d'Ofwécklung vun deem wat Dir schafft. Fir Är Code zirkuléieren:
- Wielt den Abschnitt vum Code Dir wëllt versteesoen
- Am Menü Edit, klickt "Selektioun" aus dem Code Code Collapse
E méi einfache Wee ass de Code auszeschléissen an klickt dann op d'Ofstëmmungscode vun der Code, déi an der Rutt fonnt gëtt. Dir kënnt och klickt op de gewielte Code an de "Collapse Selection".
Wann Dir alles zoufënnt, ausser datt wat markéiert ass, wäerte "Collapse Outside Selection" op ee vun dësen Methoden auswielen.
Fir de Korrupte gebraucht ze vergréisseren, einfach doppelklickt op et. Dëst mécht den Code op an wählt se. Da kënnt Dir dës Selektioun zéien oder et läschen oder dodär zousätzlech Variatiounen.
Dir kënnt all d'Zäit op der Säit uklicken an erweideren Feierdeeg op Säiten wou Dir déi extern Schabloun net ännere wëllt. Dir wielt nëmmen den Inhalt wou Dir wëllt änneren an dobäikomm dobaussen. Schreift Äer HTML. Dir kënnt d'Säit nach an der Entwärmungsvisioun kucken oder se an engem Browser kucken. De Korrupte Code gëtt net aus dem Dokument geläscht, einfach verstinn aus der Sicht. Dir kënnt et och benotzen wann Dir eng Serie vun Elementer schafft. Wann Dir een ofgeschloss ass, briechen et. Dir wësst Dir sidd gemaach wann et kee Code gëtt.