WWW stránky – Struktura, adresování, hosting Mgr. Lenka Švancarová.

Slides:



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

Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
Obecně o operačních systémech
Tvorba webových stránek
Tvorba WWW stránek ÚVOD
Internet Název materiálu: VY_INOVACE_xxx_internet2
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áklady HTML.
Tvorba www stránek VLOŽENÍ OBRÁZKŮ ICT 4.ročník. Vložení obrázku OBRÁZEK NA WEBOVÝCH STRÁNKÁCH Binární data – ukládáme do samostatných složek (IMAGE,
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í.
CSS a HTML 5. HTML 5 HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. HTML5 umožňuje.
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.
1 Provázání stránek Vytvořte dvě www stránky, jednu růžovou a druhou modrou – viz. zdrojové kódy RŮŽOVÁ STRÁNKA Růžová stránka Odkaz na modrou stránku.
HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.
TVORBA WEBOVÝCH STRÁNEK
ORGANIZACE DAT V POČÍTAČI
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.
Tvorba webových stránek II. Odkazy, obrázky, seznamy.
Jazyk HTML.
Veronika Hladíková. V dnešní době se dají webové stránky zhotovit mnoha způsoby, ale zdaleka ne všechny jsou ty správné. V následující prezentaci se Vám.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_258 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Čí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.
Online a Offline komunikace
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ě.
Výukový modul projektu: Nové formy výuky ve školách kraje Vysočina Projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.
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.
Tento vzdělávací materiál vznikl v rámci projektu EU – peníze školám Název projektu : Objevujeme svět kolem nás Reg. číslo projektu: CZ.1.07/1.4.00/
WWW – hypertextový informační systém
GRAFIKA.
WWW stránky – Úvod Mgr. Lenka Švancarová.
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.
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á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),
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á“
Tento vzdělávací materiál vznikl v rámci projektu EU – peníze školám Název projektu : Objevujeme svět kolem nás Reg. číslo projektu: CZ.1.07/1.4.00/
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.
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.
Hypertextové odkazy [cit ]. Dostupné pod licencí Public Domain – na
Digitální výukový materiál zpracovaný v rámci projektu „EU peníze školám“ Projekt:CZ.1.07/1.5.00/ „SŠHL Frýdlant.moderní školy“ Škola:Střední škola.
Základy práce na PC Ing. Jan Roubíček.
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.
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í..
Výukový materiál zpracován v rámci projektu EU peníze školám Registrační číslo projektu: CZ.1.07/1.4.00/ Šablona:III/2č. materiálu: VY_32_INOVACE_233.
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.
Programujeme v kódu HTML (Hyper Text Markup Language)
 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.
HTML stránka – vložení obrázku Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastTvorba WWW stránky v HTML Datum vytvoření2013.
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á.
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.
Počítačová grafika. Rastrová grafika Fungování monitoru Jak může monitor zobrazit barvy tak věrně? Kolik barev vůbec dokáže zobrazit?
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.
1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.
Základy tvorby www stránky v HTML kódu. © Mgr. Petr Loskot, leden Časopis PPK Časopis PC World.
Aneb jak zveřejnit svoji stránku Pavel Beran, FCHI, 351.
WWW a HTML Základní pojmy Ivo Peterka.
Internet – pojmy, služby
Rastrová grafika Základní termíny – Formáty rastrové grafiky.
Inf Elektronická komunikace
WWW a HTML Základní pojmy Ivo Peterka.
HTML (II) (3).
GRAFIKA.
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.
Tvorba webových stránek
Digitální učební materiál
Transkript prezentace:

WWW stránky – Struktura, adresování, hosting Mgr. Lenka Švancarová

Struktura stránek Na následujícím snímku je zobrazen obsah dvou složek, které obsahují WWW stránky. Odpověz na následující otázky:  Jaké mají soubory přípony a co nejspíš znamenají?  Najdi soubory s velmi podobnými či stejnými názvy.  Jaké mají názvy souborů nejspíš omezení?  Co si myslíš, že by měli splňovat obrázky umístěné na stránkách?

Struktura stránek Otázky  Přípony?  Podobnost?  Názvy?  Obrázky?

Názvy a přípony souborů Názvy všech souborů a složek nesmí obsahovat diakritiku a mezery. Jako první se vždy zobrazuje index  s příponou htm či html,  u dynamických stránek nejčastěji s příponou php. Soubory s příponou htm či html obsahují krom samotného textu zobrazeného na stránkách i XHTML značky. Soubory s příponou css obsahují kaskádové styly.

Obrázky Velké obrázky (fotky) nejprve ve vhodném grafickém programu zmenšíme. Na stránky umístíme upravený obrázek. Postačující rozlišení obrázku je 100 DPI. Obrázky umisťujeme do stejné složky jako html a css soubory, kde mohou být ještě ve vlastní složce. Nejčastější přípony jsou jpg, gif, png, ico.

Adresování Absolutní adresa  F:\www\index.html  C:\str\obr\foto.jpg Relativní adresa  www\index.html  index.html  str\obr\foto.jpg  obr\foto.jpg  foto.jpg Čím se liší absolutní a relativní adresa? Pokud chceš na stránce zobrazit obrázek (odkázat na soubor), musíš uvést i adresu souboru. Kterou adresaci použiješ a proč?

Adresování Pokud chceme, aby naše stránky viděl celý svět, musíme je umístit na server. Překopírujeme tam celý obsah složky, kterou jsme si připravili. Na serveru nevíme, kde přesně jsou naše stránky umístěny, a proto při jejich tvorbě musíme výhradně používat relativní adresy, které neobsahují, na rozdíl od absolutních, název disku.

WWW stránky – Adresování Uveď všechny adresy k souboru index.html. Uveď adresy, které by bylo vhodné použít při tvorbě WWW stránek, a to ke všem souborům. Zdůvodni.

Hosting Pronájem místa na serveru. Je většinou placený a liší se úrovní služeb (velikost místa, omezené datové přenosy, podpora, …) Někteří poskytovatelé internetu nabízejí v rámci připojení určitý prostor pro hosting. Existují také tzv. freehostingy, které nabízejí hosting zadarmo, ale požadují umístění reklamy na stránky a služby jsou omezené.

Freehosting Přehled některých českých freehostingů:  až 500 MB, podpora PHP, box, přístup aspoň 1x za měsíc.  MB, podpora PHP. Jde o freeweb Seznamu – stačí vlastnit na Seznamu.  MB, podporuje PHP, neomezený přenos dat, ová schránka.  2 GB, přenos dat max. 5 GB měsíčně, přístup aspoň 1x za měsíc.

Hosting a Freehosting Zjisti u svého poskytovatele Internetu (pokud nemáš Internet, tak u poskytovatele Internetu v tvém bydlišti):  Zda je v ceně Internetu i hosting, popř. za jaký poplatek je poskytován.  Základní parametry hostingu (velikost poskytovaného místa, přenosové rychlosti). Nabízený hosting porovnej s freehostingem.