Ak ste noví pri vývoji webových stránok a vývojových aplikáciách (HTML, CSS, Javascript), môžete sa rozhodnúť začať s WYSIWYG editorom. Táto skratka znamená "to, čo vidíte, je to, čo dostanete" a v podstate ide o softvér, ktorý vám umožňuje vytvoriť webovú stránku pomocou vizuálnych nástrojov, zatiaľ čo softvér zapisuje nejaký kód za scény na základe toho, čo vytvárate. Najobľúbenejším nástrojom WYSIWYG je pravdepodobne Adobe Dreamweaver .
Dreamweaver je dobrá voľba pre tých, ktorí práve začínajú
Zatiaľ čo mnohí skúsení weboví profesionáli s vylepšenými schopnosťami dávajú pozor na Dreamweaver a jeho tendenciu vytvárať nafúknuté HTML značky a štýly CSS, jednoduchou pravdou je, že platforma zostáva dobrou voľbou pre tých, ktorí práve začínajú s návrhom webových stránok. Keď začnete používať návrh dizajnu aplikácie Dreamweaver na vytvorenie webovej stránky, jednou z otázok, ktoré budete pravdepodobne mať, je vytvorenie jediného riadku pre obsah v danom zobrazení.
Keď pridávate text HTML na webovú stránku, webový prehliadač zobrazí tento text ako dlhý riadok, kým nedosiahne okraj okna prehliadača alebo jeho element kontajnera. V tomto okamihu sa text zaokrúhli na nasledujúci riadok. Toto je podobné tomu, čo sa deje v každom softvéri na spracovanie textu, ako je Microsoft Word alebo Dokumenty Google. Ak riadok textu nemá viac priestoru na vodorovnej čiare, zabalí sa, aby začal iný riadok. Takže čo sa stane, ak chcete diktovať, kde sa línia zlomí?
Keď stlačíte tlačidlo [ENTER] v projekte Dreamweavera, aktuálny odsek sa zatvorí a začne sa nový odsek. Vizuálne to znamená, že tieto dve čiary sú oddelené trochou vertikálneho rozstupu. Je to preto, že v predvolenom nastavení majú odseky HTML políčka alebo okraje (ktoré závisia od samotného prehliadača) použité v spodnej časti odseku, ktorý pridáva medzery.
Toto je možné upraviť pomocou CSS, ale pravdou je, že chcete, aby medzi jednotlivými odsekmi boli medzery, aby sa umožnila čitateľnosť webových stránok. Ak chcete mať jeden riadok a žiadne rozdiely medzi jednotlivými riadkami, nechcete používať klávesy [ENTER] kľúč, pretože nechcete, aby tieto riadky boli jednotlivé odseky.
Pre tieto časy, kedy nechcete, aby sa začal nový odsek, by ste pridali značku
v jazyku HTML. Toto je tiež niekedy napísané ako
. konkrétne pre verzie XHTML, ktoré vyžadujú uzavretie všetkých prvkov. Trailing / in that syntax samoobjedná prvok, pretože značka
nemá vlastnú uzatváraciu značku. To všetko je dobré a dobré, ale pracujete v aplikácii Design View v aplikácii Dreamweaver. Možno nechcete skákať do kódu a pridať tieto prestávky. To je v poriadku, pretože v Dreamweaveru môžete dokonca pridať prerušenie riadku bez použitia kódu.
Pridajte prerušenie línie v návrhu dizajnu aplikácie Dreamweaver:
- Umiestnite kurzor na miesto, kde chcete začať nový riadok.
- Podržte kláves Shift a stlačte [ENTER].
To je ono! Jednoduché pridanie klávesu "shift" spolu s [ENTER] pridá namiesto nového odseku nový súbor. Takže teraz, keď viete, ako to je, mali by ste zvážiť, kam ju použiť a kam sa chcete vyhnúť. Nezabudnite, že HTML je určený na vytvorenie štruktúry lokality, nie vizuálneho vzhľadu. Nemali by ste používať viac značiek na vytvorenie vertikálneho oddelenia pod prvkami vo vašom dizajne.
Práve to sú vlastnosti CSS pre polstrovanie a okraje. Kde by ste použili značku
je, keď potrebujete jednorazovú prestávku. Napríklad, ak kódujete poštovú adresu a rozhodli ste sa použiť odsek, môžete pridať značky ako:
Názov spoločnosti
Riadok adresy
Mesto, štát, PSČ
Tento kód pre adresu je jediný odsek, ale vizuálne by sa zobrazili tri riadky na jednotlivých riadkoch s malým priestorom medzi nimi.