CSS (+ DHTML)»  Prostředky


Co je to CSS?

CSS (Cascading Style Sheets) = kaskádové styly


CSS je jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML.



Jazyk CSS byl navržen standardizační organizací W3C (kde první návrh vypracoval Håkon Wium Lie). Aktuálně byly zatím vydány dvě úrovně specifikace CSS1 a CSS2 a pracuje se na verzi CSS3.


Hlavním smyslem je umožnit návrhářům oddělit vzhled dokumentu od jeho struktury a obsahu. Původně to měl umožnit už jazyk HTML, ale v důsledku nedostatečných standardů a konkurenčního boje výrobců prohlížečů se vyvinul jinak.


Poprvé CSS implementovala společnost Microsoft v roce 1996 do Internet Exploreru 3.0.


Starší verze HTML obsahovala celou řadu prvků, které nepopisují obsah a strukturu dokumentu, ale především způsob zobrazení. Z hlediska zpracování dokumentů a vyhledávání informací není takový vývoj žádoucí, neboť větší část zdrojového kódu zabírá kód samotný na úkor obsahu.



Tato technologie, zcela nahrazuje tag <[font]> a uvádí v provoz tag <[style]>. Pomocí CSS můžete definovat kromě barvy, písma a velikosti spoustu dalších věcí (rámeček, podtržení, tučnost, vlnitost, zobrazení, odrážky, okraje, ...).


Třídy a identifikátory umožňují tvorbu stylu jediným atributem a vy tedy nemusíte opakovat stejný kód desetkrát. Kromě toho můžete také definovat styl celých tagů. Např. tedy tag <[input]> bude mít vždy červený text (na celém webu), a je to možné udělat jediným řádkem.



DHTML

Možná už jste se někdy setkali se zkratkou DHTML, nebo souslovím Dynamické HTML. Věřte, že tento jazyk je tvořen takřka jen z HTML, JavaScriptu, VBScriptu (jazyk s podobnými vlastnostmi jako JavaScript) a CSS. Tento jazyk využívá síly HTML, JavaScriptu a CSS a vytváří tak dokonalý design a stránky na které se dá dívat.



CSS vám zjednodušší práci:



Tag STYLE, atribut style, (třídy, identifikátory, nastavení)

- Nyní se podíváme na tag <[STYLE]>:

<[STYLE type="text/css"]>
  .jméno_třídy{ deklarace }
  #jméno_identifikátoru{ deklarace }
  jméno_tagu{ deklarace }
<[/STYLE]>

- V praxi to může vypadat třeba takto:

<[STYLE type="text/css"]>
  .modra{color: blue;}
  #zeleny{color: green; font-size: 11px}
  div{color: red }
<[/STYLE]>

- Deklarované objekty (třída, identifikátor a tag) použijeme v dokumentu takto:

<[P class=modra]> ... <[/P]>
<[SPAN id=zeleny]> ... <[/SPAN]>
<[DIV]> ... <[/DIV]>


Také je možné tagy upřesnit pomocí pseudoelementů:

A:link { styl nenavštíveného odkazu }
A:visited { styl navštíveného odkazu }
A:active { styl aktivního odkazu }
A:hover { styl odkazu po přejetí myši }
P:first-line { styl prvního řádku odstavce }


Soubory *.css

Tak jako skripty v JavaScriptu, tak i styly můžete mít uložené mimo stránku (externě). Což je také u moderních webů trendem, hlavně kvůli obsahové úspoře velikosti zdrojového kódu - především z hlediska SEO.


Soubor stylů má koncovku *.css a odvolat se na něj můžeme v hlavičce stránky pomocí tagu <[LINK href="soubor.css" rel="stylesheet"]>.


Samotný soubor obsahuje jen obsah, který by normálně byl mezi tagy <[STYLE]> a <[/STYLE]>.


