Tvorba internetových stránek

Podobné dokumenty
1. Začínáme s FrontPage

TNPW1 Cvičení

Internetové publikování

(X)HTML a CSS. VOŠ a SŠT Česká Třebová

Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL

SharePoint Vysoká škola zdravotnická, Duškova 7, Praha 5. Školní informační portál 1/7. Přihlášení k portálu

Úvod do aplikací internetu a přehled možností při tvorbě webu

Studijní průvodce e-learningovým kurzem. STRUKTURÁLNÍ FONDY A PROJEKTY v období

Obsah. 1. ČÁST Tisk na stolní tiskárně Kapitola 1. Kapitola 2. Úvod Volba tiskárny a média...15

WEB KNIHOVNY JAKO NÁSTROJ K PROPAGACI SLUŽEB A INFORMACÍ ING. PAVEL CIMBÁLNÍK

DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě

Faxový server společnosti PODA s.r.o.

Nabídka internetového obchodu

Studijní průvodce e-learningovými kurzy

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 4 VY 32 INOVACE

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12

Název: On-line tvorba webu Anotace:

SYLABUS IT V. Jiří Kubica. Ostrava 2011

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

Google Apps. weby 1. verze 2012

Identifikátor materiálu: ICT-1-20

Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem

MODERNÍ WEB SNADNO A RYCHLE

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie

Úvod do tvorby internetových aplikací

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika

Internet 3 publikování na webu, zásady bezpečnosti

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita

Help pro webmastery Vytvořte svůj vlastní web

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

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

Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o.

Uspořádání klient-server. Standardy pro Web

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

Š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

Kapitola 1 První kroky v tvorbě miniaplikací 11

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

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA

SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ

Databázové aplikace pro internetové prostředí PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku

Webová aplikace Znalostní testy online UŽIVATELSKÁ PŘÍRUČKA

TVORBA WEBOVÝCH STRÁNEK

IE1 jazyk HTML a kaskádové styly

CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)

Webová stránka. Matěj Klenka

Registrační číslo projektu: Škola adresa:

Inovace výuky prostřednictvím šablon pro SŠ

IE1 jazyk HTML a kaskádové styly

MS Windows 7. Milan Myšák. Příručka ke kurzu. Milan Myšák

Prometheus Design. ceník služeb

Typeform.com. Blíže si popíšeme verzi BASIC, která je volně přístupná zdarma.

Internet 2 css, skriptování, dynamické prvky

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/

Prezentace projektu do systému vzdělávání zaměstnanců a spolupracovníků knihoven

Informace k e-learningu

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch

Nápověda a postupy. Instalace a aktivace PDF-XChange Viewer Pro. Instalace a aktivace software. Nápověda a postupy. 1 z

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např.

Vystavení certifikátu PostSignum v operačním systému MAC OSx

Obsah ÚVODEM... 3 KAPITOLA 1 PROČ JEŠTĚ NEMÁTE SVÉHO NEJLEPŠÍHO OBCHODNÍKA?... 4 KAPITOLA 2 PLÁNUJEME OBCHODNÍ STRATEGII WEBU...

Naše Město Web design

E-learningovýsystém Moodle

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

VYHLEDÁVÁNÍ NA KLÍČOVÉ SLOVO (v názvu nebo popisu činnosti)

MATURITNÍ PRÁCE dokumentace

Uživatelská příručka pro práci s Portálem VZP. Test kompatibility nastavení prohlížeče

Přihlášení Přihlaste na server: a zvolte přihlášení jako Charles University Prague: Medical students, employees and graduates.

Google Apps. weby 2. verze 2012

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,

Přípravný kurz ECDL. Popis jednotlivých lekcí (modulů) je uveden v samostatných tabulkách níže. Rozsah kurzu

Registrační číslo projektu: CZ.1.07/1.5.00/ Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

DOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA

Webové rozhraní pro datové úložiště. Obhajoba bakalářské práce Radek Šipka, jaro 2009

Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky

Nahrání webu na internet

PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě

PhD. Milan Klement, Ph.D. Použití systému studijní agendy STAG

Elfeweb. Manuál. Chcete být stále dostupní pro všechny Vaše zákazníky? Chcete funkční web bez zbytečného zařizování?

Manuál korporátní identity Anna Čaníková

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava

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


1. HDR. 2. Test Práce ve Windows. 3. Tilt-shift efekt. 4. Excel tisk a tvorba grafů. Informatika Ditta Kukaňová

Postup pro uplatnění kódu z voucheru (kupónu) pro stažení aktuálních map pro Navigon 7110, Navigon 8110 apod.

Měření teploty, tlaku a vlhkosti vzduchu s přenosem dat přes internet a zobrazování na WEB stránce

MICROSOFT OFFICE. Městská knihovna Ostrov, p. o. Douša Ondřej

Inovace bakalářského studijního oboru Aplikovaná chemie

2. Úvod do problematiky

Produktový list. Mobilní reklama

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10

Zadání maturitní práce ve školním roce 2016/2017

Průvodce pro přenos dat

SEZNAM VZDĚLÁVACÍCH MATERIÁLŮ - ANOTACE

Tvorba webových stránek

