O World Wide Web

O World Wide Web
R. Robert Gajewski
omklnx.il.pw.edu.pl\~rgajewski
[email protected]
Opracowano na podstawie: HTML 4: vademecum profesjonalisty
Internet & WWW
Internet istnieje ponad 30 lat
System WWW wymyślony został przez
Tima Bernes Lee z CERN (Europejski
Instytut Fizyki Cząsteczkowej)
1993 Marc Andressen z NCSA (National
Center for Supercomputing Applications)
napisał program Mosaic
04-1994 - Mosaic Communications Inc
2
03
© 2001, R. Robert Gajewski
Czym jest World Wide Web?
Sieć WWW jest hipertekstowym systemem
informacyjnym
hypertekst umożliwia czytanie i poruszanie się po
dokumencie w sposób nieliniowy
WWW jest siecią rozproszoną
WWW jest systemem graficznym łatwym w
nawigacji
WWW jest siecią wieloplatformową
WWW jest siecią dynamiczną
3
03
© 2001, R. Robert Gajewski
Systemy pomocy kontekstowej
Prosty system pomocy kontekstowej
Pomoc
Pomoc do tematu 2
Pomoc do podtematu 3
4
03
© 2001, R. Robert Gajewski
Systemy pomocy kontekstowej
Złożony system pomocy kontekstowej
Tematy pomocy
Inne szczegóły
Leksykon
Słownik
5
03
© 2001, R. Robert Gajewski
Anatomia prezentacji WWW
Prezentacja WWW - zbiór składający się z jednej
lub wielu stron
Witryna WWW - system w Internecie zawierający
jedną lub więcej prezentacji
Strona WWW - jest pojedynczym elementem
prezentacji WWW i zawarta jest w jednym pliku
Strona główna - jest punktem wyjścia do
pozostałej części prezentacji WWW
6
03
© 2001, R. Robert Gajewski
Sfery wykorzystania WWW
Informacje osobiste
Hobby i zainteresowania
Publikacje - gazety, magazyny…
Prezentacja firm
Dokumentacja elektroniczna
Katalogi towarów i wirtualne sklepy
EDUKACJA
7
03
© 2001, R. Robert Gajewski
Organizacja i nawigacja
Struktura hierarchiczna
8
03
© 2001, R. Robert Gajewski
Organizacja i nawigacja
Struktura liniowa
9
03
© 2001, R. Robert Gajewski
Organizacja i nawigacja
Struktura liniowa z alternatywą
10
03
© 2001, R. Robert Gajewski
Organizacja i nawigacja
Struktura mieszana (liniowo-hierarchiczna)
11
03
© 2001, R. Robert Gajewski
Organizacja i nawigacja
Struktura sieciowa (pajęczyna)
12
03
© 2001, R. Robert Gajewski
Scenopis prezentacji WWW
Podział tematów między strony
Podstawowe sposoby nawigacji między
stronami
Alternatywne sposoby nawigacji miedzy
stronami
Zawartość strony głównej
13
03
© 2001, R. Robert Gajewski
Publikowanie w Sieci
Pisz jasno i bądź zwięzły
Organizuj strony w sposób przejrzysty
podsumowując temat korzystaj z nagłówków,
stosuj listy
nie zapominaj o menu zawierającym połączenia
nie ukrywaj ważnych informacji w tekście
14
03
© 2001, R. Robert Gajewski
Publikowanie w Sieci
Twórz strony, będące samodzielnymi
całościami
tytuły powinny być opisowe
jeśli strony powiązane są tematycznie umieść
na nich odpowiednie połączenia nawigacyjne
unikaj stwierdzeń lub opisów, które odnoszą się
do informacji znajdujących się na innych
stronach
15
03
© 2001, R. Robert Gajewski
Publikowanie w Sieci
Ostrożnie stosuj wyróżnienia
Nie stosuj terminologii typowej dla danego
typu przeglądarek
by zapisać tę stronę otwórz menu File i wybierz
polecenie Save…
skorzystaj z przycisku Back...
Sprawdzaj ortografię i składnię
16
03
© 2001, R. Robert Gajewski
Projektowanie i układ strony
Stosuj nagłówki tylko jako nagłówki
Grupuj informacje wiążące się ze sobą
Stosuj zwarty układ
konsekwentnie stosuj elementy strony
używaj konsekwentnych form nawigacji
17
03
© 2001, R. Robert Gajewski
Stosowanie połączeń
Dbaj o to, by tekst prezentujący połączenia
w menu był opisowy
Umieszczaj połączenia w tekście
Unikaj używania słowa „tutaj”
Rozważ dokładnie, czy dane połączenie jest
konieczne i niezbędne
18
03
© 2001, R. Robert Gajewski
Obrazy i grafika
Nie przesadzaj z liczba obrazów
Stosuj tekst alternatywny
Stosuj małe obrazy
Bądź ostrożny z przyjmowaniem założeń
Nie przesadzaj z kolorami tła i połączeń
19
03
© 2001, R. Robert Gajewski
Inne dobre zwyczaje...
Umieszczaj połączenie do strony głównej
Nie rozdzielaj tematu między różne strony
Wyważ właściwie liczbę stron
Podpisuj swoje strony
20
03
© 2001, R. Robert Gajewski
HTML - co to jest?
SGML - Standard Generalised Markup
Language
HTML - Hyper Text Markup Language
HTML jest językiem opisu strony, a nie
wyglądu poszczególnych jej elementów
przeglądarka po pobraniu pliku z sieci
przetwarza znaczniki HTML, a następnie
formatuje tekst i elementy graficzne i wyświetla
je na ekranie
21
03
© 2001, R. Robert Gajewski
Znaczniki
Znaczniki, to elementy umieszczone wokół
słów, zdań bądź akapitów.
Określają one różne elementy strony i dają
efekty w przeglądarce. Są to informacje
zawarte w nawiasach kątowych < >.
Strony to zwykłe pliki tekstowe zawierające
właściwy tekst strony
znaczniki HTML określające elementy strony,
jej strukturę, sposoby formatowania itp
22
03
© 2001, R. Robert Gajewski
Struktura dokumentu HTML
<HTML> - znacznik, który mówi, ze
zawartość pliku to kod HTML
<HEAD> - wyznacza nagłówek strony
<BODY> - pozostała część strony - tekst
23
03
<HTML>
<HEAD>
<TITLE>Najprostszy dokument…</TITLE>
</HEAD>
<BODY>Tu będzie tekst strony...</BODY>
</HTML>
© 2001, R. Robert Gajewski
HTML - skrót 1000 stron
Hiperpołączenia
Obrazy i ich tworzenie
Dźwięk i obrazy video
Tabele i ramki
Formularze
Skrypty CGI (Common Gateway Interface)
Skrypty w JavaScript
24
03
© 2001, R. Robert Gajewski