<[!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"]>

<[HTML]>
<[HEAD]>
  <[TITLE]>titulek stránky<[/TITLE]>
  <[LINK rel="stylesheet" href="/style.css" type="text/css"]>
<[/HEAD>
<[BODY]>


<[/BODY]>
<[/HTML]>
HTML (HyperText Markup Language) značkovací jazyk pro web Co je to HTML? HTML [HyperText Markup Language] HTML je jazyk, který je základem pro vytváření webových stránek. Základem tohoto jazyka jsou značky, což je text v ostrých závorkách < >. Internetový prohlížeč má za úlohu vyhodnotit a zpracovat text v závorkách. Text mimo tyto závorky je zobrazen na obrazovce. Tagy: Příkazům v ostrých závorkách se říká tagy. Tagy bývají párové (mají počáteční a uzavírací značku : a ). Existují i nepárové tagy - … ... podrobnosti ... PHP (Hypertext Preprocessor) skriptovací programovací jazyk Co je to PHP? PHP (neboli Professional Home Pages, dnes Hypertext Preprocessor) je velmi mocným scriptovacím jazykem, který se využívá na Internetu. Jazyk byl vytvořen někdy v roce 1994. Rasmus Lerdorf si naprogramoval v Perlu jednoduché počítadlo přístupů na jeho stránky. Perl byl (a je) jedním z hlavních programovacích jazyků na Internetu, ale příliš zatěžuje server. Proto toto počítadlo přepsal do jazyka C. Vše samozřejmě dělal pod Unixem (Linuxem) jehož základním kamenem je právě jazyk … ... podrobnosti ... MySQL databázový systém Co je to MySQL? MySQL je švédský databázový server založený na jazyce SQL (structured query language). Je k dispozici jako open source, tedy program šířený zdarma. K dalším výhodám MySQL patří podpora všech hlavních platforem, vysoký výkon i rychlost a vynikající kompatibilita s jinými systémy, zejména se serverovým programem Apache a skriptováním PHP (dohromady tvoří tzv. triádu, trojici programů nejčastěji instalovanou k vytváření databázových aplikací). MySQL se také díky své … ... podrobnosti ... JavaScript objektově orientovaný skr. jazyk Co je to JavaScript? JavaScript je objektově orientovaný skriptový jazyk, vyvinutý firmami Netscape a Sun. JavaScript vychází z programovacího jazyka JAVA. Pokud chcete do vašich stránek přidat java applet, potřebujete k tomu mít vývojové prostředí javy, nebo alespoň kompilátor. Výsledný applet však často poměrně velký a jeho ladění není taky obvzálště jednoduché. Další nevýhodou je také to, že applet tvoří samostatný soubor a do html souboru se vkládá pouze odkaz na tento soubor, popřípadě … ... podrobnosti ... AJAX (Asynchronous JavaScript and XML) moderní technologie tvorby interaktivních webů AJAX = Asynchronous JavaScript And XML Zkratka AJAX pochází z anglického Asynchronous JavaScript and XML. AJAX je moderní technologie často využívaná v současných webových aplikacích. Hodně se o ní mluví, neboť je součástí RIA, nového směru programování vedoucímu k vyššímu uživatelském komfortu a funkčnosti aplikací. AJAX však ve skutečnosti není žádnou novou technologií, pouze novou kombinací technologií již dávno známých, tj. HTML (nebo XHTML), JavaScriptu, XML a XMLHttpRequest. A … ... podrobnosti ... XML (Extensible Markup Language) rozšiřitelný značkovací jazyk XML eXtensible Markup Language = rozšiřitelný značkovací jazyk je obecný značkovací jazyk, který byl vyvinut a standardizován konsorciem W3C. Umožňuje snadné vytváření konkrétních značkovacích jazyků pro různé účely a široké spektrum různých typů dat. Jazyk je určen především pro výměnu dat mezi aplikacemi a pro publikování dokumentů. Jazyk umožňuje popsat strukturu dokumentu z hlediska věcného obsahu jednotlivých částí, nezabývá se sám o sobě vzhledem dokumentu nebo … ... podrobnosti ... SEO (Search Engine Optimization) optimalizace pro vyhledavače Co je to SEO? SEO = search engine optimization (search engine optimalization) = optimalizace internetových stránek pro internetové vyhledávače Co je to internetový vyhledávač? Internetový vyhledávač je internetová stránka (často i součástí portálu), na níž je možné podle zadaných „klíčových slov” vyhledávat na internetu (v obsahu internetových stránek). U mnoha lidí ale panuje mylná představa, že vyhledávače (po stisknutí tlačítka Vyhledat apod.) projíždějí internet … ... podrobnosti ... .htaccess konfigurační soubor umožňující nastavení důležitýc Co je to .htaccess? .htaccess je soubor, který je beze jména a pouze s příponou .htaccess. Tento soubor se používá k nastavení webového serveru. Může být na stránkách užitečný a nejčastěji se používá k vytvoření stránek, které zobrazují chybu 404. Pro ty, kteří nevědí co je chyba 404, tak si zkuste zadat nesprávnou (jakoukoli) internetovou adresu - chyba 404 je tedy - Stránka nenalezena! Příklady použití ochrana složek heslem vlastní chybová hlášení (nejčastěji 404) … ... podrobnosti ... Flash (Adobe Flash) dříve Macromedia Flash Dnes je tato technologie bohužel zastaralá a téměř nepoužívaná (z důvodu upadající podpory přehrávání v internetových prohlížečích především v mobilních zařízeních - chytřé telefony, tablety). Co je to Flash? Macromedia Flash 5, MX, ... 8, ... Macromedia Flash (dnes Adobe Flash) se v současné době stal faktickým standardem pro tvorbu interaktivních multimediálních animací pro web i CD ROM. Díky použití vektorové grafiky jsou výsledné soubory velmi kompaktní a proto snadno a rychle … ... podrobnosti ...
Informace o cookies Ochrana osobních údajů
2007 ....... 2018 © kao.cz
webdesign | websystem | KAO.cz