Tvorba internetových stánek V programu Microsoft FrontPage Petr Neterda10.4.2005.

Slides:



Advertisements
Podobné prezentace
snadná tvorba www stránek zadarmo
Advertisements

MS PowerPoint Prezentační manažer Kapitola 6.3 (Data vložená z MS Excel)
VY_32_INOVACE_54_MS_Word_ III. Autor : Trýzna Stanislav Školní rok : 2011/2012 Určeno pro : šestý ročník Předmět: informatika Téma : základní orientace.
Tvorba webových stránek
Tvorba WWW stránek ÚVOD
Internetové stránky a Internetový prohlížeč
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í.
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.
HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.
Microsoft Frontpage 2000 Alena Náhlovská. Návrh webových stránek Obsah Obsah Struktura Struktura Funkcionalita Funkcionalita Vzhled Vzhled Pokud bude.
Dajbych Václav Pole Další stránku vyvoláte levým kliknutím na Vaší myš, nebo popřípadě rolovacím kolečkem.
TVORBA WEBOVÝCH STRÁNEK
Základní škola a Mateřská škola, Šumná, okres Znojmo OP VK Tematický celek: Informatika Název a číslo učebního materiálu VY _32_INOVACE_04_08.
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Světlana Filipová. Materiál zpracován v rámci projektu Implementace ICT techniky do výuky.
Autor:Ing. Pavel Brož Předmět/vzdělávací oblast:Informační a komunikační technologie Tematická oblast:Práce se standardním aplikačním programovým vybavením.
Elektronická pošta Elektronická pošta ( ) je obdobou běžné pošty a umožňuje přijímat a distribuovat dokumenty v textové podobě na jednu nebo více.
WWW stránky – Struktura, adresování, hosting Mgr. Lenka Švancarová.
FTP – přenos souborů Tato služba se používá pro přenos souborů pomocí přenosového protokolu FTP. Pro tuto službu existují speciální klienti, kteří se dokáží.
MS Word Snímek č. 2 MS Word Revize dokumentu a komentáře  Pokud zapnete funkci Sledování změn, aplikace Word vloží značky tam, kde provedete.
ICQ. Co je ICQ? ICQ je nejpoužívanější a nejpopulárnější komunikační program. ICQ je zkratka slangového výrazu „I seek you“ (hledám tě). Slouží ke komunikaci.
Čí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.
TEXTOVÝ EDITOR.
Word – Struktura dokumentu
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ě.
Excel export a import dat. Import dat z webu.
HTML jazyk 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.
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.
Práce se šablonami v MS Word 2007
aneb zásady správné tvorby webových stránek Informatika Milan Šimek
WWW – hypertextový informační systém
URL v HTML URL - Unique Resource Locator Příklad:
Název projektu : Objevujeme svět kolem nás Reg. číslo projektu: CZ.1.07/1.4.00/
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.
Vytvoření hypertextového odkazu
Jak vytvořit webovou stránku HTML Je základ každé webové stránky. Naučit se jej není složité a můžete říct „tento web jsem udělal/a já“
PRÁCE S DOTAZY Eva Karmazínová, 4. Y. Postup při vytváření dotazů: 1) Vytvoříte vlastní aplikaci 2) Vytvoříte tabulku v aplikaci 3) Vytvoříte strukturu.
Základní škola a Mateřská škola, Šumná, okres Znojmo OP VK Tematický celek: Informatika Název a číslo učebního materiálu VY _32_INOVACE_04_15.
Shrnutí Chceme–li připojit PC k Internetu musíme: 1.Zadat adresu DNS serveru (začne pracovat převod IP adresa  symbolické jméno), prakticky začne fungovat.
Použití dotazu jako zdroj dat pro pohled Vypracovala: Procházková Petra.
Název projektu: Šablony Špičák číslo projektu: CZ.1.07/1.4.00/ šablona III/2 autor výukového materiálu: Mgr. Jana Jiroušová, VM vytvořen: leden.
INTERNET.
1. 2 Hypertextové odkazy Na stránce se mohou nacházet místa, na která když klepnete myší, dostanete se na jinou stránku, na jiný server nebo na jinou.
PHP Programy pro tvorbu WWW stránek - 01
HYPERTEXT PREPROCESSOR. JAZYK PHP. VYUŽITÍ JAZYKA Programování dynamických internetových stránek a webových aplikací vytvoření šablony webu kniha návštěv.
 nejvíce využívaná služba internetu založená na www stránkách  poskytuje virtuální informační prostor, přístupný pomocí prohlížeče  výhodou www stránek.
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 – (01) úvod Autor: Mgr. Josef Motl Datum: , ročník: 7. ročník ZŠ Vzdělávací oblast: Informační technologie Anotace: Prezentace.
Internet. je celosvětový systém navzájem propojených počítačových sítí („síť sítí“), ve kterých mezi sebou počítače komunikují pomocí rodiny protokolů.
Internet (služby Internetu, WWW) Služby Internetu WWW (World Wide Web) – dnes nejrozšířenější služba; spoustě lidí splývá s Internetem jako takovým WWW.
Název školySŠHS Kroměříž Číslo projektuCZ.1.07/1.5.00/ Autor Ing. Zdenek Laski Název šablonyIII/2 – inovace a zkvalitnění výuky prostřednictvým.
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.
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.
Název:VY_32_INOVACE_ICT_7B_10B Škola:Základní škola Nové Město nad Metují, Školní 1000, okres Náchod Autor:Mgr. Milena Vacková Ročník:7. Tematický okruh,
Anotace Materiál je určen pro 1. ročník studijního oboru M/01 PROVOZ A EKONOMIKA DOPRAVY, předmětu Informační a komunikační technologie, inovuje.
HYPERTEXT PREPROCESSOR. JAZYK PHP. VYUŽITÍ JAZYKA Programování dynamických internetových stránek a webových aplikací vytvoření šablony webu kniha návštěv.
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.
Anotace Materiál je určen pro 1. ročník studijního oboru M/01 PROVOZ A EKONOMIKA DOPRAVY, předmětu Informační a komunikační technologie, inovuje.
WWW a HTML Základní pojmy Ivo Peterka.
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.
Internet – pojmy, služby
WWW a HTML Základní pojmy Ivo Peterka.
Základní pojmy při používání Internetu
Tvorba webových stránek – místa v síti
Vytvoření formuláře Access (11).
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
HTML Vojtěch novotný 9.a.
Přizpůsobení webu Microsoft SharePointu Online
Tvorba webových stránek
Digitální učební materiál
Transkript prezentace:

