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

Podobné dokumenty
Internet 1 vývoj, html, css

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

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

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování

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

VÝUKOVÝ MATERIÁL. Bratislavská 2166, Varnsdorf, IČO: tel Číslo projektu

Úvod do tvorby internetových aplikací

INFORMAČNÍ SYSTÉMY NA WEBU

Vývoj Internetových Aplikací

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

Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek

Webová stránka. Matěj Klenka

Tvorba webových stránek

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA

Š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

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

MODERNÍ WEB SNADNO A RYCHLE

Server-side technologie pro webové aplikace

language="javascript">... </script>.

Instalace a konfigurace web serveru. WA1 Martin Klíma

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

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

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

SYLABUS IT V. Jiří Kubica. Ostrava 2011

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

OBSAH. Předmluva 13 Poděkování Přehled dnešního vývoje webů Design pro minulost, přítomnost i budoucnost 33

Základy WWW publikování

Tvorba webových stránek

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

Obsah přednášky. Představení webu ASP.NET frameworky Relační databáze Objektově-relační mapování Entity framework

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

Kurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých.

Obsah. Předmluva Kapitola 1 Úvod 1. Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4. Kapitola 2 Přehled jazyka HTML 5

Formuláře. Aby nám mohli uživatelé něco hezného napsat třeba co si o nás myslí!

1. Začínáme s FrontPage

Návrh a tvorba WWW stránek 1/8. Formuláře

Úvodem 9. Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10. Než začneme 11

Obsah. Stručná historie World Wide Webu 7

Osnova přednášky. Formáty uložení dat. Vyjádření hodnot datového typu. Vyjádření hodnot datového typu. Datové formáty. Výpočetní technika I

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

(X)HTML, CSS a jquery

ZÁKLADNÍ ŠKOLA ČESKÝ KRUMLOV ABSOLVENTSKÁ PRÁCE MODERNÍ FORMY TVORBY WEBOVÝCH STRÁNEK. Za Nádražím 222, Český Krumlov

HTML - Úvod. Zpracoval: Petr Lasák

Střední odborná škola a Střední odborné učiliště, Hořovice

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

Část 1. Úvod. 1.1 Technické pozadí HTML a web HTML a XHTML Myšlenka CSS Další technologie 48

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

STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE

DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída:

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

1 z :21

1 z :17

================================================================================ =====

Střední odborná škola a Střední odborné učiliště, Hořovice

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

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

Tvorba webových stránek

Maturitní projekt do IVT Pavel Doleček

Úvod do informatiky 5)

Formuláře. Internetové publikování. Formuláře - příklad

Webové stránky. 1. Publikování na internetu. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Tvorba WWW stránek. Mojmír Volf

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

Třídy a objekty. Třídy a objekty. Vytvoření instance třídy. Přístup k atributům a metodám objektu. $z = new Zlomek(3, 5);

Dokumentace k projektu

WWW a HTML. Základní pojmy. Ivo Peterka

Formáty WWW zdrojů. Mgr. Filip Vojtášek.

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Elektronická podatelna. Nabídky školení a nabídky od firem zasílejte na . adresu:

HTML Hypertext Markup Language

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

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

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou

KAPITOLA 1 Přehled aktuálního vývoje webů 11

Statistika pro ( )

Internetové vyhledávače

Obsah. Úvodem 9. Kapitola 1 Než začneme 11. Kapitola 2 Dynamické zobrazování obsahu 25. Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10

MBI - technologická realizace modelu

Internet. Internetový prohlížeč. Mgr. Jan Veverka Střední odborná škola sociální obor ošetřovatel

Statistika pro ( )

Úvod do tvorby internetových stránek v jazyce HTML

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče

Historie Internetu instalace prvního uzlu společností ARPA

www prezentace restaurace

DUM 14 téma: Interakce s uživatelem

Formáty a dlouhodobé uložení: Identifikace, extrakce a validace

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

Internet cvičení. ZS 2009/10, Cvičení 3., Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP

Programovací jazyky Přehled a vývoj

1 Webový server, instalace PHP a MySQL 13

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

UNIVERZITA PARDUBICE

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

Dozvíte se mimo jiné, jak přinutit internetový vyhledávač, aby našel přesně to, co potřebujete.

Š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

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

Z HISTORIE SPOLEČNOSTI

Transkript:

Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009

Dnešní přednáška 1 Kaskádové styly css 2 Dynamické prvky stránek 3 Internetové vyhledávače 4 Grafické formáty pro web

Válka prohĺıžečů Netscape Microsoft

css kaskádové styly css Cascading Style Sheets Pokročilý vzhled stránek Motivace oddělit strukturu dokumentu od vzhledu Velké množství výhod

