Terminy i opis ćwiczeń laboratoryjnych

Tematyka zajęć

1. Język html

• Opis dokumentu html5 i xhtml 1.1 - dyrektywa doctype
• Sprawdzanie poprawności stron www - walidacja dokumentu
• Elementy blokowe, liniowe i listy
• Odsyłacze

2. Arkusze styli CSS

• Arkusze styli CSS - wstępne informacje
• Sprawdzanie poprawności styli CSS - walidacja dokumentu
• Formatowanie elementów blokowych, liniowych i listy
• Wykorzystanie znaczników <table> i <div> do tworzenia szablonów stron www

Zagadnienia do przygotowania na zajęcia

Przydatne linki do stron związanych z laboratorium (na dzień 1.10.2024)

• w3schools.com - Podręczniki i referencje
• Html5 and CSS3 Tutorial
• Html5 Tutorial
• html5Rocks
• Wsparcie przeglądarki dla standardu HTML5

Link do zagadnień realizowanych w trakcie laboratorium

• Link do strony z ćwiczeniami

Tematyka zajęć

1. Język html

• Opis dokumentu html5 i xhtml 1.1 - dyrektywa doctype
• Sprawdzanie poprawności stron www - walidacja dokumentu
• Elementy blokowe, liniowe i listy
• Odsyłacze

2. Arkusze styli CSS

• Arkusze styli CSS - wstępne informacje
• Sprawdzanie poprawności styli CSS - walidacja dokumentu
• Formatowanie elementów blokowych, liniowych i listy
• Wykorzystanie znaczników <table> i <div> do tworzenia szablonów stron www

Zagadnienia do przygotowania na zajęcia

Przydatne linki do stron związanych z laboratorium (na dzień 1.10.2024)

• w3schools.com - Podręczniki i referencje
• Html5 and CSS3 Tutorial
• Html5 Tutorial
• html5Rocks
• Wsparcie przeglądarki dla standardu HTML5

Link do zagadnień realizowanych w trakcie laboratorium

• Link do strony z ćwiczeniami

Tematyka zajęć

1. Tworzenie dokumentów XML

• Opracowanie dokumentów xml
• Weryfikacja poprawności dokumentu xml z wykorzystaniem parserów wbudowanych w przeglądarki
• Weryfikacja poprawności dokumentu xml z wykorzystaniem aplikacji dostępnych na serwerze Pascal.

2. Tworzenie dokumentów DTD

• Opracowanie dokumentów dtd do wcześniej opracowanych dokumentów xml.
• Walidacja dokumentów xml z wykorzystaniem walidatorów dostępnych na serwerze Pascal.

3. Prezentacja dokumentu XML z wykorzystaniem style CSS

• Opis węzłó XML stylami CSS

4. Język XPath

• Wyszukiwanie węzłów XML przy pomocy XPath

Zagadnienia do przygotowania na zajęcia

Język XML - podstawowe założenia

• w3schools.com - XML
• XML Basics - An Introduction to XML

Parsowanie i walidacja dokumentu XML

• Wikipedia - Język XML

Język XPath - podstawowe założenia

• w3schools.com - XPath Tutorial
• tutorialspoint.com - XPath Tutorial

Link do zagadnień realizowanych w trakcie laboratorium

• Link do strony z ćwiczeniami

Tematyka zajęć

1. Transformacja dokumentów XML z wykorzystaniem arkuszy XSL

• Sprawdzanie poprawności dokumentów XSL
• Przetwarzanie dokumentów XML w oparciu o arkusze XSL przy pomocy przeglądarki
• Przetwarzanie dokumentów XML i XSL z wykorzystaniem programu xsltproc, xmlstarlet.

2. Grafika SVG

• Standard SVG
• Przetwarzanie grafiki SVG w szablonach XSL

Zagadnienia do przygotowania na zajęcia

Przetwarzanie dokumentów XML - XSLT