Tvorba internetových stánek V programu Microsoft FrontPage Petr Neterda

Jak správně "postavit" dobré stránky ? 1. Před jejich vytvářením si rozmyslete obsah a konečnou strukturu stránky. 1. Před jejich vytvářením si rozmyslete obsah a konečnou strukturu stránky. 2. Vzhled a provedení stránky přizpůsobte účelu (komerční, informační, osobní atd.). 2. Vzhled a provedení stránky přizpůsobte účelu (komerční, informační, osobní atd.). 3. Stránky by měly být přehledné, čtenář se musí dobře a rychle orientovat. 3. Stránky by měly být přehledné, čtenář se musí dobře a rychle orientovat. 4. Uveďte potřebné kontaktní údaje (např. ovou adresu). 4. Uveďte potřebné kontaktní údaje (např. ovou adresu). 5. Oživte stránky (např. animacemi - dnes se moc nepoužívají), ale pozor - v jednoduchosti je síla ! 5. Oživte stránky (např. animacemi - dnes se moc nepoužívají), ale pozor - v jednoduchosti je síla ! 6. Vtiskněte stránkám společný vzhled (jednotný podklad, písmo) - zlepšíte tak orientaci čtenáře. 6. Vtiskněte stránkám společný vzhled (jednotný podklad, písmo) - zlepšíte tak orientaci čtenáře. 7. Nedělejte prázdné nebo vstupní stránky stylu "Vstupte", první stránka (index, home) by měla být maximálně informační. 7. Nedělejte prázdné nebo vstupní stránky stylu "Vstupte", první stránka (index, home) by měla být maximálně informační. 8. Před umístěním stránek na Internet zkontrolujte jejich správnou funkčnost. Není nic horšího než stránky s chybami. 8. Před umístěním stránek na Internet zkontrolujte jejich správnou funkčnost. Není nic horšího než stránky s chybami. 9. Stránky, které se velmi pomalu načítají (objemné obrázky, pozadí) odrazují. 9. Stránky, které se velmi pomalu načítají (objemné obrázky, pozadí) odrazují.

