Tvorba www stránek.

Slides:



Advertisements
Podobné prezentace
Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
Advertisements

Tagy neboli příkazy Olga Kasafírková Základy HTML.
Tvorba webových stránek
WWW stránky.
Referát č. 22 Tvorba webových stránek (Struktura webu, struktura HTML dokumentu, vytvoření webové stránky exportem z aplikačního programu, provázání.
Tvorba WWW stránek ÚVOD
28.1 Tvorba www stránek pomocí HTML jazyka
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:
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Statické dokumenty v jazyce HTML Informatika pro ekonomy I přednáška 2, 3.
Základy HTML.
Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky
HyperText Markup Language
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.
Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektu CZ.1.07/1.5.00/ Číslo sady29Číslo DUM14.
Programování HTML stránek
Základy html pro úplné začátečníky.
ÚVOD DO HTML Jak vytvořit stránky. Jak vytvořit www-stránky 1) Vytvořit soubor *.htm, nebo *.html 2) Nahrát soubor na server =>dát na internet.
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:
Úvod do html kódu. Roman Hendrich
TVORBA WEBOVÝCH STRÁNEK
VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Textové elementy.
Školení autorů distančních opor Inovace kombinovaného studia.
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.
Maturitní otázka č. 12 Kristýna Kaňovská 4. A.
Formátování textu. Odstavce  tvoříme párovou značkou  text bude od ostatního textu oddělen Konec řádky  nepárová značka způsobuje ukončení řádku a.
Jazyk HTML.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Skladba HTML dokumentu
Pravidla a doporučení pro názvy souborů
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.
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:
HTML, XHTML a CSS Základy jazyků značek.
David Král 2009 Nová stránka 1. Rychle něco z historie Tim Berners-Lee-zakladatel sítě WWW Publikoval své první stránky v srpnu roku 1991.
Tvorba webu Jazyk HTML, úvod
XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.
HTML editory HTML editory se dělí na dva základní typy:
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á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
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ý.
HTML – TABULKY. - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní.
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í.
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í..
Programujeme v kódu HTML (Hyper Text Markup Language)
Textový editor Maturitní téma č.12 (prostředí textového editoru, nastavení zobrazení dokumentu, zásady pořizování textu v počítači)
Kristýna Krejčí, Aneta Smyčková, Tereza Kryzanová, Zuzana Purová 9.B.
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.
HTML pokračování. Co obsahuje každý html dokument? stránka stránka ahoj světe HTML.
Š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.
Elektronické učební materiály - II. stupeň Informatika – aplikace informačních technologií Autor: Bc. Pavel Šiktanc Internetové stránky II. Co se všechno.
1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.
ZÁKLADY JAZYKA HTML Číslo projektu CZ.1.07/1.5.00/ Název školy
NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU: CZ.1.07/1.4.00/ AUTOR: Mgr. Vladimír.
Základy tvorby www stránky v HTML kódu.
Tvorba WEBOVÝCH stránek – základní TAGY
WORDPAD Textový dokument.
Číslo projektu CZ.1.07/1.4.00/ Název sady materiálů
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Transkript prezentace:

Tvorba www stránek

Editory pro tvorbu www stránek Strukturní Pracujeme přímo s HTML kódem (PSPad, Notepad++, WordPad) Wysiwyg (zkratka - What you see is what you get) Pohodlná práce (WebNote, FrontPage)

HTML dokument Přípona .html (.htm) Hlavní stránka – index.html Název souboru Malá písmena Bez diakritiky Bez mezer

HTML dokument - otevření V prohlížeči – zobrazení V editoru - úprava

HTML kód - struktura Skládá se z jednotlivých tagů <HTML> <HEAD><TITLE>….</TITLE></HEAD> <BODY> : </BODY> </HTML>

Hlavička dokumentu - HEAD <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Název stránky</title> </head>

Vzhled stránky Nadpisy Odstavce Zalamování řádku – nepárový tag <Hn></Hn> n je číslo od 1 do 6 (1 je nadpis nejvyšší úrovně) Odstavce <P></P> <P ALIGN=hodnota></P> (hodnota – Left, Right, Center, Justify) Zalamování řádku – nepárový tag <BR>

Vzhled stránky - písmo Tučné Kurzíva Podtržené <B></B> <I></I> Podtržené <U></U>

Zdroj http://www.jakpsatweb.cz/