XHTML2 i HTML5 Przyszłość WWW oparta o nowe standardy sieciowe HTML5 i XHTML2

Wielkość: px
Rozpocząć pokaz od strony:

Download "XHTML2 i HTML5 Przyszłość WWW oparta o nowe standardy sieciowe HTML5 i XHTML2"

Transkrypt

1 XHTML2 i HTML5 Przyszłość WWW oparta o nowe standardy sieciowe HTML5 i XHTML2 mgr inż. Dominik Tomaszuk Uniwersytet w Białymstoku

2 XHTML2

3 XML XHTML2 to aplikacja XML a, która nie daje innych możliwości parsowania Struktura XHTML2 jest zapisana w RELAX NG i XML Schema XHTML2 silnie wykorzystuje technologie XML

4 xml:id i xml:base xml:id to predefiniowany atrybut o typie identyfikatora (m.in. musi być unikalny) odpowiednik ID z DTD xml:base to predefiniowany atrybut określający ścieżkę bazową może być używany w hiperłączach prostych oraz zawartości wstawianej, odpowiednik starego znacznika <base/>

5 RDFa RDFa czyli RDF w atrybutach Celem RDF jest umożliwienie maszynowego przetwarzania abstrakcyjnych opisów zasobów w sposób automatyczny Opis zasobu za pomocą trzech elementów: podmiotu, predykatu i obiektu RDFa to jedna z notacji RDF

6 RDFa RDF Schema i OWL są językami reprezentacji danych RDF Schema i OWL są oparte o RDF oraz mogą być zapisane w składni RDFa Dostęp do RDF może odbywać się przez język zapytań SPARQL Nowe atrybuty: about, rel/rev, href/src/resource, property, content, datatype, typeof

7 XMLNS XMLNS to przestrzenie nazw w XML XMLNS pozwalają korzystać z kilku aplikacji XML w obrębie jednego dokumentu XMLNS w RDFa wykorzystywane są do definiowania słowników, np. Dublin Core, FOAF i DOAP <div xmlns:dc="http://purl.org/dc/elements/1.1/" about="#prezentacja"> <span property="dc:creator">dominik Tomaszuk</span> </div>

8 access i role Element access to rozszerzenie koncepcji atrybutu accesskey i lepsze rozwiązania dla dostępności WAI Atrybut role to klasyfikacja roli elementów w XHTML u Taksonomia w rolach jest zdefiniowana w RDF i OWL <access targetrole="navigation" key="m"/> <div role="navigation">menu...</div>

9 access i role Atrybut role wykorzystuje koncepcje specyfikacji ARIA w celu dostępności dynamicznej zawartości dla osób niepełnosprawnych. Access i role korzystają z CURIE CURIE to rozszerzenie wartości atrybutów o XMLNS CURIE wykorzystywane są również w RDFa i SPARQL

10 XForms XForms to nie tylko formularze, XForms to model przetwarzania XML i język opisu interfejsu użytkownika XForms wykorzystuje wzorzec MVC (model widok kontroler) XForms to walidacja formularzy dzięku typom danych XML Schema (w tym przez wyrażenia regularne) Prywatność dzięki P3P, dostęp dzięki XPath

11 XForms <model> <!-- model --> <instance> <data xmlns=""><q/></data> </instance> <submission action="s.php" method="get" id="s"/> </model> <!-- widok --> <input ref="q"><label>szukaj</label></input> <submit submission="s"><label>znajdź</label></submit>

12 XML Events XML Events służy do obsługi zdarzeń i współpracy ze skryptami, np w JavaScript Każda zmiana zdarzenia wiąże się tylko ze zmianą skryptu <ev:listener observer="pomoc" handler="#pokaz" event="domactivate"/> <handler id="pokaz" type="text/javascript"> pokaz(); </handler> <trigger id="pomoc">pomoc</trigger>

13 XML Events Jedno zdarzenie nie musi być związane z jednym językiem skryptowym <input type="submit"> <handler ev:event="domactivate" type="text/javascript"> validate(); </handler> <handler ev:event="domactivate" type="text/python"> validate </handler> <handler ev:event="domfocusin" type="text/ javascript"> help(); </handler> </input>

14 Nowe elementy Sekcje i nagłówki (działy) Separatory Nowe wiersze <section> <h>xhtml2</h>, <l>xhtml2</l> <l>służy do tworzenia stron internetowych.</l> <separator /> </section>

15 Nowe elementy Blok kodu Listy nawigacyjne <nl> <label>menu</label> <li href="xhtml2.html">xhtml2</li> <li href="html5.html">html5</li> </nl>

16 Nowe atrybuty Wyglądy Edycje Hipertekst dla każdego elementu <p layout="relevant" href="http://www.uwb.edu.pl/" hreflang="pl" hrefmedia="screen"> Uniwersytet w </p> Białymstoku

17 Nowe atrybuty Nowy dwukierunkowy tekst (wraz z notacją rubinową) to ulepszenie internacjonalizacji Osadzanie dla każdego elementu <p src="budynek" type="image/png, image/gif" xml:lang="pl" dir="ltr">budynek Uniwersytetu.</p>

18 HTML5

19 HTML5 dwa języki Specyfikacja określa dwa sposoby parsowania: pseudo SGML HTML5 XML XHTML5 Obsługa xml:base i xml:lang tylko XHTML5 Obsługa XMLNS tylko XHTML5 Obsługa document.write() i document.writeln() tylko HTML5

20 HTML5 dwa języki Typy MIME: text/html HTML5, application/xml lub application/xhtml+xml XHTML5 Brak RCDATA w XHTML5 (elementy title i textarea) DOCTYPE w HTML5 wymagany, w XHTML5 opcjonalny Element noscript tylko w HTML5 W XHTML5 domyślne kodowanie to UTF 8 lub UTF 16

21 Microdata Microdata to uboższy RDFa dla HTML5 Microdata służy do opisywania treści dla odczytu maszynowego Microdata to grupy par nazwa wartość Dwa atrybuty item i itemprop <section item="org.example.uczelnia"> <h1 itemprop="nazwa">uniwersytet w Białymstoku</h1> </section>

22 Microdata Microdata to predefiniowane słowniki: vcard, vevent oraz wartości do określania licencji Microdata pozwala na konwersje do JSON, RDF, vcard, icalendar, Atom <div item="vcard"> <span itemprop="fn">dominik Tomaszuk</span> <p itemprop="org" item> <span itemprop="organization-name">uniwersytet w Białymstoku</span> </p> </div>