• tutorialspoint.com - XSLT Tutorial
• w3schools.com - XSLT Tutorial
• ibm.com - Introduction to XSLT
• XSLT Tutorial - Basics

Link do materiałów

Opis zadań realizowanych w trakcie zajęć

• Link do strony z ćwiczeniami

Tematyka zajęć

1. DOM i ECMAScript

• Skrypty JavaScript w kodzie stron www
• Elementy aktywne na stronie www - obsługa zdarzeń
• Nawigacja po węzłach drzewa DOM
• Funkcje innerHTML i appendChild
• Modyfikacja styli przy pomocy zdarzeń JavaScript

2. JavaScript w formularzach w serwisie WWW

• Elementy i atrybuty w formularzach
• Walidacja formularzy - obsługa zdarzeń

Zagadnienia do przygotowania na zajęcia

1. Struktura dokumentu HTML - model DOM.

2. Nawigacja w modelu DOM ( wyszukiwanie elementów w drzewie DOM ).

3. Język JavaScript w dokumencie HTML (położenie skryptu w dokumencie HTML, obsługa zdarzeń poprzez JavaScript, obsługa elementów z języka JavaScript)

• JavaScript tutorial
• The JavaScript Tutorial

Materiały do zajęć

Opis zagadnień do realizacji w trakcie laboratorium

• Link do strony z ćwiczeniami

Tematyka zajęć

1. CGI

• Technologia CGI: pliki INPUT, OUTPUT i ERROR oraz zmienne środowiskowe
• Przesłanie danych na serwer - metody get i post
• Modyfikacja parametrów protokołu HTTP przy pomocy skryptów CGI
• Ciasteczka i utrzymywanie parametrów sesji w skryptach CGI
• Szablony w skryptach CGI

Zagadnienia do przygotowania na zajęcia

Składnia elementu <form> - znaczenie atrybutów i podelementów.

• w3schools.com - HTML Forms
• Mozilla Developer Network - <form>
• sitepoint.com - Form Elements
• W3C - Forms

Protokół http: definicja protokołu, opis zapytania i odpowiedzi, metody HTTP i kody odpowiedzi HTTP.

• W3C - HTTP - Hypertext Transfer Protocol
• W3C - Hypertext Transfer Protocol - HTTP/1.1
• Hypertext Transfer Protocol (HTTP) Status Code Registry
• TCP/IP Hypertext Transfer Protocol (HTTP)
• sitepoint.com - HTTP Tutorial

Link do materiałów

Opis zadań realizowanych w trakcie zajęć

• Link do strony z ćwiczeniami

Tematyka zajęć

1. Podstawy AJAX

• Obiekt XMLHttpRequest w skrypcie JavaScipt
• Obsługa odpowiedzi typu - text, XML, HTML i JSON
• Obsługa metod GET i POST protokołu HTTP w ramach technologii AJAX

Zagadnienia do przygotowania na zajęcia

1. Obiekt XMLHttpRequest - atrybuty i metody

• Using XMLHttpRequest
• New Tricks in XMLHttpRequest2

2. XMLHttpRequest - przesyłanie danych metodą GET i POST.

• Sending forms through JavaScript
• Using FormData to send forms with XHR as key/value pairs

Link do materiałów

Opis zadań realizowanych w trakcie zajęć

• Link do strony z ćwiczeniami

Tematyka zajęć

Obsługa formularzy, sesje, uwierzytelnianie, szablony

• Język php - obiektowo czy proceduralnie
• Tablice globalne
• Przetwarzanie formularzy
• Sesje
• Uwierzytelnienie w serwisie WWW
• Przetwarzanie danych XML
• Szablony w php

Baza danych klucz - wartość (Berkeley DB)

• Interfejs dbm w języku php

Materiały do zajęć

Opis zagadnień do realizacji w trakcie laboratorium

• Link do strony z ćwiczeniami