Wstęp do baz danych - język HTML

1 Wstęp do baz danych - język HTMLDr Andrzej Bąk ...
Author: Czesław Dziedzina
0 downloads 2 Views

1 Wstęp do baz danych - język HTMLDr Andrzej Bąk

2 Cele zajęć, program. Celem zajęć jest zaprezentowanie narzędzi do tworzenia oraz dostępu do baz danych. Wykorzystywane będą bezpłatne narzędzia. Wykład będzie omawiał trzy zagadnienia: Język HTML Baza danych MySQL Programowanie w PHP

3 Internet i WWW Wcześniejsza wersja sieci komputerów głównie placówek naukowych, rządowych - BITNET Internet ogólnoświatowa i obecnie ogólnodostępna sieć komputerowa. W Polsce ~ od roku 1989 WWW (World Wide Web) - strony internetowe i inne zasoby dostępne w Internecie na komputerach zwanych serwerami (z uwagi na zainstalowane na nich oprogramowanie).

4 Po co te informacje w Internecie?Nauka i wymiana informacji naukowej Wiadomości i polityka Reklama i handel (strony firmowe, sklepy i giełdy internetowe) Rozrywka (muzyka, filmy, zdjęcia, gry, teksty, „chat”) Tematyczne bazy danych, biblioteki Prywatne informacje dla przyjaciół i znajomych (strony prywatne)...itp.

5 Co to właściwie jest Web?Termin "Web" pochodzi od World Wide Web i oznacza sieć, ale nie jest to sieć rozumiana jako infrastruktura, tylko bardziej ogólnie jako sposób komunikowania się z odległymi komputerami. Web jest właściwie kombinacją: protokołów komunikacyjnych np. TCP/IP, HTTP, FTP, POP3 kilku rodzajów programów: przeglądarki internetowe – interpretatory HTML, serwery www, serwery ftp, serwery pocztowe oraz, Internetu rozumianego jako układ serwerów i łącz umożliwiających wymianę informacji pomiędzy komputerami. Klasyczne protokoły, których pierwowzorem był protokół teleksu, składają się z trzech części: procedury powitalnej (tzw. "handshake"), która polega na przesłaniu wzajemnej podstawowej informacji o łączących się urządzeniach, ich adresu (np. nr telefonu), szybkości i rodzaju transmisji itd. właściwego przekazu danych procedury analizy poprawności przekazu (np. sprawdzania sum kontrolnych) połączonej z procedurą pożegnania, żądaniem powtórzenia transmisji lub powrotem do procedury powitalnej Protokoły służące programom komputerowym do porozumiewania się między sobą poprzez Internet są określone przez IETF w dokumentach zwanych RFC. Przesyłanie danych komputerowych to niezwykle trudny proces, dlatego rozdzielono go na kilka "etapów", warstw. Warstwy oznaczają w istocie poszczególne funkcje spełniane przez sieć. Najbardziej powszechny sposób organizacji warstw komunikacji sieciowej to Model OSI. Popularne protokoły wysokopoziomowe (aplikacyjne) i ich standardowe porty: DNS – 53 – protokół tłumaczenia adresów opisowych na „cyfrowe” FTP – 21 HTTP – 80, dodatkowe serwery, np. proxy, są najczęściej umieszczane na porcie 8080 HTTPS – 443 (HTTP na SSL) IRC – 6667 NNTP – 119 POP3 – 110 SPOP3 – 995 (POP3 na SSL) SMTP – 25 SSH – 22 Telnet – 23

6 Przeglądarki InternetoweProgramy, które mogą interpretować zakodowane strony WWW (język opisu strony HTML) i wyświetlać zawarte na nich informacje (tekst, grafikę, multimedia). Wybrane przeglądarki internetowe: Internet Explorer Mozilla Firefox Opera Netscape Communicator ( ) Przeglądarki wbudowane w programy (Word)

7 Co to jest HTML? HTML HyperText Markup Language dosłownie język znaczników hipertekstowych używany do opisu stron Internetowych (stron WWW). Pozycjonowanie elementów strony odbywa się względem marginesów lub innych elementów strony Polecenia HTML zawarte są pomiędzy nawiasami <> zawartość strony / oznacza zakończenie polecenia, formatu.

8 Przykładowe edytory HTMLPajączek Macromedia Dreamweaver Microsoft FrontPage Dowolny edytor tekstowy np. Notatnik

10 Prosta strona internetowa </span> <span class='tr'>Tytuł mojej pierwszej strony</span> <span class='tr'> Tutaj umieszczam informacje,

11 Polecenie lub służy głownie do określenia sposobu kodowania znaków (polskich liter) na stronie WWW, ale ma też inne funkcje.

