VY_32_INOVACE_4.3.IVT1.06/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 CSS pozicování.

Slides:

Advertisements

Podobné prezentace

Základy HTML – vkládání objektů

Advertisements

Technologie pro publikování na webu 1

Způsob zápisu JavaScriptu do dokumentu  JavaScript se do webové stránky dá zapsat třemi způsoby:  Pomocí značek do proudu dokumentu  Pomocí značek s.

Úvod do tvorby internetových stránek v jazyce HTML Dostupné z Metodického portálu ISSN: , financovaného z ESF a státního rozpočtu.

TNPW1 Technologie pro publikování na webu Cvičení č. 8 Obtékání a sloupce Martin Adámek.

TVORBA WEBOVÝCH STRÁNEK

VY_32_INOVACE_4.3.IVT1.09/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Web šablony.

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.

Technologie pro publikování na webu 1 Ing. Jiří Štěpánek.

VY_32_INOVACE_4.3.IVT1.15/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

TNPW1 Technologie pro publikování na webu Přednáška č. 4 seznamy seznamy tabulky tabulky jejich sémantika jejich sémantika Ing. Martin Adámek Katedra informačních.

VY_32_INOVACE_4.3.IVT1.19/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.

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.

VY_32_INOVACE_4.3.IVT1.14/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

TNPW1 Cvičení

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.

Tematická oblast: Aplikační software pro práci s informacemi II.

Layout stránky Rozvržení stránky (layout stránky) se provádí z těchto důvodů: Určení polohy záhlaví, menu, textů, obrázků... Zachování polohy při změně.

PHP – vkládání souborů a html 5

TNPW1 Technologie pro publikování na webu

VY_32_INOVACE_4.3.IVT1.11/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

Třídy, generické třídy, pseudotřídy

Centrování, Box model, Plovoucí fotogalerie Ing. Jiří Štěpánek.

VY_32_INOVACE_4.3.IVT1.01/Ku Základní pojmy Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

Seznam - menu Seznam a jeho položky lze použít například i na vytvoření vysouvacího menu. Seznam a jeho položky lze použít například i na vytvoření vysouvacího.

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.

Číslo šablony: III/2 VY_32_INOVACE_P4_3.13 Tematická oblast: Aplikační software pro práci s informacemi II. CSS - vlastnosti Typ: DUM - kombinovaný Předmět:

CSS – rámečky Mgr. Lenka Švancarová.

VY_32_INOVACE_4.3.IVT1.10/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Validita stránek.

XHTML – tabulky 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.

CSS: šířka prvku, rámečky, okraje, výplně plovoucí prvky #CSS – šířka prvku, rámečky, okraje, výplně #CSS – plovoucí prvky.

Gymnázium, Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Hodonín Tvorba webu Úvod do CSS 1.

VY_32_INOVACE_4.3.IVT1.12/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

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ě.

HTML, XHTML a CSS Základy jazyků značek.

CSS – style Mgr. Lenka Švancarová. CSS – značka style (textstyle.html)

TNPW1 Cvičení

Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_259 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.

Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.

CSS Cascading Style Sheets Kaskádové styly

Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektuCZ.1.07/1.5.00/ Číslo sady29Číslo DUM16.

CSS – float a clear Mgr. Lenka Švancarová. CSS – float Vlastnost určuje obtékání prvku. Hodnoty:  right – prvek bude zarovnán vpravo, okolní obsah stránky.

HTML 5 a CSS 3.

VY_32_INOVACE_4.3.IVT1.05/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.

Číslo šablony: III/2 VY_32_INOVACE_P4_3.11 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - odkazy, obrázky Typ: DUM - kombinovaný.

Párová a nepárová značka, atributy a jejich hodnoty

VY_32_INOVACE_4.3.IVT1.13/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

HTML – TABULKY. - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní.

Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.

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

Styly CSS VýhodyDruhyZápis. Výhody CSS oddělení struktury od formátování oddělení struktury od formátování přilinkováním souboru styl.css lze formátovat.

CSS – menu vlevo Mgr. Lenka Švancarová. CSS – menu vlevo.

Ing. Jiří Štěpánek. Technologie pro publikování na webu 1, Ing. Jiří Štěpánek.

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.

1 Kurz XHTML a CSS Část 2: Popis vzhledu dokumentu za pomocí CSS - kaskádových stylů.

Krátký úvodní kurz HTML Jenyk Obecně 1 - html  V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku.

Webdesign prakticky Jak probíhá tvorba webu pro střední a velké společnosti?

Kaskádové styly CSS Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN.

ADOBE DREAMWEAVER CS6 CSS - Formátování textu

Tvorba WEBOVÝCH stránek – obrázky

Tvorba webových stránek

Tvorba webových stránek

Tvorba webových stránek

Transkript prezentace:

VY_32_INOVACE_4.3.IVT1.06/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 pozicování

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.IVT1.06/Ku  Rozložení webové stránky (layout) pomocí CSS  Oddělení obsahu webové stránky od designových prvků  Menší objem dat  rychlejší načtení stránek  Jednodušší, efektivnější a rychlejší aktualizace celého webu

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.IVT1.06/Ku HLAVIČKA PATIČKA LEVÝ SLOUPEC OBSAH

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.IVT1.06/Ku HLAVIČKA OBSAH LEVÝ SLOUPEC PRAVÝ SLOUPEC PATIČKA

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.IVT1.06/Ku Příprava souborů:  layout.css – rozvržení stránky v CSS  format.css – formátování nadpisů, odstavců, apod. v CSS  index.html – úvodní webová stránka  strana2.html  strana3.html další stránky  strana4.html

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.IVT1.06/Ku

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.IVT1.06/Ku

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.IVT1.06/Ku

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.IVT1.06/Ku  Propojení CSS k html dokumentu:  Použití stylu z CSS např. Text hlavičky

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.IVT1.06/Ku  V layout.css změňte hodnoty margin (vnější okraj), padding (vnitřní okraj, width (šířka), height (výška), background-color, …  V format.css změňte hodnoty color, text-align  Vytvořte MENU a odkazy pro propojení jednotlivých stránek

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.IVT1.06/Ku  Zkopírujeme a přejmenujeme soubor index.html na strana2.html (strana3.html a strana4.html)  Upravíme zdrojový kód

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.IVT1.06/Ku  Příklad - zdrojový kódzdrojový kód  Soubor layout.csslayout.css  Soubor format.cssformat.css  Webové stránky v prohlížečiprohlížeči

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.IVT1.06/Ku  JANOVSKÝ, Dušan. Jak psát web [online]. 1999, [cit ]. Dostupné z:  Jak dobře začít s tvorbou webu - po lopatě [online] [cit ]. Dostupné z:  Tvorba webu [online] [cit ]. Dostupné z:  CASTRO, Elisabeth. HTML, XHTML a CSS. Brno: Computer Press, ISBN