Novinky

Úvod do JavaScriptu
Javascript je jedním ze základních prvků moderních webových aplikací. Jistě každý z Vás zná například poštovní službu Gmail, Google Docs či Seznam. V pozadí všech před chvílí jmenovaných webových projektů stojí totiž Javascript. Díky novým technikám, například AJAXu (tento výraz si vysvětlíme v některém příštím díle) zažívá tento skriptovací jazyk opravdu renesanci. Pokud jste vytvářeli své projekty například za pomocí HTML či jiného jazyka a chyběla Vám ve Vašem díle určitá interaktivita či šikovný prvek, je na čase naučit se Javascriptu. Co …

Datum, data, datech, …
Skloňování slova datum dělá mnohým potíže. Ukážeme si tedy, jak toto slovo správně skloňovat. Jednotné číslo (singulár)Množné číslo (plurál)1. pád: datum1. pád: data2. pád: data2. pád: dat3. pád: datu3. pád: datům4. pád: datum4. pád: data5. pád: datum5. pád: data6. pád: datu6. pád: datech7. pád: datem7. pád: daty Podstatné jméno datum je rodu středního a skloňujeme ho podle vzoru město. Chybně × správně bez datuma – chybně; skloňované dle vzoru město, ale nedošlo k odtržení koncovky -um Často můžeme vidět chybné tvary datumu, datumy. Např.: „Chyba v datumu.“ nebo „Tyto datumy jsou ještě volné.“ Zde se …

