
39d1b2acb90f94db2ed81cec2ea5f276.ppt
- Количество слайдов: 58
Wstęp do baz danych - język HTML Dr Andrzej Bąk
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: n n n Język HTML Baza danych My. SQL Programowanie w PHP
Internet i WWW n Wcześniejsza wersja sieci komputerów głównie placówek naukowych, rządowych - BITNET q q n 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).
Po co te informacje w Internecie? n n n 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.
Co to właściwie jest Web? n n 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ą: q q q protokołów komunikacyjnych np. TCP/IP, HTTP, FTP, POP 3 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.
Przeglądarki Internetowe n n Programy, 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: q q q Internet Explorer Mozilla Firefox Opera Netscape Communicator (1994 -2007) Przeglądarki wbudowane w programy (Word)
Co to jest HTML? n HTML ------ Hyper. Text 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 q q q Polecenia HTML zawarte są pomiędzy nawiasami <> zawartość strony / oznacza zakończenie polecenia, formatu.
Przykładowe edytory HTML n n Pajączek Macromedia Dreamweaver Microsoft Front. Page Dowolny edytor tekstowy np. Notatnik
Komentarz HTML n n
lub
n informacja, jakiego języka używa się na" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-12.jpg" alt="
Formatowanie tekstu - PODSTAWY n
nowy akapit
n nowa linia zaczyna się pon
linia pozioma do oddzielenia tekstu i druga linia pozioma
n przykład …. .
pozioma linia n
może zawierać parametry
ewentualnie COLOR=#0000 ff
Podstawowe kolory navy blue teal aqua black silver gray white green lime olive yellow maroon red purple fuchsia
Czcionki n Wybór rozmiaru czcionki dla nagłówka
Atrybuty czcionek n n n n n pogrubiona Italiki pochylone tekst podkreślony
przekreślona indeks górny indeks dolny zwiększenie o +1 zmniejszenie o -1
Obramowanie tekstu
Wstawianie obiektów graficznych
najprostsza postać:
n
Lista nienumerowana
- pierwszy element listy
- drugi wypunktowany element
- trzeci element listy
Lista numerowana
- pierwszy element listy
- drugi wypunktowany element
- trzeci element listy
Opcje numerowania i wypunktowania Numerowanie a) b) c). . . . A) B) C)
- . . .
- . . .
- . . . .
- (disc, circle, square - dysk, kółko, prostokąt)
Listy - Parametr START umożliwia rozpoczęcie numeracji listy uporządkowanej od określonego przez parametr numeru.
- punkt jeden numerowany jako 5)
- punkt dwa numerowany jako 6)
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
Odsyłacze czyli „linki” n n 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.
tekst" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-26.jpg" alt="Link na tej samej stronie Link do wyróżnionego miejsca na stronie link tekst" />
Link na tej samej stronie Link do wyróżnionego miejsca na stronie link tekst n etykieta na stronie, do której prowadzi link przeniesie mnie do tego tekstu przykład
Link do innej strony lub n Link 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 n
Link wysyłający e-mail n Aby wysłać e-mail ze strony internetowej np. z komentarzem (mailto: ) kliknij i wyślij do mnie e-mail n Można połączyć ze sobą kilka adresów (znakiem? i &), a nawet wpisać Temat i Początek wiadomości kliknij i wyślij do mnie więcej e-maili
Link pod obrazkiem (banerem) n Aby umieścić link pod banerem, lub pod obrazkiem, należy wpisać linię:
Kilka linków na jednym obrazku n Należy podzielić obszar obrazka i podać współrzędne obszarów dla poszczególnych stron
Ruchomy tekst
Parametry polecenia
Umieszczanie plików multimedialnych na stronie WWW n n n
" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-35.jpg" alt="Ramki (FRAMES)
Tekst" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-36.jpg" alt="Ramki w okienkach
Formularz
<--tutaj" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-38.jpg" alt="Przykład użycia formularza
Proste pole tekstowe Wpisz w ramkę imię i nazwisko
angielski angielski
Pola do zaznaczania opcji Jakie znasz języki? angielski francuski
Kobieta Kobieta
Pola wyboru Podaj swoją płeć Kobieta Mężczyzna
" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-42.jpg" alt="Menu z możliwością wyboru tylko jednej pozycji Co chcesz na obiad dzisiaj?
" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-43.jpg" alt="Menu z możliwością wyboru wielu pozycji Co chcesz na deser dzisiaj?
Pole na komentarz określa pole o 40 kolumnach i 4 wierszach
ta" src="https://present5.com/presentation/39d1b2acb90f94db2ed81cec2ea5f276/image-45.jpg" alt="Pole na komentarz z określoną liczbą wierszy i kolumn
Pole na komentarz z określoną liczbą wierszy i kolumn
Tabele Tabela zawarta jest pomiędzy
Wiersze tabeli
Komórki tabeli w wierszach
a 11 | a 12 | a 13 | a 21 | a 22 | a 23 | a 31 | a 32 | a 33 |
Obramowanie tabeli n n Parametr BORDER=n - obramowanie zewnętrzne tabeli Parametr CELLSPACING=n - obramowanie komórek tabeli od wewnątrz Parametr CELLPADDING=n - odstęp między zawartością komórki, a obramowaniem Przykład:
Szerokość Tabeli n n Parametr WIDTH= w % - wtedy rozmiar tabeli dostosuje się do rozdzielczości ekranu w pikselach np. 400 pikseli odpowiada wartości 50% przy rozdzielczości 800 x 600 Przykład:
Szerokość komórki n n n Można zmieniać też szerokość wnętrza komórki, parametrem WIDTH=n, gdzie n to ilość pikseli. Wystarczy wpisać parametr tylko w jednym wierszu, a szerokość komórek zmieni się dla całej kolumny. Przykład:
Parametr tabeli ALIGN n n n Podobnie jak grafikę (zdjęcia) można ustawiać tabelę względem krawędzi strony. Parametr ALIGN może przyjmować znane nam wartości right (wyrównanie do prawej krawędzi strony), left (wyrównanie do lewej krawędzi), center (wyrównanie do środka strony całej tabeli) Przykład:
Arkusze stylów n n CSS - (Cascading Style Sheets) to uzupełnienie języka HTML, ułatwiające formatowanie dokumentów internetowych Styl to zespół kodów formatujących tekst W czerwcu 1998 po raz pierwszy zaprezentowano specyfikację standardu CSS 2 Style mogą być wprowadzane ręcznie jak polecenia HTML. Niektóre edytory HTML zawierają narzędzia do tworzenia CSS
Edytory HTML, które posiadają edytory stylów CSS n n n Home Site Pajączek 2000 Tiger 98 Dreamweaver Front. Page
ten akapit przyjmie format specjalny
Ogólna postać polecenia stylu selektor {cecha: wartość} 1 -lub też 2
n
Przykład wywołania postaci 1 gdzieś dalej na stronie WWW
Wywoływanie arkuszy stylów z pliku lub z danego url