23 Nowe API API do elementu canvas, API odtwarzania wideo i audio elementy video i audio), API do trwałego składowania (klucz wartość i bazy danych SQL), API do trybu offline aplikacjach webowych, API do rejestrowania przez aplikacje webowe protokołów i mediów,

24 Nowe API API do edycji (atrybut contenteditable), API do drag & drop (atrybut draggable), API do gniazdek webowych, API do obsługi historii, API do wiadomości cross document, API do wysyłania zdarzeń (element eventsource).

25 Nowe API /* odtwarzanie wideo */ var v = document.getelementsbytagname("video")[0]; v.play(); /* trwałe składowanie klucz-wartość */ sessionstorage.imie = "Dominik"; alert( "imie = " + sessionstorage.imie ); /* tryb offline w aplikacjach webowych */ alert(navigator.online? "Jesteś online" : "Jesteś offline");

26 Rozszerzenia API getelementsbyclassname() aby wybrać elementy poprzez ich nazwę klasy innerhtml aby serializować dokumenty activeelement oraz hasfocus aby określić który element jest w danym momencie aktywny getselection() zwraca obiekt reprezentujący aktualny wybór designmode i execcommand() często stosowane do edycji dokumentów

27 Nowe elementy section article aside header footer nav

28 Nowe elementy dialog figure audio i video embed meter time <video autoplay> <source src="film.ogg" type="video/ogg"> </video>

29 Nowe elementy canvas details datalist eventsource keygen output <input list="jezyki"> <datalist id="jezyki"> <option value="html5"> </datalist>

30 <meta charset="utf-8">

31 @aria * (role i ARIA)

32 Nowe atrybuty <label> ID: <input pattern="[0-9][a-z]{3}" name="id" autocomplete="off"> </label> <div contenteditable="true">witam!</div> <span data-wzrost="cm">180</span> <script src="skrypt.js" async></script>

33 Podobieństwa Usunięcie elementów prezentacji Listy nawigacyjne Bardziej dopasowane formularze (więcej kontrolek, walidacja) Bardziej semantyczny język znaczników Wprowadzenie elementów do notacji rubinowej Wsparcie dla ARIA i role

34 Główna różnica HTML5 to ewolucja, XHTML2 to rewolucja

35 Koniec Dziękuję i proszę o pytania

36 XHTML2 i HTML5 Przyszłość WWW oparta o nowe standardy sieciowe HTML5 i XHTML2 mgr inż. Dominik Tomaszuk Uniwersytet w Białymstoku 1

37 XHTML2 Kliknij, aby dodać konspekt 2

38 XML XHTML2 to aplikacja XML a, która nie daje innych możliwości parsowania Struktura XHTML2 jest zapisana w RELAX NG i XML Schema XHTML2 silnie wykorzystuje technologie XML 3

39 xml:id i xml:base xml:id to predefiniowany atrybut o typie identyfikatora (m.in. musi być unikalny) odpowiednik ID z DTD xml:base to predefiniowany atrybut określający ścieżkę bazową może być używany w hiperłączach prostych oraz zawartości wstawianej, odpowiednik starego znacznika <base/> 4

40 RDFa RDFa czyli RDF w atrybutach Celem RDF jest umożliwienie maszynowego przetwarzania abstrakcyjnych opisów zasobów w sposób automatyczny Opis zasobu za pomocą trzech elementów: podmiotu, predykatu i obiektu RDFa to jedna z notacji RDF 5

41 RDFa RDF Schema i OWL są językami reprezentacji danych RDF Schema i OWL są oparte o RDF oraz mogą być zapisane w składni RDFa Dostęp do RDF może odbywać się przez język zapytań SPARQL Nowe atrybuty: about, rel/rev, href/src/resource, property, content, datatype, typeof 6

42 XMLNS XMLNS to przestrzenie nazw w XML XMLNS pozwalają korzystać z kilku aplikacji XML w obrębie jednego dokumentu XMLNS w RDFa wykorzystywane są do definiowania słowników, np. Dublin Core, FOAF i DOAP <div xmlns:dc="http://purl.org/dc/elements/1.1/" about="#prezentacja"> <span property="dc:creator">dominik Tomaszuk</span> </div> 7

43 access i role Element access to rozszerzenie koncepcji atrybutu accesskey i lepsze rozwiązania dla dostępności WAI Atrybut role to klasyfikacja roli elementów w XHTML u Taksonomia w rolach jest zdefiniowana w RDF i OWL <access targetrole="navigation" key="m"/> <div role="navigation">menu...</div> 8

44 access i role Atrybut role wykorzystuje koncepcje specyfikacji ARIA w celu dostępności dynamicznej zawartości dla osób niepełnosprawnych. Access i role korzystają z CURIE CURIE to rozszerzenie wartości atrybutów o XMLNS CURIE wykorzystywane są również w RDFa i SPARQL 9

45 XForms XForms to nie tylko formularze, XForms to model przetwarzania XML i język opisu interfejsu użytkownika XForms wykorzystuje wzorzec MVC (model widok kontroler) XForms to walidacja formularzy dzięku typom danych XML Schema (w tym przez wyrażenia regularne) Prywatność dzięki P3P, dostęp dzięki XPath 10

46 XForms <model> <!-- model --> <instance> <data xmlns=""><q/></data> </instance> <submission action="s.php" method="get" id="s"/> </model> <!-- widok --> <input ref="q"><label>szukaj</label></input> <submit submission="s"><label>znajdź</label></submit> 11

47 XML Events XML Events służy do obsługi zdarzeń i współpracy ze skryptami, np w JavaScript Każda zmiana zdarzenia wiąże się tylko ze zmianą skryptu <ev:listener observer="pomoc" handler="#pokaz" event="domactivate"/> <handler id="pokaz" type="text/javascript"> pokaz(); </handler> <trigger id="pomoc">pomoc</trigger> 12

48 XML Events Jedno zdarzenie nie musi być związane z jednym językiem skryptowym <input type="submit"> <handler ev:event="domactivate" type="text/javascript"> validate(); </handler> <handler ev:event="domactivate" type="text/python"> validate </handler> <handler ev:event="domfocusin" type="text/ javascript"> help(); </handler> </input> 13

49 Nowe elementy Sekcje i nagłówki (działy) Separatory Nowe wiersze <section> <h>xhtml2</h>, <l>xhtml2</l> <l>służy do tworzenia stron internetowych.</l> <separator /> </section> 14

