Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Zastosowanie technologii medialnych i internetowych Podstawy języka HTML Wykład dr inż. Jacek Wachowicz

Podobne prezentacje


Prezentacja na temat: "Zastosowanie technologii medialnych i internetowych Podstawy języka HTML Wykład dr inż. Jacek Wachowicz"— Zapis prezentacji:

1 Zastosowanie technologii medialnych i internetowych Podstawy języka HTML Wykład dr inż. Jacek Wachowicz

2 Co to jest HTML? HyperText Markup Language Został zdefiniowany w 1981 r przez Tima Berners-Lee w szwajcarskim laboratorium CERN Jest językiem programowania Opartym na języku angielskim Definiującym co i jak ma zostać wyświetlone

3 HTML został wygenerowany w SGML Structuralized Markup Language Istnieje wiele rozszerzeń XHTML, DHTML, PHP, ASP, Perl, Java, JavaScript, … następcą jest XML eXtended Markup Language Podstawową ideą jest hipertekst realizowany jako linki Zbiegiem czasu stał się multimedialny

4 Polecenia - znaczniki Polecenia (tzw. Znaczniki) są zaznaczane wewnątrz nawiasów trójkątnych Oznaczają co ma być zrobione, np. (wstaw poziomą linię rozdzielającą) Istnieją znaczniki pojedyncze, np. Domykane domykane, np. … Zwyczajowo są pisane wielkimi literami

5 Pierwsza strona Opowieść o Ali Ala ma kota. Kot też ma swoją Alę.

6 Znaczniki domykane Działają na określonej przestrzeni (od…do) Znacznik domykający jest taki jak otwierający ale z ukośnikiem … bold Tekst … italic Tekst … underline Tekst … strike through Tekst

7 Znaczniki pojedyncze Działają w danym miejscu break nowa linia horizontal resolution pozioma linia

8 Zagnieżdżanie Znaczniki mogą być zagnieżdżane - ale nie wolno ich przeplatać Jeżeli znaczniki są od siebie oddalone, to dobrze jest robić wcięcia Ala ma dwa koty Ala ma dwa koty

9 Poprawność i standardy Pamiętaj, że przeglądarki zawsze starają się wyświetlić stronę poprawnie – nawet gdy ma ona błędy. Jeżeli jednak są błędy – wówczas różne przeglądarki różnie się zachowują Dlatego to, że u Ciebie coś dobrze wygląda nie musi oznaczać, że u innych też będzie dobrze wyglądać! Dlatego ważne jest, by być uważnym i stosować się do standardów!

10 Kolory tekst … Kolory podstawowe mają swoje zdefiniowane nazwy Zamiast predefiniowanych nazw można użyć koloru zdefiniowanego szesnastkowo: #RRGGBB Przykłady: # czarny #FFFFFF biały # szary #FF0000 czerwony (najjaśniejszy) # czerwony (ciemniejszy) #00FF00 zielony #3F299A ???

11 Linki tekst Adres bezwzględny pok. 716, gm. B ul. G. Narutowicza 11/ Gdańsk Adres względny Wyjdź z budynku Przejdź przez ulicę Wejdź do gmachu B Pojedź na 7. piętro Wejdź do pokoju 716 Adres bezwzględny Adres względny./../ulica/siodme_pietro/laboratorium.html Specjalne katalogi:... ~

12 Przydatne znaczniki Indeksy Indeks dolny: … Indeks górny: … Przykład: H 2 O H 2 O Znaki specjalne < < > > " twarda spacja Przydatne znaki:

13 Listy Lista uporządkowana … Lista nieuporządkowana … Element listy … Listy mogą być zagnieżdżane Można zmieniać typy list dodając wewnątrz znacznika otwierającego atrybut TYPE=typ, który może przyjmować wartości Dla list uporządkowanych: 1 [1,2,3…] a [a,b,c…] A [A,B,C…] I [I,II,III…] Dla list nieuporządkowanych: circle, round, square Przykład: śniadanie obiad I danie II danie deser kolacja a. śniadanie b. obiad * I danie * II danie * deser c. kolacja

14 Polskie znaki wewnątrz sekcji HEAD należy umieścić deklarację używanego zestawu liter Standardem oficjalnie przyjętym w Polsce jest ISO Wprowadzanie: lewy klawisz alt i kod znaku na klawiaturze numerycznej Rozwiązanie niezgodne ze standardem:

15 Dziękuję za uwagę


Pobierz ppt "Zastosowanie technologii medialnych i internetowych Podstawy języka HTML Wykład dr inż. Jacek Wachowicz"

Podobne prezentacje


Reklamy Google