Aktuální kategorie: HTML

Chystaná specifikace HTML 5 posunuje možnosti vývojářů webových aplikací na hranice, o nichž se průkopníkům DHTML v roce 1997 snad ani nesnilo.

V současné době si náhodný zvědavec zkoumající zdrojový kód nějakého HTML dokumentu musí připadat jako Alenka v říši DIVů. Diverzita používaných tagů je skutečně žalostná, to by se však s příchodem HTML 5 mělo změnit

Web se neustále vyvíjí. Nové a inovativní weby vznikají každým dnem, posunujíc tak hranice HTML stále dál a dál. HTML 4 je tady s námi již téměř celou dekádu a poskytovatelé obsahu hledající nové techniky, aby mohli zajistit pokročilou funkcionalitu, jsou sráženi omezeními jazyka a prohlížečů.

V předchozím článku jsme se seznámili s technikami tvorby layoutu a tentokrát si je uvedeme do praxe. Naučíme se, jak stránky mohou vypadat a jak kýženého vzhledu dosáhnout probranými postupy.

Skalní příznivci chatu pomocí IRC jistě ocení snadnou možnost doplnit do svých stránek IRC klienta. Funkční je sice jen v Internet Exploreru verze 4+, ale i přes toto omezení své užití najde. Ke své funkci využívá ActiveX komponentu MSChat.OCX, která byla ještě donedávna zařazena v galerii Activex Controls.

V Internet Exploreru 5 se objevila možnost zobrazit ikonu serveru, třeba v oblíbených položkách. Pokud si dáte nějaký web do oblíbených položek, vyšle se požadavek na obrázek pojmenovaný například favicon.ico, a pokud je tento obrázek nalezen, vloží se vedle názvu serveru do záložek, nebo bude zobrazen u internetové adresy či dokonce jako zástupce serveru na pracovní ploše.

V již uveřejněných článcích je ukázáno, jak přehrávat zvuk na pozadí stránek a jak přidat odkaz na přehrávání internetového rádia. V tomto článku si ukážeme, jak přímo v naší stránce zobrazit přehrávač a umožnit tak uživateli komfortnější práci třeba s katalogem videoukázek nebo zatraktivnit zpravodajský server o ukázky přímo v článku.

Velmi jednoduchou metodou můžete zajistit, aby nezkušený uživatel nemohl jednoduše kopírovat cokoli z vaší webové prezentace. Musíte ale vždy dobře zvážit, jak a kde funkci použít.

V tomto článku si ukážeme, jak vytvořit sešity a dokumenty MS Office bez použití tohoto drahého kancelářského balíku. Podle návodu je vytvoří každý, ať už pomocí PHP, ASP či manuálně v jakémkoli textovém editoru. Výhodou takto vytvořených souborů je jejich malá velikost oproti "originálním" sešitům a dokumentům, navíc je můžeme při každé změně naší databáze automaticky generovat a rozesílat e-maily.

V některých případech může načítání nové stránky trvat delší dobu. Pomocí VBScriptu můžeme v MSIE provést zobrazení zprávy tak, že uživatel stále zůstává na stránce s odkazem, kterým získá výsledek „pomalého“ skriptu. Zobrazí se mu jen upozornění o probíhající akci a do doby, než je nová stránka načtena a připravena k zobrazení, si může dále číst původní stránku.

S minimálním úsilím můžeme vytvořit SMS klub pomocí e-mailové konference. Důvtipnost spočívá v co největším usnadnění registrace (přihlašování) uživatelů, která je pro nezasvěcené nepřehledná a mnohdy neproveditelná. Samotný nápad využití e-mailové konference by byl jinak objevem Ameriky.

Máme-li intranetovou nebo i internetovou aplikaci, která dává uživatelům k dispozici šablony dokumentů nebo samotné dokumenty ve formátu MS Office, můžeme vylepšit jejich komfort tak, že naše aplikace nebude nabízet pouze soubory ke stažení, ale rovnou spustí patřičnou aplikaci (Word, Excel apod.) a dokument v ní otevře.

Nastavit libovolnou barvu pozadí formulářového prvku již umíte. Víte ale, že jednoduchým trikem můžete vytvořit průhledné formuláře? Internet Explorer v případě, kdy nastavíte pozadí formulářového prvku na průhledný obrázek (průhledný gif), zobrazí prvek tak, že přes něj prosvítá pozadí...

Při návrhu webové stránky není vhodné definovat zvláštní neobvyklá písma, protože na počítači čtenáře pravděpodobně nebudou nainstalovaná. Je tedy třeba omezit se na tradiční písma. Firma Microsoft ovšem navrhla metodu stahování písem v souborech typu *.eot, kterou obsahují již prohlížeče MSIE 4+.

Jistě všichni znáte chybu 404 Not Found. Jedná se ale jen o jeden z mnoha stavů, ve kterých se může odpověď serveru nacházet. Jak vypadají ty ostatní a co znamenají?

