Przedmiot: Grafika komputerowa i projektowanie stron WWW

Transkrypt

1 KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz

2 Internet (skrótowiec od ang. inter-network, dosłownie między-sieć ) inform. - ogólnoświatowa sieć komputerowa, łącząca lokalne sieci, korzystające z pakietowego protokołu komunikacyjnego TCP/IP, mająca jednolite zasady adresowania i nazywania węzłów (komputerów włączonych do sieci) oraz protokoły udostępniania informacji. Encyklopedia PWN

3 Sieć komputerowa grupa komputerów lub innych urządzeń połączonych ze sobą w celu wymiany danych lub współdzielenia różnych zasobów np.: Urządzeń np.: drukarek, skanerów, Oprogramowania, Bazy danych, Przesyłania informacji między komputerami.

4

5 witryny WWW (od 1990 roku), poczta elektroniczna (od 1971 roku), przesyłanie plików (ftp), aplikacje internetowe (webowe), wymiana plików (p2p), komunikatory, media strumieniowe, telefonia internetowa (VOIP), portale społecznościowe,...

6 Witryna (serwis) WWW zbiór składający się z jednej lub kilku stron WWW Strona WWW to dokument utworzony za pomocą języka HTML (ale nie tylko) umieszczony na serwerze WWW udostępniony przy pomocy sieci Internet Przeglądarka WWW specjalny program (klient) służący do pobierania i zobrazowania na ekranie monitora stron WWW Serwer WWW program świadczący usługi udostępniania stron WWW

7 1945- Vannevar Bush socjolog tworzy koncepcję systemu łączącego dokumenty za pomocą hiperłączy, 1962 Doug Engelbart współwynalazca myszy buduje system online, stanowiący pierwowzór wszystkich interfejsów opartych na odnośnikach, 1965 Ted Nelson socjolog publikuje koncepcję zdecentralizowanej sieci komputerów z podłączeniami między dokumentami,

8 Tim Berners-Lee opracowuje protokół HTTP stanowiący podstawę stron WWW, 1990 pierwsza przeglądarka krótko po uruchomieniu przez Tima Berners-Lee pierwszego serwera stron internetowych jego zespół tworzy pierwszą przeglądarkę tekstową, 1991 WorldWideWebBrowser w CERN powstaje pierwsza przeglądarka graficzna, działająca jednak wyłącznie na komputerach NeXT, 1993 Mosaic Marc Andreesen udostępnia pierwszą przeglądarkę systemu Windows, 1994 Nescape na rynek wkracza najpopularniejsza przeglądarka lat 90.

9 1995 Internet Explorer Microsoft prezentuje własną przeglądarkę internetową, 1996 Opera pojawia się następca przeglądarki InternetWorks, do 2005 roku program jest płatny, 1997 organizacja World Wide Web Consortium (W3C) opracowała specyfikację języka HTML 3.2,

10 1997 odtwarzacz Flash odtwarzacz Flash skonstruowany przez Adobe umożliwia umieszczanie na stronach filmów, animacji i gier, 2003 Safari Apple udostępnia własną przeglądarkę internetową. Dotychczas użytkownicy OS X musieli korzystać z innych narzędzi, 2004 Firefox wejściu na rynek tej przeglądarki na licencji open source towarzyszy wielka kampania reklamowa. Program bardzo szybko staje się popularny Chrome Google wchodzi na rynek przeglądarek i zapowiada zatarcie granicy między lokalnym systemem a Internetem,

11 Internet Explorer wersja 1.0 w 1995 rok, ostatnia wersja 11 z 2013 rok, nastepca Microsoft Edge od 2015 roku (od Windowsa 10). Google Chrom wersja 0.2 w 2008 roku, aktualna wersja 57. Firefox wersja 0,2 w 2002 roku, aktualna wersja 54. Opera wersja 1.0 w 1995 roku, aktualna wersja 42. Safari wersja 1.0 w 2003 roku, komputery Apple, obecnie również z systemem Windows, aktualna wersja 10.

12 Google Chrome 57,89% Mozilla Firefox 14,16% Internet Explorer 10,71% Safari 9,64% Opera 1,72% *dane z czerwca 2016 według serwisu StatCounter

13 Serwer WWW http/https Przeglądarka WWW np. Apache np. Firefox

14 HTTP (ang. Hypertext Transfer Protocol) protokół przesyłania dokumentów hipertekstowych HTTPS (ang. HyperText Transfer Protocol Secure) to szyfrowana wersja protokołu HTTP

15 adres domeny adres serwera index.htm główna strona witryny

16 Domain Name System jest rozproszonym, hierarchicznym systemem konwersji nazw komputerów na adresy IP. Nie ma centralnej bazy danych zawierającej całość informacji o komputerach w Internecie. Takich informacji udzielają tysiące tzw. serwerów nazw

