WEB1 Flashcards
Kdo vynalezl www?
Sir Timothy John BernersLee
Přístupnost
Přístupnost = bezbariérovost
prohlížeč, OS, rozlišení, skriptování
kultura, motorické schopnosti, vidění
extrémně handicapovanými návštěvníky jsou vyhledávací roboti
Zásady:
validovat používat informační strukturování titulek, hierarchie nadpisů, oddělená navigace, linearizace tabulek psát stručně a srozumitelně členění textu zpřístupnit formuláře vyhnout se rámcům
Moznosti pro pristupnosti v html ?
Elementy: h*, p; div em, strong, q, cite… fieldset, legend; optgroup; label for th, thead/tfoot; caption
Atributy: title, lang, dir, accesskey specifické table longdesc input title, tabindex img alt, title, longdesc
Co znamena pojem kaskada v css?
Kaskáda: prvek může mít určitou vlastnost definovánu vícekrát
Ovlivnění kaskády: !important
Kaskáda
1.Najdi všechny definice pro daný prvek
2.Seřaď je podle váhy (klient < uživatel < autor < autor s !important < uživatel s
!important)
3.Pokud stejná váha – seřaď podle specifičnosti (specifičtější selektory mají
přednost před obecnějšími)
4.Seřazení podle pořadí definování
Pr.:
k dokumentu tagem připojíme několik stylopisů
Pokud více pravidel definuje nějakou vlastnost pro stejný prvek, nejprve se porovná
konkrétnost selekce (selektoru u každého pravidla). Přednost má to pravidlo, které prvek
popisuje nejkonkrétněji. Konkrétnější jsou pak třídy a pseudotřídy. Nejlépe vystihují prvek identifikátory
Elementy v html ?
Blokové (zalamují odstavec , bloky, tabulky, formuláře ) p, h1h6, ul, ol, li, dl, dt, dd, pre , br
Textové (uvnitř blokových, frázové × prezentační ) em, strong, b ,I ,u , sup, abbr
Generické ( kontejnery, vazba na CSS ) Bez formatovany (divblokovy span radkovy)
Obecné atributy (všechny elementy ,id, class, style, title; lang, dir; onSomeEvent )
vytvorit object s konstruktorem , ktery vola sam sebe?
class TestClass { public static $counter = 0; public $id; public function \_\_construct() { $this>id = self::$counter++; } } $pom = new TestClass();
nadefinovat javascript a zavolat ho do html?
Tri zpusoby jak zaclenit Javascript do HTML
1) pomoci tagu do proudu dokumentu
alert(‘Toto napsal Javascript’);
(muze se objevit kdekoliv v kodu,Prohlizec pak script zpracuje hned jakmile na nej
narazi)
2) pomoci tagu a odkazem na externi soubor.V externim souboru muze
byt napsano toto: document.write(‘Toto napsal Javascript’);
Do stranky pak bude vypadat kod:
<script src=”externi.js”>
(pouziva se hlavne k nacitani stejneho souboru do vice stranek)
3) inline zapis, radkovy zapis, zapisuje se to jako atribut jineho tagu
<a></a>
(po prejeti mysi se spusti javascript)
funkce v AJAXu onreadystatechange…..?
Vlastnost onreadystatechange – obsahuje funkci, která zpracuje odpověď serveru
Vlastnost readyState obsahuje stav odpovědi
Vždy, když je hodnota změněna, spustí se onreadystatechange
0 = požadavek nebyl inicializován
1 = požadavek byl připraven
2 = požadavek byl odeslán
3 = požadavek je zpracováván
4 = hotovo
pseudotridy?
A:HOVER
A:AKTIVE
A:LINK
A:VISITED
rozdil HTTP a HTTPS?
Protokol je soubor syntaktických a sémantických pravidel určujících výměnu
informace mezi nejméně dvěma entitami spojenými například prostřednictvím
počítačové sítě.
HTTP určený původně pro výměnu hypertextových dokumentů ve formátu HTML
Používá se společně s formátem XML pro tzv. webové služby (spouštění vzdálených
aplikací)
Aplikačními branami zpřístupňuje i další protokoly, jako je např. FTP nebo SMTP
HTTP používá jako některé další aplikace tzv. jednotný lokátor prostředků (URL,
Uniform Resource Locator), který specifikuje jednoznačné umístění nějakého zdroje v
Internetu.
K protokolu HTTP existuje také jeho bezpečnější verze HTTPS, která umožňuje
přenášená data šifrovat a tím chránit před odposlechem či jiným narušením.
Nadstavba HTTPS
Poskytuje zvýšenou bezpečnost před odposloucháváním či podvržením dat
Data přenášena protokolem HTTP
Jsou šifrována pomocí SSL nebo TLS, což zaručuje ochranu proti packetsniffingu i
maninthemiddle útokům
Implicitní port 443 (u HTTP je to 80)
Pro komunikaci pomocí HTTPS musí nejdříve server vlastnit certifikát – digitálně
podepsán certifikační autoritou
vytvorit asociativni pole?
$ceny = array(‘sako’>=1000,’kalhoty’>=500,’kravata’>=300)
Stavove kody v HTTP ? (1xx,2xx,3xx,4xx,5xx) ?
1xx – informační
100 continue – klient je informován, že server přijal část požadavku, a může pokračovat při
jeho odesílání
2xx – úspěch – požadavek bych přijat a akceptován
200 OK – server vrací data dle metody požadavku
3xx – přesměrování – klient musí provést další akci, aby byl splněn požadavek
4xx – chyba klienta
401 Unauthorized – požaduje se autentizace uživatele
402 Payment Required – rezervováno pro budoucnost
403 Forbidden – server zakazuje vstup na stránku
404 Not Found – server nenalezl pro URI v požadavku žádný dokument
5xx – chyba na straně serveru
500 Internal Server Error – např. vyhození neodchycené výjimky
503 Service Unavailable – dočasné přetížení serveru nebo jeho údržba
Co je HTML DOM ?
HTML Document Object Model (HTML DOM) definuje standardní způsob pro přistup
a manipulaci s HTML dokumenty
DOM bere HTML dokument jako stromovou strukturu s elementy, atributy a textem
DOM je W3C standard, 3 úrovně (jedna z nich je HTML DOM)
Definuje objekty, jejich vlastnosti a metody pro přistup k nim
Celý dokument je prvek document
Každý HTML tag je prvek element
Text uvnitř HTML elementu je prvek text
Rodiče, potomci, sourozenci
HTML DOM vlastnosti
x = document.getElementById(“id_elementu”)
x.innerHTML – vnitřní text (HTML) elementu
x.nodeName – Název uzlu/elementu
x.nodeValue – hodnota elementu (vlastní text pro textový uzel)
x.parentNode – nadřazený uzel
x.childNodes – pole uzlůpotomků
x.attributes – pole atributů
style objekt – lze měnit css styl elementů
HTML DOM METODY
x.getElementById(id) – vrací element se specifikovaným ID
x.getElementsByTagName(name) – vrací pole elementů se specifikovaným
názvem tagu
Obě funkce lze kombinovat
x.appendChild(node) – vloží potomka uzlu
x.removeChild(node) – vymaže potomka uzlu
Datove typy v PHP?
Integer, Double, String, Boolean, Array, Object
Objekty prohlizece?
window – hlavní a nadřazený objekt všech ostatních
window.alert(“Text vypsaný metodou alert”);
setTimeout() – poté co uplyne určený čas, provede zadaný kód
open(), close(), prompt(), confirm()
status – obsah (řetězec) stavového řádku
navigator – info o prohlížeči
location – info o url stránky
history – seznam navštívených stránek
window.document…
Lze psát pouze document…
Obsahem je stránka zobrazená v okně
Vlastnosti a hodnoty ze zdrojového HTML
Formulář se jménem form1 bude přístupný přes document.form1
Obsahuje pole jako např. links nebo forms
Vlastnosti referer odkud byl dokument načten title – název stránky location – url dokumentu document.write() Součást objektu dokument document.form1.input1.value
Vlastnosti
action – kam má být formulář poslán
method – get/post
metody – reset(), submit()
Datove typy v PHP?
Integer, Double, String, Boolean, Array, Object
Napiste alespon 3 priklady konfigurace v .ini ?
max_execution_time = 30
memory_limit = 8M
session.auto_start Off
popiste vlastnost display v cssu ?
block el. se zobrazí jako blokový
inline el. se zobrazí jako řádkový
inlineblock el. se zobrazí jako blokový ale bez zlomu na konci. Jdou mu nastavit rozměry
none el. se nezobrazí
K čemu je label ve formuláři
popisek formulářového pole
MPO (MVC)
MPO – Model, Pohled, Ovladač
Model reprezentuje data a práci s nimi
View slouží k prezentaci dat uživateli
Controler reaguje na chování uživatele a podle toho mění Model a View
Rozdíl použití “” a ‘’ v php
’’ se zpracovává rychleji, “” mohu psát proměnné do řetězce a php za ně vloží jejich obsah
co je to ajax a jake jsou jeho vyhody, pouziti
AJAX(Asynchronous JavaScript and XML) je zalozen na technologii Javascriptu a HTTP.Je to
novy zpusob pouziti existujicich standardu.
Jeho vyhody jsou:rychlost ,privetivost a vymena dat se serverem aniz by bylo potreba
obnovit stranku.
-HTML (nebo XHTML) a CSS pro prezentaci informací;
-DOM a JavaScript pro zobrazování a dynamické změny prezentovaných informací;
-XMLHttpRequest pro asynchronní výměnu dat s webovým serverem (typicky je užíván
formát XML, ale je možné použít libovolný jiný formát v četně HTML
Kam se v JavaScriptu ukládá odpověď AJAXU (xml, plain text).
xmlHttp.responseText
xmlHttp.responseXML
Princip kontroly formuláře přes JavaScript
function validate() { var jmeno = document.osobniUdaje.jmeno.value; if (jmeno == "") { alert(“zadejte jmeno”); }
Co znamena pojem kaskada v css?
Kaskáda: prvek může mít určitou vlastnost definovánu vícekrát
Ovlivnění kaskády: !important
Kaskáda: 1.Najdi všechny definice pro daný prvek
2.Seřaď je podle váhy (klient < uživatel < autor < autor s !important < uživatel s !important)
3.Pokud stejná váha – seřaď podle specifičnosti (specifičtější selektory mají přednost před
obecnějšími) 4.Seřazení podle pořadí definování
Pr.: k dokumentu tagem připojíme několik stylopisů
Popsat Cross-site request forgery
Uživatel navštíví stránku s tímto kódem
<img></img>
-URL je vložena jako cíl obrázku, ale ve skutečnost simuluje formulář odeslaný metodou GET –
server nemusí poznat rozdíl
-Pokud by bankovní systém nevyžadoval další parametry pro potvrzení operace, mohlo by
následovat skutečné odeslání peněz
K čemu je factory funkce + příklad použití.
Změna z jedné DB na druhou = nahrazení všech výskytů třídy z $dbh = new DB_MySQL(); na $dbh = new DB_Oracle(); Řešení – funkce typu factory function DB_Connection_Factory() { return new DB_MySQL(); } $dbh = DB_Connection_Factory();
co je to pseudotrida
Pseudotřídy jsou speciálním typem tříd (class), které jsou aktivovány
obvykle nějakou speciální událostí nebo speciálním stavem.
A:HOVER tato třída je aktivovaná, pokud uživatel přejede kurzorem nad odkazem
A:AKTIVE daný odkaz byl uživatelem aktivován A:FOCUS odkaz byl zaměněn
A:LINK třída aplikovaná na ještě nenavštívený odkaz A:VISITED značí již navštívený odkaz
3 pilíře webu při jeho vzniku
http(HyperText)
značkovací jazyk GML
velká síť(internet)
k cemu slouzi funkce settimeout a jak se pouziva
Po odplynuti nastaveneho casu(milisekund) vyhodnoti vyraz(splni kod).
Pouziva se v Javascriptu je to vnorena funkce
co je to URL rezepsat zkratku
URL(UNIFORM RESOURCED LOCATOR)
co je to cookies
cookies – uchovava informace o aktualnim stavu spojeni uzivatele
Cookies / Sessions - cookies se ukládají na straně klienta do prohlížeče, session na server
Novinky v HTML 5
pro 2D kreslení pro přehrávání médií
Podpora pro lokální ukládání dat (v prohlížeči)
Nové elementy specifikující obsah: …
Nové ovládací prvky formulářů: calendar, date, time, email, url, search, …
Co půjde pryč?
<acronym> <big> ,
<tt></tt></big></acronym>
K čemu je DOCTYPE v HTML
říká o jakou verzi html se jedná, popřípadě jestli jde o Strict či Transitional
Deklarace typu dokumentu ◦PUBLIC “URL”>
◦označuje gramatiku ◦!!! povinná (interpretace dokumentu)
Jak lze vložit CSS do HTML
1) Externí
2) Interní Prvek style v h1{ color: blue; }
Atribut prvku <p style="color: blue;">Modrý text</p>
jake jsou povine znacky v html dokumentu
html,head, body
Co je HTML DOM
a) HTML Document Object Model (HTML DOM) definuje standardní způsob pro přistup a
manipulaci s HTML dokumenty
DOM bere HTML dokument jako stromovou strukturu s elementy, atributy a textem
DOM je W3C standard, 3 úrovně (jedna z nich je HTML DOM)
-Definuje objekty, jejich vlastnosti a metody pro přistup k nim
-Celý dokument je prvek document -Každý HTML tag je prvek element
-Text uvnitř HTML elementu je prvek text -Rodiče, potomci, sourozenci
b) HTML DOM - vlastnosti
x = document.getElementById(“id_elementu”) x.innerHTML – vnitřní text (HTML)
elementu x.nodeName – Název uzlu/elementu x.nodeValue – hodnota elementu (vlastní
text pro textový uzel) x.parentNode – nadřazený uzel x.childNodes – pole uzlů-potomků
x.attributes – pole atributů style objekt – lze měnit css styl elementů
c) HTML DOM - METODY
x.getElementById(id) – vrací element se specifikovaným ID
x.getElementsByTagName(name) – vrací pole elementů se specifikovaným názvem tagu
Obě funkce lze kombinovat x.appendChild(node) – vloží potomka uzlu
x.removeChild(node) – vymaže potomka uzlu