HTTP
najważniejsze metody (rodzaje żądań) HTTP.
Get, post , head
Co to znaczy, że protokół HTTP jest bezstanowy?
Bezstanowy - nie zachowuje żadnych informacji o zrealizowanej
transakcji
różnica między metodami (rodzajami żądań) GET oraz HEAD protokołu HTTP.
• GET - pobranie wskazanego przez URI zasobu;
najczęściej wykorzystywany
• POST - przesłanie danych od klienta do serwera, np. danych
formularza; dane przekazywane są do wskazanego zasobu,
tj. skryptu CGI, PHP, …
• HEAD - pobranie informacji o wskazanym zasobie
Kim były strony tzw. pierwszej wojny przeglądarek? Kto i dlaczego tę wojnę wygrał?
MS Internet Explorer vs Netscape Navigator
Niestandardowe rozszerzenia ("fajniejsze" strony WWW);
początkowo wygrywa NN, przeważa fakt, że IE jest darmowy
Efekt: całkowita dominacja IE, zastój w rozwoju przeglądarek i
standardów HTML
Jaki wpływ na rozwój języka HTML oraz CSS miały wojny przeglądarek, pierwsza i druga?
I wojna Efekt: całkowita dominacja IE, zastój w rozwoju przeglądarek i
standardów HTML
II wojna Zgodność ze standardami i likwidacja monopoli;
paradoksalnie, IE przeważa ponieważ nie respektuje
standardów W3C
HTML
Do czego służy język HTML i jakie możliwości daje twórcom stron WWW?
• Opisuje strukturę informacji zawartych w dokumencie
• Umożliwia określenie sposobu prezentacji poszczególnych
elementów dokumentu
• Umożliwia osadzanie w dokumencie dodatkowych elementów
• Umożliwia osadzanie w dokumencie skryptów, wpływających na
zachowanie przeglądarki
Jakie są najważniejsze różnice między językami HTML i XHTML?
• Oparty na XML (zamiast SGML);
• Obsługa przestrzeni nazw XML
- możliwość stosowania rozszerzeń (np. SVG, MathML, …)
• Bardziej restrykcyjne reguły
- obowiązkowe znaczniki zamykające
- rozróżniane małe i wielkie litery
Z jakich najważniejszych części składa się dokument HTML?
Cały dokument (html), składający się z nagłówka (head) i ciała (body).
Dokument HTML składa się z dwóch elementów:
• Wskazania DTD
• Elementu (znacznika) html
html powinna być zgodna z DTD.
Do czego służy DTD
Określenie typu dokumentu (DTD, document type
declaration) informuje przeglądarkę o tym, który z wariantów
języka html/xhtml jest używany.
• Determinuje to sposób interpretacji dokumentu.
• Jeżeli DTD nie zostanie podany (lub zawiera błędy),
przeglądarka pracuje w trybie kompatybilności (tzw. tryb quirks,
tryb dziwactw, pozwalający w miarę prawidłowy sposób
prezentacji starych dokumentów HTML);
informacje w <head>
Nagłówek zawiera dane ważne dla przeglądarki
(np. sposób kodwania znaków, tytuł strony)
i wyszukiwarek (np. słowa kluczowe, język dokumentu).
Jakie są popularne standardy kodowanie polskich znaków
poprawne to ISO 8859-2 (tzw. latin 2) oraz Unicode, w tym
popularny UTF-8. Sposób znany z Windows (CP1250)
Scharakteryzuj elementy <ol>, <ul> oraz <li> HTML.
Listy numerowane: Ol
Listy wypunktowane: ul
poszczególne elementy są typu li;
Podaj przykłady elementów strukturalnych blokowych i liniowych
Elementy blokowe wyświetlane są w prostokątnym obszarze, zajmującym całą szerokość bloku, do którego należą; niektóre elementy blokowe mogą zawierać inne bloki
Elementy liniowe nie mają bloku,wyświetlane są między innymi elementami liniowymi blokuswojego właściciela
Z jakich elementów HTML składa się (w najprostszym przypadku) tabela?
• table, tr, td - tabel
CSS
Do czego służą arkusze CSS?
to język służący do formatowania dokumentów WWW, utworzonych w językach HTML oraz XHTML.
• CSS stworzono w celu odseparowania formy prezentacji dokumentu (CSS) od jego struktury i zawartości (HTML)
Jakie są zalety CSS
• Ułatwienie modyfikacji formy i treści WWW,
Zmiana formy sprowadza się do zmiany CSS (nie HTML).
Zmiana treści nie wymaga formatowania HTML (jest CSS).
Na czym polega kaskada stylów, wymieniana w nazwie arkuszy CSS?
Kaskada stylów polega na możliwości definiowania stylu w kilku
miejscach i określeniu priorytetów poszczególnych arkuszy
Jakie są metody dołączania stylów do poszczególnych elementów
• Element link w nagłówku HTML:
<link rel="stylesheet" type="text/css" href="style.css">
• Element style w nagłówku HTML: <style type="text/css">
Wyjaśnij różnicę pomiędzy układami selektorów CSS: "div, p", "div p" oraz "div > p".
E > F - element F zawarty bezpośrednio w elemencie E
E F - element F zawarty w elemencie E,
bezpośrednio lub pośrednio
• E, F - elementy E oraz F, niezależnie od położenia względem siebie oraz innych elementów
Do czego odnoszą się selektory CSS: a:link, a:hover oraz a:visited? • E:hover element (łącze) wskazany, ale nie aktywowany
Co to znaczy, że styl CSS może być przypisany do medium?
Arkusze CSS mogą definiować różne sposoby formatowania,
zależnie od medium prezentacji. Wyróżnia się media:
• all - wszystkie media (wartość domyślna)
• screen - ekran komputera
• print - drukarka
• projection, handheld tv speech braille
Jakie atrybuty czcionki można formatować za pomocą CSS?
- font-family: rodzaj, rodzaj, rodzaj-ogólny
- font-size: wielkość [em, pt, px, %] | small | medium| large
- line-height: wielkość [em, pt, px, %]
- font-style: normal | italic
- font-weight: normal | bold | liczba
- font-variant: normal | smallcaps
Jakie atrybuty tekstu można formatować za pomocą CSS?
- color: RGB
- text-decoration: none | underline | line-through |overline
- text-transform: none | capitalize | uppercase | lowercase
- text-align: left | right | center | justify
- text-indent: wielkość
- line-height: wielkość
- word-spacing: normal | wielkość
- letter-spacing: normal | wielkość
PHP
Na czym polega różnica między statycznymi a dynamicznymi stronami WWW?
Zamiast plików HTML na serwerze umieszczone są skrypty
generujące dokumenty HTML
Jakie platformy programistyczne są najczęściej wykorzystywane do tworzenia dynamicznych serwisów WWW?• Dedykowane serwery
Programy obsługujące komunikację TCP/IP na porcie 80 TCP,
dowolny język (np. BCB, Delphi lub MS VS + pakiet InDy)
• Skrypty CGI (Common Gateway Interface)
skrypty (Perl, Python) lub programy (dowolny język)
• PHP
• JSP (Java Server Pages), JSF (Java Server Faces)
znaczniki (nie HTML)
• ASP.NET (Active Server Pages)
Wymień najważniejsze cechy języka PHP
• Język skryptowy
• Działa po stronie serwera
• Język obiektowy, z potężnymi bibliotekami (w tym PEAR) oraz
obsługą baz danych i dokumentów XML
• Opracowany specjalnie do tworzenia dynamicznych stron WWW
- wbudowana obsługa HTTP (w tym odczyt i generowanie
nagłówków, przekazywanie parametrów dla metod GET i POST,
obsługa plików Cookie i sesji, …), możliwość osadzania HTML
Na czym polega różnica pomiędzy operatorami == oraz ===?
== równe
=== identyczne
$p = 15 == "15"; // TRUE
$q = 15 === "15"; // FALSE
Na czym polega różnica pomiędzy łańcuchami tekstowymi ograniczonymi cudzysłowami oraz apostrofami?
- nie da się włączyc wartości zmiennej:
$s = 100;
echo 'Val: {$x}'; // Val: {$x}
Niezależnie od sposobu rozwijania zmiennych (tj. $x albo {$x}),
PHP nie zastąpi nazwy zmiennej jej wartością.
• Łańcuchy ograniczone cudzysłowami - interpreter wyłapuje
nazwy zmiennych i zastępuje ich wartościami:
if-else.
if (warunek) instrukcja1else instrukcja2
while.
while (warunek) instrukcja
Podaj składnię i przykład użycia instrukcji iteracyjnej for.
for ($i=-5; i<=5; $i++){instrukcja}
Co oznacza pojęcie tablica asocjacyjna?
Tablice asocjacyjne (odwzorowania), składające się z par klucz-wartość (ang. key- alue), generalnie dowolnego typu
foreach.
foreach (tablica as [klucz => ] wartość) instrukcja
Do czego służy funkcja var_dump()? Podaj przykład użycia.
• var_dump - drukuje (do HTML) typ i wartość zmiennej
$x = 7;
var_dump($x); // int 7
Do czego służy funkcja isset()? Podaj przykład użycia.
• isset($x) - sprawdza, czy wskazana zmienna istnieje
$x = 7;
$e = isset($x); // TRUE
Do czego służy funkcja echo()? Podaj przykład użycia.
• echo
echo string arg1, [string arg2, …];
drukuje do HTML wartości kolejnych argumentów
echo "suma: $s";
Na czym polega różnica pomiędzy funkcjami echo() oraz print()
zasadnicza różnica
polega na tym , że print akceptuje tylko jeden argument;