Vi Ne Devas Uzi Nur WYSIWYG
Dreamweaver estas bonega redaktilo de WYSIWYG , sed se vi ne interesas skribi retpaĝojn en "kion vi vidas, kion vi ricevas" medio, vi ankoraŭ povas uzi Dreamweaver ĉar ĝi ankaŭ estas bonega redaktilo. Sed estas multaj trajtoj, kiuj trapasas la vojon ene de la komputilo-redaktilo de Dreamweaver ĉar la ĉefa fokuso estas sur la "dezajno-opinio" aŭ de la redaktilo de WYSIWYG-parto de la produkto.
Kiel Akiri En Dreamweaver Kodo Vido
Se vi neniam uzis Dreamweaver kiel HTML-redaktanton antaŭ ol vi eble neniam rimarkis la tri butonojn ĉe la supro de la paĝo: "Kodo," "Split," kaj "Design." Dreamweaver komenciĝas defaŭlte en "Design view" aŭ WYSIWYG-reĝimo. Sed estas facile ŝanĝi al vidado kaj redaktado de la HTML-kodo. Simple alklaku la butonon "Kodo". Aŭ, eniru la Vidan menuon kaj elektu "Kodon."
Se vi nur lernas kiel skribi HTML aŭ vi volas senti, kiel viaj ŝanĝoj efikos vian dokumenton, vi povas malfermi kodon vidon kaj dezajnan vidpunkton samtempe. La beleco de ĉi tiu metodo estas, ke vi povas redakti ambaŭ fenestrojn. Do vi povas skribi la kodon por via bildo etikedo en HTML kaj tiam uzu dezajnon por movi ĝin al alia loko en la paĝo kun treni kaj faligi.
Por vidi ambaŭ samtempe, ĉu:
- Alklaku la butonon "Split" (inter "Kodo" kaj "Dezajno")
- En la Vida menuo, elektu "Kodon kaj Dezajno"
Unufoje vi komfortas uzi Dreamweaver por redakti vian HTML-kodon, vi povas ŝanĝi viajn preferojn por malfermi Dreamweaver en kodo-vido defaŭlte. La plej facila maniero estas konservi la kodon vido kiel spaco de laboro. Dreamweaver malfermiĝos en la lasta laborpaco, kiun vi uzis. Se ne tiel, simple iru al la fenestro-menuo, kaj elektu la spacan spacon, kiun vi volas.
Kodo Vidaj Elektoj
Dreamweaver estas tiel fleksebla ĉar ĝi havas multajn manierojn por personecigi ĝin kaj fari ĝin funkcii kiel vi volas ĝin. En la fenestro de ebloj, ekzistas kodoj de kodigo, formato de kodo, aliĝoj de kodo kaj ebloj de reescribo de kodo kiun vi povas ĝustigi. Sed vi ankaŭ povas ŝanĝi iujn specialajn eblojn ene de la kodo-vidado mem.
Unufoje vi estas en kodo vido, estas butono "Rigardi Eblojn" en la ilobreto. Vi ankaŭ povas vidi la eblojn de la menuo Vido kaj elektante "Kodon Vidaj Elektoj". La ebloj estas:
- Word Wrap - eniras la HTML-kodon tiel ke vi povas vidi ĝin sen movi horizontale. Rimarku, ke ĉi tiu opcio ne enmetas neniun kaleŝan rondveturon en via kodo, ĝi nur montras la kodon tiel ke ĝi estas pli facila legi.
- Liniaj Nombroj - montras liniajn nombrojn laŭ la flanko de la kodo. Ĝi montras linion envolva simbolo por linioj kiuj envolvas pli longan ol la fenestro de vido.
- Kaŝitaj Karakteroj - montras specialajn signojn anstataŭ spacoĉambro, kiu montrus en retpaĝaro. Kiel punkto anstataŭas spacon, duobla krono anstataŭas ĉiun pordon, kaj pilcrow aŭ alinea markilo anstataŭigas ĉiun linion-rompon.
- Emfazi Malvalidan Kodon - montras HTML, kiu estas malĝusta en flava. Se vi elektas la flavan etikedon, la Ekonomia Inspektisto donos al vi konsilojn pri kiel ripari ĝin.
- Sintaksa kolorigo - turniĝas aŭ malŝaltas la kodigon de via kodo. Vi ŝanĝas la kolorojn de via kolora kodigo en la kodita koloriga sekcio de la preferoj.
- Aŭtomata Indento - igas vian kodon aŭtomate post kaleŝa reveno se la kodo super ĝi estas dentita. Vi povas ŝanĝi la grandecon de la dento per ŝanĝado de la pestaña grandeco en la sekcio de formato de kodoj de la preferoj.
Redaktante HTML-Kodon en Dreamweaver Code View
Estas facile redakti HTML-kodon en la kodo de Dreamweaver-kodo. Simple komencu tajpi vian HTML. Sed Dreamweaver provizas al vi iujn ekstrajn, kiuj etendas ĝin preter baza HTML-redaktilo. Kiam vi komencas skribi HTML-etikedon, vi tajpas <. Se vi paŭzos ĝuste post tiu karaktero, Dreamweaver montros al vi liston de HTML-etikedoj . Ĉi tiuj nomiĝas kodo-konsiloj. Por mallarĝigi la elekton, komencu tajpi leterojn - Dreamweaver mallarĝos la malsupren-liston al la etikedo, kiu persvadas, kion vi tajpas.
Se vi estas nova al HTML, vi povas movi tra la listo de HTML-etikedoj kaj elekti diversajn por vidi kion ili faras. Dreamweaver daŭre promesos al vi atributojn, kiam vi tajpis etikedon. Ekzemple, se vi tajpas " etikedo.
Sed kodaj konsiloj ne finiĝas ĉe la etikedoj. Vi povas uzi kodajn aludojn por enmeti:
Se la kodo aludoj ne aperas, vi povas batis Ctrl-spaco (Windows) aŭ Cmd-spacebar (Macintosh) por montri ilin. La plej ofta kialo, kial kodo de ŝnuro eble ne aperos, estas se vi ŝanĝis al malsama fenestro antaŭ ol vi finos vian etikedon. Ĉar Dreamweaver forgesas tajpi la karakteron <, se vi forlasos la fenestron kaj revenos, vi devos re-ĵeti la kodajn aludojn.
Vi povas malŝalti la kodon aliĝojn al la menuo per la ŝlosilo de ellasilo.
Unufoje vi tajpis vian malferman HTML-etikedon, vi devos fermi ĝin. Dreamweaver faras ĉi tion nature. Se vi tajpas la "Close Etikedon-opcion, kiu plej taŭgas al viaj bezonoj.
Se vi ne sufiĉe pretas translokiĝi por redaktado de viaj paĝoj en HTML sed vi ŝatus rigardi la kodon kiel ĝi estas skribita, vi devas provi la kodon inspektiston. Ĉi tio malfermas la HTML-kodon en aparta fenestro. Ĝi funkcias nur kiel kodonvido, kaj, fakte, estas esence detalable kodela fenestro por la nuna dokumento. Por malfermi la kodon inspektanton, iru al la fenestra menuo kaj elektu "Code Inspector" aŭ frapu la F10-ŝlosilon sur vian klavaron.
Dreamweaver formatos HTML-kodon, tamen vi ŝatus montri ĝin. Ekzemple, se vi uzas 3 spacojn por indentigi, sed neniam indentu etikedojn de IMG, vi povas specifi tiun formatan informon en la reordigaj kodaj elektoj. Tiam vi iros al la menuo de Komandoj kaj elektu "Apply Source Formatting." Ĉi tio estas bonega maniero por ricevi kodon skribitan de iu alia en formatan familiaran al vi.
Trajto, kiun multaj HTML-kodistoj ne scias pri aŭ ne uzas, estas la kapablo kolapsi HTML-kodon. Ĉi tio ne forigas la etikedojn de la dokumento, sed simple forigas ilin el la vido, por ke ili ne distras al tio, kion vi laboras. Kolapsi vian kodon:
- Elektu la sekcion de kodo, kiun vi volas kaŝi
- En la Redaktu menuo, elektu "Kolapsi Selektadon" de la "Kodo Collapse" sub-menuo
Pli facila maniero estas elekti la kodon kaj poste alklaki la kodon kolapson ikonojn, kiuj aperas en la guttero. Vi ankaŭ rajtas klaki sur la elektita kodo kaj elektu "Kolapsi Elektadon".
Se vi volas kaŝi ĉion krom tio, kio estas reliefigita, elektu "Kolapsi Ekstere Elektadon" en iu ajn el la antaŭaj metodoj.
Por ekspansiiĝi kolapsan kodon, simple duobligu alklaku ĝin. Ĉi tio malfermas la kodon kaj elektas ĝin. Tiam vi povas movi tiun elekton aŭ forigi ĝin aŭ aldoni pliajn etikedojn ĉirkaŭ ĝi.
Vi povas uzi la kolapson kaj ekspansiiĝi la tutan tempon en paĝoj, kie vi ne volas redakti la eksterajn ŝablonojn. Vi nur elektas la enhavan areon, kiun vi volas redakti kaj kolapsi ekstere. Tiam skribu vian HTML. Vi ankoraŭ povas vidi la paĝon en Design view aŭ antaŭrigardi ĝin en retumilo. La kolapsita kodo ne estas forigita de la dokumento, simple kaŝita de vido. Vi ankaŭ povas uzi ĝin kiam vi laboras en serio de eroj. Kiam vi finis unu, kolapsu ĝin. Vi scias, ke vi fariĝis, kiam ne ekzistas kodo montranta.