Tvorba statických stránek Mgr. Lenka Švancarová. Tvorba statické stránky Volba Uložit jako XHTML Editor Vizuální Frontpage Nevizuální PSPad Poznámkový.

Slides:



Advertisements
Podobné prezentace
Tvorba webových stránek
Advertisements

Tvorba webových stránek
Tvorba WWW stránek ÚVOD
Martin Holý.  HTML  xHTML  CSS  JavaScript  PHP.
ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky
Jazyk HTML Název školyZákladní škola a Mateřská škola Tatenice Číslo projektuCZ Název šablony klíčové aktivity Inovace a zkvalitnění výuky pomocí.
VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/
VY_32_INOVACE_4.3.IV1.03/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ HTML & XHTML.
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
Základy html pro úplné začátečníky.
Jak na web První krůčky Lukáš Reindl. Co je potřeba Budeme potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (ve Windows Notepad.
WEBMASTER Jakub Koželuh. Student Informatiky (ČZU) Student Informatiky (ČZU) ICQ: ICQ:
Textový procesor Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je MGR. MILOŠ NYGRÝN.
TVORBA WEBOVÝCH STRÁNEK
CZ.1.07/1.4.00/ VY_32_INOVACE_133_IT7 Výukový materiál zpracovaný v rámci projektu Vzdělávací oblast: Informační a komunikační technologie Předmět:Informatika.
XHTML Tvorba webových stránek. Vývoj značkovacích jazyků HTML – HyperText Markup Language  Značkovací jazyk pro vytváření www stránek. Pomocí značek.
INFORMATIKA 8 MS Word III2 – I ANOTACE Materiál obsahuje prezentaci ve formátu Microsoft PowerPoint (.ppt) pro učivo v předmětu Informatika, respektive.
Vytvoření nového účtu na Gmail. Odeslání u na konkrétní ovou adresu.
Adobe Dreamweaver CS4 Ing. Martin Dosedla.
Textový editor 11 Styly.
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
Skladba HTML dokumentu
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.
Je to program (aplikace), který slouží k úpravám prostého textu.  Na rozdíl od textových procesorů, se kterými se často pletou, postrádají textové editory.
HTML, XHTML a CSS Základy jazyků značek.
Microsoft Powerpoint Microsoft Word.
WebMathematica MathMl.CDF aneb ZASE JEDEN POVEDENÝ PROJEKT Petr Bělaška OA aVOŠE Zlín.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Poznámkový blok a WWW Mgr. Lenka Švancarová. Poznámkový blok a WWW Spustíme si Poznámkový blok.  Soubor-Uložit jako Uložit jako typ – Všechny soubory.
XHTML – odkazy Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.
XHTML – obrázky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.
HTML editory HTML editory se dělí na dva základní typy:
WWW stránky – Úvod Mgr. Lenka Švancarová.
TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do.
Základy syntaxe jazyka PHP PHP JE TECHNOLOGIE BĚŽÍCÍ NA SERVERU. PHP JE TECHNOLOGIE BĚŽÍCÍ NA SERVERU. Typický PHP skript obsahuje: Typický PHP skript.
Veškerá data v počítači jsou uložena jako soubory.
Základní pojmy (1) Nejpoužívanější internetové prohlížeče: Google Chrome (32.0.x), Mozilla Firefox (27.0), Internet Explorer (11.0.2), Opera (19.0.x),
Párová a nepárová značka, atributy a jejich hodnoty
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Jak učit tvorbu www stránek Navarová Adéla. Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
VY_32_INOVACE_4.3.IVT1.07/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS formátování.
PHP Programy pro tvorbu WWW stránek - 01
Jak učit tvorbu www stránek na zš? ?. Co by žáci měli zvládat.  Základy s textovým editorem (Word, pspad) – základní úpravy textu, kopírování, formátování..
ÚVOD DO HTML Pavlína Hladišová. O BSAH : HTML - Co je to? Princip zobrazení Tagy Obsah HTML dokumentu Rady při tvorbě HTML Zdroje.
Tvorba www stránek.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Textový editor (další nástroje textového procesoru, export a import dat, PDF formát – čtení a tvorba)
Tvorba webu Zdeněk Malý.
Číslo projektu: CZ.1.07/1.4.00/ Název DUM: MS Word Číslo DUM: III/2/VT/2/2/30 Vzdělávací předmět: Výpočetní technika Tematická oblast: Software.
Jak fungují webové stránky Úvod do HTML (1). Projekt: CZ.1.07/1.5.00/ OAJL - inovace výuky Příjemce: Obchodní akademie, odborná škola a praktická.
Tvorba WWW stránek. Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje.
Tvorba www stránek – (01) úvod Autor: Mgr. Josef Motl Datum: , ročník: 7. ročník ZŠ Vzdělávací oblast: Informační technologie Anotace: Prezentace.
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_033.ICT.34 Tvorba webových stránek – MS Visual Studio.
MICROSOFT OFFICE teorie. MICROSOFT OFFICE Microsoft Office je kancelářský balík od americké firmy Microsoft. Firma Microsoft je největší softwarovou firmou.
Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.
ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika.
Microsoft FRONT PAGE Šablona 32 VY_32_INOVACE_19_10_Front Page.
1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.
WWW a HTML Základní pojmy Ivo Peterka.
Průvodní list Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT   Vzdělávací materiál: Prezentace – zápis pro žáky Určen pro: 4. ročník oboru.
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Tvorba webových stránek
Transkript prezentace:

Tvorba statických stránek Mgr. Lenka Švancarová

Tvorba statické stránky Volba Uložit jako XHTML Editor Vizuální Frontpage Nevizuální PSPad Poznámkový blok

Volba Uložit jako Word, Excel, PowerPoint a další programy. Postup tvorby stránky:  Vytvořím běžný dokument v programu.  Soubor-Uložit jako…  Zvolím typ souboru webová stránka. Není nutné umět XHTML a CSS. Neumožňuje ruční editaci zdrojového kódu. Nepřehledný a dlouhý zdrojový kód.

Volba Uložit jako S využitím volby Uložit jako ve Wordu vytvoř WWW stránky a prohlédni si vygenerované zdrojové kódy: Jméno (styl nadpis1 na střed) Studuji na této střední škole. (styl normální, slovo této je odkaz na Zájmy (styl nadpis2 na střed) Mezi mé největší zájmy patří: (styl normální) Počítače (odkaz na tebou vytvořenou stránku PC.html, kde bude uvedeno, co tě baví ohledně výpočetní techniky)Počítače Další zájem

Vizuální (WYSIWYG) editory Microsoft FrontPage, Free TextBox a další vizuální editory. vizuální editory Práce v něm se v mnohém podobá práci ve Wordu. Není nutné umět XHTML a CSS. Umožňuje ruční editaci zdrojového kódu. Nepřehledný a neefektivní zdrojový kód.

Vizuální (WYSIWYG) editory Přejdi v prohlížeči na stránku Pomocí volby languages si nastav jazyk. Vytvoř a prohlédni si pomocí volby HTML zdrojový kód: Jméno (styl nadpis1 na střed) Studuji na této střední škole. (styl normální, slovo této je odkaz na Zájmy (styl nadpis2 na střed) Mezi mé největší zájmy patří: (styl normální) Počítače Další zájem

Nevizuální editory PSPad. Je nutné umět XHTML a CSS. Obsahuje nápovědu. Pomocí nabídky HTML-Kontrola HTML lze snadno najít chyby ve zdrojovém kódu. Lze tvořit velmi efektivní kódy.

Poznámkový blok Je nutné umět XHTML a CSS. Zdrojový kód musím uložit s příponou html nebo htm. Neobsahuje nápovědu ani kontrolu zdrojového kódu. Vhodné k  jednoduchým editacím stránek.  tvorbě velmi jednoduchých stránek.