50 Nowe elementy Blok kodu Listy nawigacyjne <nl> <label>menu</label> <li href="xhtml2.html">xhtml2</li> <li href="html5.html">html5</li> </nl> 15

51 Nowe atrybuty Wyglądy Edycje Hipertekst dla każdego elementu <p layout="relevant" href="http://www.uwb.edu.pl/" hreflang="pl" hrefmedia="screen"> Uniwersytet w </p> Białymstoku 16

52 Nowe atrybuty Nowy dwukierunkowy tekst (wraz z notacją rubinową) to ulepszenie internacjonalizacji Osadzanie dla każdego elementu <p src="budynek" type="image/png, image/gif" xml:lang="pl" dir="ltr">budynek Uniwersytetu.</p> 17

53 HTML5 18

54 HTML5 dwa języki Specyfikacja określa dwa sposoby parsowania: pseudo SGML HTML5 XML XHTML5 Obsługa xml:base i xml:lang tylko XHTML5 Obsługa XMLNS tylko XHTML5 Obsługa document.write() i document.writeln() tylko HTML5 19

55 HTML5 dwa języki Typy MIME: text/html HTML5, application/xml lub application/xhtml+xml XHTML5 Brak RCDATA w XHTML5 (elementy title i textarea) DOCTYPE w HTML5 wymagany, w XHTML5 opcjonalny Element noscript tylko w HTML5 W XHTML5 domyślne kodowanie to UTF 8 lub UTF 16 20

56 Microdata Microdata to uboższy RDFa dla HTML5 Microdata służy do opisywania treści dla odczytu maszynowego Microdata to grupy par nazwa wartość Dwa atrybuty item i itemprop <section item="org.example.uczelnia"> <h1 itemprop="nazwa">uniwersytet w Białymstoku</h1> </section> 21

57 Microdata Microdata to predefiniowane słowniki: vcard, vevent oraz wartości do określania licencji Microdata pozwala na konwersje do JSON, RDF, vcard, icalendar, Atom <div item="vcard"> <span itemprop="fn">dominik Tomaszuk</span> <p itemprop="org" item> <span itemprop="organization-name">uniwersytet w Białymstoku</span> </p> </div> 22

58 Nowe API API do elementu canvas, API odtwarzania wideo i audio elementy video i audio), API do trwałego składowania (klucz wartość i bazy danych SQL), API do trybu offline aplikacjach webowych, API do rejestrowania przez aplikacje webowe protokołów i mediów, 23

59 Nowe API API do edycji (atrybut contenteditable), API do drag & drop (atrybut draggable), API do gniazdek webowych, API do obsługi historii, API do wiadomości cross document, API do wysyłania zdarzeń (element eventsource). 24

60 Nowe API /* odtwarzanie wideo */ var v = document.getelementsbytagname("video")[0]; v.play(); /* trwałe składowanie klucz-wartość */ sessionstorage.imie = "Dominik"; alert( "imie = " + sessionstorage.imie ); /* tryb offline w aplikacjach webowych */ alert(navigator.online? "Jesteś online" : "Jesteś offline"); 25

61 Rozszerzenia API getelementsbyclassname() aby wybrać elementy poprzez ich nazwę klasy innerhtml aby serializować dokumenty activeelement oraz hasfocus aby określić który element jest w danym momencie aktywny getselection() zwraca obiekt reprezentujący aktualny wybór designmode i execcommand() często stosowane do edycji dokumentów 26

62 Nowe elementy section article aside header footer nav 27

63 Nowe elementy dialog figure audio i video embed meter time <video autoplay> <source src="film.ogg" type="video/ogg"> </video> 28

64 Nowe elementy canvas details datalist eventsource keygen output <input list="jezyki"> <datalist id="jezyki"> <option value="html5"> </datalist> 29

65 <meta charset="utf-8"> 30

66 @aria * (role i ARIA) 31

67 Nowe atrybuty <label> ID: <input pattern="[0-9][a-z]{3}" name="id" autocomplete="off"> </label> <div contenteditable="true">witam!</div> <span data-wzrost="cm">180</span> <script src="skrypt.js" async></script> 32

68 Podobieństwa Usunięcie elementów prezentacji Listy nawigacyjne Bardziej dopasowane formularze (więcej kontrolek, walidacja) Bardziej semantyczny język znaczników Wprowadzenie elementów do notacji rubinowej Wsparcie dla ARIA i role 33

69 Główna różnica HTML5 to ewolucja, XHTML2 to rewolucja 34

70 Koniec Dziękuję i proszę o pytania 35

rk HTML 4 a 5 różnice

rk HTML 4 a 5 różnice rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się

Bardziej szczegółowo

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).

Bardziej szczegółowo

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

Bardziej szczegółowo

HTML 5 język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest

