Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
|
|
|
- Antonín Bednář
- před 8 lety
- Počet zobrazení:
Transkript
1 Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela
2 Obsah přednášky Historie, technologie Metaznaky, hlavička Kódování Publikování stránek Formuláře, formulářové prvky Dnešní a budoucí web CMS
3 Prvky technologie WWW HTTP - Hypertext Transfer Protocol protokol pro přenos stránek mezi webovým serverem a prohlížečem jednoduchý aplikační protokol vystavený nad protokolem TCP několik verzí - HTTP 0.9, HTTP 1.1, HTTP 3.0 až HTTP 4.01 dnes i https, což je stejný protokol jako http, pouze přenášená data jsou kryptována (zabezpečená) URL - Uniform Resource Locator URL je adresa, jednoznačně identifikuje zdroj v rámci Internetu URL se používá v různých službách: WWW, FTP, , telnet, HTML - Hypertext Markup Language značkovací jazyk založený na SGML pro popis struktury web stránek nezávislý na platformě
4 Historie a vývoj HTML HTML Tim Berners-Lee - členění textu do několika logických úrovní, použití několika druhů zvýraznění textu, lze zařadit odkazy a obrázky. HTML 2.0 první formální specifikace, návrh standardu (HTML 2.0), plně vyhovuje normě SGML (ISO 8879 z roku 1986), základní formátování a strukturování dokumentu, obrázky, formuláře. HTML návrh standardu Dave Raggett z laboratoří Hawlett-Packard formalizoval HTML+, vytvořil jeho deklaraci DTD (Document Type Declaration) v jazyku SGML (Standard Generalized Markup Language).
5 24c.gif 07-Jun :24 237K
6 Historie a vývoj HTML HTML výrobci prohlížečů přidávají nestandardní rozšíření HTML, konsorcium W3C proto vybírá společnou podmnožinu rozšíření a schvaluje HTML 3.2, lepší formátování dokumentu, podpora tabulek, Java apletů. HTML podpora kaskádových stylů, frames (rámy), skripty vložené do stránky, multimediální objekty, rozšířené možnosti tabulek, formulářů, vícejazyčná podpora, podporu HTML 4.0 mají prohlížeče (IE6, NN7, O7, M1.6).
7 Historie a vývoj HTML HTML opravy drobných chyb ve specifikaci HTML 4.0 HMTL 4.01 je definován v podobě tří DTD (Document Type Definiton) v jazyce SGML: Strict DTD obsahuje elementy, které nejsou ve standardu 4.0 označeny jako nedoporučované, Transitional DTD obsahuje i nedoporučované elementy, včetně starších rozšířených elementů, Frameset DTD je téměř totožná s Transitional, podporuje použití frames. Poznat použitou DTD lze podle uvedeného DTD na prvním řádku zdrojového dokumentu.
8 Verze XHTML X ve zkratce XHTML vzniklo ze slova extensible, což by mělo znamenat rozšíření. Skutečnost je opačná, počet použitelných prvků se snížil. Je produktem přetvoření HTML 4 a XML 1. Dnes se používá XHTML ve třech verzích: XHTML 1.0 přechodové (transitional) XHTML 1.0 striktní (strict) XHTML 1.1 XHTML 1.0 strict je oproti trans pracnější, XHTML 1.1 je okleštěno proti HTML o nestandardní prvky.
9 Hlavička stránky <head></head> <title>titulek</title> - Obsahuje text, který je chápán jako titulek stránky. Zobrazuje se v záhlaví okna prohlížeče. Je prioritní pro vyhledávače (zobrazí se jako odkaz). <link> - Využívá se k propojení s jiným souborem. Nepárový tag, vyskytuje se pouze v hlavičce. V současnosti se využívá především k propojení souboru se styly Příklad: <link rel="stylesheet" href="css/styl01.css"> <meta> - Umožňuje uložit informace o souboru. Nepárový tag, vyskytuje se pouze v hlavičce. Slouží třeba k uložení klíčových slov, autorovi, použitém jazyku a kódování apod.
10 Metadata Běžná internetová stránka obsahuje ve své hlavičce kolem čtyř až šesti různých tagů <meta>.
11 Kódování stránky Každý znak (písmeno, číslice,...) je reprezentován jako číslo od 0 do 255 (jeden bajt). Američané a angličané (a programátoři) si vystačí se 128 znaky, tzv. ASCII. Pozice 128 až do 255 jsou vyhrazeny pro diakritizované znaky jiných jazyků (např. kód Latin-1 - pro češtinu, použitelné jen pro á a í, jiné znaky se správně nezobrazí). Pro správnou interpretaci českých znaků je proto nutné v části <head> uvést patřičné kódování češtiny. Kódováním rozumíme přiřazení diakritizovaných znaků na pozicích 128 až 255. Problém je, že kódování češtiny nadefinovalo mnoho různých lidí, ale každý to udělal po svém. Kódování češtiny má několik variant a nesprávné uvedení či vynechání parametru charset může vést k chybné interpretaci českých znaků. Jaký je výběr? V jakých případech volíme danou variantu?
12 Kódování češtiny ASCII čeština bez háčků a čárek, (hacky a carky odstraneny) ISO (ISO Latin 2) mezinárodní kódovací norma pro jazyky střední Evropy, standard na Unixu a na Linuxu, u Microsoftu označován Středoevropské jazyky (ISO) CP1250 (Windows-1250) základní kódování u firmy Microsoft, platforma Windows, označován Středoevropské jazyky, vzniklo z ISO , chybí plná kompatibilita MAC (Macintosh) standard užívaný na počítačích Apple Macintosh CP852 (PC Latin 2) původní český a slovenský DOS KEYBCS2 (Kamenici) kód bratří Kamenických, textový režim u MS-DOS KOI8-CS (KOI-8 CS) kdysi standard pro státy střední a východní Evropy Unicode, UTF-8 užití pro všechny světové jazyky, mezinárodní kódování znaků založené na tabulce 256 používaných znaků
13 Unicode - UTF-8 Unicode je na rozdíl od dříve zmíněných znakových sad určeno pro všechny světové jazyky najednou. Znakům přiřazuje čísla od 0 až do 16 miliónů. UTF-8, UTF-16, apod. jsou různé způsoby zápisu Unicode znaků (liší se počtem bitů k vyjádření jednoho znaku). Jedná se o nejmodernější kódování (zatím bohužel ve většině aplikací nepodporované). V internetových prohlížečích je podporováno dobře. <meta http-equiv="content-type" content="text/html; charset=utf-8">
14 Komentáře Do HTML kódu lze vložit popisný text, který je prohlížečem ignorován. Slouží k uložení poznámek, komentářů nebo jiných textů do HTML kódu. Komentář je vymezen znaky <! >, cokoliv je uvnitř těchto značek je bráno jako komentář a ignorováno. Lze využít například k dočasnému zakomentování existujícího kódu.
15 Správná úprava kódu Při psaní HTML kódu je třeba dbát na kvalitu a úhlednost kódu. Párové tagy je nutné uzavírat. Tagy se nesmí křížit! (<b><i>překřížený tag</b></i>). U obrázků používejte atribut alt, který zajistí korektní chování i v textových prohlížečích (<img src= obrazek.jpg alt= Popis obrazku >). Identifikátory elementů mohou být psány malými i velkými písmeny. Zápisy ve tvaru <TITLE>, <TiTlE>, <title> i <title> prohlížeč chápe a interpretuje stejně. POZOR! Na začátku tagu nesmí být mezera! < title> je špatně! Pro speciální znaky používejte znakové entity.
16 Znakové entity Některé běžně používané znaky jsou chápány jako součást jazyka (např. <>&...). Pokud chceme tyto znaky vložit na stránku, musíme použít speciální sekvence znaků tzv. znakové entity. Znak Entita Nedělitelná mezera < < > > & & " " ± ±
17 Kontrola syntaxe validace stránek Kontrolu správné syntaxe HTML stránky lze provádět pomocí specializovaných programů a služeb, nebo je možné použít SGML parser. Validační služby on-line: W3C HTML Validation Service na adrese Dr. Watson na adrese
18 Editory HTML stránek Strukturální upravují přímo výsledný kód. Vyžadují znalost jazyka HTML, většinou podporují alespoň zvýraznění syntaxe nebo doplňování tagů. Příklady takových editorů jsou třeba HomeSite, UltraEdit, EasyPad, PSPad atd. Za strukturální editory lze považovat i obyčejné textové editory typu Notepad, Gedit atd. WYSIWYG What You See Is What You Get. Tyto editory zobrazují stránku již při psaní tak, jak bude vypadat v prohlížeči a HTML kód se generuje automaticky. K vytváření stránek není nutná žádná znalost jazyka HTML. Nevýhodou je, že tvůrce stránek nemá kontrolu nad výsledným zdrojovým kódem. Příkladem je třeba MS-FrontPage, Dreamweaver, OpenOffice, MS-Word, NVU a mnoho dalších.
19 Zobrazení stránek Prohlížeče Stejná stránka se může v různých prohlížečích zobrazit různě. Dobrý zvyk webové stránky vyzkoušet ve všech hlavních prohlížečích (MSIE, Mozilla, Firefox, Opera). Rozlišení Zobrazení umístěných prvků a rozdělení textu závisí na nastaveném rozlišení monitoru. Je vhodné vyzkoušet různá rozlišení monitoru (800x600, 1024x768, 1280x1024, 1600x1200).
20 Soubory na webu Všechny HTML soubory by měly mít příponu.html. Někdy se objevují i soubory s příponou.htm (nestandardní, bylo zavedeno kvůli MS Windows 3.1, kde soubory měly příponu max. 3 znaky). Názvy souborů by neměly obsahovat češtinu ani žádné jiné znaky s diakritikou. Problémy nastávají i při použití mezer. V názvu souborů se nesmí nacházet speciální znaky (\ / *:?#<>) Doporučuji zadávat všechny názvy souborů i adresářů malými písmeny (URL adresy jsou case-senzitivní záleží na velikosti písmen). Všechny soubory webu by měly být v jednom adresáři a podadresářích. Vyhýbat se příliš zanořeným strukturám. Obrázky, skripty speciální adresář (images atd.). Hlavní stránka s názvem index.html bude umístěna do kořenového adresáře webu.
21 Publikování stránek na WWW server Zadarmo Možnost využití freehostingů. Takových serverů existují desítky ( atd.). Pozor! Na webu mohou vyskakovat různé reklamy. Možnost využít nějakého známého nebo firmu, který má server a nechá vás na něm publikovat. Využití školního serveru (homel.vsb.cz, gislinb.vsb.cz atd.). Za peníze Pokud chcete doménu druhé úrovně (neco.cz), musíte za to zaplatit. Poplatek činí většinou několik set korun ročně, liší se v závislosti na množství poskytovaných služeb, rychlosti, diskové kapacitě atd.
22 Umístění stránek na gislinb.vsb.cz Přenos stránek pomocí scp či jiného podobného sw. 1) Ve svém domovském adresáři na servery gislinb vytvořte adresář public_html. 2) Ověřte nastavení přístupových práv na tento adresář: vlastník: (čtení, zápis, spouštění), skupina: (spouštění), ostatní: (spouštění). Výsledek musí vypadat alespoň takto: rwx x x 3) Umístěte své webové stránky do adresáře public_html. 4) Váš web bude přístupný odkudkoliv z internetu přes URL adresu:
23 Formuláře Formuláře slouží pro vstup dat od uživatele (zadání Jména, adresy, výběr z několika možností apod.) HTML poskytuje k tomuto účelu vstupní textová pole, zaškrtávací tlačítka, přepínací tlačítka atd. Formulář se vytváří pomocí tagu <form></form>
24 Formuláře Tag <form>...</form> má několik atributů, které ovlivňují způsob zpracování vstupních informací action skript, který bude data zpracovávat (obvykle se jedná o CGI nebo PHP skript, mapserver atd. ). Není-li uvedeno nic, jsou data odeslána téže stránce. method užívají se dvě metody: get je default metoda (data se budou předávat jako součást URL adresy, jsou viditelné v okně prohlížeče) metoda post slouží k nezávislému zabalení přenášených dat, takže nejsou vidět (vhodné pro větší formuláře) enctype většinou není potřeba nastavovat. Využívá pro případ odesílání souborů.
25 Textové pole
26 Přepínací tlačítka
27 Zaškrtávací políčka
28 Menu
29 Upload souboru
30 Problémy dnešního webu Informační zahlcení, nutnost lepšího vyhledávání, nestandardní rozšíření HTML jednotlivými výrobci prohlížečů. Řešení problému? XML - extensible Markup Language pomocí DTD můžeme vytvářet nové jazyky založené na XML, vhodně zvolené elementy přidají dokumentu informační hodnotu a usnadní prohledávání Webu, XML má striktnější syntaxi než HTML (neukončené tagy, ohraničení atributů uvozovkami apod.), snazší implementace.
31 CMS Content Management System Systémy pro správu obsahu umožňují uživatelům bez znalosti web technologie publikovat různé texty i obrazový materiál. Uživatel s nimi pracuje přes webové rozhraní, které je určeno pro správu obsahu, manipulaci zajišťují běžné webové prohlížeče. Hlavní funkce poskytované redakčními systémy vytváření, editace a vlastní publikování textových dokumentů na webu, tvorba pomocí WYSIWYG editoru - generovaný HTML kód ovšem bývá větší než při ruční tvorbě, správa obrazového materiálu, vytváření interních i veřejných galerií, možnost statistiky pomocí funkcí k tomu určených, správa diskusních fór, správa souborů, podpora funkcí na uživatelské a administrátorské úrovni.
32 CMS Content Management System Hlavní představitelé Wiki PHP-Nuke (česká verze United-Nuke) MAMBO CMS Plone Joomla! Drupal
33 Search Engine Optimization (SEO) Optimalizace stránek pro vyhledávače. Cíle použití SEO: snaha zvýšit návštěvnost webu, získat nové návštěvníky, snížit náklady na reklamu, zobrazení webu na předních místech ve vyhledávačích. Analýza SEO - podkladem je analýza návštěvnosti logy nebo analytické nástroje (Google Analytics): rozbor a zaindexování stránek vůči klíčovým slovům, rozbor počtu a kvality zpětných odkazů, rozbor struktury a obsahu webu, analýza konkurence s ohledem na klíčová slova, komplexní doporučení na úpravy webu s ohledem na jeho primární cíle.
34 Budoucnost webu?
35 Zdroje
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 Historie, technologie Metaznaky, hlavička Kódování Publikování stránek Formuláře, formulářové
Základy informatiky. 03 HTML, tvorba webových stránek. Kačmařík/Szturcová/Děrgel/Rapant
Základy informatiky 03 HTML, tvorba webových stránek Kačmařík/Szturcová/Děrgel/Rapant Obsah přednášky historie, technologie metaznaky, hlavička kódování publikování stránek formuláře, formulářové prvky
Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky
Tvorba jednoduchých WWW stránek RNDr. Daniela Ďuráková VŠB - Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik - CERN 1989-90, vedoucí projektu Tim Berners-Lee cíl - infrastruktura
Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky
Tvorba jednoduchých WWW stránek RNDr. Daniela Ďuráková VŠB - Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik - CERN 1989-90, vedoucí projektu Tim Berners-Lee cíl - infrastruktura
Tvorba jednoduchých WWW stránek
Tvorba jednoduchých WWW stránek Daniela Ďuráková VŠB- Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik- CERN 1989-90, vedoucí projektu Tim Berners-Lee Cíl- infrastruktura pro
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
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í
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 jednoduchých WWW stránek
Tvorba jednoduchých WWW stránek Daniela Ďuráková VŠB- Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik- CERN 1989-90, vedoucí projektu Tim Berners-Lee Cíl- infrastruktura pro
Š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
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
Ú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é publikování
Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) e-mail: petr.zamostny@vscht vscht.czcz Osnova předmp» Úvod - principy fungování
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ů
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í
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
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
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
Ú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
(X)HTML a CSS. VOŠ a SŠT Česká Třebová
(X)HTML a CSS Mgr. Petr Slívko VOŠ a SŠT Česká Třebová STRUKTURA WEBU Webová prezentace (anglicky website) je několik webových stránek provázaných hypertextovými odkazy. Tomu, které stránky web obsahuje
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
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
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
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í
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á
Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky
Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky Fungování internetu je celosvětový systém navzájem propojených počítačových sítí ve kterých
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,
PHP - úvod. Kapitola seznamuje se základy jazyka PHP a jeho začleněním do HTML stránky.
PHP - úvod Kapitola seznamuje se základy jazyka PHP a jeho začleněním do HTML stránky. Klíčové pojmy: PHP, webový prohlížeč, HTTP, FTP Základní pojmy služba WWW = 1990 první prototyp serveru, od roku 1994
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
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení
(X)HTML. Internetové publikování
(X)HTML Internetové publikování 1 Prohlížeč Obsluhuje přenos a interpretuje obsah Hlavní prohlížeče Microsoft Internet Explorer Firefox Opera Safari WWW stránka WWW stránka dokument (soubor) s informacemi
Ú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.
(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
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
Principy fungování WWW serverů a browserů. Internetové publikování
Principy fungování WWW serverů a browserů Internetové publikování Historie WWW 50. léta Douglas Engelbert provázané dokumenty 1980 Ted Nelson projekt Xanadu 1989 CERN Ženeva - Tim Berners-Lee Program pro
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
CZ.1.07/1.5.00/34.0527
Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice
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
Redakční systém Joomla. Prokop Zelený
Redakční systém Joomla Prokop Zelený 1 Co jsou to red. systémy? Redakční systémy (anglicky Content Management System - CMS) jsou webové aplikace používané pro snadnou správu obsahu stránek. Hlavním cílem
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
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
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
Dokumenty umístěné na počítačových serverech jsou adresovány pomocí URL (Uniform Resource Locator).
Koncepce webu Základní pojmy Internet a jeho služby Internet je celosvětový systém navzájem propojených počítačových sítí. Počítače mezi sebou komunikují pomocí rodiny protokolů TCP/IP. Internet poskytuje
DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě
projekt GML Brno Docens DUM č. 11 v sadě 36. Inf-12 Počítačové sítě Autor: Lukáš Rýdlo Datum: 06.05.2014 Ročník: 3AV, 3AF Anotace DUMu: WWW, HTML, HTTP, HTTPS, webhosting Materiály jsou určeny pro bezplatné
Registrační číslo projektu: Škola adresa:
Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov
HTML. ICT_01., 02. konzultace; 2. ročník 1/6
ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,
Tvorba stránek v HTML ve Wordu
Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o
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
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
Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni
Webové aplikace Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Harmonogram Dopolední blok 9:00 12:30 Ing. Dostal Úvod, XHTML + CSS Ing. Brada,
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í,
Jazyky pro popis dat
Realizováno za finanční podpory ESF a státního rozpočtu ČR v rámci v projektu Zkvalitnění a rozšíření možností studia na TUL pro studenty se SVP reg. č. CZ.1.07/2.2.00/29.0011 Jazyky pro popis dat Pavel
Tvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
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í
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
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
Syntaxe XML XML teorie a praxe značkovacích jazyků (4IZ238)
XML teorie a praxe značkovacích jazyků (4IZ238) Jirka Kosek Poslední modifikace: $Date: 2009/10/01 19:46:33 $ Obsah Základy syntaxe... 3 Elementy a atributy... 4 Znakový model XML... 5 Komentáře... 6 Instrukce
(X)HTML. Internetové publikování
(X)HTML Internetové publikování 1 Prohlížeč Obsluhuje přenos a interpretuje obsah Hlavní prohlížeče Microsoft Internet Explorer Firefox Opera Safari WWW stránka WWW stránka dokument (soubor) s informacemi
WWW STRÁNKY Tvorba webové stránky TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČESKÉ REPUBLIKY.
WWW STRÁNKY Tvorba webové stránky TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČESKÉ REPUBLIKY. Úvod do tvorby webové stránky Jména souborů Svoje HTML soubory pojmenujte
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:
INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie
INTERNET A SÍTĚ Ing. Pavel Smutný, Ph.D. Kancelář: H305 Telefon: 3511 Email: pavel.smutny@vsb.cz Role při tvorbě webových aplikací 1996 2009 GIF HTML CSS CGI analytik, informační architekt, grafik, programátor
rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek
rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek Co je to webová aplikace? příklady virtuální obchodní dům intranetový IS podniku vyhledávací služby aplikace jako každá jiná přístupná
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
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
Databázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku
Databázové aplikace pro internetové prostředí 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Projekt: Inovace výuky prostřednictvím ICT Registrační číslo: CZ.1.07/1.5.00/34.250
Konverze textových formátů
ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA STAVEBNÍ OBOR GEODÉZIE A KARTOGRAFIE KATEDRA MAPOVÁNÍ A KARTOGRAFIE Konverze textových formátů semestrální práce Martin Setnička Michal Šatava Miroslav Kopecký
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
Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl
Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl Internet celosvětová síť spojení jednotlivých síťí pomocí uzlů (síť
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
PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě
PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především
Základy informatiky. 03 HTML, tvorba webových stránek. Kačmařík/Szturcová/Děrgel/Rapant
Základy informatiky 03 HTML, tvorba webových stránek Kačmařík/Szturcová/Děrgel/Rapant Obsah přednášky princip webového dokumentu, ukázka nástroje pro tvorbu pravidla tvorby HTML, značky kostra HTML dokumentu
Internet 1 vývoj, html, css
Internet 1 vývoj, html, css Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 19. března 2009 Dnešní přednáška 1 Historie
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...
Nahrání webu na internet
Nahrání webu na internet Meta tagy Podstránky webu máme hotové, ale v jejich hlavičkách nám chybí poslední věc. Až bude web online, všimnou si ho internetové vyhledávače a jeho podstránky si tzv. zaindexují.
(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
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á
24. XML. Aby se dokument XML vůbec zobrazil musí být well-formed (správně strukturovaný). To znamená, že splňuje formální požadavky specifikace XML.
24. XML Úvod Značkovací jazyk XML (extensible Markup Language) vznikl ze staršího a obecnějšího jazyku SGML (Standard Generalized Markup Language). XML byl vyvinut konsorciem W3C, aby poskytl standardní
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í
VY_32_INOVACE_INF3_18. Textové formáty PDF, TXT, RTF, HTML, ODT
VY_32_INOVACE_INF3_18 Textové formáty PDF, TXT, RTF, HTML, ODT Standardem pro textové soubory jsou následující formáty: Rich Text Format (.rtf), Hypertext Markup Language (.html,.htm) Portable Document
Č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
Obsah. Rozdíly mezi systémy Joomla 1.0 a 1.5...15 Systém Joomla coby jednička online komunity...16 Shrnutí...16
Obsah Kapitola 1 Seznámení se systémem Joomla!................................. 9 Přehled systémů pro správu obsahu....................................................10 Použití systému pro správu obsahu.....................................................11
DATAMINING SEWEBAR CMS
DATAMINING SEWEBAR CMS POUŽÍVANÉ NÁSTROJE Dolování z dat LISp-Miner Tvorba analytických zpráv Softwarová podpora projektem SEWEBAR Podporované prohlížeče Mozilla Firefox 11 či novější Google Chrome Většina
1 Webový server, instalace PHP a MySQL 13
Úvod 11 1 Webový server, instalace PHP a MySQL 13 Princip funkce webové aplikace 13 PHP 14 Principy tvorby a správy webového serveru a vývojářského počítače 14 Co je nezbytné k instalaci místního vývojářského
Ukazka knihy z internetoveho knihkupectvi
Ukazka knihy z internetoveho knihkupectvi www.kosmas.cz HTML začínáme programovat 3., aktualizované vydání Slavoj Písek Vydala Grada Publishing, a.s. U Průhonu 22, Praha 7 jako svou 3933. publikaci Odpovědný
1. Začínáme s FrontPage 2003 11
Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty
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
3.4 Základní služby Internetu
Název školy Číslo projektu Autor Název šablony Název DUMu Tematická oblast Předmět Druh učebního materiálu Anotace Vybavení, pomůcky Střední průmyslová škola strojnická Vsetín CZ.1.07/1.5.00/34.0483 Ing.
Základy XML struktura dokumentu (včetně testových otázek)
Základy XML struktura dokumentu (včetně testových otázek) Otakar Čerba Oddělení geomatiky Katedra matematiky Fakulta aplikovaných věd Západočeská univerzita v Plzni Přednáška z předmětu Počítačová kartografie
Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací
Školení Wordpress Nainstalované pluginy: WPML Multilingual CMS Adminize Capability Manager Contact Form 7 Wordpress Download Monitor Google Analytics for WordPress Simple Google Sitemap XML Seznámení s
HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace
Obsah HLEDEJCENY.mobi Mezi Vodami 1952/9 e-mail: info@hledejceny.cz HLEDEJCENY.mobi... 1 Mobilní verze e-shopu... 1 Důvody instalace... 1 Výhody... 2 Co je k mobilní verzi potřeba... 2 Objednávka služby...
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
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
Technologie pro tvorbu webových aplikací 1. díl (rozdělení, HTML, XHTML)
1 Portál pre odborné publikovanie ISSN 1338-0087 Technologie pro tvorbu webových aplikací 1. díl (rozdělení, HTML, XHTML) Vávra David Informačné technológie 12.04.2012 Tento seriál je rozdělen na tři články,
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.
Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování
Tvorba WWW stránek přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování HTML/XHTML kaskádové styly PHP spolupráce PHP s databázemi Technologie
Konverze textových formátů
ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA STAVEBNÍ OBOR GEODÉZIE A KARTOGRAFIE KATEDRA MAPOVÁNÍ A KARTOGRAFIE Konverze textových formátů semestrální práce Martin Setnička Michal Šatava V Praze dne 29.
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,
Tvorba webu v HTML. Redakční systém. CMS Joomla! Co je Joomla
Tvorba webu v Webová prezentace jakéhokoliv subjektu snažícího se zviditelnit v internetovém prostředí je velice individuální záležitostí. Stejně jako každý uživatel internetu je i každá firma na něm prezentující