WWW STRÁNKY Tvorba webové stránky TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČESKÉ REPUBLIKY.

Podobné dokumenty
WWW a HTML. Základní pojmy. Ivo Peterka

ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4

Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací

Mgr. Vlastislav Kučera přednáška č. 1

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

Jak se orientovat ve světě ESTOFANu verze 3.0.3?

KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ

Mgr. Vlastislav Kučera přednáška č. 1

Manuál pro obsluhu Webových stránek

TNPW1 Cvičení aneta.bartuskova@uhk.cz

Jak vytvořit nebo předělat vlastní motiv pro SunLight CMS

Základy HTML. Autor: Palito

CZ.1.07/1.5.00/

1. Dříve než začneme Trocha historie nikoho nezabije Co budete potřebovat Microsoft versus zbytek světa...

Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:

První přihlášení do CMS. Po přihlášení

MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4

DATABÁZE ACCESS Vytváření tabulek TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČESKÉ REPUBLIKY.

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.

Fiktivní 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í.

WEBOVÉ STRÁNKY

Informační manuál PŘIHLÁŠENÍ DO SÍTĚ NOVELL (ZAMĚSTNANEC, DOKTORAND)

Internetové vyhledávače

Administrace webu Postup při práci

NÁZEV ROČNÍKOVÉ PRÁCE ročníková práce

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Uživatelský manuál Radekce-Online.cz

Google Apps. weby 3. verze 2012

VY_32_INOVACE_IKTO2_0960 PCH

EU-OPVK:VY_32_INOVACE_FIL20 Vojtěch Filip, 2014

Práce s CMS JOOMLA. Tvorba článků a jejich zveřejnění s editorem JCE. MANUÁL č. 1 verze 0

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Tvorba stránek v HTML ve Wordu

Základní informace pro zprovoznění Aktovky Dozory IS MPP

Ing. R. Kunstová,

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro editaci ŽS. Verze 1.

Tvorba webu. Úvod a základní principy. Martin Urza

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

Správa obsahu webové platformy

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-202

Tvorba fotogalerie v HTML str.1


Nový způsob práce s průběžnou klasifikací lze nastavit pouze tehdy, je-li průběžná klasifikace v evidenčním pololetí a školním roce prázdná.

WEBsro.cz. Krok za krokem Založení webu. krásné weby pro české podnikatele 1 / 10

Dokumentace pro správu zlínských DUM

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy

Seznámení se s administrací WordPressu

Uživatelský modul. File Uploader

Nástrojová lišta v editačním poli

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

PHP - úvod. Kapitola seznamuje se základy jazyka PHP a jeho začleněním do HTML stránky.

BMOF011 Aplikace MS Office (jaro 2013) Microsoft Word 2007

Úvod do systému

Nástroj WebMaker TXV první vydání Únor 2009 změny vyhrazeny

MapleCloud a jeho použ ití. Vladimír Žák

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1.

Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_49_IVT_MSOFFICE_05_Word

Internetové publikování

MOODLE PRO PEDAGOGY - orientace v programu

Outlook Express

Manuál k administraci

Základní informace o vzdělávacím kurzu

SOFTWARE 5P. Instalace. SOFTWARE 5P pro advokátní praxi Oldřich Florian

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

Microsoft Word 2007 Pokročilí

DATABÁZE ACCESS Velikost polí, formát TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČESKÉ REPUBLIKY.

Š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

Archiv elektronických dokumentů Zela

Údržbové prostředí Rebeca44

apilot - První kroky Publikační platforma apilot První kroky

Windows 10 (5. třída)

Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky

Správa souborů soubor, stromová struktura. Mgr. Jan Veverka Střední odborná škola sociální obor ošetřovatel

Linux-příkazový řádek

Outlook David Procházka. Vydala Grada Publishing, a.s. U Průhonu 22, Praha 7 jako svou publikaci

Google Apps. weby 1. verze 2012

Konvertor diakritiky 3. Instalace

Analýza webových stránek andreaspctipps.de

Modul Ankety verze 1.11 pro redakční systém Marwel 2.8 a 2.7

Cvičení 1. Úpravy obrázků programem IrfanView. Zpracoval: Ing. Vladimír Solnický SPŠ stavební, Opava, příspěvková organizace

EU-OPVK:VY_32_INOVACE_FIL9 Vojtěch Filip, 2013

Aktualizační systém Progres

Postup instalace softwaru Creo3:

Informační manuál PŘIHLÁŠENÍ DO SÍTĚ NOVELL (studenti)

PRÁCE S APLIKACÍ Evidence městských knih

Popis funkcí webu s redakčním systémem, katedra 340

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML

Programování webových stránek

Základní nastavení systému Windows 7

Lotus Notes. VC/VSE Michal Šebek

DUM 11 téma: Úvod do příkazové řádky

MOODLE 2 PRO STUDENTY návod č. 1 (verze 0 bude dopracována, září 2012)

Manuál administrátora

HTML - Úvod. Zpracoval: Petr Lasák

Základy informatiky. 03 HTML, tvorba webových stránek. Kačmařík/Szturcová/Děrgel/Rapant

24 Uživatelské výběry