12 informacja, jakiego języka używa się na stronie informacja o autorze strony informacja o używanym edytorze (zwykle wstawiana przez producenta nakazanie odświeżania strony co x sekund (np. dla stron z wiadomościami)

13 Formatowanie tekstu - PODSTAWY

umieszczenie tekstu na środku strony

nowy akapit

 nowa linia zaczyna się po
linia pozioma do oddzielenia tekstu i druga linia pozioma
 przykład …..

14

pozioma linia
może zawierać parametry
ewentualnie COLOR=#0000ff

15 Podstawowe kolory navy blue teal aqua black silver gray whitegreen lime olive yellow maroon red purple fuchsia

16 Czcionki Wybór rozmiaru czcionki dla nagłówkanagłówek n=1..6 Wybór rozmiaru, typu i koloru czcionki tekst napisany tą czcionką n=1..7 COLOR= #FF0000 Może być podany (zmieniany) tylko jeden parametr.

17 Atrybuty czcionek pogrubionaItaliki pochylone tekst podkreślony migające litery przekreślona indeks górny indeks dolny zwiększenie o +1 zmniejszenie o -1

18 Obramowanie tekstu

tytuł ramki zwierzęta: lew
kornik
dżdżownica
żaba

19 Wstawianie obiektów graficznych najprostsza postać:

20 Lista nienumerowana

  • pierwszy element listy
    •
  • drugi wypunktowany element
    •
  • trzeci element listy
    •

21 Lista numerowana

  1. pierwszy element listy
    2.
  2. drugi wypunktowany element
    3.
  3. trzeci element listy
    4.

22 Opcje numerowania i wypunktowaniaNumerowanie a) b) c) A) B) C)

type=A Numerowanie I II III IV.....rzymskie...i ii iii
type=i kółeczka puste zamiast kropek
      (disc, circle, square - dysk, kółko, prostokąt)

      23 Listy - Parametr START Parametr START umożliwia rozpoczęcie numeracji listy uporządkowanej od określonego przez parametr numeru.

      1. punkt jeden numerowany jako 5)
      2. punkt dwa numerowany jako 6)

      24 Cytaty w tekście z wcięciem

      tu wpisujemy cytat, który chcemy aby był wyświetlany z wcięciem (TAB) względem innego tekstu

      25 Odsyłacze czyli „linki”Odsyłacze zwane hiperłączami lub w slangu komputerowym linkami są wskazaniem innego miejsca do którego ma nas zaprowadzić przeglądarka internetowa. Link (hiperłącze), po kliknięciu, może przenosić nas do innego miejsca na tej samej stronie, lub do innej strony na zupełnie innym serwerze, w innym kraju, a nawet na innym kontynencie po drugiej stronie kuli ziemskiej.

      26 Link na tej samej stronieLink do wyróżnionego miejsca na stronie link tekst etykieta na stronie, do której prowadzi link przeniesie mnie do tego tekstu przykład

      27 Link do innej strony lubLink do dokumentu, lub innej strony internetowej (PRZ) Kliknij i odwiedź PRz Link do dokumentu tekstowego bądź do pliku graficznego link do obrazka link do pliku

      28 Link wysyłający e-mailAby wysłać ze strony internetowej np. z komentarzem (mailto:) Można połączyć ze sobą kilka adresów (znakiem? i &), a nawet wpisać Temat i Początek wiadomości z twojej strony internetowej&body=Szanowny Panie,">kliknij i wyślij do mnie więcej i

      29 Link pod obrazkiem (banerem)Aby umieścić link pod banerem, lub pod obrazkiem, należy wpisać linię:

      30 Kilka linków na jednym obrazkuNależy podzielić obszar obrazka i podać współrzędne obszarów dla poszczególnych stron

      31 Ruchomy tekst Do prostego animowania tekstu na stronie WWW służy polecenie Tekst do animacji

      32 Parametry polecenia behavior=[alternate, scroll] - sposób przesuwania tekstu bgcolor=[nazwa_koloru, lub #ffff00 hex] width=[300 - szerokość pola w pikselach - od lewej do prawej] direction=[left, right - w lewo, w prawo - kierunek przesuwania tekstu] scrollamount=[5,20,80 - o ile pikseli ma skakać tekst przy przesuwaniu (wolno, szybko) scrolldelay=[1000 skok co 1 sekundę o (scrollamount)] width=200 height=50 - wysokość i szerokość pola tekstowego dla marquee

      33 Umieszczanie plików multimedialnych na stronie WWW polecenie EMBED (osadź) można używać do różnego typu plików multimedialnych: .avi, .mid, .rm (audio), rmf, mp3, ... Dźwięk w tle na stronie WWW:

      34 NOEMBED dla starszych typów przeglądarek Potrzebujesz Netscape Navigator lub Internet Explorer aby to usłyszeć

      35 Ramki (FRAMES) Edytory HTML </span> <span class='tr'><BODY></span> <span class='tr'>gdy nie ma obsługi ramek pokaże się ten tekst</span> <span class='tr'></BODY></span> <span class='tr'>

      36 Ramki w okienkach Edytory HTML

      37 Formularz

      Formularz zawiera pola, które są wypełniane informacjami - np. imię i nazwisko, zamawiany towar, pola ankiety, test wyboru. Polecenie , z parametrami TYPE, NAME i VALUE, służy do tworzenia pól, w które czytelnik strony może wpisać informacje lub wybrać opcje.

      38 Przykład użycia formularzana temat wykładu" METHOD="Post"> <--tutaj znajdują się pola opisane na następnych slajdach-->

      39 Proste pole tekstowe Wpisz w ramkę imię i nazwisko

      40 Pola do zaznaczania opcjiJakie znasz języki?
       angielski
      francuski

      41 Pola wyboru Podaj swoją płeć
      Kobieta Mężczyzna

      42 Menu z możliwością wyboru tylko jednej pozycjiCo chcesz na obiad dzisiaj?

      43 Menu z możliwością wyboru wielu pozycjiCo chcesz na deser dzisiaj?

      44 Pole na komentarz określa pole o 40 kolumnach i 4 wierszach

      45 Pole na komentarz z określoną liczbą wierszy i kolumn