HTML 5 język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest rozwinięciem języka HTML 4 i jego XML-owej odmiany (XHTMl 1), opracowywane w ramach prac grupy roboczej WHATWG (Web Hypertext

Bardziej szczegółowo

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 3 Formularze Agenda Podstawy formularzy HTML Podstawowe kontrolki formularzy HTML Nowe kontrolki z HTML

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 5

Tworzenie Stron Internetowych. odcinek 5 Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja

Bardziej szczegółowo

HTML5 Nowe znaczniki header nav article section aside footer

HTML5 Nowe znaczniki header nav article section aside footer Specyfikacja HTML5 wprowadza nowe znaczniki pozwalające w łatwy i intuicyjny sposób budować szkielet strony, który przez zmniejszenie ilości kodu jest czytelniejszy i łatwiejszy w utrzymaniu, pozwala poza

Bardziej szczegółowo

Przegląd technologii

Przegląd technologii rzegląd technologii 1/34 Przegląd technologii Tworzenie serwisów Web 2.0 dr inż. Robert Perliński rperlinski@icis.pcz.pl Politechnika Częstochowska Instytut Informatyki Teoretycznej i Stosowanej 29 marca

Bardziej szczegółowo

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 6 JavaScript w przeglądarce Agenda Skrypty na stronie internetowej Model DOM AJAX Skrypty na stronie

Bardziej szczegółowo

2 Podstawy tworzenia stron internetowych

2 Podstawy tworzenia stron internetowych 2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument

Bardziej szczegółowo

Aplikacje internetowe

Aplikacje internetowe Aplikacje internetowe HTML 5 Wprowadzenie Autor Roman Simiński Kontakt roman.siminski@us.edu.pl www.siminskionline.pl Niniejsze opracowanie zawiera skrót treści wykładu, lektura tych materiałów nie zastąpi

Bardziej szczegółowo

Rozszerzenie funkcjonalności systemów wiki w oparciu o wtyczki i Prolog

Rozszerzenie funkcjonalności systemów wiki w oparciu o wtyczki i Prolog Knowledge Rozszerzenie funkcjonalności systemów wiki w oparciu o wtyczki i Prolog 9 stycznia 2009 Knowledge 1 Wstęp 2 3 4 5 Knowledge 6 7 Knowledge Duża ilość nieusystematyzowanych informacji... Knowledge

Bardziej szczegółowo

Laboratorium 1 Wprowadzenie do PHP

Laboratorium 1 Wprowadzenie do PHP Laboratorium 1 Wprowadzenie do PHP Ćwiczenie 1. Tworzenie i uruchamianie projektu PHP w Netbeans Tworzenie projektu Uruchom środowisko NetBeans. Stwórz nowy projekt typu PHP Application (File->New Project,

Bardziej szczegółowo

Programowanie internetowe

Programowanie internetowe Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML

Bardziej szczegółowo

ASP.NET MVC. Podstawy. Zaawansowane programowanie internetowe Instrukcja nr 3

ASP.NET MVC. Podstawy. Zaawansowane programowanie internetowe Instrukcja nr 3 3 ASP.NET MVC Podstawy 1 1. Cel zajęć Celem zajęć jest zapoznanie się z podstawami ASP.NET MVC 2.0 Framework. 2. Zadanie Proszę zbudować prostą aplikację WWW przy zastosowaniu framework a ASP.NET MVC 2.0

Bardziej szczegółowo

Aplikacje internetowe Koncepcja Architektura Technologie

Aplikacje internetowe Koncepcja Architektura Technologie Aplikacje internetowe Koncepcja Architektura Technologie Roman Simiński roman.siminski@us.edu.pl www.siminskionline.pl HTML5 wprowadzenie Rozwój środowiska WWW Trochę faktów historycznych Copyright Roman

Bardziej szczegółowo

5.14 JSP - Przykład z obiektami sesji... 83 5.15 Podsumowanie... 84 5.16 Słownik... 85 5.17 Zadanie... 86

5.14 JSP - Przykład z obiektami sesji... 83 5.15 Podsumowanie... 84 5.16 Słownik... 85 5.17 Zadanie... 86 Spis treści 1 Wprowadzenie - architektura, protokoły, system WWW... 1 1.1 Wstęp.................................................. 1 1.2 Ważniejsze daty......................................... 2 1.3 Protokoły

Bardziej szczegółowo

Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II

Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II Lp. 1. Data 05.05. Tematyka zajęć z zaznaczeniem zajęcia teoretyczne/zajęcia praktyczne modułu 7: Przeglądanie stron

Bardziej szczegółowo

HTML 5. w tworzeniu aplikacji internetowych. czwartek, 5 kwietnia 12

HTML 5. w tworzeniu aplikacji internetowych. czwartek, 5 kwietnia 12 HTML 5 w tworzeniu aplikacji internetowych Agenda HTML 5 w porównaniu do Fleksa HTML 5 w porównaniu do HTML 4 Nowe możliwości HTML 5 jquery Mobile Sencha Touch Komunikacja klient-serwer HTML 5 vs. Flex

Bardziej szczegółowo

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar)

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar) Tworzenie witryn internetowych PHP/Java (mgr inż. Marek Downar) Rodzaje zawartości Zawartość statyczna Treść statyczna (np. nagłówek, stopka) Layout, pliki multimedialne, obrazki, elementy typograficzne,

Bardziej szczegółowo

JavaScript - wykład 4. Zdarzenia i formularze. Obsługa zdarzeń. Zdarzenia. Mysz. Logiczne. Klawiatura. Beata Pańczyk

JavaScript - wykład 4. Zdarzenia i formularze. Obsługa zdarzeń. Zdarzenia. Mysz. Logiczne. Klawiatura. Beata Pańczyk Obsługa zdarzeń JavaScript - wykład 4 Zdarzenia i formularze Beata Pańczyk zdarzenia - wszystko co zachodzi w związku z obiektami JavaScript (np. window) i elementami XHTML przeglądarka moŝe wywołać funkcję

Bardziej szczegółowo

Rys.2.1. Drzewo modelu DOM [1]

Rys.2.1. Drzewo modelu DOM [1] 1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model

Bardziej szczegółowo

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Akademia Techniczno-Humanistyczna w Bielsku-Białej Akademia Techniczno-Humanistyczna w Bielsku-Białej Wydział Budowy Maszyn i Informatyki Laboratorium z sieci komputerowych Ćwiczenie numer: 8 Temat ćwiczenia: Tworzenie stron WWW (HTML, skrypty CSS). 1.

Bardziej szczegółowo

M o d e r n i z a c j a k s z t a ł c e n i a z a w o d o w e g o w M a ł o p o l s c e. Godziny szkolenia (od do) Ilość godzin. Liczba uczestników

M o d e r n i z a c j a k s z t a ł c e n i a z a w o d o w e g o w M a ł o p o l s c e. Godziny szkolenia (od do) Ilość godzin. Liczba uczestników Lp. 1. Data 05.05.2014 2 06.05.2014 3 12.05.2014 4.05.2014 5 19.05.2014 6 20.05.2014 7 22.05.2014 8 26.05.2014 9 02.06.2014 Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych)

Bardziej szczegółowo

Wprowadzenie do technologii XML

Wprowadzenie do technologii XML Katedra Mikroelektroniki i Technik Informatycznych Łódź, 6 października 2005 roku 1 Informacje organizacyjne Omówienie przedmiotu 2 vs HTML Struktura 3 Struktura Informacje o przedmiocie Informacje organizacyjne

Bardziej szczegółowo

Zdarzenia Zdarzenia onload i onunload

Zdarzenia Zdarzenia onload i onunload Zdarzenia Zdarzenia onload i onunload Ćwiczenie 1. Rysunek 1. Okno powitalne wykorzystujące zdarzenie onload Na stronie mogą zachodzić różne zdarzenia, np. użytkownik kliknie myszą lub zacznie wprowadzać

Bardziej szczegółowo

1. Protokoły. Co programy wykorzystują do komunikacji przez sieć? wykorzystują protokoły komunikacyjne

