Tvorba internetových stránek
|
|
- Oldřich Janda
- před 8 lety
- Počet zobrazení:
Transkript
1 Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Středa 9:00-10:00h
2 Samostatný úkol Zvolili jste si doménu a zjistili její cenu? Nalezli jste svůj freehosting? Proč právě tento? Čím je lepší než konkurence? S jakou konkurencí jste porovnávali? Prezentace ze cvičení ve formátu PDF:
3 Co nás čeká? Webstránka. Struktura. Tagy a atributy. Odkazy, obrázky, číslované seznamy, tabulky a další. Samostatný úkol.
4 Webstránka Textový soubor obohacený o HTML tagy. (přípona *.html, názvy bez mezer, diakritiky a velkých písmen, implicitní název) HTML tagy jsou uzavřeny v < >, vše mimo ně je zobrazovaný text. Tagy určují formu zobrazení a ovlivňují chování stránky. Příklad: Tento text je <b>tučný</b> a tento <i>kurzívou</i>. Výsledek: Tento text je tučný a tento kurzívou. Tagy
5 Webstránka - struktura Úvod, hlavička, tělo = <HTML>, <HEAD>, <BODY> Dvě aplikace, pro editaci a prohlížení. Vytvořte tuto stránku sami za pomocí Notepadu a zobrazte ji v Chromu.
6 Webstránka párovost a atributy <html> <head> <title>příklad stránky</title> atributy </head> <body style="background-color: lightblue; color: brown;"> párový tag <h1>příklad atributu a párovosti</h1> <p>obyčejný text v odstavci, zde <i>kurzíva</i> a <b>tučné</b> písmo, jak je již známe.</p> <p>a zde další odstavec, kde máme odkaz <a href=" Fakultní web</a><br> zde odkaz na <a href="index.html">předchozí příklad</a><br> a na dalším novém řádku text s ukončením odstavce.</p> <h2>příklad jiného zadání barvy</h2> nepárový tag <p>a jeden <span style="color:#ff0000">barevný</span> text v odstavci.</p> </body> </html> Vyzkoušejte si vytvořit tuto stránku. Experimentujte s barvami a odkazy. Přijdete na to jak otevřít odkaz v novém okně?
7 Webstránka párovost a atributy Výsledek:
8 Webstránka obrázek <html> <head>... <img src="logo-interval.cz.png">... </body> </html> Připravte si obrázek a vyzkoušejte si jeho přidání do své stávající stránky. Zjistěte si další atributy tagu <IMG> a experimentujte s nimi.
9 Další informace na: Webstránka další tagy <html> <head>... <hr> <ul> <li>text</li> <li>text</li> </ul>... </body> </html> Vytvořte římskými číslicemi číslovaný seznam o 5-ti položkách, druhou a třetí položku rozšiřte nečíslovanými pododrážkami. Vytvořte na stránce obrázek, který bude odkazem vedoucím na web fakulty. Zarovnejte jej vpravo nahoru. Vytvořte na stránce odkaz, kterým bude možno stáhnout *.doc soubor, který si předem připravíte.
10 Webstránka tabulka <html> <head>... <table> <tr> <th>záhlaví</th> <th>záhlaví</th> </tr> <tr> <td colspan= 2 >text</td> </tr> </table> Vytvořte tabulku 3x5. Dokážete naleznout a použít správné atributy tak, aby jste dosáhli sloučení prvních dvou buněk na třetím řádku a posledních dvou buněk posledního sloupce? Cíl:... </body> </html>
11 Webstránka úkol Obsahuje: V tabulce sloučené sloupce i řádky, použití záhlaví. Vložený obrázek, Různé typy víceúrovňových seznamů, Odkazy otevírané v novém okně. Práce s barvou pozadí. Umístit na svůj freehosting a poslat em odkaz na sei74@vsb.cz
12 Souhrn úkolů Vytvořte Hello world stránku sami za pomocí Notepadu a zobrazte ji v prohlížeči. Vyzkoušejte si vytvořit stránku s párovými a nepárovými odkazy, atributy tygů, absolutní a relativní cestou odkazu. Experimentujte s barvami a odkazy. Přijdete na to jak otevřít odkaz v novém okně? Připravte si obrázek a vyzkoušejte si jeho přidání do své stávající stránky. Zjistěte si další atributy tagu <IMG> a experimentujte s nimi. Vytvořte římskými číslicemi číslovaný seznam o 5-ti položkách, druhou a třetí položku rozšiřte nečíslovanými pododrážkami. Vytvořte na stránce obrázek, který bude odkazem vedoucím na web fakulty. Zarovnejte jej vpravo nahoru. Vytvořte na stránce odkaz, kterým bude možno stáhnout *.doc soubor, který si předem připravíte. Vytvořte tabulku 3x5. Dokážete naleznout a použít správné atributy tak, aby jste dosáhli sloučení prvních dvou buněk na třetím řádku a posledních dvou buněk posledního sloupce?
Tvorba webových stránek
Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený
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íceTvorba 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
VíceZá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
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íceÚ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í
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í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íceČ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
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íceZáklady HTML. Obecná syntaxe HTML. Struktura HTML
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 publikaci dokumentů
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íceZá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou
Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány
VíceHlavič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
VíceInternetové 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
Více<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura
mv Všechny html tagy jsou uzavřeny do závorek . Většina tagů je párových, tzn. ke každému tagu existuje druhá značka s lomítkem před tagem. (, ) HTML tagy by měly udávat pouze logické členění
VíceTNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu,
Více<link> - definuje vztah k jiným XHTML dokumentům, typicky
Návrh a tvorba WWW stránek 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
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íceTvorba webových stránek
Tvorba webových stránek Seznamy Seznam je skupina odstavců označených odrážkou. Seznam je: číslovaný je označen pořadovým číslem nebo písmenem, nečíslovaný je označen značkou (odrážkou) Seznam Celý blok
VíceZáklady HTML. Obecná syntaxe HTML. Struktura HTML
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 publikaci dokumentů
VíceIE1 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.
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í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í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íce9. Tagy tvorba www stránky pomocí tagů
9. Tagy tvorba www stránky pomocí tagů Tagy Jak bylo uvedeno v předchozím odstavci, tag je vlastně značka, podle které se prohlížeč řídí. Tag určuje, jakým způsobem bude stránka upravena. Například - teď
VíceBuňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku.
Tabulky Tabulky bývaly ve světě webdesignu mocným hráčem. V dobách, kdy podpora CSS v prohlížečích byla mrzká, se pomocí tabulek řešilo rozmístění jednotlivých prvků na stránce tzv. tabulkový layout, který
VíceOsnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ
Střední průmyslová škola a Střední odborné učiliště, Trutnov, Školní 101, tel.: +420 499 813 071, fax: +420 499 814 729, e-mail: skola@spssoutu.cz, URL: http://www.spssoutu.cz Osnova kurzu OBSLUHA PC ZÁKLADNÍ
VíceIE1 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.
VícePřehled základních html tagů
Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...
Více(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
Více2. Cvičení Formáty dat, jednoduché vzorce
2. Cvičení Formáty dat, jednoduché vzorce 1. Vytvořte složku s vaším příjmením a jménem. 2. Otevřete soubor MS Excel, uložte ho do vaší složky pod názvem 02_Priklad. K názvu nepřidávejte své jméno, při
VíceTvorba 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é
VíceZŠ ÚnO, Bratří Čapků 1332
TS Výuka informatiky I (ovládání textových editorů) Terasoft - možnost instalovat jeden až tři kurzy (cvičení fungují pouze s nainstalovaným vlastním editorem) : o Výuka MS Office Word 2003 o Výuka MS
VíceSIPVZ. Máme Z a co dál? Cíle projektu P1 a P2. Co je cílem projektu P0? Obsah modulu P0. Obsah modulu P0. Oblast P Úvodní modul 2003/2004
SIPVZ Oblast P Úvodní modul 2003/2004 Máme Z a co dál? Celá koncepce úrovně P je tří-modulová: P0 úvodní modul (20 + 10h) Absolvování docházka a aktivní přístup k řešení problémů a úloh Další dva volitelné
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ícePŘÍ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í
Více13. 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í
VíceInternetový portál Elektrotechnika 2. školení
Internetový portál Elektrotechnika 2. školení Tento projekt je spolufinancovaný Evropským sociálním fondem a státním rozpočtem České republiky č. CZ.1.07/1.3.09/01.0021, D/0059/2009/ŘDP 1 Opakování Přihlášení
Více1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1
1 Úvod V tomto studijním textu se seznámíme s tvorbou webových stránek a prezentací a se základy syntaxe jazyka HTML. K tomu, abychom byli schopni vytvořit internetovou stránku, nemusíme používat žádný
VícePoznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se.
Úvod do tvorby www stránek Tvorba www 3 Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. Odkaz (hyperlink)
VícePOKROČILÉ ZPRACOVÁNÍ TEXTU
POKROČILÉ ZPRACOVÁNÍ TEXTU Hana Rohrová, Roman Rohr Cíle kurzu Po ukončení tohoto kurzu budete schopni: používat pokročilé formátování textu, odstavců, sloupců a tabulek, převádět text na tabulku a naopak,
VíceOffice Arena 2017 Krajské kolo
Krajské kolo Název soutěžního projektu: Návštěva známé osobnosti Úlohy v zadání můžete řešit v libovolném pořadí. Hodnotí se přesnost a shoda se zadáním, dodržení typografických pravidel, přehlednost práce
VíceFormátování obsahu adminweb
Formátování obsahu adminweb verze 24032015 1 Obsah 1. Možnosti formátování textu...3 2. Formátování v editoru...4 3. Tabulka pro pozicování obsahu...5 4. Tabulka se stylem... 6 5. Šablony...7 6. Obrázky
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ícePožadované dovednosti v ovládání textového procesoru Microsoft Word 2013 pro předměty VA1 a VT1
Požadované dovednosti v ovládání textového procesoru Microsoft Word 2013 pro předměty VA1 a VT1 1 Úvod 1.1 Práce s dokumenty 1.1.1 Spustit a ukončit textový editor. 1.1.2 Otevřít jeden nebo několik dokumentů.
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íceCelá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované.
Pokyny pro vypracování maturitní práce pro školní rok 2014/2015 Při vypracování práce se řiďte následujícími pokyny. Charakteristika jednotlivých částí práce 1. Titulní strana (nečísluje se stránka ani
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íceJemný ú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
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íceZÁKLADNÍ ŠKOLA A ZÁKLADNÍ UMĚLECKÁ ŠKOLA JESENICE, příspěvková organizace
ZÁKLADNÍ ŠKOLA A ZÁKLADNÍ UMĚLECKÁ ŠKOLA JESENICE, příspěvková organizace K Rybníku 800, 252 42 Jesenice TÉMA PRÁCE ročníková práce Autor: Jméno Příjmení Třída: třída (římskou číslicí například IX. B)
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íceŠ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íceTvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014
Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat
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íceAdministrace webu Postup při práci
Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...
VíceZákladní škola Hluk výukové texty MS Word 2007
MS Word je textový editor (program pro tvorbu a editaci textových dokumentů). Ve verzi 2007 došlo k zásadní změně v grafickém prostředí a tedy i ovládání programu. Základní ovládací prvky aplikace: RÁM
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ícePokyny pro vypracování maturitní práce pro školní rok 2017/2018
STŘEDNÍ ODBORNÁ ŠKOLA a STŘEDNÍ ODBORNÉ UČILIŠTĚ Česká Lípa, 28. října 2707, příspěvková organizace Pokyny pro vypracování maturitní práce pro školní rok 2017/2018 Při vypracování práce se řiďte následujícími
VíceTvorba 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
VíceZáklady programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP
Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové
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íceNá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í
VíceDESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA:
DESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA: 1 Obsah HTML... 1 ZÁKLADNÍ STRUKTURA WEB STRÁNKY... 1 OBSAH HLAVIČKY WEB STRÁNKY... 1 ZÁKLADNÍ HTML LAYOUT WEB STRÁNKY... 1 ZOBRAZOVANÁ HLAVIČKA WEB STRÁNKY...
VíceDokument ve formátu webové stránky vytvořený pomocí XHTML a CSS
Výstupový indikátor 06.43.19 Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr
VíceK 2 - Základy zpracování textu
Radek Maca Makovského 436 Nové Město na Moravě 592 31 tel. 0776 / 274 152 e-mail: rama@inforama.cz http://www.inforama.cz K 2 - Základy zpracování textu Mgr. Radek Maca Word I 1 slide ZÁKLADNÍ POJMY PRVKY
VíceManuál k editoru TinyMCE
Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo,
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í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ícePracovní list č. 7. Microsoft Word 2010 odrážky a číslování. Odrážky
Pracovní list č. 7 Microsoft Word 2010 odrážky a číslování strukturování textu do bodů a podbodů pás karet Domů, část Odstavec kontextové menu automatické odrážky a číslování (viz Možnosti automatických
VíceInternet 1. ÚVOD. Příklad stránky WWW v prostředí Internet Exploreru vidíte na obr.:
Internet 1. ÚVOD Windows XP integrují internetový prohlížeč Internet Explorer, využívají jeho některé vlastnosti zejména při zobrazování informací. Pokud jste na síť připojeni, můžete s ním pracovat a
Vícezoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.
zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o. 1 Obsah 1. Přihlášení 2. Výpis sekcí 3. Vytvoření nové sekce 4. Editace sekce 4.1. Výběr sekce k editaci 5. Editace hlavičky
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íceZadání samostatných cvičení - Excel 5DS
Zadání samostatných cvičení - Excel 5DS Klávesové zkratky Procvičte si některé z klávesových zkratek, které slouží pro rychlejší pohyb po listu a další funkce. Klávesová zkratka Význam HOME Přesunutí na
VíceMicrosoft. Word. Šablony. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie
Microsoft Word Šablony Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Šablony šablona obsahuje předdefinované rozvržení dokumentu a stylů jednotlivých položek ve Wordu existují hotové
VíceNSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák
NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE
VíceMgr. 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
Více7. Cvičení Tisk rozsáhlých tabulek
7. Cvičení Tisk rozsáhlých tabulek 1. Na Plochu si uložte soubor pro Tisk tabulky, který je uložen v IS VŠFS. Cesta k souboru: Student Předměty VSFS:B_AS_2 Aplikační software 2 Více (otevřeme nabídku)
VíceCO je to? WWW, HTML, CSS
CO je to? WWW, HTML, CSS Jak vytvořit vlastní webovou stránku Potřebujete: Webový prohlížeč (Internet Explorer, Opera, Mozilla Firefox nebo Google Chrome. Připojení na internet není nutné v první fázi.
VíceKAPITOLA 8 TABULKOVÝ PROCESOR
KAPITOLA 8 TABULKOVÝ PROCESOR FORMÁT BUNĚK Parametry formátu buněk a tabulky můžeme nastavit pomocí celkem šesti karet v nabídce Domů/Buňky FORMÁT BUNĚK - OKNO FORMÁT BUNĚK Karta Číslo - nastavuje formát
VíceSoukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www
Číslo projektu Název školy Název Materiálu Autor Tematický okruh Ročník CZ.1.07/1.5.00/34.0499 Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www Ing. Pavel BOHANES
VíceHTML - 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í
Více1 Administrace systému 3. 1.3 Moduly... 3 1.4 Skupiny atributů... 4 1.5 Atributy... 4 1.6 Hodnoty atributů... 4
CRM SYSTÉM KORMORÁN PŘÍRUČKA ADMINISTRÁTORA Obsah 1 Administrace systému 3 1.1 Uživatelské účty.................................. 3 1.2 Přístupová práva................................. 3 1.3 Moduly.......................................
VíceINTERSTENO 2015 Budapest World championship professional Word Processing
OPERAČNÍ SYSTÉM WORD PROCESSING SOFTWARE (TEXTOVÝ PROCESOR) ID SOUTĚŽÍCÍHO Úloha A-1 Instrukce pro účastníky Otevřete dokument YEAROFLIGHT, ihned ho uložte/převeďte do YEAROFLIGHTXXX.DOC NEBO DOCX, kde
VíceWebový editor MARKET INOVATOR verze 1.0.0.0
Webový editor MARKET INOVATOR verze 1.0.0.0 Uživatelská příručka Úprava hotových webových prezentací 1.krok stáhnout web ze serveru Chceme-li provádět úpravy na webových stránkách, které jsou na internetovém
VíceZŠ ÚnO, Bratří Čapků 1332
MS Word 2002 Grada - po spuštění je třeba kliknout do středu obrazovky - v dalším dialogovém okně (Přihlášení) vybrat uživatele, zřídit Nového uživatele nebo zvolit variantu Bez přihlášení (pro anonymní
VíceManuál k tvorbě absolventské práce
Manuál k tvorbě absolventské práce VLOŽENÍ ČÍSLA STRÁNKY... 2 OBRÁZKOVÝ NÁVOD PRO VKLÁDÁNÍ ČÍSEL STRÁNEK... 2 ŘÁDKOVÁNÍ 1,5... 3 OBRÁZKOVÝ NÁVOD PRO ŘÁDKOVÁNÍ... 3 ZAROVNÁNÍ TEXTU DO BLOKU... 4 OBRÁZKOVÝ
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íceINTERSTENO 2011 Paris World championship professional word processing
POUŽITÝ OPERAČNÍ SYSTÉM POUŽITÝ SOFTWARE PRO WORD PROCESSING SOUTĚŽNÍ ID A 1 Instrukce pro soutěžící Otevřete koncept dokumentu WINDENERGY.DOC, ihned jej uložte jako WINDENERGYXXX.DOC nebo DOCX, kde XXX
VíceVzorový zápočtový test. Windows
Vzorový zápočtový test Windows 1. Otevřete okno Průzkumníka. 2. Ve složce Dokumenty vytvořte novou složku s názvem Vašeho příjmení (např. Kratky). Na tuto složku se budeme v dalším textu odvolávat jako
VíceStručný návod k HTML editoru v CMS Portia 4
Stručný návod k HTML editoru v CMS Portia 4 2 03/2015 Představení HTML editor je jednoduchý textový editor pro webové stránky. Nabízí většinu hlavních funkcí jako mají velké editory typu Word pro použití
VíceINTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu
POUŽITÝ OPERAČNÍ SYSTÉM POUŽITÝ SOFTWARE PRO WORD PROCESSING SOUTĚŽNÍ ID A 1 Instrukce pro účastníky Otevřete dokument TRANSPORT.DOC, ihned uložte jako TRANSPORTXXX.DOCneboDOCX,kde XXX je Vašesoutěžní
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í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íceINTERNET 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
VíceWORD 2007 grafický manuál
TLAČÍTKO OFFICE dříve známo jako nabídka Soubor umožňuje práci se souborem (otevřít nový nebo existující, uložit, vytisknou, odeslat, zavřít program, ) Mimo jiné zobrazuje názvy posledních otevřených dokumentů
VíceBMOF011 Aplikace MS Office. Word 2016 Lekce 1 Seznámení s aplikací. Matěj Karolyi IBA,
BMOF011 Aplikace MS Office Word 2016 Lekce 1 Seznámení s aplikací Matěj Karolyi (karolyi@iba.muni.cz) IBA, 23. 9. 2016 Cíl a obsah kurzu Vytvářet textové dokumenty a ukládat je Provádět základní operace
Více