Správné vkládání a formátování textu

01. 09. 2009

Součástí administračního rozhraní inPage je vizuální textový editor, se kterým se setkáte pokaždé, když budete chtít založit novou stránku. V tomto návodu Vám ukážeme, jak správně a bez chyb formátovat text na Vašich stránkách.

Vizuální editor je na webu skvělá věc. Odstraňuje nutnost znát zápis značek jazyka HTML, takže každý může text na webu formátovat podle své potřeby, a to aniž by se s HTML vůbec kdy setkal. Ve vizuálním editoru jednoduše píšete text stejným způsobem, jako v počítači. K dispozici máte funkce pro zarovnávání či odsazování textu od okraje, tvorbu bodových a číslovaných seznamů, vkládání obrázků atd.

Formátování textu v inPage obecně

Chceme-li formátovat text, může to znamenat mnoho úkonů, které s textem chceme provést. Můžeme například vytvořit jednoduše hlavní nadpis či podnadpis, zvýraznit text tučně, zvětšit velikost písma nebo změnit barvu, zarovnat odstavec na střed, umístit před text odrážku a další. Možností je opravdu mnoho, avšak zvýrazňování textu bychom měli používat uváženě!

Pro formátování textu v inPage používáme několik základních ikon.

Ikony určené k formátování textu

Jak jsme psali již v úvodu, s editorem se setkáte pokaždé, když budete chtít založit novou nebo editovat již existující sránku. Součástí editoru jsou 3 řady ikon. Pro formátování textu používáme ikony vyznačené na obrázku

Chcete-li vědět, co která ikona znamená, stačí kurzorem myši najet nad danou ikonu a zobrazí se Vám popis její funkce.

Jak správně formátovat text v editoru

Existují dva způsoby jak dostat textový obsah do editoru inPage.
Buď můžete svůj text psát do editoru "přímo" (zde si jej pak také jednoduše naformátujete), nebo
si můžete textový obsah připravit v programu MS Word, a poté jej jednoduše zkopírujete do editoru inPage přes patřičnou ikonu.

Nejdříve se však zaměříme na psaní a formátování textu přímo v editoru inPage.

Psaní a formátování textu "přímo" v editoru inPage

Než začneme formátovat jednotlivé části textu, je dobré si nejdříve vytvořit základní, ucelený textový obsah. Máme-li text připravený, můžeme začít s formátováním.
Pamatujte! Každou stránku bychom měli začít hlavním nadpisem.

Vytvoření hlavního nadpisu

Používání nadpisů na stránkách je nedílnou součástí SEO optimalizace stránek. Vytvoření nadpisu v editoru inPage je skutečně velmi jednoduché. Jak je vidět na obrázku, označíme si větu či slovo, které chceme označit jako hlavní nadpis a vybereme z nabídky Nadpis 1.

Jednoduše jsme takto nastavili hlavní nadpis stránek (viz následující obrázek).

Vytvoření podnadpisů

Stejným způsobem jako jsme vytvořili hlavní nadpis, vytváříme v editoru i podnadpisy. Podnadpisy se v inPage označují jako Nadpis 2, Nadpis 3 až Nadpis 6. Jako podnadpisy označujte slova či větná spojení nadepisující určitou část daného odstavce, tedy slova mající určitý význam pro vyhledávače (klíčová slova).

Přečtěte si celý článek o správném formátování nadpisů

Zvýraznění písma (tučné, kurzíva, podtržení)

Chceme například odstavec zvýraznit tučně, kurzívou či podtržením, označme si jej a použijte následující vyznačené ikony:

Ukázka zvýrazněného písma - tučně
Ukázka zvýrazněného písma - kurzívou
Ukázka zvýrazněného písma - podtržením

Zarovnání písma (na střed, do stran či do bloku)

V některých případech můžeme použít zarovnání odstavce či věty do strany, na střed, případně do bloku.
Pro zarovnání textového obsahu používáme následující ikony:

Zvětšení písma (nastavení velikosti)

Zvětšení písma je u mnohých uživatelů velice oblíbeným prvkem, ale právě zde je potřeba dávat pozor na to, co chceme formátovat na větší velikost.

Pro zvětšení velikosti písma používáme následující ikonu:

Ukázka velikosti písma - 12pt
Ukázka velikosti písma - 18pt
Ukázka velikosti písma - 24pt

Změna barvy písma

Také úprava barev písma je velice oblíbeným prvkem, převážně ženy se snaží své webové stránky včetně textového obsahu ladit do barevnějšího kabátu. I zde ale platí, nic se nemá přehánět. Chcete-li, aby Vaše stránky vypadaly profesionálně, určitě není vhodné, aby web hýřil barvami.

Pro obarvení věty či odstavce používáme následující ikonu:

Ukázka barevného typu písma
Ukázka barevného typu písma
Ukázka barevného typu písma

Používání odrážek a číslování

Odrážky nebo číslování seznamu se může hodit v mnoha případech. Použitím odrážky můžete rozdělit například delší text a upozornit tak na důležité body či produkty v článku, číslováním můžete krásně rozdělit nějaký seznam.

Pro vytvoření odrážek nebo číslovaného seznamu použijeme následující ikony:

To byly nejčastěji používané ikony pro formátování textu při psaní přímo v editoru inPage.
Druhou možností, jak vložit obsah do editoru inPage je pomocí MS Word.

Vkládání a formátování textu z Wordu

Pokud si text pro web připravujete nejprve v počítači v nějakém textovém editoru (například ve Wordu nebo v OpenOffice.org), pak jej nemůžete jen tak jednoduše zkopírovat do schránky a následně vložit do vizuálního editoru na webu. Namísto toho klepněte nejprve na tlačítko Vložit text z aplikace Word a text zadejte teprve do políčka v dialogu, který se vám objeví.

Proč to všechno? Pokud totiž do editoru vložíte zkopírovaný text z Wordu přímo, dojde také k vložení speciálních formátovacích značek, včetně různých barev, velikostí a typů písma. To bude mít za následek, že po uložení nebude stránka vypadat podle nastavení webové šablony. V lepším případě bude vzhled prvků na stránce mírně odlišný, v horším pak bude stránka vypadat nepoužitelně.

Vkládání obrázků

Zejména méně zkušení uživatelé často vkládají obrázky přímo do dokumentu ve Wordu. To je samozřejmě vhodné pro případ, kdy vytváříte dokument určený například pro tisk. Ovšem nikoli již pro přípravu textů na web. Zkopírováním obrázku do schránky a jeho následným vložením do vizuálního editoru jej totiž na web neuložíte. Obrázky ponechejte v samostatných souborech, které nahrajete pomocí příslušného nástroje (záložka Obrázky) do prostoru inPage.

Poté obrázky z připraveného textu ve Wordu odstraňte a teprve takovýto text vkládejte do vizuálního editoru na webu.

Pozor na odstavce

Třetí nejčastější chybou méně zkušených uživatelů je špatná práce s odstavci v textovém editoru, kde si text pro umístění na web připravují. Odstavce vždy vytvoříte stiskem klávesy Enter. Pokud ji použijete dvakrát za sebou, vznikne prázdné místo, resp. jeden prázdný odstavec navíc. Po vložení do vizuálního editoru na webu se to projeví zbytečným prázdným místem mezi řádky.

Snažte se tedy vyvarovat popsaných chyb a dodržovat tři základní pravidla, díky kterým si práci s vizuálním editorem v administraci inPage usnadníte a zajistíte si správný vzhled vytvořených stránek.