1. Protokoły. Co programy wykorzystują do komunikacji przez sieć? wykorzystują protokoły komunikacyjne 1. Protokoły Co programy wykorzystują do komunikacji przez sieć? Co to jest protokół komunikacyjny? wykorzystują protokoły komunikacyjne zestaw regół dotyczących komunikacji Do czego służą protokoły warstwy

Bardziej szczegółowo

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI SPIS TREŚCI 1.Dwie metody przekazu danych do serwera 2 2.Metoda GET przykład 3 3.Metoda POST przykład 4 4.Kiedy GET a kiedy POST 5 5.Szablony po co je stosować 7 6.Realizacja szablonu własną funkcją 8

Bardziej szczegółowo

Aplikacje Internetowe termin dodatkowy

Aplikacje Internetowe termin dodatkowy Aplikacje Internetowe termin dodatkowy dr in». Julian Szyma«ski mgr in». Marek Downar Katedra Architektury Systemów Komputerowych Wydziaª Elektroniki, Telekomunikacji i Informatyki Politechnika Gda«ska

Bardziej szczegółowo

Asynchroniczne interfejsy WWW

Asynchroniczne interfejsy WWW Asynchroniczne interfejsy WWW Wprowadzenie do tworzenia aplikacji webowych, dokumentów HTML5 oraz CSS mgr inż. Rafał Grycuk mgr inż. Patryk Najgebauer Strona służbowa: http://iisi.pcz.pl/~rgrycuk/ Kontakt:

Bardziej szczegółowo

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ PLAN PREZENTACJI Wprowadzenie do HTML Struktura dokumentu HTML Komentarze Znaczniki Nagłówki (tytuły) Akapit Znacznik końca wiersza Linia pozioma

Bardziej szczegółowo

TOPIT Załącznik nr 3 Programowanie aplikacji internetowych

TOPIT Załącznik nr 3 Programowanie aplikacji internetowych Szkolenie przeznaczone jest dla osób chcących poszerzyć swoje umiejętności o tworzenie rozwiązań internetowych w PHP. Zajęcia zostały przygotowane w taki sposób, aby po ich ukończeniu można było rozpocząć

Bardziej szczegółowo

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript. Instrukcja laboratoryjna do ćwiczenia: 1. Cel ćwiczenia Strona internetowa w systemach unix-owych Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania

Bardziej szczegółowo

Plan dzisiejszego wykładu. Narzędzia informatyczne w językoznawstwie. XML - Definicja. Zalety XML

Plan dzisiejszego wykładu. Narzędzia informatyczne w językoznawstwie. XML - Definicja. Zalety XML Plan dzisiejszego wykładu Narzędzia informatyczne w językoznawstwie Perl - Wprowadzenie do XML Marcin Junczys-Dowmunt junczys@amu.edu.pl Zakład Logiki Stosowanej http://www.logic.amu.edu.pl 16. kwietnia

Bardziej szczegółowo

dlibra 3.0 Marcin Heliński

dlibra 3.0 Marcin Heliński dlibra 3.0 Marcin Heliński Plan prezentacji Wstęp Aplikacja Redaktora / Administratora Serwer Aplikacja Czytelnika Aktualizator Udostępnienie API NajwaŜniejsze w nowej wersji Ulepszenie interfejsu uŝytkownika

Bardziej szczegółowo

Podstawy (X)HTML i CSS

Podstawy (X)HTML i CSS Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z

Bardziej szczegółowo

rdf:type ex:homepage ex:createdwith http://www.w3c.org /amaya rdf:type ex:htmleditor

rdf:type ex:homepage ex:createdwith http://www.w3c.org /amaya rdf:type ex:htmleditor TSiSS, 2010/2011 Ćwiczenie 1. (RDF) Stwórz pliki w formacie RDF i w serializacji XML dla podanych grafów (modelując przestrzeń nazw dla ex jako http://example.org): 1.1 http://www.w3.org/ho me/lassila

Bardziej szczegółowo

Infrastruktura aplikacji WWW

Infrastruktura aplikacji WWW ASP.NET WebForms Infrastruktura aplikacji WWW Gotowe rozwiązania architektoniczne i szkielety aplikacji zwalniają twórców aplikacji z implementacji infrastruktury, zwiększając ich produktywność Stanowy,

Bardziej szczegółowo

Osadzanie playera Video CMS na Facebooku

Osadzanie playera Video CMS na Facebooku Osadzanie playera Video CMS na Facebooku Video CMS jako jedna z nielicznych platform wideo umożliwia osadzanie odtwarzacza wideo na stronach Facebooka. Dzięki temu możliwe jest publikowanie wideo wraz

Bardziej szczegółowo

TIN Techniki Internetowe zima 2015-2016

TIN Techniki Internetowe zima 2015-2016 TIN Techniki Internetowe zima 2015-2016 Grzegorz Blinowski Instytut Informatyki Politechniki Warszawskiej Plan wykładów 2 Intersieć, ISO/OSI, protokoły sieciowe, IP 3 Protokoły transportowe: UDP, TCP 4

Bardziej szczegółowo

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa

Bardziej szczegółowo

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail. 1 FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.

Bardziej szczegółowo

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

2. Prezentacja wizualna

2. Prezentacja wizualna 2. Prezentacja wizualna 2.1. Opis rozdziału Rozdział ten przedstawia jak stworzyć przykładowy układ graficzny dla naszej gry w HTML5 i CSS3, które w dalszej części poradnika zostaną wykorzystane do stworzenia

Bardziej szczegółowo

XML Schema. Bartłomiej Świercz. Łódź, 19 listopada 2005 roku. Katedra Mikroelektroniki i Technik Informatycznych. Bartłomiej Świercz XML Schema

XML Schema. Bartłomiej Świercz. Łódź, 19 listopada 2005 roku. Katedra Mikroelektroniki i Technik Informatycznych. Bartłomiej Świercz XML Schema XML Schema Bartłomiej Świercz Katedra Mikroelektroniki i Technik Informatycznych Łódź, 19 listopada 2005 roku Wstęp XML Schema służy do definiowania struktury dokumentu XML (pełni podobną funkcję jak DTD).

Bardziej szczegółowo

XML extensible Markup Language. część 5

XML extensible Markup Language. część 5 XML extensible Markup Language część 5 JavaScript Co to jest JavaScript? JavaScript był zaprojektowany w celu dodania interaktywności do stron HTML JavaScript jest językiem skryptowym JavaScript jest zwykle

