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
