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 mezery pro umožnění čitelnosti webových stránek. Pokud chcete mít jeden řádek a žádné velké rozteče mezi jednotlivými řádky, nechcete používat [ENTER] klíč, protože nechcete, aby tyto řádky byly jednotlivé odstavce.
Pro tyto časy, kdy nechcete, aby začal nový odstavec, přidáte značku
do HTML. Toto je také někdy psáno jako
. konkrétně pro verze XHTML, které vyžadují uzavření všech prvků. Trailing / v této syntaxi sama zavře prvek, protože značka
nemá vlastní uzaví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řidání zlomku čáry v návrhovém zobrazení aplikace Dreamweaver:
- Umístěte kurzor na místo, kde chcete spustit novou linku.
- Podržte klávesu Shift a stiskněte [ENTER].
A je to! Jednoduché přidání klávesy "shift" spolu s [ENTER] přidá místo nového odstavce položku. 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ícenásobné 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 značku
, je to, když potřebujete jediný zlomek řádku. Například pokud kódujete poštovní adresu a rozhodli jste se použít odstavce, můžete přidávat tagy jako jsou tyto:
Název společnosti
Adresa adresy
Město, stát, ZIP
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.