Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost
|
|
|
- Šimon Prokop
- před 8 lety
- Počet zobrazení:
Transkript
1 Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Autor: Mgr. Tomáš Javorský Datum vytvoření: 09 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Dokument uvádí do problematiky optimalizace pro vyhledávače (SEO), popisuje vliv dordržování standardů a správné sémantiky kódu na umístění ve vyhledávačích. Popisuje některé techniky pro zlepšení přístupnosti webu pro handicapované.
2 SEO, standardy, sémantika kódu a přístupnost SEO - optimalizace stránek pro vyhledáváče SEO je zkratka z anglického Search Engine Optimization (stručně česky optimalizace stránek pro vyhledávače). Tato oblast webdesingu se zabývá úpravami kódu webových stránek tak, aby bylo dosaženo co nejlepšího umístění v internetových vyhledávačích a katalozích (Seznam, Google). Protože o pořadí webu ve vyhledaných výsledcích rozhoduje celá řada faktorů a pro úspěšnost webu bývá zásadní, je k dosažení co nejlepších výsledků je používána celá řada postupů. Existují i firmy specializující se výhradně na SEO. Stránky se optimalizují na určitá klíčová slova nebo fráze. Například firma vyrábějící nábytek může chtít, aby se její stránky co nejlépe zobrazily při zadání těchto klíčových slov: nábytek na zakázku, zakázkový nábytek, ratanový nábytek a podobně. Pořadí stránky u různých slov a slovních spojení může být pochopitelně různé. Faktory ovlivňující umístění stránek ve vyhledávačích 1. Název domény Je výhodné, pokud název domény obsahuje některé z klíčových slov. Např. nabytek-novak.cz je lepší než novak.cz nebo impoexpo-logistika.cz má větší šanci čanci při vyhledání slova logistika než prosté impoexpo.cz. 2. Kvalita HTML kódu S tou přímo souvisí validita a správná sémantika kódu. Validní kód znamená stránku napsanou ve formálním souladu se zvoleným standardem - HTML, XHTML, XML. Některé používané standardy: HTML 4.01 Transitional Nejbenvolentnější standard, umoňuje psát značky také velkými písmeny, nevyžaduje ukončování párových značek, některé atributy nemusí mít hodnotu, číselné hodnoty atributů nemusejí být v uvozovkách. Nicméně!!! Pokud se chceme vyhnout problémům a zajistit si případný snadný přechod na standard XHTML, měli bychom se předchozího vyvarovat a dodržovat několik zásadních pravidel i pro standard HTML: a) všechny značky a názvy atributů psát malými písmeny b) všechny atributy uzavírat do uvozovek nebo apostrofů c) korektně ukončovat všechny párové značky: špatně: <p>text odstavce <p>text dalšího odstavce správně: <p>text odstavce</p> <p>text dalšího odstavce</p>
3 d) všechny atributy musí mít hodnotu - v HTML 4 je možné například toto: <INPUT TYPE= checkbox NAME= tlacitko value=50 selected> naproti tomu XHTML ready kód by vypadal asi takto <input type= checkbox name= tlacitko value= 50 selected= selected > e) používat správnou definici DOCTYPE pro HTML viz dokument Meta značky. f) uvádět vždy znakovou sadu dokumentu ve značce <meta> - viz dokument Meta značky g) nepoužívat nesémantické značky určené pouze pro grafické formátování <font>, <b>, <i>, <align> atd. h) kódovat speciální znaky do &...; sekvencí zejména < (<), > (>) a & (&) - viz dokument Další HTML značky a sepciální znaky. Kódování těchto znaků v hodnotách atributů je stejné jako v běžném textu stránky. i) uvnitř HTML komentářů nepoužívejte dvojici pomlček -- j) u značky <img> vždy používejte atribut alt - jde také o důležitý prvek volivňující přístupnost stránek Při dodržení těchto jednoduchých pravidel nebude pak problém převést stránku na XHTML a pokud nebude převod nutný, bude stále vyhovovat standardu HTML 4.01 XHTML 1.0. Transitional Od výše uvedených zásad se liší pouze v drobnostech a toleruje některé nesémantické HTML prvky a atributy, které slouží ke grafické úpravě dokumentu, které XHTML 1.0 Strict nedovoluje a) XHTML 1.0. Transitional se liší v úvodu dokumentu - <DOCTYPE> a musí být použit správný atribut namespace u značky <html>. Lze použít následující kód (červeně označený je atribut namespace): <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN > <html xmlns= > <head> tradiční obsah sekce head jako u HTML dokumentu </head> b) je nutné uzavírat i nepárové značky - pomocí mezery a lomítka: místo <br> tedy <br /> místo <img src=./obrazek.jpg> tedy <img src=./obrazek.jpg /> Je-lepší použít starší standard a vytvořit stránku bezchybně, než za každou cenu vytvářet stránku podle XML Strict standardů a plnou chyb.
4 XHTML 1.0. Strict Tento standard netoleruje žádné nesémantické HTML prvky a validní je pouze značkování, které má význam pro strukturu dokumentu. XHTML 1.0 Frameset Umožňuje použití HTML rámců, které byly velmi oblíbené zejména v 90. letech. Použití rámců umožňuje rozdělit stránku v podstatě na několik samostaných stránek o různé velikosti. Nese však s sebou složitou údržbu a některé prohlížeče neumí stránky s rámci korektně uložit (zejména starší). HTML 5 Nejnovější HTML standard, umožňuje například snazší práci s multimédii - starší prohlížeče jej však nepodporují Validitu stránky stránky zjístíme jednoduše pomocí tzv. validátorů. Validátor je aplikace (offline nebo online), které ověří, zda je tránka validní podle příslušného standardu. Validátor vytvořený konsorciem W3C (konsorcium pro tvorbu webových standardů) lze najít na adrese w3.org. Umožňuje provést validaci jak zadáním www adresy, nahráním HTML souboru nebo vložením HTML kódu do formuláře. 3. Sémanticky správný HTML kód Prohlížeče implicitně zobrazují určité prvky v určité grafické podobě, to však neznamená, že bychom tyto prvky měli používat pro jejich grafickou podobu. Musíme je používat pro jejich význam. Například nadpisy <h1> až <h6> budou v naprosté většině prohlížečů zobrazeny tučným písmem větším než ostatní text. Je to proto, že jde o významnější prvek než je například odstavcový text <p>. Ale pokud chceme prostě jen větší písmo, které nemá zvláštní význam - chceme jen změnit grafickou podobu - měli bychom použít nevýznamovou značku <span> a nastylovat ji podle našich požadavků. Totéž platí v případě dalších prvků - pokud použijeme např. značku <strong> mělo by jít o důležitější text než je okolní. Prvky <h...> používáme pro nadpisy různých úrovní - sdružují tedy část textu podle souvislosti a umožňují odlišovat např. jednotlivé kapitoly. Seznamy <li> jsou strukturou, která má také zvláštní význam - je nesmysl vytvářet z obyčejného textu seznam jen proto, že chceme mít před textem čtvereček nebo kolečko. Je ale také nesmysl používat stylované značky <div> nebo <span> v místech, kde by měla být strukturální značka - pro většinu situací lze nějakou strukturální značku najít. Vyhledávač pátrá zejména ve strukturálních prvcích - velmi důležité jsou nadpisy, seznamy, značky <strong> a <em> 3. Správně vyplněné meta značky a značka <title> Meta značky by měly vždy obsahovat klíčová slova a popisek stránky. Klíčová slova ani popisek by neměly být příliš rozsáhlé. klíčovým slovům sice dnes vyhledávače nepřikládají takový význam jako dříve, ale pořád jsou důležitá. Správně zadaná znaková sada je také velmi důležitá. Umožňuje výhledávači porozumět textu na stránce. Častým prohřeškem je také nezadaný titulek stránky ve značce <title> - tento titulek by opět měl být výstižný a nemusí obsahovat jen název firmy, ale opět i například i obor podnikání. Titulek je pro vyhledávače velmi důležitý.
5 4. Vlastní obsah stránky Vyhledávače často prohledávají pouze první část stránky - je tedy dobré, pokud tato část obsahuje dostatek textu a relevantních informací (tím ovšem není myšleno přeplnění textu klíčovými slovy). Text by měl být viditelný uživateli - jednou z vyhledávači penalizovaných praktik je naplnění začátku stránky kličovými slovy a skrytí před uživatelem. Čím úspornější HTML kód, tím lépe se v něm vyhledávač orientuje a zároveň je větší šance, že se dostane k podstatným informacím. Jedním z nejdůležitějších faktorů je užitečnost obsahu stránek pro návštěvníky internetu - budou-li vaše stránky přinášet uživatelům kvalitní informace a obsah, jejich návštěvnost bude patrně o dost vyšší. S tím souvisí schopnost napsat kvalitní text, k čemuž některé firmy využívají externí nebo vlastní copywritery (po našom: reklamní textaře). 5. Systém odkazů Někdy je také nazýván termínem linkbuilding. Princip je zdánlivě jednoduchý - čím více odkazů na váš web vede, tím je pro vyhledávače důležitější. Trik je v tom, že ne každý odkaz má pro vyhledávač stejnou relevanci - nejdůležitěší jsou odkazy z oborově příbuzných webů nebo z webů hodně navštěvovaných a dobře hodnocených, dále pak z katalogů a vyhledávačů. Určitou platnost mají také i odkazy v rámci vlastního webu - i ty se počítají. Velmi se nedoporučuje zamořit například webové fórum odkazem na váš vlastní web - vyhledávače to považují za podvod a stránku opět penalizují. Nejúčinnějším způsobem je výměna odkazů se spřátelenými weby, registrace do vyhledávačů a katalogů - zde je důležité najít co nejpřesnější kategorii, a tudíž provést registraci ručně - ani zde nenzapomínejme vyplnit klíčová slova a popis, pokud to katalog nebo vyhledávač umožňuje. Významá může být i klasická webová reklama (ať už plaecená nebo neplacená). Nezapominejme také na klasickou inzerci v ostatních médiích. Pokud má web někdo navštěvovat, musí se o něm dozvědět - nelze spoléhat jen na algoritmy vyhledávačů. 6. Doba existence stránek Není to pravidlem, ale často platí, že čím déle stránka existuje, tím lépe si vede ve vyhledávačích. Je to logické - pokud stránky poskytují něco užitečného, uživatelé internetu na ně často odkazují a zvyšují tak jejich relevanci. Zhlediska SEO mohou být problematické zejména Flashové weby a weby s navigací vytvořenou v JavaScriptu pokud spoléhají pouze na Flash a nebo JavaScript.
6 Přístupnost webu Přístupností v tomto případě rozumíme to, jak web vychází vstříc potřebám uživatelů se zdravotním postižením. Je třeba dodržovat tato základní pravidla: 1. Správně sémanticky strukturujte kód - nadpisy, seznamy, text v odstavcích, adresy a podobně. do tabulek ukládejte jen tabulková data. 2. U obrázků použivejte atribut alt se smysluplným výstižným textem. Pokud je obrázek odkazem, je vhodné začlenit do popisu také to, kam odkaz vede, což může být pro uživatele důležitější. Místo např. textu Firemní logo je lepší použít např. text kliknutím na obrázek přejdete na titulní stránku [firemní logo]. 3. U odkazů lze přístupnost zlepšit použitím atributu title, který popisuje, kam odkaz vede a čeho se týká - má tedy pdobnou funkci jako atribut alt u obrázků 4. Pro přístup k prvkům stránky pouze pomocí klávesnice lze využít atribut accesskey. Jeho hodnotou je písmeno, které po stisknutí v kombinaci s klávesou Alt přesune uživatele na příslušný prvek stránky. Příklad: <input type= text name= jmeno accesskey= J > Po stisknutí Alt + J je pak uživatel přemístěn přímo do výše uvedeného formulářového pole. Po prvcích stránky je také možné se přesouvat tabulátorem - v tomto případě můžeme pořadí přesunu určit pomocí atributu tabindex a urychlit tak přesun k důležitým prvkům stránky. Bez atributu tabindex se kurzor posouvá v tom pořadí, v jakém jsou prvky uvedeny v kódu. Hodnotou atributu tabindex je číslo určující pořadí prvku. Např. <a href= kontakt.html tabindex= 2 title= seznam kontaktů naší společnosti >kontakty</a>
HTML Hypertext Markup Language
HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé
Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675
Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS
CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)
CSS SEO Search Engine Optimization (optimalizace pro vyhledávače) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Marek Čechák. Financováno z ESF a státního rozpočtu ČR. Název školy
HTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
================================================================================ =====
Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí
Tvorba webu. Úvod a základní principy. Martin Urza
Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto
Vývoj Internetových Aplikací
2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info
Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy
Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Uvádí
NSWI096 - INTERNET. Úvod do HTML
NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup
SEO Optimalizace pro vyhledávače
Jan Tichý E-mail: tichy@h1.cz Twitter: @jantichy +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline
+420 271 752 042 info@h1.cz www.h1.cz
SEO Optimalizace pro vyhledávače Jan Tichý +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline reklama
1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)
1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template
Základy WWW publikování
Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz
(X)HTML-TAGY. VOŠ a SŠT Česká Třebová
(X)HTML-TAGY Mgr. Petr Slívko VOŠ a SŠT Česká Třebová Tagy Popis Značka tagu začíná levou ostrou závorkou. Za ní následuje jméno tagu, před kterým nesmí být mezera. Mohou následovat atributy. Před
Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE.
Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE." 1. Provedeme kontrolu webové stránky a SEO analýzu 2. Zjistíme,
(X)HTML, CSS a jquery
Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje
Webová grafika, struktura webu a navigace, použitelnost a přístupnost
Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace
Mgr. Stěpan Stěpanov, 2013
Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet
Uspořádání klient-server. Standardy pro Web
Návrh a tvorba WWW stránek 1/11 Uspořádání klient-server klient na straně uživatele (browser, prohlížeč) server program obsluhující požadavky uživatele Standardy pro Web HTTP Hypertext Transfer Protocol
10. SEO Obsah meta, konkrétní elementy v html kódu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)
10. SEO Obsah meta, konkrétní elementy v html kódu Web pro kodéry (Petr Kosnar, ČVUT, Obsah Obsah stránek Meta data Meta Title Meta Description Meta Keywords Zdrojový kód Odkazy Vyhledávací roboty Přesměrování
Webová stránka. Matěj Klenka
Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a
Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:
Co je HTML HTML HyperText Markup Language je značkovací jazyk pro tvorbu www stránek. Jako například Český jazyk má svá slova, tak i HTML obsahuje slova, neboli tagy (značky), které dávají vlastnímu obsahu
IE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
Stránka se dá otevřít dvěma způsoby
Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok). Potřebujete webový prohlížeč. Hodí se připojení na internet. Kdo nemá
WWW a HTML. Základní pojmy. Ivo Peterka
WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní
Úvod do tvorby internetových aplikací
CVT6 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software
IE1 jazyk HTML a kaskádové styly
IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.
Úvod do aplikací internetu a přehled možností při tvorbě webu
CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games
Internetové technologie, cvičení č. 5
Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a
22. Tvorba webových stránek
22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči
Mějte dobrý web. Oslovte více lidí. Generujte vyšší zisk!
Mějte dobrý web. Oslovte více lidí. Generujte vyšší zisk! Nabídka zpracování kvalitní webové prezentace za rozumnou cenu. Dobrý den, nabízíme Vám veškeré služby spojené jak s jednorázovým zřízením nové
Inovace výuky prostřednictvím šablon pro SŠ
Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748
TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování,
Manuál pro obsluhu Webových stránek
ResMaster Systems s.r.o. Truhlářská 1119/20, 110 00 Praha 1 Manuál pro obsluhu Webových stránek (Prosinec 2018) Jana Vítová, +420 225 388 130 2018 Obsah Úvod Webové stránky... 3 Slovník pojmů... 3 URL
Mgr. Vlastislav Kučera přednáška č. 1
Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a
Název: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3
Název: VY_32_INOVACE_PG4102 Základní HTML značky Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s nejdůležitějšími
Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN
Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940
Inovace výuky prostřednictvím šablon pro SŠ
Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748
Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001
Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace
HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger
HTML HyperText Markup Language 25.9.2013 Josef Steinberger HTML historie, verze Hypertext Jazyk popisující strukturu dokumentu SGML/XML Aplikace Verze: HTML 1 1990+ TBL, CERN HTML 2.0 1995 as RFC 1866
Úvod do tvorby internetových stránek v jazyce HTML
Úvod do tvorby internetových stránek v jazyce HTML Dostupné z Metodického portálu www.rvp.cz, ISSN: 1802-4785, financovaného z ESF a státního rozpočtu ČR. Provozováno Výzkumným ústavem pedagogickým v Praze.
Nástrojová lišta v editačním poli
Nástrojová lišta v editačním poli Název projektu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) Odstranit odstraní zobrazenou
SEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE
Středoškolská technika 2011 Setkání a prezentace prací středoškolských studentů na ČVUT SEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE Adama Kořenek Úvod Střední průmyslová škola elektrotechnická V Úžlabině
Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE.
Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE." 1. Provedeme kontrolu webové stránky a SEO analýzu 2. Zjistíme,
14. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce
4. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce PHP. HyperText Markup Language Z Wikipedie, otevřené encyklopedie
Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML
Čtvrtek 11. dubna Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje
HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy
V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World
APLIKACE XML PRO INTERNET
APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je
Návrh stránek 4IZ228 tvorba webových stránek a aplikací
4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...
Tvorba fotogalerie v HTML str.1
Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné
Práce se styly 1. Styl
Práce se styly 1. Styl Styl se používá, pokud chceme, aby dokument měl jednotný vzhled odstavců. Můžeme si nadefinovat styly pro různé úrovně nadpisů, jednotlivé popisy, charakteristiky a další odstavce.
Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci
Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné
Analýza webových stránek andreaspctipps.de
Analýza webových stránek andreaspctipps.de Generovány na Září 17 2016 08:06 AM Skóre 40/100 SEO obsah Titulek andreaspctipps.de Délka : 17 Perfektní, váš titul obsahuje mezi 10 a 70 znaky. Popis Windows7,Windows,Excel,Pc
1. Přihlášení Práce s webem Nová stránka Aktuální stránka Moduly Editace textu... 6
CMS / Manuál 1. Přihlášení... 1 2. Práce s webem... 2 Změnit strukturu webu...2 3. Nová stránka... 2 4. Aktuální stránka... 3 Přidat obsah na stránku...3 Upravit stávající obsah...3 SEO stránky...3 Vlastnosti
Obsah prezentace. Co je to XML? Vlastnosti. Validita
Obsah prezentace Co je to XML? Vlastnosti Validita Co je to XML? EXtensible Markup Language Účelem je usnadnit sdílení dat napříč informačními systémy Popis dokumentu z hlediska věcného obsahu Vyvinuto
Analýza webových stránek webgay.net
Analýza webových stránek webgay.net Generovány na Srpen 16 2016 21:46 PM Skóre 51/100 SEO obsah Titulek web gay annonce, site annonce gay gratuit 100% rencontre avec tchat live gay France. Délka : 84 V
Základy HTML. Autor: Palito
Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete
Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE.
Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE." 1. Provedeme kontrolu webové stránky a SEO analýzu 2. Zjistíme,
Příloha: SEO analýza webové stránky www.takeplace.eu
Příloha: SEO analýza webové stránky www.takeplace.eu 1 Zevrubný pohled na webovou stránku Webová prezentace TakePlace na adrese www.takeplace.eu je velmi kvalitně provedena. Nebude potřeba provést žádné
MODERNÍ WEB SNADNO A RYCHLE
SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ
Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD
Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu
Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!
Jemný úvod do HTML Redakční systém školního webu umožňuje formátovat text HTML značkami, tedy stejným způsobem, jakým se formátují webové stránky. Tento návod si dává za úkol seznámení se základními formátovacími
Mgr. Vlastislav Kučera přednáška č. 1
Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press,
HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT
HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT Funkce Najít a nahradit slouží k rychlému vyhledávání určitých slov a jejich nahrazování jinými slovy. Lze hledat i určité varianty slov a nahrazovat je buď hromadně (všechny
Jak se orientovat ve světě ESTOFANu verze 3.0.3?
Jak se orientovat ve světě ESTOFANu verze 3.0.3? Systém ESTOFAN je určen pro administraci a editaci webových stránek, které jsou provozovány reklamní agenturou PANKREA. 1. Přihlášení Po objednávce a vytvoření
Uživatelská příručka pro. elektronické podání žádosti o uznání porostů. přístup k výsledkům přehlídek uznávacího řízení
Uživatelská příručka pro elektronické podání žádosti o uznání porostů a přístup k výsledkům přehlídek uznávacího řízení prostřednictvím Portálu farmáře verze: 1.0 Strana 1 (celkem 14) Vytvořeno dne 3.1.2011
NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.
NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE Ataxo Czech s.r.o. ÚVOD Internetové stránky vytvořené společností Ataxo v rámci produktu Mini web můžete jednoduše a rychle upravovat prostřednictvím on-line administrace.
SEARCH ENGINE OPTIMIZATION
SEARCH ENGINE OPTIMIZATION Daniel Srb centrum holdings dobrý sluha, špatný pán Co je to SEO? zeptal jsem se vyhledávačů na totéž: je dnes základem úspěchu webových stránek patří k moderním oborům, bez
Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují.
Název a registrační číslo projektu: CZ.1.07/1.5.00/34.0498 Číslo a název oblasti podpory: 1.5 Zlepšení podmínek pro vzdělávání na středních školách Realizace projektu: 02. 07. 2012 01. 07. 2014 Autor:
Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML
Název školy: Základní škola a Mateřská škola Žalany Číslo projektu: CZ. 1.07/1.4.00/21.3210 Téma sady: Informatika pro sedmý až osmý ročník Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Vyučovací
Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače
VY_32_INOVACE_In 6.,7.11 Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače Anotace: V prezentaci se žák seznámí se základními typy prohlížečů. Zaměříme se na prohlížeč Internet Explorer.
Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka
1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným
HTML - pokračování. Co už víme?
HTML - pokračování Co už víme? HTML slouží ke strukturovanému zápisu informací HTML dokument je jako skládačka Je to text uvozený značkou Základní části jsou HEAD a BODY Nadpisy pomocí
Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML
Dnešní téma. Oblasti standardizace v ICT. Oblasti standardizace v ICT. Oblasti standardizace v ICT
Dnešní téma Oblasti standardizace v ICT Případové studie standardizace v ICT: 1) Znakové sady 2) Jazyk 1. technická infrastruktura transfer a komunikace informací, přístup k informacím, sdílení zdrojů
Mgr. Vlastislav Kučera přednáška č. 2
Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS
Tvorba webových stránek
Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech
Práce s administračním systémem internetových stránek Podaných rukou
Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas Přihlášení a uživatelský účet Přihlášení Přihlášení do aplikace lze dvěma způsoby: 1. Pomocí panelu ve vrchní
SEO analýza webu vaznikystrechy.eu
Vytvořeno Srpen 02 2016 10:08 AM Výsledek SEO analýzy je 56/100 SEO obsah Nadpis Dřevěné příhradové vazníky pro všechy typy střech Délka : 49 Perfektní, nadpis je mezi 10 a 70 znaky. Popis Česká kvalita
Mgr. Vlastislav Kučera Struktura stránky, hlavička,
Mgr. Vlastislav Kučera Struktura stránky, hlavička, Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to
SEO v CeSYSu. CeSYS manuál pro uživatele
SEO v CeSYSu CeSYS manuál pro uživatele Úvod K tomu, abyste byli schopni používat SEO nástroje ve Vašem CeSYSu nemusíte být profesionální webdesignéři, nicméně základní představa o některých HTML prvcích
Google Apps. weby 1. verze 2012
Google Apps weby verze 0 Obsah Obsah... Úvod... Zahájení práce... Nastavení webu... Úprava stránky... Popis prostředí... Rozložení stránky... Nadpis stránky... Úprava textu... Vložení odkazu... 8 Vložení
Produktový ceník pro rok 2010
Produktový ceník pro rok 2010 (platný od 1.6.2010 do odvolání) Veškeré ceny jsou uvedeny v Kč bez 20 % DPH Nebuďte jako ostatní, odlište se! corporate identity CORPORATE IDENTITY Vizuální firemní identita
Mgr. Vlastislav Kučera lekce č. 2
Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se
PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu
PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní
13. Vytváření webových stránek
13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací
Úvod do jazyka HTML (Hypertext Markup Language)
Úvod do jazyka HTML (Hypertext Markup Language) WWW zdroje: http://www.jakpsatweb.cz/ Jak psát web, návod na HTML stránky (Dušan Yuhů Janovský) http://www.kit.vslib.cz/~satrapa/www/kurs/ Kurs vytváření
19.5.2010 16:16. Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar
Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar Kvalita Vzhled v různých prohlížečích Podrobná kontrola vzhledu a funkčnosti v prohlížečích s podílem nad 1% Podrobná kontrola vzhledu a funkčnosti ve vybraných
Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314
Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 14 VY 32 INOVACE 0101 0314 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor
Webové prezentace a aplikace. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1132_Webové prezentace a aplikace_pwp
Webové prezentace a aplikace Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1132_Webové prezentace a aplikace_pwp Název školy: Číslo a název projektu: Číslo a název šablony klíčové aktivity:
Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky 03, HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra
KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ
KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KLÍČOVÉ POJMY Internet World Wide Web FTP, fulltext e-mail, IP adresa webový prohlížeč a vyhledávač CÍLE KAPITOLY Pochopit, co je Internet
Přístupnost webů knihoven příklady dobré a špatné praxe. Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web
Přístupnost webů knihoven příklady dobré a špatné praxe Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web Máte rádi CAPTCHA? Líbila by se vám takto prezentovaná stránka vaší knihovny?
DUM 14 téma: Interakce s uživatelem
DUM 14 téma: Interakce s uživatelem ze sady: 2 tematický okruh sady: Tvorba statických www stránek s použitím CSS ze šablony: 08 Internet určeno pro: 3. ročník vzdělávací obor: 18-20-M/01 Informační technologie
Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5
Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5 Struktura dokumentu HTML obsah a forma 5 Prvky dokumentu 7 Jméno prvku 7 Atributy prvku 8 Obsah prvku, hierarchie prvků 9 Zastupující jednotky (entity)
Výukový materiál KA č.4 Spolupráce se ZŠ
Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012
HTML stránka vložení obrázku
HTML stránka vložení obrázku Tematická oblast Datum vytvoření 2013 Ročník 2 Stručný obsah Způsob využití Autor Kód Tvorba WWW stránky v HTML Použití HTML značek k vložení obrázku do www stránky Studenti
12. Základy HTML a formuláře v HTML
12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura
Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz
Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická
HTML. PIA 2012/2013 Téma 1. P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita
HTML PIA 2012/2013 Téma 1 P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita HyperText Markup Language... a document structuring language hypertext SGML/XML aplikace http://www.w3.org/markup/ 2 Verze: