Þú þarft ekki að nota WYSIWYG
Dreamweaver er frábær WYSIWYG ritstjóri , en ef þú hefur ekki áhuga á að skrifa vefsíður á "það sem þú sérð er það sem þú færð" umhverfi geturðu samt notað Dreamweaver því það er líka frábær ritstjóri. En það eru fullt af eiginleikum sem liggja við hliðina á Dreamweaver kóða ritstjóri því að aðaláherslan er á "hönnunarsýn" eða WYSIWYG ritstjóri hluta vörunnar.
Hvernig á að komast í Dreamweaver Code View
Ef þú hefur aldrei notað Dreamweaver sem HTML ritstjóri áður en þú hefur aldrei einu sinni tekið eftir þremur hnöppunum efst á síðunni: "Code," "Split" og "Design." Dreamweaver byrjar sjálfgefið í "Hönnun sýn" eða WYSIWYG ham. En það er auðvelt að skipta yfir í að skoða og breyta HTML kóða. Smelltu bara á "Code" hnappinn. Eða farðu í View valmyndina og veldu "Code."
Ef þú ert bara að læra hvernig á að skrifa HTML eða þú vilt fá tilfinningu fyrir því hvernig breytingar þínar munu hafa áhrif á skjalið þitt, getur þú opnað kóðann og hönnunarsýn á sama tíma. Fegurð þessa aðferð er sú að þú getur breytt í báðum gluggum eins og heilbrigður. Þannig er hægt að skrifa kóðann fyrir myndatakið þitt í HTML og nota síðan hönnunarsýn til að færa það á annan stað á síðunni með því að draga og sleppa.
Til að skoða bæði í einu, annaðhvort:
- Smelltu á "Split" hnappinn (á milli "Code" og "Design")
- Í valmyndinni Skoða, veldu "Kóði og hönnun"
Þegar þú hefur verið ánægð með að nota Dreamweaver til að breyta HTML kóða þínum, geturðu breytt stillingum þínum til að opna Dreamweaver í kóða sem sjálfgefið. Auðveldasta leiðin er að vista kóðann sem vinnusvæði. Dreamweaver opnast í síðasta vinnusvæði sem þú varst að nota. Ef það gerist ekki skaltu fara einfaldlega í gluggavalmyndina og velja vinnusvæðið sem þú vilt.
Kóði Skoða Valkostir
Dreamweaver er svo sveigjanlegt því það hefur svo margar leiðir til að aðlaga það og gera það virka eins og þú vilt. Í valkostaglugganum eru kóða litun, kóða formatting, kóða vísbendingar og endurskrifa valkosti kóða sem þú getur breytt. En þú getur einnig breytt einhverjum sérstökum valkostum innan kóðans sjálfs.
Þegar þú ert í kóðaskjánum er "Hnappur til að skoða valkosti" í tækjastikunni. Þú getur einnig skoðað valkostina með því að fara inn í valmyndina og velja "Kóðasýn.". Valkostirnir eru:
- Word Wrap - hylur HTML kóða þannig að þú getur skoðað það án þess að skruna lárétt. Athugaðu að þessi valkostur leggur ekki inn flutningsávöxtun í kóðanum þínum, það sýnir bara kóðann þannig að það sé auðveldara að lesa.
- Línanúmer - birtir lína númer eftir hlið kóðans. Það sýnir línahnapp tákn fyrir línur sem vefja lengur en sýnargluggann.
- Falinn Stafir - birtir sértákn í stað hvíta svæðis sem birtist á vefsíðu. Svo sem eins og punktur kemur í stað rýmis, skiptir tvöfaldur chevron hverja flipa, og örlög eða punktamerki kemur í stað hverrar línubrots.
- Hápunktur Ógildur kóða - lýsir HTML sem er rangt í gult. Ef þú velur gula merkið mun Property Inspector gefa þér vísbendingar um hvernig á að laga það.
- Setningafræði litur - kveikir eða slökkt á litakóðun kóðans. Þú breytir litum litakóðunar þinnar í kóðalitanum í stillingum.
- Auto Indent - gerir kóðann þinn sjálfkrafa eftir flutning aftur ef kóðinn fyrir ofan það er innskotið. Þú getur breytt stærð undirlitsins með því að breyta flipastærðinni í kóðunarformi hluta stillinga.
Breyting á HTML kóða í Dreamweaver kóða
Það er auðvelt að breyta HTML kóða í kóðaskjá Dreamweaver. Einfaldlega byrjaðu að slá inn HTML þinn. En Dreamweaver veitir þér sumar aukahlutir sem lengja það út fyrir grunn HTML ritstjóri. Þegar þú byrjar að skrifa HTML tag skaltu slá inn <. Ef þú hlustar strax eftir þann staf mun Dreamweaver sýna þér lista yfir HTML tags . Þetta eru kallaðir kóða vísbendingar. Til að þrengja valið skaltu byrja að skrifa bréf - Dreamweaver mun þrengja niður fellilistann að merkinu sem passar því sem þú ert að slá inn.
Ef þú ert nýr í HTML getur þú flett gegnum listann yfir HTML tags og valið ýmsa til að sjá hvað þeir gera. Dreamweaver mun halda áfram að hvetja þig til eiginleika þegar þú hefur slegið inn merki. Til dæmis, ef þú skrifar " merkið.
En kóða vísbendingar endar ekki við merkin. Þú getur notað kóða vísbendingar til að setja inn:
Ef vísbendingar um kóða birtast ekki, getur þú smellt á Ctrl-rúm (Windows) eða Cmd-rúm (Macintosh) til að fá þær til að birta. Algengasta ástæðan fyrir því að kóðaábending gæti ekki birst er ef þú skiptir yfir í annan glugga áður en þú lýkur merkinu þínu. Vegna þess að Dreamweaver er að slökkva á því að slá inn stafinn <, ef þú skilur gluggann og skilar aftur þarftu að endurræsa kóðann.
Þú getur slökkt á merkjamálinu með því að henda flýtilyklinum.
Þegar þú hefur slegið inn HTML-merkið sem þú opnar þarftu að loka því. Dreamweaver gerir þetta á eðlilegan hátt. Ef þú skrifar "Close Tags valkostur sem best hentar þínum þörfum.
Ef þú ert ekki alveg tilbúinn að skipta yfir í að breyta síðum þínum í HTML en þú vilt horfa á kóðann eins og hann er skrifaður þá ættirðu að prófa kóðann. Þetta opnar HTML kóða í sérstökum glugga. Það virkar alveg eins og kóðaútsýni, og í raun er í grundvallaratriðum lausan kóðaglugga fyrir núverandi skjal. Til að opna kóðunar skoðunina, farðu í gluggavalmyndina og veldu "Kóði skoðunarmaður" eða ýttu á F10 lykilinn á lyklaborðinu þínu.
Dreamweaver mun sniðmát HTML kóða en þú vilt að það birtist. Til dæmis, ef þú notar 3 rými til að vísa inn en IMG-merkin eru aldrei innsprautuð, getur þú tilgreint þær uppsetningarupplýsingar í endurskrifavalkostunum. Síðan ferðu í valmyndarboðið og velur "Virkja uppspretta formatting." Þetta er frábær leið til að fá kóða skrifuð af einhverjum öðrum í formi sem þekki þér.
Eiginleiki sem margir HTML kóða þekkja ekki eða ekki nota er hæfni til að hrun HTML kóða. Þetta fjarlægir ekki merkin úr skjalinu, heldur fjarlægðu þau bara úr útsýni svo að þær trufla ekki hvað þú ert að vinna með. Til að henda kóðanum þínum:
- Veldu hluta kóðans sem þú vilt fela
- Í valmyndinni Breyta, veldu "Collapse Selection" í "Codes Collapse" undirvalmyndinni
Auðveldara leiðin er að velja kóðann og smelltu síðan á táknmyndina sem birtist í Göturæsinu. Þú getur líka hægrismellt á valda kóða og valið "Collapse Selection".
Ef þú vilt fela allt nema það sem er áberandi, veldu "Collapse Outside Selection" í einhverri af ofangreindum aðferðum.
Til að auka brotinn kóða skaltu einfaldlega tvísmella á það. Þetta opnar kóðann og velur það. Þá er hægt að færa það val eða eyða því eða bæta við fleiri merkjum um það.
Þú getur notað hrunið og stækkað allan tímann á síðum þar sem þú vilt ekki breyta ytri sniðmátinu. Þú velur bara efnisvæðið sem þú vilt breyta og hrynja utan. Skrifaðu síðan HTML þinn. Þú getur samt skoðað síðuna í hönnunarsýn eða sýnishorn það í vafra. Hrunið er ekki fjarlægt úr skjalinu, einfaldlega falið í skjánum. Þú getur líka notað það þegar þú ert að vinna á röð af hlutum. Þegar þú hefur lokið einum skaltu hruna því. Þú veist að þú ert búinn þegar engin númer birtist.