Ha újak vagyunk a webes tervezéshez és a front-end fejlesztéshez (HTML, CSS, Javascript), akkor választhatsz, hogy elkezdheted a WYSIWYG szerkesztővel. Ez a rövidítés azt jelenti, hogy "amit látsz, amit kapsz", és alapvetően olyan szoftverekre utal, amelyek lehetővé teszik, hogy vizuális eszközök segítségével hozzon létre egy weboldalt, miközben a szoftver az Ön által létrehozott alapján a kód mögötti kódot írja le. A legnépszerűbb WYSIWYG eszköz elérhető az Adobe Dreamweaver.
A Dreamweaver egy jó lehetőség azok számára, akik csak az első lépésekben vannak
Miközben sok kifinomult készséggel rendelkező tapasztalt webszakértő lenyűgözi a Dreamweaveret, és hajlamos arra, hogy puffadt HTML jelölést és CSS stílusokat készítsen, az egyszerű igazság az, hogy a platform továbbra is jó lehetőség azok számára, akik csak elkezdték a weboldal tervezését. Amint elkezdi használni a Dreamweaver "tervezési nézetének" lehetőségét egy weboldal felépítéséhez, az egyik kérdés valószínűleg az, hogy hogyan hozhat létre egyetlen sort a tartalomhoz ebben a nézetben.
Amikor HTML szöveget ad hozzá egy weboldalhoz, a webböngésző hosszú sorként jeleníti meg ezt a szöveget, amíg el nem éri a böngészőablak vagy a konténerelem szélét. Ekkor a szöveg a következő sorba kerül. Ez hasonló a szövegszerkesztő szoftverekhez hasonlóan, például a Microsoft Word vagy a Google Dokumentumokhoz. Ha egy szövegsor nem rendelkezik több helyiséggel a vízszintes vonalon, akkor elkezd egy másik vonalat kezdeni. Mi történik akkor, ha meg akarja rendelni, hogy egy sor megszakadjon?
Amikor megnyomja az ENTER gombot a Dreamweaver tervezési nézetében, az aktuális bekezdés lezár és új bekezdés kezdődik. Vizuálisan ez azt jelenti, hogy ez a két vonal elválik egy kis függőleges távolsággal. Ennek az az oka, hogy alapértelmezés szerint a HTML bekezdéseknek vannak kitöltése vagy margóik (amely magától függ a böngészőtől), amelyet a bekezdés aljára helyeznek, amely hozzáadja ezt a távolságot.
Ezt a CSS-sel lehet beállítani, de az igazság az, hogy azt szeretné, hogy a bekezdések közötti távolság legyen a weboldal olvashatósága érdekében. Ha egy vonalat szeretne, és a sorok között nincs széles függőleges távolság, akkor nem szeretné használni az ENTER billentyűt, mert nem szeretné, hogy ezek a sorok legyenek egyedi bekezdések.
Ezekben az időkben, amikor nem akarsz egy új bekezdést elkezdeni, hozzáadni a következő bekezdést
tag HTML-ben. Ezt néha úgy írják
. kifejezetten az XHTML verzióihoz, amelyhez minden elemet le kell zárni. A záró / ebben a szintaxis önzárja az elemet a
a címkének nincs saját zárócímke. Ez mind jó és jó, de a Design View programban dolgozik a Dreamweaverben. Lehet, hogy nem akarsz ugrani a kódra és hozzáadni ezeket a szüneteket. Ez rendben van, mert valójában hozzáadhatsz egy sortörést a Dreamweaver programban, anélkül, hogy kódnézetet használnád.
Soros szünet hozzáadása a Dreamweaver tervrajzában:
- Helyezze el a kurzort, ahová az új sort el kívánja kezdeni.
- Tartsa lenyomva a shift billentyű és nyomja meg a gombot Belép.
Ez az! A "shift" gomb egyszerű kiegészítése az ENTER gombbal a
új bekezdés helyett. Tehát most, hogy tudod, hogy van ez, meg kell fontolnod, hogy hol használjam, és hol keressem. Ne feledje, a HTML célja egy webhely struktúrájának létrehozása, nem pedig a vizuális megjelenés. Ne használjon többet
címkékkel, hogy megtervezze a függőleges távolságot az elemei alatt.
Ez az, amire a CSS tulajdonságai vannak a padding és a margók számára. Hol használná a
tag, amikor csak szüksége van az egyenes sort. Például, ha levelezési címet kódol, és úgy döntött, hogy egy bekezdést használ, hozzáadhat
ilyen címkék:
Cégnév A cím kódja egyetlen bekezdés, de vizuálisan az egyes vonalak három sorát jeleníti meg, köztük egy kis helyet.
Címsor
Város irányítószáma
