1 TECHNOLOGIE INTERNETOWEWykład 1

2 P3F, I stopień wykład 30 h lab. 30h dr inż. Tomasz BajorekWydział Budowy Maszyn i Lotnictwa Zakład Informatyki, Bud.L, pok.28

3 Szkic zakresu problematyki1. Standardy HTML, DHTML, XHTML - CSS – arkusze stylów. DOM. Język skryptowy Javascript (client-side) – składnia podstawowych instrukcji. 2. Język PHP (server-side) – strony dynamiczne. Elementy składni języka. Instrukcje. Typy liczbowe i łańcuchowe. Arytmetyka. Instrukcje logiczne. Iteracja. Tablice numeryczne i asocjacyjne. Obsługa plików. Upload plików. 3. MySQL – struktura, administracja. Kwerendy. Zarządzanie danymi z poziomu PHP. 4. CMS. Zasady korzystania. Przykłady. Ajax. 5. XML, XSL – zasady, struktura. 6. Flash i Action Script. Przykłady.Inne elementy technologii sieciowych (komunikator, chat, RSS, WEB2.0)

4 HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML – kod źródłowy języka, można bezpośrednio pisać korzystając z edytora tekstu nieformatowanego (ASCII) np. Notatnik – zapis w pliku z rozszerzeniem htm lub html HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce internetowej, osadzanie ciągów instrukcji języków skryptowych, wpływających na zachowanie przeglądarek lub innych parserów HTML.

5 Pierwsza dostępna specyfikacja języka HTML, nazwana HTML Tags (znaczniki HTML) została opublikowana przez: Bernersa-Lee 1991r. Zawiera 22 znaczniki Wersje późniejsze: HTML 3.0, HTML 4.0 – wprowadził CSS (oddzielenie warstwy logicznej od prezentacji) HTML 4.01 HTML 5 – 2008 r. - szkic próba standaryzacji – usuwanie starych elementów

6 Dynamiczny HTML lub DHTML (angDynamiczny HTML lub DHTML (ang. Dynamic HyperText Markup Language, dynamiczny hipertekstowy język znaczników) techniki służące do dynamicznej zmiany treści, wyglądu, zachowania dokumentu HTML umożliwiających interakcję strony www z użytkownikiem i stosowanie efektów wizualnych

7 Przeglądarki internetoweInternet Explorer Opera Mozilla Firefox inne: Safari, Google Chrome Berners-Lee – www, protokół http – Mosaic – pierwsza przeglądarka 1993 1994 PHP – Rasmus Lerdorf stworzył zbiór narzędzi do obsługi swojej strony domowej – mechanizm interpretacji zestawu makr; np.: książka gości, licznik odwiedzin (PHP – Personal Home Pages) – włączenie baz danych INTERAKCJA UŻYTKOWNIKÓW problemy i wojny przeglądarek- Microsoft, Netscape

8 Narzędzia "webmasterskie"MS Word oraz MS FrontPage Pajączek 3.0 Light ACE HTML FREE HTML Macromedia Dreamweaver Visual Studio .NET

9 zawartość Znaczniki (tagi) zawartość STRUKTURA dokumentu HTML Tu są elementy pojawiające się na stronie

10 Onet atrybuty znacznik zamykający zawartość znacznik otwierający

11 Strukturalne H1 – nagłówek P – akapit DIV, SPAN - grupujące Prezentacyjne B – pogrubienie I – italic Hiperłącza (kotwice) A

12 Zagnieżdżanie

Tekst1 Tekst2 Tekst 3

13 Znaczniki elementów pustych przykładowo:

14 Wybrane znaczniki Znacznik

- akapit Przykłady:

Tytuł

15 white aqua silver gray blue Kroje czcionki pogrubiona kursywa podkreślona ale tak się już pisze rzadko – lepiej jest stosować atrybut style dla poszczególnych znaczników Kolor tła strony można tak: ale lepiej atrybut style jego cechy poznamy za chwilę white aqua silver gray blue fuchsia lime red teal olive yellow maroon navy

16 Tabele