Kaskádové styly historie 1994 První náznaky 1996 css 1 Netscape 4.0 Internet Explorer 4.0 1998 css 2 Pozicování prvků???? css 3

Kaskádové styly Soupis vlastností značek z html Mnohem rozsáhlejší než parametry html Např. color: blue; font-size: 20pt; Parametr style Např. <p style="color: blue; font-size: 20pt;"> Nebo značka <style></style> v hlavičce dokumentu

Kaskádové styly třídy a identifikátory Sdružení vlastností do skupiny Účinné vytváření vlastního vzhledu

Kaskádové styly pozicování prvků Html značky <div></div>, <span></span> Uzavřou obsah do bloku Nastavíme jim pozici Nastavení pozice Absolutně Relativně Staticky

Kaskádové styly blokový model Obsahový okrajový model rozdíl, co je šířka a výška 1994 Netscape k <img> přidána šířka, výška, ohraničení Obsahový model 1995 Netscape k <table> přidána šířka, výška Okrajový model

Definice DOCTYPE Údaj, v jaké verzi je dokument zapsán Rozlišení režimů BackCompat CSS1Compat <!DOCTYPE html PUBLIC -//W3C//DTD hlavní značka veřejné DTD XHTML 1.0 Transitional//EN verze DTD (nejdůležitější) http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd > adresa dokumentu s definicí DTD Méně problémů s odlišnostmi Nutná pro validaci http://validator.w3.org

Kaskádové styly shrnutí + Rozsáhlé možnosti + Snadno udržují konzistenci dokumentu + Jednoduché provádění změn + Vytváření šablon + Rychlé zpracování Různé chování prohĺıžečů

Dynamické prvky skriptovací technologie Skript = malý program spustitelný přímo Skripty na straně klienta CGI skripty (Common Gateway Interface) JavaScript VBScript Serverové skripty PHP Hypertext Preprocessor ASP Active Server Pages Perl, Python...

Javascript 1995 Brendan Eich Netscape Vyvinut podle C++ a Javy Objektový model Vhodný např. pro tvoření rozbalovacích menu

Formuláře v html Kontakt s uživatelem <form></form> Prvky formuláře html značka <input></input> různých typů <input type="text">, <input type="radio">, <input type="checkbox">,... každý má své jméno parametr name="jmeno"

Odesílání dat Metoda GET Dvojice název1=hodnota1&název2=hodnota2... Součást adresy za otazníkem Omezená velikost Metoda POST V hlavičce http Není omezená Dají se přenášet soubory Posílání dat z formuláře Tlačítko <input type="submit">

Technologie LAMP Linux + Apache + MySQL + PHP Operační systém + webový server + databáze + skriptovací jazyk Výkonný systém Internetové obchody Velmi rozšířená technologie

Internetové vyhledávače Google www.google.com Yahoo www.yahoo.com Seznam www.seznam.cz Atlas www.atlas.cz

Google Googol = 10 100 1996 Sergey Brin + Larry Page 1998 začátek provozu 21.9. 1999 konec betaverze Googlu

Zajímavosti o Googlu 3 miliardy prohledávaných stránek Odpověd na dotaz se prohledává nejenom v html stránkách ale i v pdf, ps, xls, doc, rtf, txt,... 200 milionů dotazů denně Přes 73,5 milionů unikátních uživatelů za měsíc Vyhledávač obrázků - přes 425 milionů Zaměstnává přes 1000 zaměstnanců Hovoří 88 jazyky a v 35 nabízí výsledky

Google Indexování stránek Larry Page a Sergey Brin PageRank Pavouk prolézá sít Počítají se odkazy na stránku (URL) Ostatní kritéria neveřejná Označme π A hodnotu PageRank stránky A, C A počet odkazů mířících ze stránky A a s i, i = 1... m všechny stránky odkazující na stránku A. Platí π A = 1 d ( πs1 + d + π s 2 + + π ) s m, n C s1 C s2 C sm kde d je daný koeficient mezi 0 a 1 a n celkový počet indexovaných stránek.

Google jak ovlivnit výsledky vyhledávání Cloaking Jiný obsah pro robota než pro uživatele Doorway Page Automatické přesměrovávání Skrytý obsah Např. bílé písmo Odkazové farmy Soubor stránek obsahující odkazy na požadovanou stránku

Grafické formáty pro web Potřeba šetřit místem Úpravy se dělají předem Fotogalerie se zmenšeninami obrázků

Grafické formáty pro web GIF CompuServe Graphics Interchange Format 80. léta Lempel, Ziv 256 barev Na grafiku ve stránkách JPEG Joint Photographics Expert Group Ztrátová komprese 16,78 milionů barev Na fotky PNG Portable Network Graphics Format Náhrada za GIF Na fotky a obrázky