Planeta facebook. obsah 6/10. Kompletní průvodce programem

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

Ceník (platnost od )

PRŮVODCE STUDIEM PRO PREZENČNÍ FORMU STUDIA MODULU IT V PODNIKU DÍLČÍ ČÁST PROGRAMOVÁNÍ BUSINESS APLIKACÍ

Transkript:

Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Pátek 9:00-10:00h

Co nás dnes čeká? Podmínky absolvování. Zdroje teorie a praxe. Teorie: Domény. HosPngy. Návrh webu.

Účast a zápočet Účast není povinná, nicméně se povede prezence. Přestupy do jiných cvičení se nepovolují. Individuální studijní plán nutno oznámit ihned. Na konci semestru na podobné výmluvy nebude brán zřetel. Zápočet: individuální ústní obhajoba projektu + doplňující otázky.

Stručné podmínky zápočtu Vytvoříte ucelenou a jednotně působící prezentaci o min. 6 stránkách. TémaPcké zaměření a obsah stránek je věcí vaší volby. Počítejte s reklamními bannery. Navigační systém vytvoříte v podobě panelu. Použijete interní i externí definice kaskádových stylů, vytvoříte styl pro odkazy mimo navigaci a min. 2 vlastní styly, které použijete. Požijete JavaScriptový kód, který sami vytvoříte, nebo použijete hotové řešení, které sami upravíte. Součása bude také formulář pro sběr informací. Stránky budou umístěny na Internetu, doménu a hospng si zvolíte sami. Stránky musí být na Internetu funkční a validní na HTML i CSS (odkaz na validátory součása stránek). Součása projektu je kompletní produkční plán.

Teorie: zdroje pro studium Existuje Hštěná literatura a hlavně nespočet webových stránek k této témapce, pro základní zorientování například: www.jakpsatweb.cz www.interval.cz www.w3.org

Praxe: prohlížeče Zde zůstáváme na plaformě Windows, při vývoji ale musíte počítat i s dalšími. Základní oppmalizace bude prop Chrome a Internet Exploreru. Existují další, jaké znáte?

Praxe: webeditory Notepad. Další hardcore editory UltraEdit, PSPad, Eclipse WYSIWYG, vizuální editory Frontpage, Dreamweaver, SharePoint, SharePoint 2007 Nepotřebuje sharepoint server. Zdarma na webu Microsoou. Dostupný přes SGD aplikace z homepage fakulty (ne Java 7). Stáhněte a nainstalujte si na vlastní počítače.

Doména Doména idenpfikace vašeho webu. Služba Whois www.nic.cz Jak zvolit název? (TLD, srozumitelnost, zapamatovatelnost, relevantnost zaměření webu, ) Vyhledejte informaci kdo je administrapvním kontaktem naší domény (vsb.cz). Kdy vyprší registrace facebook.com? Najděte si sami volnou.cz doménu. Kolik by vás vaše volba stála?

HosPng HosPng tam kde je fyzicky uložen váš web. Mnoho poskytovatelů (FORPSI, IGNUM, Czechia, Pipni, Český hospng, Savana, ) Free hospng. Jak vybrat hospng? (Dostupnost, skripty, databáze, prostor, návštěvnost, zálohování, support.) Vyhledejte si několik poskytovatelů, srovnejte nabídky freehospngů, zvolte některý. Co rozhodlo ve vaší volbě?

Návrh webu Navigace, ikony, umístění a barva. Případ F, dělící čára. Cesta uživatele. Schéma stránky. Jak na vás působí web fakulty? Má dostatečnou navigaci? Jsou pro vás důležité informace na správných místech? Změnili by jste stávající stav? Jak?

Navigace Navigace je klíč, ne vyladěné barvičky. Tuny zajímavých informací jsou k ničemu, když se k nim uživatel snadno a rychle nedostane. Nebojte se použít více způsobů navigace najednou, pokud to obsah umožňuje. Kolik (jaké druhy) navigací jste nalezli na tomto starším návrhu webu fakulty?

Obrázky, dokumenty Grafické formáty vhodné pro web JPG a PNG (GIF) x TIFF, BMP. Velikost, náhledy, galerie Dokumenty ke stažení buďte vstřícní k uživateli. Rada: Naučte se alespoň základní práci s obrázky v nějakém grafickém editoru, i kdyby to mělo být Malování! hwp://www.jakpsatweb.cz/obrazky- priprava.html

Souhrn úkolů Stáhněte a nainstalujte na vlastní počítač Sharepoint 2007. Vyhledejte informaci kdo je administrapvním kontaktem naší domény (vsb.cz). Kdy vyprší registrace facebook.com? Najděte si sami volnou doménu. Kolik by vás vaše volba stála? Vyhledejte si několik poskytovatelů, srovnejte nabídky freehospngů, zvolte některý. Co rozhodlo ve vaší volbě? Jaké druhy navigací jste nalezli na webu fakulty? Umíte zmenšit fotku a vytvořit její náhled? Zvládnete výřez z fotky? Rada Naučte se alespoň základní práci (ořez, změna velikosp, konverze) s obrázky v nějakém grafickém editoru, i kdyby to mělo být Malování!