Seznámení s jazykem HTML Každá stránka je napsaná ve zdrojovém kódu. Ten vypadá na první pohled nesrozumitelně. Ale ve skutečnosti je to obyčejný text doplněný o další znaky, jako jsou závorky a lomítka. Každá stránka je napsaná ve zdrojovém kódu. Ten vypadá na první pohled nesrozumitelně. Ale ve skutečnosti je to obyčejný text doplněný o další znaky, jako jsou závorky a lomítka. To je zkratka pro hypertext markup language, tedy hypertextový značkový jazyk. Hypertextový znamená, že základem webových stránek je jejich provázanost navzájem právě skrze "klikací" odkazy. Tenhle zdrojový kód je taková kuchařka, podle které internetový prohlížeč vyrobí stránku přesně tak, jak ji potom uvidíš na monitoru. To je zkratka pro hypertext markup language, tedy hypertextový značkový jazyk. Hypertextový znamená, že základem webových stránek je jejich provázanost navzájem právě skrze "klikací" odkazy. Tenhle zdrojový kód je taková kuchařka, podle které internetový prohlížeč vyrobí stránku přesně tak, jak ji potom uvidíš na monitoru.

Vytvoření jednoduché tabulky pro vkládání textů a obrázků Můžete vytvořit jednoduchou tabulku pouhým zadáním počtu řádků a sloupců. Pro takovou tabulku budou použity výchozí vlastnosti. Můžete vytvořit jednoduchou tabulku pouhým zadáním počtu řádků a sloupců. Pro takovou tabulku budou použity výchozí vlastnosti. Přesuňte kurzor na místo, kam chcete vložit tabulku. Přesuňte kurzor na místo, kam chcete vložit tabulku. Klepněte na tlačítko Vložit tabulku a poté táhněte myší dolů a vpravo, dokud nebude zobrazen požadovaný počet řádků a sloupců. Klepněte na tlačítko Vložit tabulku a poté táhněte myší dolů a vpravo, dokud nebude zobrazen požadovaný počet řádků a sloupců. Podaří-li se vám vložit tabulku můžete vkládat uspořádaně a přehledně jakékoli obrázky a texty. Podaří-li se vám vložit tabulku můžete vkládat uspořádaně a přehledně jakékoli obrázky a texty.

