Ak ste v oblasti webdizajnu a front-end vývoja (HTML, CSS, Javascript) nováčikom, môžete sa rozhodnúť začať s WYSIWYG editor. Táto skratka znamená „to, čo vidíte, to dostanete“ a v zásade sa týka softvéru, ktorý vám to umožňuje vytvorte webovú stránku pomocou vizuálnych nástrojov, zatiaľ čo softvér zapisuje časť kódu do zákulisia na základe toho, čo ste tvorenie. Najpopulárnejší dostupný nástroj WYSIWYG je nepochybne k dispozícii Adobe Dreamweaver.
Dobrá voľba pre tých, ktorí práve začínajú
Zatiaľ čo mnoho ostrieľaných webových profesionálov má viac vycibrené schopnosti pozerať sa zhora na Dreamweaver a jeho tendenciu vytvárať nafúknuté značky HTML a Štýly CSS, jednoduchá pravda je, že platforma zostáva dobrou voľbou pre tých, ktorí s dizajnom webových stránok ešte len začínajú. Keď začnete na vytváranie webových stránok používať možnosť „návrhového zobrazenia“ aplikácie Dreamweaver, jednou z otázok, ktoré pravdepodobne budete mať, je spôsob vytvorenia jedného zalomenia riadku pre obsah v tomto zobrazení.
Keď pridávate text HTML na webovú stránku, webový prehľadávač zobrazí tento text ako dlhý riadok, kým sa nedostane na okraj okna prehliadača alebo k jeho prvku kontajnera. V tom okamihu sa text zalomí na ďalší riadok. Toto je podobné tomu, čo sa deje v akomkoľvek softvéri na spracovanie textu, ako je Microsoft Word alebo Google Docs. Ak riadok textu už nemá viac miesta na vodorovnom riadku, zalomí sa a začne ďalší riadok. Čo sa teda stane, ak chcete diktovať, kde sa zlomí riadok?
Keď kliknete na ENTER v dizajnovom zobrazení Dreamweaveru
Keď trafíš VSTÚPTE v návrhovom zobrazení Dreamweaveru je aktuálny odsek zatvorený a začína nový odsek. Vizuálne to bude znamenať, že tieto dve čiary sú oddelené trochou zvislých medzier. Je to tak kvôli predvolenému nastaveniu HTML odseky majú odsadenie alebo okraje (ktorý závisí od samotného prehliadača) použitý na koniec odseku, ktorý pridáva tieto medzery.
To sa dá upraviť pomocou CSS, ale pravdou je, že chcete, aby medzi odsekmi boli medzery, ktoré umožnia čitateľnosť webových stránok. Ak chcete jeden riadok a žiadne veľké zvislé medzery medzi riadkami, nechcete použiť kláves ENTER, pretože nechcete, aby tieto riadky boli samostatnými odsekmi.
Keď nechcete, aby sa začal nový odsek
Pre tieto obdobia, keď nechcete, aby sa začínal nový odsek, by ste pridali znak
značka v HTML. Toto sa tiež niekedy píše ako
. špeciálne pre verzie XHTML, ktoré vyžadovali uzavretie všetkých prvkov. Koncový znak / v tejto syntaxi prvok sám zavrie od
značka nemá svoju vlastnú zatváraciu značku. To je všetko dobré a dobré, ale pracujete v návrhovom zobrazení v aplikácii Dreamweaver. Možno nebudete chcieť skočiť do kódu a pridať tieto zlomy. To je v poriadku, pretože v aplikácii Dreamweaver môžete skutočne pridať zalomenie riadku bez toho, aby ste sa uchýlili k zobrazeniu kódu.
Pridajte zalomenie riadku v dizajnovom zobrazení aplikácie Dreamweaver:
- Umiestnite kurzor na miesto, kde má nový riadok začínať.
- Podržte stlačené tlačidlo kláves Shift a stlačte Zadajte.
To je všetko! Jednoduché pridanie klávesu „shift“ spolu s [ENTER] pridá a
namiesto nového odseku. Takže teraz, keď viete, ako to je, mali by ste zvážiť, kde ho použiť a kde sa mu vyhnúť. Pamätaj, HTML je určený na vytvorenie štruktúry webu, nie vizuálneho vzhľadu. Nemali by ste používať viac
značky na vytvorenie zvislých medzier pod prvkami vo vašom dizajne.
Na to slúžia vlastnosti CSS pre výplň a okraje. Kde by ste použili a
značka je, keď potrebujete iba zlomok jedného riadku. Napríklad, ak kódujete poštovú adresu a rozhodli ste sa použiť odsek, môžete pridať
značky ako toto:
meno spoločnosti
Riadok adresy
Poštové smerovacie číslo.
Tento kód adresy je jeden odsek, ale vizuálne by zobrazil tri riadky na jednotlivých riadkoch s malou medzerou medzi nimi.