17 Baza danych DNS ma strukturę drzewa i jest podzielona na strefy; korzenie stanowią odpowiednik katalogu głównego (root). Aby znaleźć informację o jakiejś domenie, trzeba przejść od domeny głównej (root), przez podrzędne, do docelowej. Każdej nazwie domeny odpowiada jeden węzeł w hierarchii DNS

18

19 Bezpośrednio pod domeną główną znajdują się domeny wysokiego poziomu Top Level Domains (TLDs). Są dwa ich rodzaje: geograficzne (według ISO , tak zwane cctlds), na przykład.pl, oraz organizacyjne. Siedem pierwotnych domen organizacyjnych nazywa się generycznymi TLDs.

20

21 NASK Naukowa i Akademicka Sieć Komputerowa Krajowy Rejestr Domen europejski rejestr domen ICANN Internet Corporation for Assigned Names and Numbers

22 Primary name serwer Secondary name serwer Pamięć cache

23

24 adres domeny adres serwera index.htm główna strona witryny

25 identyfikator protokołu adres serwera (tekstowy lub numeryczny) pełna nazwa serwera: ka[:hasło]]] ścieżka dostępu do dokumentu, np. /pub/os/linux/ nazwa dokumentu np. index.htm, default.htm dodatkowy parametr, np.?userid=3211

26 niepoprawne zapytania: 400 syntax error authentication needed 403 accces ddenied 404 not found odmowa dostępu 301 moved premanently 302 moved temporarily 304 not changed

27 Ciasteczka niewielkie informacje tekstowe, wysyłane przez serwer WWW i zapisywane po stronie użytkownika na twardym dysku Przeznaczenie odróżnianie osób w bezstanowym protokole HTTP.

28 Rodzaje ciasteczek: trwałe, sesyjne (tymczasowe) cookies firm podstawowych, cookies firm trzecich

29 Wykorzystanie ciasteczek: - koszyk zakupów, - przenoszenie loginu i hasła między podstronami, - dostosowanie serwisu do użytkownika, - sondy i liczniki internetowe, -...

30 Ciemna strona ciasteczek: - naruszanie prywatności użytkownika, - śledzenie zachowań użytkownika, - przekazywanie ciasteczek firmom trzecim, -...

31 Właściciele serwisów internetowych mają obowiązek informowania użytkowników strony o plikach, które serwis umieszcza w komputerze użytkownika i w jakim celu to robi. Konieczna jest zgoda użytkownika. Obowiązkowa procedura pozyskiwania zgody na stosowanie cookies wynika z przepisów znowelizowanej ustawy Prawa Telekomunikacyjnego, która wchodzi w życie 22 marca 2013 roku. Nowelizacja ta bazuje na ogólnych wytycznych Parlamentu Europejskiego, jednak poszczególne kraje Unii Europejskiej samodzielnie wypracowują przepisy szczegółowe.

32 Wyszukiwarka Internetowa (ang. search engine)- to portal Internetowy z odpowiednim oprogramowaniem ułatwiająca użytkownikom odnalezienie interesujących ich informacji w Internecie. Rodzaje wyszukiwarek: oparte na analizie treści strony oparte na analizie topologii sieci oparte na ocenie komercyjnej lub specjalistycznej

33 Pozycjonowanie stron optymalizacja stron mająca na celu umieszczenie jej na najwyższej pozycji w wyszukiwarkach internetowych Pozycjonowanie realizowane jest przez: odpowiedni dobór słów kluczowych optymalizację kodu optymalizacje treści dobranie struktury i wewnętrznych linków

34 Nieetyczne techniki pozycjonowania: Duże nagromadzenie słów kluczowych Słowa kluczowe niezgodne z treścią Ukrywanie słów kluczowych, Cloaking (ang. cloak płaszcz) spreparowanie strony dla robotów wyszukiwarek

35 RSS (Really Simple Syndication) to po prostu naprawdę prosta dystrybucja. RSS w głównej mierze służy właścicielom stron internetowych do informowania użytkowników / czytelników o nowych treściach na stronie. Przeglądanie RSS: specjalne czytniki, serwisy internetowe przeglądarki internetowe

36 HTML Hyper Text Markaup Language skrypty: client-side Java Script, serwer-side ASP, CGI, PHP

37 proste edytory tekstów, FrontPage (składnik pakietu Microsoft Office), Pajączek polski program edycji stron, Adobe Dreamweaver, i wiele innych.

38 1. Projekt 2. Realizacja 3. Transfer strony i plików pomocniczych na serwer WWW 4. Testowanie 5. Konserwacja i aktualizacja