A Dreamweaver nagyszerű WYSIWYG szerkesztő, de ha nem érdekli a webes oldalak "mi az, amit látsz, amit kapsz" környezetet írsz, még mindig használhatod a Dreamweaveret, mert ez egy nagyszerű szövegszerkesztő is. De sok olyan tulajdonság van, amely a Dreamweaver kódszerkesztőjénél fogva csúszik, mert az elsődleges cél a termék "tervnézet" vagy WYSIWYG szerkesztő része.
Hogyan lehet belépni a Dreamweaver kódnézetbe?
Ha soha nem használta a Dreamweaveret HTML-szerkesztőként, még mielőtt észre sem vette volna az oldal tetején lévő három gombot: "Code", "Split" és "Design". A Dreamweaver alapértelmezés szerint elindul a "Tervező nézet" vagy a WYSIWYG módban. De könnyű átváltani a HTML kód megtekintésére és szerkesztésére. Csak kattintson a Kód gomb. Vagy menjen a Kilátás menüben és válasszuk ki Kód.
Ha csak megtanulod, hogyan írhatsz HTML-t, vagy szeretnéd megérteni, hogy a módosítások miként befolyásolják a dokumentumot, egyszerre megnyithatja a kódnézetet és a tervezési nézetet. A módszer szépsége, hogy mindkét ablakban szerkeszthető. Így írhatja le a HTML címkéjéhez tartozó kódot, majd a tervrajz nézetben áthelyezheti egy másik helyre az oldalon drag and drop (drag and drop) segítségével.
Egyszerre megtekintheti a következőket:
- Kattintson a Hasított gomb (között Kód és Tervezés).
- Ban,-ben Kilátás menüben válassza a lehetőséget Kód és design.
Miután kényelmesen használta a Dreamweaver használatát a HTML kód szerkesztéséhez, alapértelmezés szerint megváltoztathatja a beállításokat a Dreamweaver kódnézetben történő megnyitásához. A legegyszerűbb módja a kódnézet mint munkaterület mentése. A Dreamweaver az utolsó munkaterületen fog megnyílni. Ha nem, egyszerűen menjen az Ablak menübe, és válassza ki a kívánt munkaterületet.
Kódnézeti beállítások
A Dreamweaver annyira rugalmas, mert annyiféle módon testreszabható, és olyan módon működik, ahogyan azt szeretné. Az opciók ablakban vannak kódszínek, kód formázás, kódhoz és módosíthatja a kód újraírását. De néhány speciális lehetőséget is megváltoztathat a kódnézetben belül.
Ha már kódnézetben van, létezik a Megtekintési beállítások gombot az eszköztáron. Az opciókat megtekintheti a (z) Kilátás menü és a választás Kódnézeti beállítások. Az opciók:
- Sortörés - lezárja a HTML kódot úgy, hogy vízszintesen görgethet. Ne feledje, hogy ez az opció nem helyezi be a kocsi visszatérési értékét, hanem egyszerűen csak a kódot jeleníti meg, így könnyebben olvasható.
- Sorszámok - a kód oldalán lévő sorszámokat jeleníti meg. A vonalhúzás szimbólumát mutatja a vonalakon, amelyek hosszabbak a nézetablaknál.
- Rejtett karakterek - Speciális karaktereket jelenít meg, ahelyett, hogy egy weboldalon megjelenjenek. Mint például egy pont helyettesíti a helyet, egy dupla kagyló helyettesíti az egyes lapokat, és egy nadrág vagy bekezdésjelző helyettesíti az egyes sortörést.
- Érvénytelen kód kijelölése - kiemeli, hogy a HTML sárga hibás. Ha kiválasztja a sárga címkét, a Tulajdonos-ellenőrző útmutatást ad a javításhoz.
- Szintaxisszínezés - bekapcsolja vagy kikapcsolja a kód színkódolását. A színkódolás színeit a preferenciák kódmódosítási szakaszában módosíthatja.
- Automatikus behúzás - a kódhoz való visszatérés után a kód automatikusan behúzódik, ha a fenti kódot behúzta. Megváltoztathatja a behúzás méretét a beállítások kódformázási szakaszában lévő lap méretének megváltoztatásával.
HTML kód szerkesztése a Dreamweaver kód nézetben
A HTML kód egyszerű szerkesztése a Dreamweaver kódnézetében. Egyszerűen kezdje el begépelni a HTML-t. De a Dreamweaver olyan extrákat kínál, amelyek kiterjesztik azt egy egyszerű HTML-szerkesztőn túl. Amikor elkezdi írni egy HTML-címkét, beírja <. Ha szünet után közvetlenül a karakter után, a Dreamweaver megmutatja a HTML-címkék listáját. Ezeket kódkódoknak hívják. A kijelölés szűkítéséhez írja be a betűk begépelését - a Dreamweaver szűkíti a legördülő listát a címkére, amely megfelel a gépelésének.
Ha újak vagyunk a HTML-ben, akkor görgessünk a HTML-címkék listáján, és válasszuk ki a különbözőeket, hogy megnézzük, mit csinálnak. A Dreamweaver továbbra is kérni fogja az attribútumokat, miután beírta a címkét. Például, ha beírja <>, A Dreamweaver leesik a HTML tag, a többi címkével kezdve a következővel. Ha továbbra is beírja a levelet m, A Dreamweaver le fogja szűkíteni címke.
De a kódcímek nem érik el a címkéket. Használhatja a kódcímeket a beillesztéshez:
- HTML attribútumok
- Osztály és azonosító nevek
- CSS tulajdonságok
Ha a kód tippjei nem jelennek meg, akkor elérheti Ctrl-szóközt (Windows) vagy Cmd-szóközt (Macintosh), hogy megjelenítse őket. A leggyakoribb oka annak, hogy egy kódleírás esetleg nem jelenik meg, ha másik címkére vált át a címke befejezése előtt. Mert a Dreamweaver kikapcsolja a karakter írását <, ha elhagyja az ablakot és visszatér, akkor újra be kell indítania a kódleírást.
A kódleírások menüjét kikapcsolhatja a menekülési kulcs megnyomásával.
Ha beírta a nyitó HTML-címkét, akkor be kell zárnia. A Dreamweaver ezt természetes módon végzi el. Ha beírja a Bezárja a címkéket amely az Ön igényeinek legjobban megfelel.
Ha még nem áll készen arra, hogy átváltson az oldalak szerkesztésére a HTML-ben, de meg szeretné nézni a kódot, ahogy írták, próbálja ki a kódfelügyelőt. Ez megnyitja a HTML kódot egy külön ablakban. Úgy működik, mint a kódnézet, és valójában alapvetően egy leválasztható kódnézet ablak az aktuális dokumentumhoz.A kód-ellenőrző megnyitásához menjen a Ablak menüben és válasszon Kódfelügyelő vagy nyomja meg a F10 gombot a billentyűzeten.
A Dreamweaver formázza a HTML kódot, azonban azt szeretné, hogy megjelenjen. Ha például 3 szóközt használ az IMG címkék behúzására, de soha nem illeszkedik, megadhatja a formázási információkat a kódújítási opciókban. Aztán megy a parancsok menüben és válasszon Alkalmazza a forrás formázását. Ez egy nagyszerű módja annak, hogy valaki más által írt kódot olyan formátumba írja be, amely ismerős az Ön számára.
Az a tulajdonság, amelyet sok HTML kódoló nem tud, vagy nem használ, a HTML kód összeomlására való képesség. Ez nem távolítja el a címkéket a dokumentumból, de csak távolítsa el őket a nézetből, hogy ne zavarják a munkájukat. A kód összeomlása:
- Válassza ki az elrejteni kívánt kódot.
- Ban,-ben szerkesztése menüben válasszon Összecsukás kiválasztása tól A kód összeomlása almenü
Könnyebb módja a kód kiválasztása, majd kattintson a kód összeomlás ikonokra, amelyek a csatornában jelennek meg. Jobb kattintással a kiválasztott kódra is választhat Összecsukás kiválasztása.
Ha el akarsz rejteni mindent kivéve mi van kiemelve, válaszd Az Outside Selection kiválasztása a fenti eljárások bármelyikében.
Az összecsukott kód kibontásához egyszerűen kattintson rá duplán. Ez megnyitja a kódot, és kiválasztja azt. Ezután áthelyezheti ezt a kijelölést, vagy törölheti azt, vagy további címkéket adhat hozzá.
Az összeomlást és a funkció bővítését bármikor használhatja olyan oldalakon, ahol nem kívánja szerkeszteni a külső sablont. Csak ki szeretné választani a szerkeszteni kívánt tartalmat, és kívülről összeomolni. Ezután írja meg HTML-jét. Továbbra is megtekintheti az oldalt Tervezés megtekintheti vagy megtekintheti azt egy böngészőben. Az összeomlott kódot nem távolítják el a dokumentumból, egyszerűen elrejtve a nézetből. Ezt akkor is használhatja, ha egy sor elemen dolgozik. Ha befejezte az egyiket, csukja össze. Tudod, hogy befejeződött, amikor nem jelenik meg kód.
