Technologie WWW
Technologie po stronie serwera
Technologie generacji po stronie serwera (server side) - dynamiczne tworzenie przez serwer strony WWW na potrzeby użytkownika.
PHP (Personal Home Page)
ASP (Active Server Pages)
JSP (Java Serwer Pages)
SSI (Server Side Include)
CGI (Common Gateway Interface)
Servlety
Serwery aplikacji
TAI LJ
1
Technologie po stronie klienta
Technologie prezentacji po stronie klienta (client side) – przedstawienie utworzonej (po stronie servera) treści strony w interfejsie użytkownika.
(X)HTML (Extensible HyperText Markup Language)
XML (Extensible Markup Language)
CSS (Cascading Style Sheets)
JavaScript, VBScript (Visual Basic Scripting Edition)
AJAX (Asynchronous JavaScript and XML)
Flash
Aplety Javy
TAI LJ
Standardy warstwy prezentacyjnej
Elementarne standardy dla warstwy prezentacyjnej w systemie WWW to języki znaczników.
Grupy standardów:
1.
Protokoły zapewniające transfer danych pomiędzy komputerami 2.
Protokoły aplikacyjne realizujące różnorodną specjalizowaną funkcjonalność 3.
Standardy formatów wymienianych w Sieci danych.
Wymagania warstwy prezentacyjnej:
Względna czytelność źródeł i prostota ich tworzenia
Elastyczność i modyfikowalność zastosowania formatowań do dokumentu
Akceptowalna wydajność przesyłania i przetwarzania przez oprogramowanie
Możliwość programistycznej modyfikacji struktury
Możliwość osadzania w dokumentach kodów programów oraz innych mediów.
TAI LJ
2
Języki uogólnionego znakowania
SGML / HTML / XHTML
GML
SGML
XML
Metajęzyki
HTML
Języki
SMIL
SVG
AJAX
XHTML
XAML
MathML
SOAP
TAI LJ
SGML / HTML / XHTML
SGML (Standard Generalized Markup Language) - Standardowy Uogólniony Język Znaczników
SGML - metajęzyk, służy do definiowania języków znacznikowych
SGML- Międzynarodowy standard, dotyczący strukturalizacji dokumentów elektronicznych (ISO 8879)
SGML - szeroki zasób możliwości, elastyczny, wysoki stopień złożoności.
TAI LJ
3
SGML / HTML / XHTML
HTML – powstał na bazie SGML. Rozwiązał problem złożoności SGML poprzez zdefiniowanie zestawu strukturalnych i semantycznych znaczników
Wersje języka HTML - HTML 4.0 (1997 r.), HTML 4.01 (1999 r.)
XML (2000r.) – powstał na bazie SGML (ograniczona postać SGML)
XHTM1.0 (2000r.) - przeformułowanie HTML4, rodzina typów dokumentów, które kopiują i rozszerzają HTML4
XHTML1.1 ( 2001 r.) - wersja XHTM1.0
XHTML2 (2009 r.) - standard W3C (zerwanie z kompatybilnością wstecz do HTML)
HTML5.0 (2008r.) – standard WHATWG (Web Hypertext Application Technology Working Group).
TAI LJ
Zastosowania XML
SMIL (Synchronized Multimedia Integration Language)
XHTML (Extensible HyperText Markup Language)
SVG (Scalable Vector Graphics)
MathML (Mathematical Markup Language)
XAML (Extensible Application Markup Language)
GML
AJAX (Asynchronous JavaScript and XML)
SOAP (Simple Object Access Protocol)
SGML
XML
HTML
SMIL
SVG
AJAX
XHTML
XAML
MathML
SOAP
TAI LJ
4
XML/ HTML / XHTML
Obecnie zalecane: HTML 4.01, XHTML 1.0, XHTML 1.01
Obecnie opracowywane:
-
HTML 5 - nowe zastosowania (video, canvas), wzbogacenie struktury (article, aside),
-
XHTML 2.0 – duża zmiana zestawu znaczników, odwołania do zewnętrznych standardów (np. XForms),
Przywrócenie funkcji języka znaczników: XHTML - opisywanie wyłącznie struktury i semantyki dokumentów
Znaczniki HTML:
- Strukturalne: h1-h6,p,ol,ul,li,dl,dt,dd,table,tr,td,th ...
- Semantyczne: q,dfn,code…
- Formatujące: b,i,font,centerI .
TAI LJ
XHTML
XHTML - główne idee:
XML zamiast SGML (łatwiejsze parsowanie)
Modularyzacja (podział znaczników na grupy)
Wykorzystanie przestrzeni nazw
Wykorzystanie istniejących standardów (XForms, SVG, MathML, . . . ),
Dodawanie własnych znaczników
TAI LJ
5
XHTML
1. Strict XHTML 1.0 - wykorzystuje składnię XHTML, wymaga przestrzegania reguł obowiązujących dla dokumentów XML
2. Transitional XHTML 1.0 - pozwala na kontynuowanie korzystania ze znaczników dostępnych w wersji HTML 4
3. Frameset XHTML 1.0 - umożliwia tworzenie dokumentów z wykorzystaniem ramek zgodnych ze składnią XML
TAI LJ
Strict XHTML
Używa składni XML, w dokumentach wymagane jest przestrzeganie reguł
dowolnego języka zgodnego z XML.
Nie zawiera żadnych znaczników do definiowania stylu, takich jak elementy <center> i <font>, ani atrybutów, takich jak bgcolor i color, nie obsługuje ramek.
Obowiązuje osobna definicja typu dokumentu (Document Type Definition, DTD).
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.0 Strict//EN``
``http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> TAI LJ
6
Transitional XHTML
Wykorzystano nową składnię języka XML. Wersja pozwala na kontynuowanie korzystania ze wszystkich elementów i atrybutów, które były dostępne HTML 4.
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.0 Transitional//EN``
``http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> TAI LJ
Frameset XHTML
Wersja umożliwia kontynuowanie używania ramek, jednocześnie wymaga przestrzegania reguł składni języka XML.
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.0 Frameset//EN``
``http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd”> TAI LJ
7
Struktura dokumentu XHTML
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.0 Transitional//EN``
``http://ww.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd``>
<html>w
<head>
<meta http-equiv=”Content-Type” content=”txt/html; charset=iso-8859-2”/>
<meta name=”Description” content=”opis zawartości trony”/>
<meta name=”Keywords” content=”wyrazy kluczowe”/>
<meta name=”Autor” content=”dane autora strony”/>
<title> tytuł strony </title>
</head>
<body>
Treść strony
</body>
</html>
TAI LJ
DTD
Ścisła kontrola dokumentu (strict DTD) zwiera elementy i atrybuty, które nie są zdeprecjonowane oraz nie pojawiają się w dokumentach z ramkami.
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.0 Strict//EN``
``http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd``> Deklaracja dokumentu dla ramek (Frameset DTD) zwiera wszystko co w Transitional DTD oraz elementy odnoszące się do ramek.
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.0 Frameset//EN``
``http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd``> Ścisła deklaracja dokumentu XHTML1.1 (obecnie zalecana).
<!DOCTYPE html PUBLIC ``-//W3C//DTD XHTML 1.1 //EN``
``http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd``>
TAI LJ
8