PŘÍKAZY PRÁCE SE SOUBORY

Transkript:

WWW STRÁNKY Tvorba webové stránky TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKÝM SOCIÁLNÍM FONDEM A STÁTNÍM ROZPOČTEM ČESKÉ REPUBLIKY.

Úvod do tvorby webové stránky Jména souborů Svoje HTML soubory pojmenujte podle následujících zásad: Nepoužívejte diakritiku ve jménech souborů a adresářů. Www stránky nejsou Windows. Název stránky kočička.html je špatný. Správný je kocicka.html. Nepoužívejte mezery. Musíte-li odkázat na soubor s mezerou, musíte v adrese mezeru nahradit řetězcem "%20". Například soubor hezke odkazy.html se odkazují jako hezke%20odkazy.html. Je to však zdlouhavé. Proto všude, kde chcete ve jménu souboru naznačit mezeru, dejte mínus (pomlčku), např. hezke-odkazy.html (Pozor!, podtržítko Google nepochopí jako dvě slova). V názvu souboru se nesmí používat obecně zakázané znaky / \ * :? # < >. Doporučuji zadávat všechna jména souborů malými písmeny. Adresa k souboru je totiž casesenzitivní, tzn., že záleží na velikosti písmen (podle standardu, v praxi na linuxovských serverech, kterých je většina), takže se můžete zadáním špatné velikosti písmenka snadno splést. Máte-li nějakou svou konvenci (v tomto případě jenom malá písmena), tak se nespletete. Používejte taková jména, u nichž poznáte, co soubor obsahuje. U souborů se jmény typu sdsfo24x.html chybí orientace o jejich účelu. Na druhou stranu jsou pochopitelná jména souborů typu kapitola1.html (2, 3 atd.) třeba u stránek seriálů, které se už nebudou měnit.

Úvod do tvorby webové stránky Adresáře (neboli složky) Soubory webu se ukládají do adresářů, tak jako normální soubory. Zásadou je uložení na serveru přehledně v jednom adresáři a v jeho podadresářích. Pro název adresářů dodržujte totéž, co pro jména souborů: bez mezer, háčků atd., nejlépe malými písmeny a srozumitelně jméno adresáře je nyní vlastně součást adresy. Nedělejte příliš složitě zanořené struktury, protože napsat správně relativní odkaz v hustém stromu není snadné. Není chybou nechat všechny soubory ve stejném adresáři, je ale nutné zachovat si přehlednost. Problém pak občas nastává pouze při použití FTP (File Transfer Protocol) adresáře s mnoha položkami se pomalu načítají. Je zvykem dávat obrázky do speciálního adresáře "images", to občas usnadní práci, třeba kopírování na server nebo analýzu logování. Soubory, které už nebudete měnit, si dejte do samostatného adresáře např. "archiv. Usnadní vám to aktualizaci, správu a nahrávání webu na server.

Úvod do tvorby webové stránky www.microsoft.com/cze/office/office2003/frontpage/default.mspx Relativní a absolutní odkazy Absolutní adresa je taková, že když ji vyťukáte do prohlížeče, tak se vám stránka zobrazí. Říká se tomu URL. Relativní adresa je taková, která neobsahuje takové to http://www.blabla.cz/, ale rovnou obsahuje jméno souboru, umístěného ve stejném adresáři (složce) nebo jméno adresáře a pak /jméno souboru. Z toho plyne, že relativní adresa závisí na tom, odkud je použita. Například tento soubor má absolutní adresu http://www.jakpsatweb.cz/soubory.htm. Z hlavní stránky www.jakpsatweb.cz na něj vede relativní odkaz zapsaný jako <a href="soubory.htm">. Pokud prohlížeč narazí na relativní odkaz, tak ví, že před něj má přidat cestu k aktuální stránce (čímž si jej převede na absolutní). Pište do HTML stránek odkazy relativní v rámci jednoho webu, kterým jsou všechny stránky s informacemi pro návštěvníky. K čemu je to dobré: můžete množinu několika stránek přenést někam třeba na disketě a všechny odkazy budou fungovat. Změníte server a nedá vám to žádnou práci. Kdybyste tam všude psali http://mujserver.cz/..., tak se při změně serveru zblázníte. Relativní odkazy budou fungovat i těm, co si to postahují na disk. Jednoduše řečeno jsou relativní odkazy stabilnější. Absolutní odkazy je nutné použít všude jinde -- totiž vždy, kdy se odkazovaná stránka nachází na jiném serveru.

Úvod do tvorby webové stránky Novou, prázdnou stránku si připravíme z nabídky Soubor Nový.

Úvod do tvorby webové stránky Každá stránka se zobrazuje v příslušném prohlížeči se svým titulkem. Ten vytvoříme Změnou nadpisu. Úvod do tvorby webové stránky Stránku poprvé ukládáme nabídkou Soubor Uložit jako

S použitím: Vladimír Bříza. Front Page 2003. Praha 2005: Grada Publishing, a. s., str. 40-45. Stephen I. Nelson. Microsoft FrontPage 2000 Na první pokus. Praha 1999: COMPUTER PRESS. str. 4-7. vypracoval: Ing. Milan Maťátko