TI/Internet pasywnie: Różnice pomiędzy wersjami
(→TI/WWW) |
|||
| (Nie pokazano 8 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
| Linia 1: | Linia 1: | ||
| − | ==WWW== | + | ==[[%22Technologia_informacyjna%22|TI/]]WWW== |
Jedną z podstawowych funkcji internetu jest funkcja | Jedną z podstawowych funkcji internetu jest funkcja | ||
informacyjna. Dostęp do niej mamy poprzez WWW — World Wide | informacyjna. Dostęp do niej mamy poprzez WWW — World Wide | ||
| Linia 7: | Linia 7: | ||
(konkretnie zrobił to Tim Bernes-Lee) na potrzeby wewnętrzne prototyp | (konkretnie zrobił to Tim Bernes-Lee) na potrzeby wewnętrzne prototyp | ||
systemu informacyjnego umożliwiającego wygodny dostęp do różnorodnych | systemu informacyjnego umożliwiającego wygodny dostęp do różnorodnych | ||
| − | danych tej organizacji. | + | danych tej organizacji. |
| + | |||
===Wskazywanie zasobów WWW=== | ===Wskazywanie zasobów WWW=== | ||
| Linia 32: | Linia 33: | ||
Czyli w ogólności, URL składa się, kolejno od lewej, z: | Czyli w ogólności, URL składa się, kolejno od lewej, z: | ||
| − | * rodzaju usługi/zasobu (np.FTP, HTTP, HTTPS) | + | * rodzaju usługi/zasobu (np. FTP, HTTP, HTTPS) |
| − | * adresu komputera | + | * adresu komputera (serwera), na którym zasób jest dostępny (IP lub symbolicznego) |
* ścieżki dostępu do pliku | * ścieżki dostępu do pliku | ||
Na przykład ftp://brain.fuw.edu.pl/pub/plik.txt oznacza, że plik o nazwie plik.txt (rozszerzenie .txt sugeruje tekst ASCII) znajduje się w katalogu /pub komputera brain.fuw.edu.pl i jest dostępny za pośrednictwem usługi ftp. Ftp to ''file transfer protocol'', czyli protokół transferu plików. Dostęp do tego pliku (oczywiście przez Internet) możemy uzyskać za pomocą specjalnego programu-klienta ftp, ale jak w przypadku większości usług wystarczy też po prostu wpisać URL w polu przeglądarki, w którym wpisujemy adresy stron WWW. | Na przykład ftp://brain.fuw.edu.pl/pub/plik.txt oznacza, że plik o nazwie plik.txt (rozszerzenie .txt sugeruje tekst ASCII) znajduje się w katalogu /pub komputera brain.fuw.edu.pl i jest dostępny za pośrednictwem usługi ftp. Ftp to ''file transfer protocol'', czyli protokół transferu plików. Dostęp do tego pliku (oczywiście przez Internet) możemy uzyskać za pomocą specjalnego programu-klienta ftp, ale jak w przypadku większości usług wystarczy też po prostu wpisać URL w polu przeglądarki, w którym wpisujemy adresy stron WWW. | ||
| Linia 40: | Linia 41: | ||
W tym przypadku /~durka to standardowe oznaczenie katalogu domowego (''home directory'') użytkownika durka — konkretnie części tego katalogu, zawierającej pliki dostępne przez WWW. Znajduje się w nim plik infor.html, dostępny przez usługę http, czyli Hypertext Transfer Protocol — służący do pobierania dokumentów hipertekstowych jakimi są zasoby WWW. | W tym przypadku /~durka to standardowe oznaczenie katalogu domowego (''home directory'') użytkownika durka — konkretnie części tego katalogu, zawierającej pliki dostępne przez WWW. Znajduje się w nim plik infor.html, dostępny przez usługę http, czyli Hypertext Transfer Protocol — służący do pobierania dokumentów hipertekstowych jakimi są zasoby WWW. | ||
| + | |||
| + | <!-- | ||
Dokładną definicję protokoły HTTP można przeczytać w dokumencie RFC 2616. | Dokładną definicję protokoły HTTP można przeczytać w dokumencie RFC 2616. | ||
| Linia 49: | Linia 52: | ||
====URL c.d.==== | ====URL c.d.==== | ||
| − | + | --> | |
Większość przeglądarek akceptuje niekompletne URL, nie wymagając | Większość przeglądarek akceptuje niekompletne URL, nie wymagając | ||
podania przedrostka http://. | podania przedrostka http://. | ||
| Linia 172: | Linia 175: | ||
===HTML: język WWW=== | ===HTML: język WWW=== | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | Materiały do samodzielnej nauki składni HTML można łatwo znaleźć w Internecie, np. http://www.w3schools.com/html/ | ||
| + | <!-- | ||
Materiały na temat dobrych praktyk projektowania stron WWW i nie tylko: | Materiały na temat dobrych praktyk projektowania stron WWW i nie tylko: | ||
| Linia 189: | Linia 188: | ||
* Attached > Użyteczność — http://www.aresluna.org/attached/usability | * Attached > Użyteczność — http://www.aresluna.org/attached/usability | ||
* W głąb dostępności — Dive Into Accessibility — http://mimas.ceti.pl/dia/ | * W głąb dostępności — Dive Into Accessibility — http://mimas.ceti.pl/dia/ | ||
| + | --> | ||
Podstawowa struktura dokumentu HTML: | Podstawowa struktura dokumentu HTML: | ||
<source lang="html4strict"> | <source lang="html4strict"> | ||
| − | < | + | <html> |
| − | |||
| − | |||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| Linia 207: | Linia 205: | ||
</html> | </html> | ||
</source> | </source> | ||
| + | |||
| + | |||
| + | |||
| + | <div align="right"> | ||
| + | [[TI/Internet od środka|⬅]] [[Technologie informacyjne i komunikacyjne|⬆]] [[TI/Internet pasywnie_II|⮕]] | ||
| + | </div> | ||
Aktualna wersja na dzień 14:59, 3 gru 2025
TI/WWW
Jedną z podstawowych funkcji internetu jest funkcja informacyjna. Dostęp do niej mamy poprzez WWW — World Wide Web. Jak większość rzeczy w informatyce, początki WWW wywodzą się ze środowiska fizyków. We wczesnych latach 90-tych w CERN zbudowano (konkretnie zrobił to Tim Bernes-Lee) na potrzeby wewnętrzne prototyp systemu informacyjnego umożliwiającego wygodny dostęp do różnorodnych danych tej organizacji.
Wskazywanie zasobów WWW
World Wide Web składa się ze stron internetowych — hipertekstów, w których możemy wędrować po hiperłączach. Tylko skąd właściwie wiadomo jak wskazywać konkretne witryny internetowe?
Z pomocą przychodzi nam URL — Uniform Resource Locator, sposób identyfikacji zasobów dostępnych w internecie, NIE tylko stron WWW!
URL
Uniform Resource Locator, czyli Uniwersalny Lokalizator Zasobów, to globalnie jednoznaczna identyfikacja pliku (lub usługi) i sposobu dostępu. Najczęściej spotykamy się z adresami URL wpisywanymi w przeglądarce. Przyjrzyjmy się jak wygląda standardowy adres wpisywany w pole przeglądarki:
Można go podzielić na dwie części: "http://" specyfikuje nam protokół zgodnie z jakim program, jakim jest przeglądarka internetowa, ma pobierać dane, "www.fuw.edu.pl" to adres serwera na którym pobierany zasób się znajduje.
Czyli w ogólności, URL składa się, kolejno od lewej, z:
- rodzaju usługi/zasobu (np. FTP, HTTP, HTTPS)
- adresu komputera (serwera), na którym zasób jest dostępny (IP lub symbolicznego)
- ścieżki dostępu do pliku
Na przykład ftp://brain.fuw.edu.pl/pub/plik.txt oznacza, że plik o nazwie plik.txt (rozszerzenie .txt sugeruje tekst ASCII) znajduje się w katalogu /pub komputera brain.fuw.edu.pl i jest dostępny za pośrednictwem usługi ftp. Ftp to file transfer protocol, czyli protokół transferu plików. Dostęp do tego pliku (oczywiście przez Internet) możemy uzyskać za pomocą specjalnego programu-klienta ftp, ale jak w przypadku większości usług wystarczy też po prostu wpisać URL w polu przeglądarki, w którym wpisujemy adresy stron WWW.
Inny przykład URL to http://brain.fuw.edu.pl/~durka/infor.html.
W tym przypadku /~durka to standardowe oznaczenie katalogu domowego (home directory) użytkownika durka — konkretnie części tego katalogu, zawierającej pliki dostępne przez WWW. Znajduje się w nim plik infor.html, dostępny przez usługę http, czyli Hypertext Transfer Protocol — służący do pobierania dokumentów hipertekstowych jakimi są zasoby WWW.
Większość przeglądarek akceptuje niekompletne URL, nie wymagając podania przedrostka http://.
Dalej występuje nazwa komputera, składająca się z kilku nazw oddzielonych kropkami. W pełnej nazwie komputera powinny występować, kolejno od prawej:
- symbol kraju: pl, de, uk itd. — nie dotyczy USA,
- rodzaj instytucji: com — firma, edu — uczelnia, gov — rządowa itd.,
- nazwa instytucji,
- nazwa komputera (często www)
Na przykład czytany od prawej adres www.fuw.edu.pl mówi nam, że komputer znajduje się w Polsce (pl), należy do uczelni (edu) określającej się jako fuw (Fizyka, Uniwersytet Warszawski), wreszcie jest serwerem WWW.
HTML: język WWW
Materiały do samodzielnej nauki składni HTML można łatwo znaleźć w Internecie, np. http://www.w3schools.com/html/
Podstawowa struktura dokumentu HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tytuł strony</title>
</head>
<body>
Treść strony.
</body>
</html>