Mě, mně, mne
Možná se někomu bude tento článek zdát zbytečný, ale správné skloňování zájmena já, dělá mnohým stále potíže. Častým prvkem webových stránek je položka menu O mně, a právě zde se hodně chybuje. Avšak pokud si budeme pamatovat, že ve 2. a 4. pádě se píše mě a ve 3. a 6. pádě mně, neuděláme už chybu. Příklady O mně (o kom?, o čem? → 6. pád) Vidí to na mně. (na kom?, na čem? → 6. pád) Dá na mě. (na koho?, na co? → 4. pád) Šla tam beze mě. (bez koho?, bez čeho? → …

Jak správně oslovovat? Pátým pádem!
Přestože o pátém pádu slyšel kdekdo, s jeho používáním je to horší; a to právě při oslovování. Často totiž slýcháváme oslovování pádem prvním, je to však nejen špatně, ale navíc je to neslušné. Pokud tedy nechceme, aby si o nás druzí pomysleli něco nepěkného, oslovujme je vždy pátým pádem. Příklady Při oslovování příjmením volíme také pátý pád. U žen (kvůli koncovce -ová) a u některých příjmení (Novotný, Macků, …) to pak máme jednodušší, pátý pád je shodný s pádem prvním. Špatně (na co si dát …

Tečka, čárka, mezera
Za tečkou (vykřičníkem, otazníkem) na konci věty a čárkou ve větě se píše mezera. Před tečkou a čárkou se mezera nepíše. Pokud si toto pravidlo budeme pamatovat, bude náš písemný projev zase o kousek inteligentnější. Mezera za čárkou se píše i ve výčtech, které nejsou přímo součástí věty. Např.: melouny, hrušky, jahody, jablka. Mezeru za čárkou pak nepíšeme u desetinných čísel. …

Lorem Ipsum
Možná jste už párkrát narazili na stránky, jejichž text se tvářil jako latina a často začínal slovy Lorem ipsum. Co to tedy bylo za text? Lorem ipsum je pseudolatinský text (tváří se jako latina, i když některá slova význam mají), který se používá jako výplňový text grafických návrhů (nejen) webových stránek. Máme tak možnost stránku vidět v podobě, ve které bude vypadat, až se naplní vlastním obsahem. Návrh stránky s tímto textem vypadá mnohem přirozeněji, než kdybychom psali například Bla bla bla. Tento text si pak můžete nechat vygenerovat …

Co na žádný web nepatří
Hrající hudba — Není nic horšího, než když sedíte, v klidu prohlížíte www stránky a najednou na Vás začne řvát nějaká odporná hudba. Takové stránky já (a nejen já) bleskurychle opouštím. Neděláme přeci stránky, aby nám z nich lidé utíkali. Pokud však mermomocí chcete mít na svém webu hrající hudbu, měla by být standardně vypnutá a uživatel by si ji mohl zapnout pouze, pokud by měl zájem; a taky by měla zase jít rychle vypnout. Různé animované obrázky. Dále například jezdící text za …

Co je CSS
Obecně řečeno, CSS je nějaký zápis, který určuje vzhled (barvy, dekorační obrázky, rozmístění prvků) HTML dokumentu. CSS je zkratka slov Cascading Style Sheets. Do češtiny bychom to přeložili jako Tabulky kaskádových stylů. V praxi se pak častěji používají tyto názvy: Kaskádové styly, styly, CSS soubor(y). Soubor s kaskádovými styly má příponu css. Sám o sobě je k ničemu. Jeho funkčnost se projeví až po propojení s HTML souborem. A proč vlastně kaskádové? Protože při psaní CSS souboru se využívá tzv. kaskády. Co je tím myšleno si povíme dále. HTML dokumentu můžeme různými CSS soubory zajistit různé …

Připojení CSS k HTML
Způsoby připojení CSS k HTML 1. Přímé připojení stylu k prvku HTML Dělá se tak pomocí atributu style. Ukážeme si na příkladu:Nejprve zapíšeme zápis pro neostylovaný nadpis druhé úrovně. To je pro nás už hračka. <h2>Nadpis druhé úrovně</h2> Nyní si ho ostylujeme pomocí atributu style, určité vlastnosti a její hodnoty. <h2 style="color: green;">Nadpis druhé úrovně</h2> Pozn.: U noční verze webu má nadpis přidáno světlé pozadí, kvůli lepší čitelnosti. Na konci zápisu není nutné středník psát. Pokud ale chceme nějakou vlastnost přidat, středník je důležitý k jejímu oddělení. Je tedy lepší psát středník i …

Div a span
Div a span jsou neutrální tagy – nedávají obsahu v HTML dokumentu význam a sami o sobě nijak HTML dokument neformátují. Jedná se o párové tagy. Napíšeme-li do HTML dokumentu například <div>Div je neutrální tag.</div> a dokument poté zobrazíme v prohlížeči, uvidíme, že tag div se nijak zvlášť neprojevil. Obrovského využití však neutrální tagy naleznou ve spojení s CSS. Pomocí CSS vlastností se tyto tagy dají všemožně formátovat (můžeme jim přidělovat rozměry, umísťovat je na stránce, kam se nám zlíbí – pozicovat je, barvit je atd.). Především pomocí divů se pak tvoří layouty stránek …

Zápis CSS
Začneme hned příkladem. Chceme mít třeba odstavce modrou barvou s prostrkanými písmeny ve slovech (mezery určité velikosti mezi písmeny). p {  color: blue;  letter-spacing: 2px;  } Pozn.: U noční verze webu má odstavec přidáno světlé pozadí, kvůli lepší čitelnosti. Obecný zápis vypadá následovně: selektor {  css-vlastnost1: hodnota-css-vlastnosti1;  css-vlastnost2: hodnota-css-vlastnosti2;  } Vlastnosti mohou být zapsány v libovolné pořadí. Selektorem může být tag, třída, identifikátor nebo * (viz další kapitolu). Přehled CSS vlastností a jejich hodnot je v samostatné kapitole. Za hodnotou vlastnosti se pak píše středník sloužící k oddělění jednotlivých vlastností. Na konci tedy být nemusí, ale jak již jsem zmiňoval, …

Třídy a identifikátory
Třídy Mějme 3 odstavce z nichž jeden chceme mít červený: CSS .vyrazny {color: red;} Třída začíná tečkou a poté následuje název třídy (mezi tečkou a názvem není mezera!).Název píšeme bez diakritiky a mezer. Název může být libovolný, avšak neměl by obsahovat znaky jako otazník, vykřičník, … a neměl by začínat číslicí, nebo nám to nepojede. Možná teď někoho napadne, proč jsem zvolil slovo vyrazny a ne třeba cerveny. S barvami to je totiž trochu ošidnější. Co když se mi červený odstavec přestane líbit a předělám ho třeba na oranžový …