Pokud jste v oblasti webdesignu a front-end vývoje (HTML, CSS, Javascript) nováčkem, můžete se rozhodnout začít s WYSIWYG editor. Tato zkratka znamená „to, co vidíte, to dostanete“ a v zásadě odkazuje na software, který vám to umožňuje vytvořte webovou stránku pomocí vizuálních nástrojů, zatímco software zapíše nějaký kód do zákulisí podle toho, čím jste vytváření. Nejpopulárnější dostupný nástroj WYSIWYG je pravděpodobně Adobe Dreamweaver.
Dobrá volba pro ty, kteří právě začínají
Zatímco mnoho zkušených webových profesionálů s více rafinované dovednosti dívat se dolů na Dreamweaver a jeho tendenci vytvářet nafouklé značky HTML a Styly CSSjednoduchá pravda je, že platforma zůstává dobrou volbou pro ty, kteří s designem webových stránek teprve začínají. Když začnete k vytváření webové stránky používat možnost „návrhového zobrazení“ aplikace Dreamweaver, jednou z otázek, které pravděpodobně budete mít, je, jak v tomto zobrazení vytvořit jediný konec řádku.
Když přidáváte text HTML na webovou stránku, webový prohlížeč zobrazí tento text jako dlouhou čáru, dokud nedosáhne okraje okna prohlížeče nebo jeho prvku kontejneru. V tomto okamžiku se text zalomí na další řádek. To je podobné tomu, co se děje v jakémkoli softwaru pro zpracování textu, jako je Microsoft Word nebo Google Docs. Pokud řádek textu již nemá místo na vodorovné čáře, zalomí se a začne další řádek. Co se tedy stane, když chcete diktovat, kde se linka zalomí?
Když stisknete ENTER v návrhovém zobrazení Dreamweaveru
Když narazíte ENTER v návrhovém zobrazení Dreamweaveru je aktuální odstavec uzavřen a začíná nový odstavec. Vizuálně to bude znamenat, že tyto dvě čáry jsou odděleny s trochou svislých mezer. Důvodem je, že ve výchozím nastavení HTML odstavce mají polstrování nebo okraje (který závisí na samotném prohlížeči) aplikován na konec odstavce, který přidává tyto mezery.
To lze upravit pomocí CSS, ale pravdou je, že chcete, aby mezi odstavci byly mezery, které umožní čitelnost webových stránek. Pokud chcete jeden řádek a žádné velké svislé mezery mezi řádky, nechcete použít klávesu ENTER, protože nechcete, aby tyto řádky byly jednotlivými odstavci.
Když nechcete, aby začal nový odstavec
Pro tyto časy, kdy nechcete, aby začínal nový odstavec, přidáte
značka v HTML. Toto je také někdy psáno jako
. konkrétně pro verze XHTML, které vyžadovaly uzavření všech prvků. Koncová / v této syntaxi prvek sama zavře od
značka nemá vlastní uzavírací značku. To je v pořádku a dobré, ale pracujete v návrhovém zobrazení v Dreamweaveru. Možná nebudete chtít skočit do kódu a přidat tyto přestávky. To je v pořádku, protože v Dreamweaveru můžete skutečně přidat zalomení řádku, aniž byste se uchýlili k zobrazení kódu.
Přidejte zalomení řádku v návrhovém zobrazení Dreamweaveru:
- Umístěte kurzor na místo, kde má nový řádek začínat.
- Podržte klávesa Shift a stiskněte Enter.
A je to! Jednoduché přidání klávesy „shift“ spolu s [ENTER] přidá a
místo nového odstavce. Takže teď, když víte, jak to je, měli byste zvážit, kde to použít a kde se tomu vyhnout. Pamatovat si, HTML je určen k vytvoření struktury webu, nikoli vizuálního vzhledu. Neměli byste používat více
značky pro vytvoření svislých mezer pod prvky ve vašem návrhu.
K tomu slouží vlastnosti CSS pro odsazení a okraje. Kde byste použili a
tag je, když potřebujete pouze zalomení jednoho řádku. Například pokud kódujete poštovní adresu a rozhodli jste se použít odstavec, můžete přidat
značky jako toto:
Jméno společnosti
Řádek adresy
Město stát PSČ.
Tento kód adresy je jeden odstavec, ale vizuálně by zobrazil tři řádky na jednotlivých řádcích s malou mezerou mezi nimi.