Bardziej szczegółowo

Semantic Web Internet Semantyczny

Semantic Web Internet Semantyczny Semantic Web Internet Semantyczny Semantyczny Internet - Wizja (1/2) Pomysłodawca sieci WWW - Tim Berners-Lee, fizyk pracujący w CERN Jego wizja sieci o wiele bardziej ambitna niż istniejąca obecnie (syntaktyczna)

Bardziej szczegółowo

Aplikacje webowe wspomagające działalność przedsiębiorstwa na przykładzie przychodni stomatologicznej

Aplikacje webowe wspomagające działalność przedsiębiorstwa na przykładzie przychodni stomatologicznej Aplikacje webowe wspomagające działalność przedsiębiorstwa na przykładzie przychodni stomatologicznej Małgorzata Barańska Wydział Informatyki i Zarządzania, Politechnika Wrocławska Beata Laszkiewicz Wydział

Bardziej szczegółowo

Rola języka XML narzędziem

Rola języka XML narzędziem Wprowadzenie do XML dr inż. Adam Iwaniak Szkolenie w Luboradzy, ZCPWZ, 12-13.02.2009r. Rola języka XML narzędziem Pierwszą rewolucją internetową było dostarczenie ludziom informacji. Znajdujemy się teraz

Bardziej szczegółowo

PROJEKTOWANIE STRON WWW W4

PROJEKTOWANIE STRON WWW W4 Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW dr inż. Robert Banasiak PROJEKTOWANIE STRON WWW W4 ODNOŚNIKI PSEUDOKLASY

Bardziej szczegółowo

Podstawowe konstrukcje Podstawowymi konstrukcjami są wzorce element oraz attribute:

Podstawowe konstrukcje Podstawowymi konstrukcjami są wzorce element oraz attribute: Standard Relax NG Schemat strukturalizacji dokumentów Relax NG (relaxing). Opracowany głównie przez Jamesa Clarka i Makoto Muratę. Standard ISO: Information technology Document Schema Definition Language

Bardziej szczegółowo

CouchDB. Michał Nowikowski

CouchDB. Michał Nowikowski CouchDB Michał Nowikowski Agenda Wprowadzenie do CouchDB Mój przypadek Wyniki i wnioski Dokumenty CouchDB Format JSON Pary nazwa wartość Możliwe tablice i struktury Załączniki Brak limitów na liczbę i

Bardziej szczegółowo

Języki programowania wysokiego poziomu WWW

Języki programowania wysokiego poziomu WWW Języki programowania wysokiego poziomu WWW Zawartość Protokół HTTP Języki HTML i XHTML Struktura dokumentu html: DTD i rodzaje html; xhtml Nagłówek html - kodowanie znaków, język Ciało html Sposób formatowania

Bardziej szczegółowo

Efektywne tworzenie aplikacji webowych z wykorzystaniem AngularJS, HTML5 i JavaScript

Efektywne tworzenie aplikacji webowych z wykorzystaniem AngularJS, HTML5 i JavaScript Kod szkolenia: Tytuł szkolenia: HTML5/ANG Efektywne tworzenie aplikacji webowych z wykorzystaniem AngularJS, HTML5 i JavaScript Dni: 5 Opis: Adresaci szkolenia: Kurs przeznaczony jest dla programistów

Bardziej szczegółowo

TECHNOLOGIE INTERNETOWE WYKŁAD 6. JavaScript Funkcje i obiekty

TECHNOLOGIE INTERNETOWE WYKŁAD 6. JavaScript Funkcje i obiekty 1. Co to jest funkcja? Funkcja jest oddzielnym blokiem kodu, który może być wielokrotnie wykonywany w danym programie, poprzez jej wielokrotne wywoływanie. Do funkcji przekazujemy przeważnie jakieś argumenty,

Bardziej szczegółowo

Aplikacje internetowe

Aplikacje internetowe Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.

Bardziej szczegółowo

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie

Bardziej szczegółowo

XHTML, CSS i JavaScript. Pierwsza pomoc

XHTML, CSS i JavaScript. Pierwsza pomoc . Pierwsza pomoc Autorzy: Maria Sokó³, Rados³aw Sokó³ ISBN: 978-83-246-1071-6 Format: A5, stron: 100 Pocz¹tki tworzenie szkieletu strony WWW i struktury dokumentu HTML Wygl¹d strony kodowanie znaków, krój

Bardziej szczegółowo

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Rozwoju Regionalnego

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Rozwoju Regionalnego Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Rozwoju Regionalnego ZAŁĄCZNIK DO ZAPYTANIA OFERTOWEGO nr 1/UE/2013 z dnia 02.09.2013 r. w związku z realizacją projektu

Bardziej szczegółowo

URL, URI różnice i podobieństwa

URL, URI różnice i podobieństwa Mechanizm routingu URL, URI różnice i podobieństwa URL (Uniform Resource Locator) unikalny identyfikator wskazujący lokalizację zasobu sieciowego. URI (Uniform Resource Identyficatior) unikalny identyfikator

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 10

Tworzenie Stron Internetowych. odcinek 10 Tworzenie Stron Internetowych odcinek 10 JavaScript JavaScript (ECMAScript) skryptowy język programowania powszechnie używany w Internecie. Skrypty JS dodają do stron www interaktywność i funkcjonalności,

Bardziej szczegółowo

Facelets ViewHandler

Facelets ViewHandler JSF i Facelets Wprowadzenie JSP (JavaServer Pages) są natywną i najczęściej używaną technologią do tworzenia warstwy prezentacyjnej dla JSF (JavaServer Faces) Istnieją alternatywne technologie opisu wyglądu

Bardziej szczegółowo

Zaawansowane aplikacje internetowe

Zaawansowane aplikacje internetowe Zaawansowane aplikacje internetowe AJAX 1 Celem tego laboratorium jest pokazanie moŝliwości technologii AJAX. W ramach ćwiczeń zostanie zbudowana prosta aplikacja, przechwytująca kliknięcia uŝytkownika

Bardziej szczegółowo

Zaawansowane bazy danych i hurtownie danych studia zaoczne II stopnia, sem. I

Zaawansowane bazy danych i hurtownie danych studia zaoczne II stopnia, sem. I Wydział Informatyki Politechnika Białostocka Zaawansowane bazy danych i hurtownie danych MySQL studia zaoczne II stopnia, sem. I Plan wykładu 1. MySQL: funkcje, procedury, wyzwalacze 2. HTML : tworzenie

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium Język JavaScript Celem ćwiczenia jest przygotowanie formularza na stronie WWW z wykorzystaniem języka JavaScript. Formularz ten będzie sprawdzany pod względem zawartości przed

