(X)HTML a CSS. VOŠ a SŠT Česká Třebová
|
|
- Bedřich Toman
- před 8 lety
- Počet zobrazení:
Transkript
1 (X)HTML a CSS Mgr. Petr Slívko VOŠ a SŠT Česká Třebová
2 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 a jak jsou mezi sebou provázány odkazy, se říká struktura webu. Struktura webu se navrhuje podle jeho obsahu. Návrh struktury nejlépe na papír, včetně názvů jednotlivých souborů. Přehlednost webu je ovlivněna grafickým ztvárněním. Důležité: Dobře navržená struktura stránek a odkazů mezi nimi. 2
3 Strukturní konvence Startovací stránka webu má název index.htm nebo index.html, popř. default.html nebo také index.php. Z každé stránky by měl vést odkaz na domovskou (úvodní) stránku webu. Názvy souborů - volba podle obsahu stránek. Omezení: Názvy by neměly obsahovat mezery a znaky s diakritikou a měly by být psány pouze malými písmeny. 3
4 Webová stránka a její (X)HTML kód Webová stránka je dokument ve formátu HTML nebo v jeho modernější podobě XHTML souhrnně je značíme (X)HTML. (X)HTML dokument může obsahovat jen textové znaky a číslice. Nejsou v něm žádné obrázky a neobsahuje žádné formátování textu. Obsahuje však pokyny (příkazy) pro prohlížeč, jak má stránku zobrazit a kde na ní má zobrazit jaký obrázek. Obrázky jsou uloženy zvlášť v samostatných souborech a načítají se podle pokynů v (X)HTML kódu na určená místa v dokumentu. Formát textu a vůbec celé stránky je často obsažen v samostatném souboru s definicí kaskádových stylů (CSS). 4
5 Postup tvorby webu: Navrhnete strukturu webu a názvy jednotlivých souborů. Navrhnete vzhled webu a připravíte si CSS soubor(y) s definicemi stylů. Vytvoříte nebo jinak získáte obrázky a připravíte je v přesné velikosti, barevné hloubce a přesném typu souboru. Napíšete potřebné texty. Poskládáte webové stránky s využitím všech výše uvedených komponent. Odladíte kompletní web (vyzkoušíte jej, odhalíte a opravíte chyby). Nahrajete hotový web na server Internetu a opět zkontrolujete funkčnost. 5
6 DŮLEŽITÉ POJMY HTML hypertextový značkovací jazyk (HyperText Markup Language) CSS kaskádové styly (Cascading Style Sheets) PHP skriptovací jazyk na straně serveru (PHP: Hypertext Preprocessor) JavaScript skriptovací jazyk na straně klienta 6
7 HTML (XHTML) HTML je značkovací jazyk. Značkuje (označuje) části dokumentu, stránky. To znamená, že pomocí HTML určujeme, jaký význam bude mít ta která část HTML stránky. Tedy pomocí HTML řekneme, že tenhle kus textu bude nadpis, jiný kus textu odstavec a jiný tabulka. 7
8 CSS CSS je formátovací jazyk, určuje vzhled stránky. Např: barvu a velikost nadpisu, textu, pozadí a šířku tabulky, Neříká ale, která část stránky bude nadpisem, odstavcem či tabulkou. CSS tedy určuje jen vzhled stránky. Samostatný css soubor. 8
9 PHP PHP je skriptovací jazyk. Dělají se pomocí něj různé webové aplikace jako je kniha hostů, počítadlo návštěv, anketa, diskusní fórum nebo chat. Rozhodně s PHP nezačínáme, pokud ještě neovládáme základy HTML. 9
10 JavaScript JavaScript je také skriptovací jazyk. Rozdíl mezi JavaScriptem a PHP je v tom, že PHP funguje na serveru a JavaScript na klientovi. To znamená, že to, co dělá JavaScript se vždy odehrává na vašem počítači (resp. na počítači uživatele vašich stránek) a neodesílá žádná data na server. Pomocí JavaScriptu tedy nevytvoříte nic, co by muselo proběhnout Internetem. JavaScripty dokonce fungují, i když nejste k Internetu zrovna připojeni. V JavaScriptu tedy chat ani knihu hostů neuděláte. Uděláte v něm ale různé efekty jako je rozbalovací menu, běhací a točící se nesmysly, otevírání nových oken s nějakým nastavením a podobně. 10
11 Verze jazyka HTML Verze 0.9 Byla vydána zhruba v roce Nepodporuje grafický režim Verze 2.0 Zachycuje stav jazyka v polovině roku Přidává k původní specifikaci interaktivní formuláře, podpora grafiky. Verze 3.2 Byla vydána 14. ledna 1997 a zachycuje stav jazyka v roce Připravovaná verze HTML 3.0 nebyla nikdy přijata jako standard kvůli své složitosti a slabé podpoře v prohlížečích. Standard už vydalo konsorcium W3C, stejně jako následující verze. Přidává k jazyku tabulky, zarovnávání textu a stylové elementy pro ovlivňování vzhledu. Verze 4.0 Byla vydána 18. prosince Do specifikace jazyka přidala nové prvky pro tvorbu tabulek, formulářů a nově byly standardizovány rámy (frames). Verze 4.01 Byla vydána 24. prosince Tato verze opravuje některé chyby verze předchozí a přidává některé nové tagy. Verze března 2007 byla založena nová pracovní skupina HTML, jejíž cílem je vývoj nové verze HTML. V květnu 2007 bylo odhlasováno, že základem nové specifikace se stanou Web Applications 1.0 a Web Forms 2.0 ze specifikace WHATWG. Jako název nové specifikace bylo odhlasováno HTML 5.0 a specifikace by měla být hotova v roce
12 XHTML XHTML(eXtensible HyperText Markup Language) rozšiřitelný hypertextový značkovací jazyk je nástupce HTML založený na XML. Počáteční verze XHTML 1.0 nepřinesla žádné nové prvky v porovnání s HTML 4, jednalo se jen o přepis existujících prvků tak, aby vyhovovaly XML. (XML je jazyk, který nemá na starost zobrazovat data, ale být nositelem dat, obsahu. Umožňuje oddělení obsahu od formy, vzhledu, a tím jednoduché zobrazení stejného obsahu na různých zařízeních obrazovka, tiskárna, mobilní telefon atd.) (O rozvoj standardů pro Web se stará společnost W3C (World Wide Web Consorcium) která sdružuje akademické i komerční organizace zabývající se WWW, Internetem a souvisejícími technologiemi.) 12
13 Co budeme potřebovat? Editory K psaní WWW-stránek tedy není třeba žádný speciální software, může postačit obyčejný textový editor, např. Poznámkový blok (nutná znalost (X)HTML). Pro tvorbu webových stránek existuje nepřeberné množství editorů. V zásadě je můžeme rozdělit na strukturní a WYSIWYG editory. 13
14 Strukturní editory Práce přímo ve zdrojovém kódu dokumentu, nutné znát HTML. Průběžný vzhled přepnutím do prohlížeče. Jsou to např. PSPad, HomeSite, HTML-Kit, Emacs, Vim, 1stPage, Golden HTML Editor, EasyPad, UltraEdit... Pro uživatele Linuxu pak například Quanta. 14
15 WYSIWYG editory Wysiwyg je anglická zkratka, která znamená What you see is what you get, tedy co vidíš, to dostaneš. Nepracuje se s kódem, ale se vzhledem stránky. Napíše se normálně text, vloží se obrázky a uloží se to na disk do souboru a příponou html. Editor všechny html značky (tagy) doplní sám. Výhoda: Pohodlnější práce. Nevýhoda: Výsledný kód je zmatečný, není validní. Např.: Dreamweaver, NVU, FrontPage, 15
16 Prohlížeče Nutné k zobrazení WWW stránek. Pozor! - Prohlížeče interpretují kód odlišně! Např.: Internet Explorer, Mozilla, Opera Pro uživatele Mac: Safari (asi 90% mac-uživatelů) Statistiky o používání internetových prohlížečů, rozlišení monitorů apod. (/global.html) 16
17 Pozn: Pro vytváření stránek lze použít tzv. konvertory z jiných datových formátů. Řada programů přímo obsahuje export do (X)HTML, např. MS Word, MS Excel, MS PowerPoint, atd. Kvalita výstupu bývá problematická, HTML kód je nekvalitní a často se zobrazuje chybně. 17
18 Kontrolní nástroje validátory (X)HTML, kontrola odkazů apod. Validátory provádějí kontrolu (X)HTML kódu a upozorňují na chybná či problematická místa. Validátory jsou k dispozici jak ve formě běžných programů, tak jako on-line služba, kde se zadá adresa stránky a validátor ji zhodnotí. Nejběžnější je validátor pocházející přímo od WWW Consorcia ( Jednou zčasto prováděných kontrol je testování funkčnosti odkazů. 18
19 Struktura webové stránky: 19
Š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íceMaturitní 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í
VíceHTML 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
VíceÚ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
VíceUspořá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
VíceInovace 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
VíceMgr. 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
VíceZá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
VíceÚ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
VíceMgr. 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,
VíceWebové 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á
VíceRegistrač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
VíceDUM č. 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é
Více1. 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
VíceInternetové 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í
VíceStrá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á
VíceDELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída:
DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP Maturitní projekt Vypracoval: Denis Ptáček Třída: 4B Rok: 2014/2015 Obsah 1. Použité nástroje... 3 1.1 NetBeans
VícePHP 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
VíceFiktivní 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:
VíceTvorba 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
VíceWebové stránky. 1. Publikování na internetu. Datum vytvoření: 4. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz
Webové stránky 1. Publikování na internetu Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 4. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická
Více14. 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
VíceGymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto
Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT
VíceZá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
VíceInternet 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
VíceHTML - Ú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í
VíceDatabá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
VíceWWW 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í
VíceVý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
VícePrezentace navrhované struktury internetových stránek
Prezentace navrhované struktury internetových stránek Petr SUNEGA petr.sunega@soc.cas.cz Telefon: 221 183 225 http://seb.soc.cas.cz Oddělení ekonomické sociologie, tým socioekonomie bydlení Cíle prezentace
VíceTvorba 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íceSoučasný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita
Aktivní webové stránky Úvod: - statické webové stránky: pevně vytvořený kód HTML uložený na serveru, ke kterému se přistupuje obvykle pomocí protokolu HTTP (HTTPS - zabezpečený). Je možno používat i různé
VíceVY_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
VíceNaše Město Web design
Česká zemědělská univerzita v Praze Provozně ekonomická fakulta Katedra informačních technologií Naše Město Web design Cvičení: 10. 1. 2012, 16 hod. Pracovní skupina Jitka Sedláčková Nina Tůmová ... 1
VíceHLEDEJCENY.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...
VíceWebová 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
VíceZadání maturitní práce ve školním roce 2016/2017
Zadání maturitní práce ve školním roce 2016/2017 vydané podle 15 odst. 1 vyhlášky č. 177/2009 Sb., o bližších podmínkách ukončování vzdělávání ve středních školách maturitní zkouškou, ve znění pozdějších
VíceUkazka 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ý
VíceWebové stránky. 4. Tvorba základní HTML webové stránky. Datum vytvoření: 25. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.
Webové stránky 4. Tvorba základní HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 25. 9. 2012 Webové Strana: 1/9 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická
Více3 MOŽNÉ PŘÍSTUPY K TVORBĚ APLIKACÍ NAD SVG DOKUMENTY
3 MOŽNÉ PŘÍSTUPY K TVORBĚ APLIKACÍ NAD SVG DOKUMENTY 3.1 Tenký a tlustý klient Klientské aplikace nad XML dokumenty v prostředí internetu se dají rozdělit na dvě skupiny: tenký klient a tlustý klient.
Více22. 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
VíceInternet 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
VíceSTŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE
STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE WEBOWÉ STRÁNKY TŘÍD KAMIL POPELKA ZÁVĚREČNÁ MATURITNÍ PRÁCE BRNO 2011 Prohlášení Prohlašuji, že maturitní práce je mým původním autorským dílem, které
VíceVÝVOJ INTERNETOVÝCH APLIKACÍ - VIA
Metodický list č. 1 Způsob zakončení : Úvod Technologie webových aplikací Protokol HTTP Po zvládnutí tématického celku bude student mít základní přehled o problematice programování internetových (webových)
VíceStřední odborná škola a Střední odborné učiliště, Hořovice
Kód DUM : VY_32_INOVACE_DYN.1.07 Název materiálu: Anotace Autor Jazyk Očekávaný výstup 07 Vytvoření šablony webové stránky pro výuku PHP DUM dává žákům k dispozici jednotnou výukovou šablonu pro psaní
VíceTvorba 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
VíceStřední odborná škola a Střední odborné učiliště, Hořovice
Kód DUM : VY_32_INOVACE_DYN.1.05 Název materiálu: Anotace Autor Jazyk Očekávaný výstup 05 Zásady psaní v jazyce PHP DUM naučí základní kroky v psaní správné syntaxe PHP, žák napíše svůj první skript Ing.
VíceTvorba internetových stránek
Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Pátek 9:00-10:00h Co nás dnes čeká? Podmínky absolvování. Zdroje teorie a praxe. Teorie: Domény. HosPngy. Návrh webu. Účast a zápočet
VíceZá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
VíceTNPW1 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í,
VíceCo 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
VíceInternet 2 css, skriptování, dynamické prvky
Internet 2 css, skriptování, dynamické prvky 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 26. března 2009 Dnešní
VíceOdborný článek. Petr Klán, VŠE v Praze, IMRAD Introduction, Material and Method, Results, Discussion
Odborný článek Petr Klán, VŠE v Praze, petr.klan@vse.cz Části odborného článku IMRAD Introduction, Material and Method, Results, Discussion NADPIS Do 10 slov Autor (autoři) Jméno, adresa, e-mail Abstrakt
VíceZnačkovací jazyky a spol. HTML/XHTML XML JSON YAML Markdown, Texy!
Značkovací jazyky a spol. HTML/XHTML XML JSON YAML Markdown, Texy! Značkovací jazyky Angl. termín "MARKUP" ("vyznačování") Smyslem je přidat do textu metainformace: formátovací sémantické Výsledek je prostý
VíceZá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é
VíceHistorie Internetu instalace prvního uzlu společností ARPA
Internet Historie Internetu 1964 návrh sítě firmou RAND síť, ve které jsou všechny uzly rovnocenné (doba studené války mezi Západem a Východem, nutnost výměny informací mezi vojenskými základnami, městy
VíceZá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íť
VíceProgramy pro psaní textů. textové editory, textové procesory
Programy pro psaní textů textové editory, textové procesory Terminologie Pojmy textový editor a textový procesor se často nerozlišují, proto nejdříve trocha teorie. Textový editor: program, který používáme
VíceTvorba 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
VíceElektronické publikování. doc. RNDr. Petr Šaloun, Ph.D. katedra informatiky FEI VŠB TU Ostrava
Elektronické publikování doc. RNDr. Petr Šaloun, Ph.D. katedra informatiky FEI VŠB TU Ostrava www.cs.vsb.cz/saloun Základní pojmy Zpracování textu myšlenka, typografický návrh, realizace, znovupoužití.
VíceGeoportál DMVS využití a další rozvoj
Geoportál DMVS využití a další rozvoj Ing. Michal Bílý OBSAH PREZENTACE Představení projektu DMVS Využití projektu a statistiky Plánovaný rozvoj Závěr PŘEDSTAVENÍ PROJEKTU Digitální mapa veřejné správy
VíceTechnologie 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,
VíceVzdělávací obsah vyučovacího předmětu
V.9.3. Vzdělávací obsah vyučovacího předmětu Vzdělávací oblast: Inormatika a informační a komunikační technologie Vyučovací předmět: Informatika Ročník: 1. ročník + kvinta chápe a používá základní termíny
VíceKartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita
Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl
VíceCZ.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
VíceMODERNÍ 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
VíceHTML 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é
VíceNové 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
VíceZá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
VíceTvorba 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
VíceMATURITNÍ PRÁCE dokumentace
MATURITNÍ PRÁCE dokumentace Úprava systému MATPRAC Maxmilián Klimčík školní rok: 2012/2013 obor: třída: Elektronické počítačové systémy PS4B ABSTRAKT Práce se zabývá grafickou úpravou školního webového
VíceWEBOVÉ STRÁNKY SNADNO A RYCHLE ANEB JE TU WEB
WEBOVÉ STRÁNKY SNADNO A RYCHLE ANEB JE TU WEB MARTIN ŽÁČEK ČÍSLO OPERAČNÍHO PROGRAMU: CZ.1.07 NÁZEV OPERAČNÍHO PROGRAMU: VZDĚLÁVÁNÍ PRO KONKURENCESCHOPNOST ČÍSLO PRIORITNÍ OSY: 7.1 ČÍSLO OBLASTI PODPORY:
VíceNá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
VíceObsah. Stručná historie World Wide Webu 7
KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu
VíceMgr. 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
VíceDATAMINING 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
VíceWeb. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče
Web Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Technologické trendy v AV tvorbě, Web 2 DNS Domain Name Systém
VíceOBSAH. Předmluva 13 Poděkování 14. 1. Přehled dnešního vývoje webů 15. 2. Design pro minulost, přítomnost i budoucnost 33
OBSAH Předmluva 13 Poděkování 14 1. Přehled dnešního vývoje webů 15 Definice webdesignu 16 Sedm pravidel webdesignu 19 Tři filozofie webdesignu 20 Filozofie použitelnosti 21 Filozofie multimédií 25 Filozofie
VíceMicrosoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie
Microsoft Word prostředí, základní editace textu Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Office balík aplikací používaných v kancelářské i jiné práci Word textový
VíceÚ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.
VíceZá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é
VíceWEBOVÉ STRÁNKY www.krestanskevanoce.cz
WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých
VíceHelp pro webmastery Vytvořte svůj vlastní web
Help pro webmastery Vytvořte svůj vlastní web Přednáška na Celostátním setkání mládeže v Táboře 15.8.2007 Vytváříš web své farnosti, spolču či svůj vlastní? Nebo o tom zatím jen uvažuješ, a nevíš, jak
VíceHTML. 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,
VíceTvorba webových stránek
Tvorba webových stránek Mít svoji webovou stránku je dnes in. Cesta k jejímu získání nemusí být až tak trnitá, jak se na první pohled může zdát. Pokud máme základní počítačové znalosti a jsme ochotni naučit
VíceNÁ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.
VíceUkázka knihy z internetového knihkupectví www.kosmas.cz
Ukázka knihy z internetového knihkupectví www.kosmas.cz k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 8 2 1 U k á z k a k n i h y
VíceUživatelský manuál Radekce-Online.cz
Uživatelský manuál Radekce-Online.cz (revize 06/2011) V prvním kroku třeba vstoupit do administrace na adrese www.redakce-online.cz kterou naleznete na záložce Administrace / Vstup do Administrace, pro
VíceVÝUKOVÝ MATERIÁL. Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632 Číslo projektu
VÝUKOVÝ MATERIÁL Identifikační údaje školy Vyšší odborná škola a Střední škola, Varnsdorf, příspěvková organizace Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632
VíceEasycars Aplikace pro správu autobazaru
Easycars Aplikace pro správu autobazaru Obsah 1 Úvod... 2 1.1 Požadavky... 2 2 Přihlášení do systému... 3 2.1 Úvodní stránka... 4 3 Správa nabídek vozů a klienů... 5 3.1 Výpis vozidel... 5 3.1.1 Export
Vícekonzultační hodiny: středa od 9:45-11:15 (předem napsat email o konkrétním problému, který chcete konzultovat)
konzultační hodiny: středa od 9:45-11:15 (předem napsat email o konkrétním problému, který chcete konzultovat) 1. přednáška sítě, základní pojmy, internet webové služby, jazyk HTML, editory pro úpravu
VíceSEZNAM VZDĚLÁVACÍCH MATERIÁLŮ - ANOTACE
SEZNAM VZDĚLÁVACÍCH MATERIÁLŮ - ANOTACE Číslo projektu Číslo a název šablony klíčové aktivity Tematická oblast Autor CZ.1.07/1.5.00/34.0797 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT 1IKT3 Tvorba
VíceVý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
VíceTvorba 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
VíceGymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto
Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT
VíceTvorba 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
VíceMinebot manuál (v 1.2)
Minebot manuál (v 1.2) Pro Váš rychlý start s nástrojem Minebot jsme připravili tohoto stručného průvodce, který by Vám měl být pomocníkem při spuštění a používání služby. Tento stručný průvodce by vám
VíceStudentská tvůrčí a odborná činnost STOČ 2013
Studentská tvůrčí a odborná činnost STOČ 2013 TVORBA ROZŠIŘUJÍCÍHO MODULU PRO WEBOVÝ PROHLÍŽEČ Stanislav Kocurek Vysoká škola báňská - Technická univerzita Ostrava Fakulta strojní 17. listopadu 15/2172
Více