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