Kam a jak umístit hotovou stránku na Internet ? Počítač, na kterém budou stránky umístěny, musí být stále připojen k internetu, musí mít výkonný hardware (zvládne nápory návštěvníků) a program nazvaný webový server, který bude na jiný počítač posílat vaše stránky. Není tedy ekonomické provozovat Internetový server doma. Na Internet se většina lidí připojuje přes tzv. poskytovatele připojení (volny, tiscali, quick atd.), který vám kromě ové schránky nabízí často i místo pro umístění vašich webových stránek. Počítač, na kterém budou stránky umístěny, musí být stále připojen k internetu, musí mít výkonný hardware (zvládne nápory návštěvníků) a program nazvaný webový server, který bude na jiný počítač posílat vaše stránky. Není tedy ekonomické provozovat Internetový server doma. Na Internet se většina lidí připojuje přes tzv. poskytovatele připojení (volny, tiscali, quick atd.), který vám kromě ové schránky nabízí často i místo pro umístění vašich webových stránek. Přístup k tomuto místu na disku počítače poskytovatele je většinou umožněn pomocí FTP (File Transfer Protokol - speciální protokol, který slouží pro přenos souborů mezi počítači). K přenosu("nahrání" stránek a jejich údržbě) je nutné si nainstalovat program - klienta FTP (např. Cute FTP, Leech FTP atd.). S těmito programy se pracuje podobně jako s Průzkumníkem Windows. Některé servery mají pro správu a údržbu webových stránek svoje vlastní aplikace, které běží přímo v počítači - nemusíte si tedy instalovat žádného klienta FTP. Přístup k tomuto místu na disku počítače poskytovatele je většinou umožněn pomocí FTP (File Transfer Protokol - speciální protokol, který slouží pro přenos souborů mezi počítači). K přenosu("nahrání" stránek a jejich údržbě) je nutné si nainstalovat program - klienta FTP (např. Cute FTP, Leech FTP atd.). S těmito programy se pracuje podobně jako s Průzkumníkem Windows. Některé servery mají pro správu a údržbu webových stránek svoje vlastní aplikace, které běží přímo v počítači - nemusíte si tedy instalovat žádného klienta FTP. Pokud nemáte svůj účet (poštovní ovou schránku) u poskytovatele Internetu, nabízí vám vytvoření webového místa zdarma různá místa na internetu, např. adresy a jiné ! Pokud nemáte svůj účet (poštovní ovou schránku) u poskytovatele Internetu, nabízí vám vytvoření webového místa zdarma různá místa na internetu, např. adresy a jiné !

Jak dát o vaší stránce vědět ? Nyní již máte na Internetu svoji stránku, kromě vás ale nikdo neví, že existuje. Musíte ji "inzerovat" na místech, která navštěvuje většina uživatelů Internetu. Těmito místy jsou např. tzv. vyhledávače (specializované servery sloužící pro hledání webových stránek na Internetu). Nejdříve si na daném vyhledávači vyberete vhodnou kategorii (v případě naší školy např. školy - základní - zlínský kraj), kde klepnete na tlačítko přidat odkaz a dále postupujete podle pokynů na obrazovce. Doporučuji stránky zaregistrovat na více místech, všichni nepoužívají stejný vyhledávač. Registraci vaší stránky většinou nabízí i domény, na kterou jste vaši stránku umístili, např. Nyní již máte na Internetu svoji stránku, kromě vás ale nikdo neví, že existuje. Musíte ji "inzerovat" na místech, která navštěvuje většina uživatelů Internetu. Těmito místy jsou např. tzv. vyhledávače (specializované servery sloužící pro hledání webových stránek na Internetu). Nejdříve si na daném vyhledávači vyberete vhodnou kategorii (v případě naší školy např. školy - základní - zlínský kraj), kde klepnete na tlačítko přidat odkaz a dále postupujete podle pokynů na obrazovce. Doporučuji stránky zaregistrovat na více místech, všichni nepoužívají stejný vyhledávač. Registraci vaší stránky většinou nabízí i domény, na kterou jste vaši stránku umístili, např.

Podrobnější informace o tvorbě webových stránek ? Určitě je objevíte třeba na Internetu. Většina poskytovatelů připojení vám nabízí nejen místo pro vaše webové stránky, ale i podrobný postup při jejich vytváření. Existuje také celá řada knih o tvorbě www stránek, které koupíte v každém knihkupectví. Určitě je objevíte třeba na Internetu. Většina poskytovatelů připojení vám nabízí nejen místo pro vaše webové stránky, ale i podrobný postup při jejich vytváření. Existuje také celá řada knih o tvorbě www stránek, které koupíte v každém knihkupectví.

Přeji vám hodně úspěchů a hodně nových stránek Případné konzultace a dotazy posílejte na adresu