Technologia informacyjna PWSW

1 Technologia informacyjna PWSWBezpieczeństwo HTML Multim...
Author: Stefcia Kułak
0 downloads 0 Views

1 Technologia informacyjna PWSWBezpieczeństwo HTML Multimedia Wykład 3

2

3 Programy usługowe: edycja tekstu grafika zestawienia danych i obliczenia (np. arkusz kalkulacyjny) bazy danych wspomaganie programowania w językach programowania programy obsługi multimediów (tworzenie, edycja, odtwarzanie, kodowanie) rozrywka

4 Bezpieczeństwo sieci oprogramowanie antywirusowe firewallszyfrowanie połączeń (transakcje) autentykacja dostępu loginy i hasła, metody biometryczne (odcisk palca, źrenica) tokeny hasła jednorazowe

5 Programy antywirusowe(także antidotum na programy szpiegujące, "konie trojańskie" i in.) Norton AntiVirus ESET NOD 32 AVG AVAST Kaspersky AV BitDefender i inne

6 Zapora sieciowa (ang. firewall – ściana ogniowa)jeden ze sposobów zabezpieczania sieci i systemów przed intruzami Dedykowany sprzęt komputerowy z oprogramowaniem Samo oprogramowanie blokuje niepowołany dostęp do komputera, filtrowanie połączeń wchodzących i wychodzących, odmawianie żądań dostępu uznanych za niebezpieczne. Bardzo ważną funkcją zapory ogniowej jest monitorowanie ruchu sieciowego

7 Kryptografia protokół SSL - HTTPSszyfrowanie asymetryczne – klucz publiczny i prywatny certyfikaty podpis elektroniczny

8 Wprowadzenie do aplikacji WWW• Składniki architektury WWW – serwer HTTP – protokół HTTP – klient HTTP (hyper text transfer protocol) – przeglądarka WWW – język HTML

9 Rys historyczny Projekt Tima Bernersa-Lee dla CERN (1989)• Pierwsza przeglądarka – WorldWideWeb Mosaic • Pierwszy serwer WWW - http

10 Składniki architektury WWWKlient HTTP (przeglądarka WWW) • Serwer HTTP (serwer WWW) • Protokół HTTP

11 Interakcja w środowisku WWW

12 Zadania klienta HTTP (przeglądarka)Inicjowanie połączenia HTTP • Pobieranie interfejsu użytkownika • Prezentacja interfejsu użytkownika • Interakcja z użytkownikiem • Buforowanie odpowiedzi • Kryptografia (szyfrowanie)

13 Zadania serwera HTTP • Obsługa żądań HTTP • Rejestracja żądań• Uwierzytelnianie i kontrola dostępu • Kryptografia (szyfrowanie) • Wybór wersji językowej wysyłanych plików

14 Protokół HTTP • Polecenia tekstowe • Transmisja 8-bitowa• Bezstanowy - nie zachowuje żadnych informacji o poprzednich transakcjach z klientem (po zakończeniu transakcji wszystko "przepada"). Bezsesyjny - to znaczy, że nie zostaje nawiązane połączenie, a każdy dokument jest pobierany osobno

15 Wskaźnik do zasobu w sieci InternetAdresy URL Wskaźnik do zasobu w sieci Internet

16 Dokumenty statyczne i dynamiczneDokument statyczny - gotowy do pobrania plik w systemie plików serwera HTTP – interpretowany i wyświetlany przez przeglądarkę po stronie klienta • Dokument dynamiczny - dokument generowany na żądanie przez program (w językach PHP, ASP, Java, PERL i inne) po stronie serwera HTTP

17 Język HTML • Zapis treści i opis układu graficznego dokumentów w pliku tekstowym – nazwa.html lub nazwa.htm • Rozkazy formatujące zapisane w postaci znaczników • Większość znaczników występuje w parach: znacznik otwierający i znacznik zamykający • Znaczniki mogą posiadać atrybuty sterujące • Komentarze: 17

18 PODSTAWOWA STRUKTURA dokumentu HTML Tytuł w nagłówku okna Tu są elementy pojawiające się na stronie w postaci znaczników konfiguracja treść strony

19 zawartość Znaczniki (tagi) zawartość STRUKTURA dokumentu HTML Tytuł w nagłówku okna Tu są elementy pojawiające się na stronie

20 Onet Przykładowo: Onet atrybut znacznik zamykający znacznik otwierający zawartość Zawartością może być inny znacznik

21 Dokument HTML Plik HTML Pliki załączników (np. grafika) 21

22 Tekst1 Tekst2 Tekst3 Zagnieżdżanie znaczników

Tekst1 Tekst2 Tekst 3

Tekst1 Tekst2 Tekst3 obrazek w komórce tabeli np. UWAGA: ciąg spacji HTML traktuje jak jedną – przy konieczności użycia kilku spacji stosuje się twarde spacje   text            text

23 Znaczniki elementów pustych przykładowo:
wymuszona zmiana wiersza grafika pole formularza można pisać:

lub
lecz zgodnie z XHTML powinno być:
ze spacją

24 Wybrane znaczniki … Akapit tekstowy - znacznik

- Przykłady:

Tytuł

Tytuł2

wybór kroju, koloru, rozmiaru czcionki przez atrybut style i jego cechy – o tym za chwilę Dawniej określał to znacznik ale niezalecany dla nowszych standardów HTML Akapity nagłówkowe określonych gotowych stylów

Nagłówek pierwszy

Nagłówek drugi

Nagłówek trzeci

Nagłówek czwarty
Nagłówek piąty
Nagłówek szósty

25 Linie poziome znacznik HRpusty – nie ma znacznika zamykającego

te atrybuty SIZE WIDTH COLOR i inne – przestarzałe – obecnie stosuje się makroatrybut STYLE
white aqua silver gray blue fuchsia lime red teal olive yellow maroon navy

26 Kolory Oprócz nazw ang. można podawać 3 dwupozycyjne liczby w układzie szesnastkowym (cyfry ABCDEF), określające nasycenie składowych RGB (red, green, blue) od 00 (minimum) do FF (maksimum = 25510) np. #17AACF czyli np. #00FF00 to zielony R G B

27

Litwo, Ojczyzno moja

Styl czcionki tekst pogrubiona tekst kursywa tekst podkreślona Stosuje się tylko lokalnie, np. wewnątrz akapitu dla krótkiego fragmentu tekstu

Litwo, Ojczyzno moja

 tylko jedno słowo pogrubione

28 Kolor tła strony – jako atrybut znacznika BODY poprawniej: motywy lub obrazek w tle strony można zdefiniować innymi parametrami stylu dla BODY – o tym za chwilę

29 Tabele

….
… znacznik wiersza … znacznik kolumny Przykład:
AA AB
BA BB
CA CB

30 Lista wypunktowana Lista numerowana

  • tekst punktu pierwszego
  • tekst punktu drugiego
  • tekst punktu trzeciego
Lista numerowana
  1. tekst punktu pierwszego
  2. tekst punktu drugiego
  3. tekst punktu trzeciego

31

  • Punkt 1.
  • Punkt 2.