Ha még nem ismeri a webtervezést és a kezelőfelület fejlesztését (HTML, CSS, Javascript), akkor dönthet úgy, hogy egy WYSIWYG szerkesztő. Ez a rövidítés azt jelenti, hogy "amit látsz, amit kapsz", és alapvetően olyan szoftverre vonatkozik, amely lehetővé teszi Hozzon létre egy weboldalt vizuális eszközök segítségével, miközben a szoftver ír egy kis kódot a kulisszák mögé attól függően, hogy milyen vagy létrehozása. A legnépszerűbb elérhető WYSIWYG eszköz vitathatatlanul Az Adobe Dreamweaver.
Jó lehetőség azok számára, akik csak most kezdenek
Míg sok webes szakember tapasztalt többet kifinomult képességek lenézi a Dreamweaver-t és annak hajlamát, hogy duzzadt HTML-jelöléseket és CSS stílusok, az egyszerű igazság az, hogy a platform továbbra is jó lehetőség azok számára, akik csak most kezdik a weboldal tervezését. Amint elkezdi használni a Dreamweaver "tervezési nézet" opcióját egy weboldal felépítéséhez, valószínűleg felmerül az egyik kérdés, hogyan hozzon létre egyetlen sortörést a tartalomhoz ebben a nézetben.
Amikor HTML szöveget ad hozzá egy weboldalhoz, a webböngésző ezt a szöveget hosszú sorként jeleníti meg, amíg el nem éri a böngészőablak szélét vagy a tároló elemét. Ekkor a szöveg a következő sorra kerül. Ez hasonló ahhoz, ami bármely szövegszerkesztő szoftverben történik, például a Microsoft Word-ben vagy a Google Docs-ban. Ha egy szövegsornak nincs több helye egy vízszintes vonalon, akkor egy másik sor kezdeteként felcsavarodik. Tehát mi történik, ha meg akarja diktálni, hol szakad meg a vonal?
Amikor az ENTER-re kattint a Dreamweaver Design nézetében
Amikor eltalál BELÉP a Dreamweaver tervezési nézetében a jelenlegi bekezdés bezárul, és egy új bekezdés kezdődik. Vizuálisan ez azt jelenti, hogy ezt a két vonalat kissé függőleges távolság választja el egymástól. Ennek oka, hogy alapértelmezés szerint HTML a bekezdések betétekkel vagy margókkal rendelkeznek (amelyik magától a böngészőtől függ) a bekezdés aljára alkalmazva, amely hozzáadja ezt a szóközt.
Ezt CSS-sel lehet beállítani, de az az igazság, hogy azt szeretné, hogy a bekezdések között legyen távolság, hogy a weboldal olvasható legyen. Ha egyetlen sort szeretne, és nincs széles függőleges távolság a sorok között, akkor ne használja az ENTER billentyűt, mert nem szeretné, hogy ezek a sorok külön bekezdések legyenek.
Amikor nem akar új bekezdést kezdeni
Ilyenkor, amikor nem szeretné, hogy új bekezdés kezdődjön, hozzáadja a
tag HTML-ben. Ezt néha úgy is írják
. kifejezetten az XHTML verzióihoz, amelyek minden elemet bezártak. A záró / abban a szintaxisban önmagában bezárja az elemet, mivel
címkének nincs saját záró címkéje. Ez nagyon jó és jó, de Ön a Design View alkalmazásban dolgozik Dreamweaverben. Lehet, hogy nem akar beugrani a kódba, és hozzáadni ezeket a töréseket. Ez rendben van, mert valóban hozzáadhat egy sortörést a Dreamweaver programban anélkül, hogy a kód nézethez folyamodna.
Vonal törés hozzáadása a Dreamweaver tervezési nézetéhez:
- Vigye a kurzort oda, ahol az új sort el szeretné kezdeni.
- Tartsa lenyomva a shift billentyűt és nyomja meg Belép.
Ez az! A "shift" billentyű egyszerű hozzáadása az [ENTER] -nel együtt hozzáad egy a-t
új bekezdés helyett. Tehát most, hogy tudja, hogy van ez, meg kell fontolnia, hol használja és hol kerülje el. Emlékezik, HTML célja egy webhely struktúrájának létrehozása, nem pedig a vizuális megjelenés. Nem szabad többet használni
címkékkel függőleges távolságot hozhat létre a terv elemei alatt.
Erre szolgálnak a kitöltés és margók CSS tulajdonságai. Hol használná a
címke az, amikor csak az egy sortörésre van szükség. Például, ha levelezési címet kódol, és úgy döntött, hogy használ egy bekezdést, hozzáadhatja
ilyen címkék:
Cégnév
Címsor
Város irányítószáma.
Ez a címkód egyetlen bekezdés, de vizuálisan a három sort egyedi vonalakon jelenítené meg, közöttük kis hézaggal.