Pokud jste noví k vývoji webových stránek a vývojových aplikací (HTML, CSS, Javascript), můžete se rozhodnout začít s WYSIWYG editorem. Tato zkratka znamená "to, co vidíte, je to, co dostanete" a v podstatě se týká softwaru, který umožňuje vytvářet webové stránky pomocí vizuálních nástrojů, zatímco software zapisuje nějaký kód za scénáři na základě toho, co vytváříte. Nejpopulárnějším nástrojem WYSIWYG je pravděpodobně Adobe Dreamweaver.
Dreamweaver je dobrá volba pro ty, kteří právě začínají
Zatímco mnoho zkušených profesionálů z webových stránek s lepšími schopnostmi se dívá dolů na Dreamweaver a jeho tendenci vytvářet nafouklé HTML značky a styly CSS, je prostě pravda, že platforma zůstává dobrou volbou pro ty, kteří právě začínají s tvorbou webových stránek. Jakmile začnete s využitím možnosti návrhářského zobrazení aplikace Dreamweaver pro vytvoření webové stránky, jednou z otázek, které pravděpodobně budete mít, je, jak vytvořit zlomek řádku pro obsah v daném pohledu.
Když přidáváte text HTML na webovou stránku, webový prohlížeč zobrazí tento text jako dlouhý řádek, dokud nedosáhne okraje okna prohlížeče nebo jeho prvku kontejneru. V tomto okamžiku se text zaokrouhlí na další řádek. Toto je podobné tomu, co se děje v jakémkoli softwaru pro zpracování textu, jako je například Microsoft Word nebo Dokumenty Google. Pokud řádek textu nemá více prostoru na vodorovném řádku, bude se zabalit, aby začal další řádek. Co se stane, když chcete diktovat, kde se linie zlomí?
Když stisknete klávesu ENTER v návrhovém zobrazení aplikace Dreamweaver, stávající odstavec se uzavře a spustí se nový odstavec. Vizuálně to znamená, že tyto dva řádky jsou odděleny trochou vertikální vzdálenosti. Je to proto, že ve výchozím nastavení mají odstavce HTML polstrování nebo okraje (které závisí na samotném prohlížeči) aplikované na spodní část odstavce, která přidává toto mezery.
To může být upraveno pomocí CSS, ale pravdou je, že chcete, aby mezi jednotlivými odstavci byly rozteče, aby byla umožněna čitelnost webu. Pokud chcete mít jeden řádek a žádné velké vertikální odstupy mezi řádky, nechcete použít klávesu ENTER, protože nechcete, aby tyto řádky byly jednotlivé odstavce.
Pro tyto časy, kdy nechcete, aby nový odstavec začal, přidáte
tag v HTML. Toto je také někdy psáno jako
. konkrétně pro verze XHTML, které vyžadují uzavření všech prvků. Syntaxe vlečené / v této syntaxi sama zavře prvek od té doby
tag nemá vlastní zavírací značku. To vše je dobré a dobré, ale pracujete v návrhovém zobrazení v aplikaci Dreamweaver. Možná nebudete chtít skočit do kódu a přidat tyto přestávky. To je v pořádku, protože můžete opravdu přidat do Dreamweaveru přerušení čáry, aniž byste se uchýlili k zobrazení kódu.
Přidejte přerušení čáry v návrhu aplikace Dreamweaver:
- Umístěte kurzor na místo, kde chcete spustit novou linku.
- Podržte stisknuté tlačítko klávesa Shift a stiskněte tlačítko Zadejte.
A je to! Jednoduché přidání klávesy "shift" spolu s ENTER přidá a
namísto nového odstavce. Takže teď, když víte, jak to je, měli byste zvážit, kam ho používat a kam se chcete vyhnout. Nezapomeňte, že HTML je určen k vytvoření struktury webu, nikoli k vizuálnímu vzhledu. Neměli byste používat více
značky pro vytvoření vertikálního odstupu pod prvky v návrhu.
Právě to jsou vlastnosti CSS pro polstrování a okraje. Kde byste použili a
značka je, když potřebujete jediný zlomek řádku. Například pokud kódujete poštovní adresu a rozhodli jste se použít odstavec, můžete jej přidat
takto:
Jméno společnosti Tento kód adresy je jediný odstavec, ale vizuálně by zobrazoval tři řádky na jednotlivých řádcích s malým mezerou mezi nimi.
Řádek adresy
Město stát PSČ