Každý autor stránek asi někdy řešil problém, jak upozornit na důležitou událost, anketu nebo čím nahradit zdlouhavě se otevírající nové okno s vyskakovací reklamou. Jedno z možných řešení vám nabízím v následujícím článku.

HTML je ze své podstaty jazykem popisujícím strukturu informací - tedy jejich význam, důležitost, vzájemné vazby apod. Dnes si o tomto tématu povíme něco víc a také si představíme několik značek pro logické formátování textu.

Možná jste již slyšeli o různých skrytých "legráckách" v některých programech, tzv. easter eggs (velikonoční vajíčka). Pověstný je třeba Internet Explorer nebo Excel, kdy se zvláštní kombinací kláves a funkcí spustí třeba hra, která je vtipnou reklamou na tvůrčí tým. A jak si je vytvoříte na vlastním webu?

V článku "Vlastní indikátor ICQ" jsme si ukázali, jak přidat do svých stránek vlastní indikátor. V tomto článku se dozvíte, jak do stránky přidat ICQ pager, která bude mít vzhled velmi podobný originálnímu ICQ a umožní zaslat z vaší stránky zprávu přímo do vašeho ICQ.

HTML 4.0 definuje další tagy a atributy související s formuláři. Možná o nich ani nevíte. Pokud je ale použijete, vaše stránky obohatíte o další zajímavé funkce.

Pokud se snažíte převést tabulku z Wordu, Excelu apod. do HTML, znáte tu úmornou práci, při které na každý řádek musíte vložit element "TD". A to nemluvím o stylech a barvách, které se s každým sloupcem a řádkem mohou měnit. Následující program vyřeší vaše problémy.

Díky dynamickým stránkám lze odesílat formulář přímo ze stránky, nezávisle na správci pošty uživatele. V intranetu si ale můžete dovolit opak. Máte zde totiž systémy "pod kontrolou". Využití poštovního programu uživatele pak skýtá velkou výhodu, protože odeslané zprávy (formuláře) jsou přehledně uloženy ve složce odeslaných e-mailů a může se s nimi dále pracovat.

Především v intranetové aplikaci se mohou hodit ozvučené odkazy - můžete jimi upozornit na provedení některé operace (např. mazání) nebo třeba vytvořit nabídku, která je ozvučená podobně jako nabídka ve Windows. Vhodné použití zvuků může usnadnit navigaci nevidomým navštěvníkům.

Podmíněné komentáře jsou, jednoduše řečeno, nová sada tagů prohlížeče IE 5+. Tyto tagy vypadají jako obvykle používané značky pro komentáře. Díky zvláštní syntaxi však nejsou v prohlížečích IE 5+ ignorovány, ale jsou vyhodnoceny jako výraz.

Běžný uživatel vydrží čekat na zobrazení stránky asi 8 sekund. Jestliže se do té doby stránka alespoň částečně nenačte, odchází jinam. Přijít tímto způsobem o návštěvníka je určitě ten nejsmutnější případ - ani jste mu nestačili cokoli nabídnout a je pryč. Zkuste mu ale "zkrátit" čekání zobrazením "průběhu" načítání pomocí layers.

Pokud občas používáte na svých stránkách kaskádové styly, určitě jste narazili, anebo teprve narazíte na problém, kdy dnešní nejrozšířenější prohlížeč od Microsoftu špatně interpretuje vlastnost width v definici boxu. Tento článek vám poradí, jak tuto špatnou interpretaci "obejít".

Pravidelní čtenáři mají zajisté v paměti zajímavý a poučný článek kolegy Lahvičky na téma jak optimalizovat HTML kód, aby se rychleji načítal uživatelům. Dnes na něj volně navážeme a zaměříme se na nástroje, jež slouží k další úpravě kódu - kompresi a šifrování.

Pokud si některé české a zahraniční WWW stránky prohlížíte pomocí Internet Exploreru 5.5, určitě vám neuniklo, že některé české weby mají velmi zajímavým způsobem obarveny rolovací lišty prohlížeče. Jak je tohoto efektu docíleno? Velmi jednoduše - pomocí kaskádových stylů.

Pokud vytváříte graficky bohaté stránky, určitě se vám již někdy stalo, že jednotlivé části obrázku, které jsou vložené do samostatných buněk tabulky, obsahují mezi sebou rušivé mezery, respektive na sebe nenavazují. Problém je to určitě nepříjemný, nicméně - snadno vyřešitelný.

Opět vám po nějaké době přináším shrnutí několika článků do jednoho, po shrnutí 13 nejlepších článků o Photoshopu a o FLASHi se dnes budeme věnovat tvorbě HTML, respektive, budeme se věnovat různým tipům a trikům, které při tvorbě vlastních stránek určitě využijete.