Bardziej szczegółowo

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385. Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/

Bardziej szczegółowo

Protokół HTTP. 1. Protokół HTTP, usługi www, model request-response (żądanie-odpowiedź), przekazywanie argumentów, AJAX.

Protokół HTTP. 1. Protokół HTTP, usługi www, model request-response (żądanie-odpowiedź), przekazywanie argumentów, AJAX. Protokół HTTP 1. Protokół HTTP, usługi www, model request-response (żądanie-odpowiedź), przekazywanie argumentów, AJAX. 1 Usługi WWW WWW (World Wide Web) jest najpopularniejszym sposobem udostępniania

Bardziej szczegółowo

O stronach www, html itp..

O stronach www, html itp.. O stronach www, html itp.. Prosty wstęp do podstawowych technik spotykanych w internecie 09.01.2015 M. Rad Plan wykładu Html Przykład Strona www Xhtml Css Php Js HTML HTML - (ang. HyperText Markup Language)

Bardziej szczegółowo

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r.

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r. Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r. 1 Dostępność Informacji Dostępność informacji oznacza możliwość korzystania z treści

Bardziej szczegółowo

Asynchroniczne interfejsy

Asynchroniczne interfejsy Asynchroniczne interfejsy AJAX WWW mgr inż. Rafał Grycuk mgr inż. Patryk Najgebauer Strona służbowa: http://iisi.pcz.pl/~rgrycuk/ Kontakt: rafal.grycuk@iisi.pcz.pl Konsultacje: Środa, godz. 12-14 Agenda

Bardziej szczegółowo

OBC01/TOPMOB Projektowanie w języku Objective-C

OBC01/TOPMOB Projektowanie w języku Objective-C Szkolenie skierowane do: Programistów zaczynających pracę z platformą ios na urządzeniach iphone oraz ipad. Tematy zajęć: Dzień 1 1. Wprowadzenie Zarys historyczny NextStep oraz rozwój Apple ios Historia

Bardziej szczegółowo

KARTA KURSU. Przetwarzanie dokumentów XML i zaawansowane techniki WWW

KARTA KURSU. Przetwarzanie dokumentów XML i zaawansowane techniki WWW KARTA KURSU Nazwa Nazwa w j. ang. Przetwarzanie dokumentów XML i zaawansowane techniki WWW XML processing and advanced web technologies Kod Punktacja ECTS* 3 Koordynator dr Maria Zając Zespół dydaktyczny:

Bardziej szczegółowo

Technologie zarządzania treścią

Technologie zarządzania treścią Technologie zarządzania treścią dr inż. Robert Perliński rperlinski@icis.pcz.pl Politechnika Częstochowska Instytut Informatyki Teoretycznej i Stosowanej Technologie zarządzania treścią 2/43 Technologie

Bardziej szczegółowo

INTRO. {27. Lipca} Jeśli chcesz podszkolić się w obsłudze arkuszy kalkulacyjnych, zapraszam na szkolenie z EXCELA w Poznaniu:

INTRO. {27. Lipca} Jeśli chcesz podszkolić się w obsłudze arkuszy kalkulacyjnych, zapraszam na szkolenie z EXCELA w Poznaniu: INTRO {27. Lipca} Jeśli chcesz podszkolić się w obsłudze arkuszy kalkulacyjnych, zapraszam na szkolenie z EXCELA w Poznaniu: http://absolwencinawalizkach.pl/excel-szkolenie-wpoznaniu-27-07-2013 Pozdrawiam!

Bardziej szczegółowo

XML w sosie własnym. Standard XML wraz z DTD, przestrzenie nazw, projektowanie struktury dokumentów. Patryk Czarnik. Instytut Informatyki UW

XML w sosie własnym. Standard XML wraz z DTD, przestrzenie nazw, projektowanie struktury dokumentów. Patryk Czarnik. Instytut Informatyki UW XML w sosie własnym Standard XML wraz z DTD, przestrzenie nazw, projektowanie struktury dokumentów. Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarzadzania treścia 2007/08 Podstawy

Bardziej szczegółowo

Imię, nazwisko i tytuł/stopień KOORDYNATORA (-ÓW) kursu/przedmiotu zatwierdzającego protokoły w systemie USOS Dr Adam Naumowicz

Imię, nazwisko i tytuł/stopień KOORDYNATORA (-ÓW) kursu/przedmiotu zatwierdzającego protokoły w systemie USOS Dr Adam Naumowicz SYLLABUS na rok akademicki 01/013 Tryb studiów Studia stacjonarne Kierunek studiów Informatyka Poziom studiów Pierwszego stopnia Rok studiów/ semestr II/4 Specjalność Bez specjalności Kod katedry/zakładu

Bardziej szczegółowo

Pakiet XML Czym jest i z czym się je?

Pakiet XML Czym jest i z czym się je? Pakiet XML Czym jest i z czym się je? mgr Maciej Beręsewicz Katedra Statystyki, UE w Poznaniu Spis treści 1. Web scraping 2. XML 3. XPath 4. Pakiet XML 4.1 Allegro.pl 4.2 Last.fm 4.3 Poznan.gumtree.pl

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium JavaServer Pages Celem ćwiczenia jest zbudowanie kilku prostych stron internetowych z użyciem technologii JSP. Podczas ćwiczenia wykorzystany zostanie algorytm sortowania bąbelkowego

Bardziej szczegółowo

MINISTERSTWO FINANSÓW PLAN INTEGRACJI SYSTEMU ZAŁĄCZNIK NR 6 SEAP SPECYFIKACJA KANAŁ EMAIL DLA PODMIOTÓW ZEWNĘTRZNYCH PL PROJEKT ECIP/SEAP

MINISTERSTWO FINANSÓW PLAN INTEGRACJI SYSTEMU ZAŁĄCZNIK NR 6 SEAP SPECYFIKACJA KANAŁ EMAIL DLA PODMIOTÓW ZEWNĘTRZNYCH PL PROJEKT ECIP/SEAP MINISTERSTWO FINANSÓW PLAN INTEGRACJI SYSTEMU ZAŁĄCZNIK NR 6 SEAP SPECYFIKACJA KANAŁ EMAIL DLA PODMIOTÓW ZEWNĘTRZNYCH PL PROJEKT ECIP/SEAP WERSJA 1 z 15 Spis treści 1. Kanał email dla podmiotów zewnętrznych...

