Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

HTML DOM, XHTML – cel, charakterystyka Mariusz Kacała Łukasz Przywarty Grzegorz Trawiński HTML DOM XHTML.

Podobne prezentacje


Prezentacja na temat: "HTML DOM, XHTML – cel, charakterystyka Mariusz Kacała Łukasz Przywarty Grzegorz Trawiński HTML DOM XHTML."— Zapis prezentacji:

1 HTML DOM, XHTML – cel, charakterystyka Mariusz Kacała Łukasz Przywarty Grzegorz Trawiński HTML DOM XHTML

2 Ramowy plan prezentacji HTML DOM XHTML – Slajd 2 Wstęp HTML DOM -Założenia -Model i struktura -Właściwości -Metody i zastosowania XHTML -Extensible HTML -XHTML vs HTML -DTD

3 HTML DOM - Założenia HTML DOM XHTML – Slajd 3 DOM obiektowy model dokumentu - wszystko jest węzłem interfejs niezależny od sprzętu i języka pozwala modyfikować strukturę i styl dokumentów

4 HTML DOM - Model i struktura dokumentu HTML DOM XHTML – Slajd 4 document node, element node, text nodes, attribute node, comment nodes

5 HTML DOM – Struktura: zasady HTML DOM XHTML – Slajd 5 wierzchołek drzewa – korzeń jeden węzeł – jeden rodzic, nieograniczona liczba dzieci rodzeństwo – węzły tego samego rodzica liść – węzeł bez dzieci

6 HTML DOM – Właściwości węzłów HTML DOM XHTML – Slajd 6 atrybuty (różne dla konkretnych węzłów np. dla a - linku - href, target, charset) nazwa rodzaj element, 2 - tekst relacje - dzieci, rodzice, rodzeństwo

7 HTML DOM – Metody HTML DOM XHTML – Slajd 7 Operacje na węzłach appendChild cloneNode removeChild Identyfikacja węzłów getElementById getElementByName getElementsByTagName Modyfikacja danych deleteData insertData replaceData Identyfikacja atrybutów: getAttribute getAttributeNode setAttribute

8 HTML DOM – Zastosowanie HTML DOM XHTML – Slajd 8 InnerHTML Hello World! document.getElementById("p1").innerHTML=Nowy tekst!";

9 HTML DOM – Zastosowanie HTML DOM XHTML – Slajd 9 Eventy

10 HTML DOM – Zastosowanie HTML DOM XHTML – Slajd 10 Funkcje function ChangeStyle() { document.getElementById("p1").style.color="blue"; document.getElementById("p1").style.fontFamily="Arial"; } Hello world!

11 XHTML – Informacje wstępne HTML DOM XHTML – Slajd 11 Język - WWW W3C XHTML = ( HTML + XML ) XHTML/1.0 = HTML 4.01 Poprawność: -Składniowa -Strukturalna

12 XML – Informacje wstępne HTML DOM XHTML – Slajd 12 Ładny Węzły Nie wyświetla Przechowuje -współdzielenie -edytowanie

13 XHTML vs HTML (0) HTML DOM XHTML – Slajd 13 Deklaracja przestrzeni nazw Deklaracja kodowania (opcjonalne)

14 XHTML vs HTML (1) HTML DOM XHTML – Slajd 14 Zagnieżdżenie w węzłach Poprawnie: wewnątrz paragrafu jest emfaza. Niepoprawnie: wewnątrz paragrafu jest emfaza. Zamykanie znaczników (niepustych) Poprawnie: tutaj jest paragraf. tutaj jest następny paragraf. Niepoprawnie: tutaj jest paragraf. tutaj jest następny paragraf.

15 XHTML vs HTML (2) HTML DOM XHTML – Slajd 15 Zamykanie znaczników (pustych) Poprawnie: Niepoprawnie: Małe litery Poprawnie: To jest paragraf Niepoprawnie: To jest paragraf

16 XHTML vs HTML (3) HTML DOM XHTML – Slajd 16 Jeden główny węzeł Atrybuty Poprawnie: Niepoprawnie:

17 XHTML vs HTML (4) HTML DOM XHTML – Slajd 17 Atrybuty – nie wolno minimalizować! Poprawnie: Niepoprawnie: Wymagana deklaracja DOCTYPE (DTD)

18 DTD - Document Type Definition HTML DOM XHTML – Slajd 18 Definiuje: Strukturę Składnię Elementy Atrybuty Wartości

19 XHTML - przykład HTML DOM XHTML – Slajd 19 Przykład dokumentu zgodnego z XHTML 1.1 To jest przykład.

20 HTML DOM, XHTML Dziękujemy za uwagę HTML DOM XHTML


Pobierz ppt "HTML DOM, XHTML – cel, charakterystyka Mariusz Kacała Łukasz Przywarty Grzegorz Trawiński HTML DOM XHTML."

Podobne prezentacje


Reklamy Google