Bardziej szczegółowo

Szablon główny (plik guestbook.php) będzie miał postać:

Szablon główny (plik guestbook.php) będzie miał postać: Skrypt: Księga gości Skrypt generujący księgę gości będzie się składał z trzech części: szablonu głównego, który należy zapisać pod nazwą guestbook.php, formularza służącego do dodawania wpisów, który

Bardziej szczegółowo

Asynchroniczne interfejsy

Asynchroniczne interfejsy Asynchroniczne interfejsy MVC (Model View Controller) WWW mgr inż. Rafał Grycuk mgr inż. Patryk Najgebauer Strona służbowa: http://iisi.pcz.pl/~rgrycuk/ Kontakt: rafal.grycuk@iisi.pcz.pl Konsultacje: Środa,

Bardziej szczegółowo

I. Dlaczego standardy kodowania mailingów są istotne?

I. Dlaczego standardy kodowania mailingów są istotne? 1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego

Bardziej szczegółowo

Aplikacje webowe. mgr inż. Aleksander Smywiński-Pohl. Elektroniczne Przetwarzanie Informacji

Aplikacje webowe. mgr inż. Aleksander Smywiński-Pohl. Elektroniczne Przetwarzanie Informacji Elektroniczne Przetwarzanie Informacji Plan prezentacji URL Komunikacja HTTP Formularze CGI JavaScript Frameworki webowe REST Plan prezentacji URL Komunikacja HTTP Formularze CGI JavaScript Frameworki

Bardziej szczegółowo

XML. XML (ang. Extensible Markup Language) - Rozszerzalny język znaczników. Aktualna wersja 1.0 (1.1 czeka na akceptację) Należy do rodziny SGML.

XML. XML (ang. Extensible Markup Language) - Rozszerzalny język znaczników. Aktualna wersja 1.0 (1.1 czeka na akceptację) Należy do rodziny SGML. XML XML 1 XML XML (ang. Extensible Markup Language) - Rozszerzalny język znaczników Aktualna wersja 1.0 (1.1 czeka na akceptację) Należy do rodziny SGML. XML to uniwersalny język formalny przeznaczony

Bardziej szczegółowo

Funkcje i instrukcje języka JavaScript

Funkcje i instrukcje języka JavaScript Funkcje i instrukcje języka JavaScript 1. Cele lekcji a) Wiadomości Uczeń : zna operatory i typy danych języka JavaScript, zna konstrukcję definicji funkcji, zna pętlę If i For, Do i While oraz podaje

Bardziej szczegółowo

APLIKACJA WEBOWA Z WYKORZYSTANIEM XUL I PHP

APLIKACJA WEBOWA Z WYKORZYSTANIEM XUL I PHP APLIKACJA WEBOWA Z WYKORZYSTANIEM XUL I PHP Emil Tukindorf, Piotr Wachulski Państwowa Wyższa Szkoła Zawodowa W Chełmie Streszczenie: Artykuł ten ma na celu prezentację nowej technologii wytwarzania aplikacji

Bardziej szczegółowo

Projektowani Systemów Inf.

Projektowani Systemów Inf. Projektowani Systemów Inf. Wykład VII Bezpieczeństwo Copyrights by Arkadiusz Rzucidło 1 Bezpieczeństwo Bezpieczeństwo związane z danymi Konstrukcja magazynów danych Mechanizmy zapisu i modyfikacji danych

Bardziej szczegółowo

JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.

JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript

Bardziej szczegółowo

Szybko, prosto i tanio - ale czy na pewno?

Szybko, prosto i tanio - ale czy na pewno? Szybko, prosto i tanio - ale czy na pewno? Krzysztof Ścira Adrian Gadzina Kilka słów o nas Krzysztof Ścira Absolwent studiów pierwszego stopnia i jednocześnie student studiów 2 stopnia na AGH Zawodowo

Bardziej szczegółowo

Programowanie obiektowe

Programowanie obiektowe Programowanie obiektowe Wykład 7 Marcin Młotkowski 8 kwietnia 2015 Plan wykładu Z życia programisty, część 1 1 Z życia programisty, część 1 2 3 Z życia programisty, część 2 Model View Controller MVC w

Bardziej szczegółowo

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ Systemy baz danych 1. 2 Wstęp do baz danych 2. 2 Relacyjny model baz danych. 3. 2 Normalizacja baz danych. 4. 2 Cechy

Bardziej szczegółowo

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r. Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

Bardziej szczegółowo

Specyfikacja implementacyjna aplikacji serwerowej

Specyfikacja implementacyjna aplikacji serwerowej Projekt: System wspomagania osób studiujących Strona: 1 / 7 Opracowali: Zatwierdzili: Spis treści Damian Głuchowski Krzysztof Krajewski Krzysztof Krajewski dr inż. Sławomir Skoneczny Spis treści... 1 1.

Bardziej szczegółowo

Rozdział 1. Informacje podstawowe

Rozdział 1. Informacje podstawowe Rozdział 1. Informacje podstawowe Książka poświęcona jest podstawom języka HTML HyperText Mark-up Language. Utworzą one solidny fundament, który pozwoli Ci budować nawet skomplikowane strony WWW. Jeśli

Bardziej szczegółowo

Ćwiczenie 8. Kontrolki serwerowe

Ćwiczenie 8. Kontrolki serwerowe Ćwiczenie 8 Temat: Kontrolki serwerowe ASP.NET cz.2 Cel ćwiczenia: W ramach tego ćwiczenie student zapozna się z kolejnymi kontrolkami serwerowymi oraz z metodami ich walidacji, a także z kontrolkami umożliwiającymi

Bardziej szczegółowo

Laboratorium 1: Szablon strony w HTML5

Laboratorium 1: Szablon strony w HTML5 Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony

Bardziej szczegółowo

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 7 jquery Agenda Czym jest jquery? Podstawowe zasady jquery Selektory jquery Model DOM i jquery Zdarzenia

Bardziej szczegółowo

[

]
Materiały dydaktyczne 1/5

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5 PODSTAWOWE INFORMACJE HTML (HyperText Mark-up Language) język programowanie, który pozwala na publikowanie treści w sieci WWW. Nie jest to klasyczny język liniowy (w HTML mamy dostęp w każdym miejscu do

Bardziej szczegółowo