HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.

Prezentacja na temat: "HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument."— Zapis prezentacji:

1 HTML Czyli Publikowanie w Internecie

2 Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument TEKSTOWY –O wyglądzie zawartości decydują znaczniki (TAGi) formatujące: Zakres działania danego znacznika

3 Struktura dokumentu HTML –Znacznik dokumentu HTML to –Nagłówek strony –Treść dokumentu Informacje nagłówkowe o dokumencie, łącznie z tytułem Treść dokumentu - śródtytuły, tekst, grafika, odsyłacze itp.

4 Nagłówek dokumentu HTML – - opcjonalne informacje o zawartości dokumentu kodowanie znaków ogonki97 –Program konwertujący z windows-1250 na iso -8859-2: ogonki97 opis zawartości strony, wyświetlany w wyszukiwarek wyrazy kluczowe pomagają w znalezieniu strony za pomocą wyszukiwarek odświeżenie zawartości co x sek., przekierowanie po x sek. strona nie jest cache’owana na dysku lokalnym nazwa programu, którym utworzono stronę – -tytuł dokumentu widoczny w pasku przeglądarki

5 Wybrane tagi formatujące tekst znacznik akapitu, może mieć m.in. atrybut align=”x” – układ tekstu, x: left, center, right, justify koniec wiersza (złamanie wiersza) linia pozioma, centruje dowolny element lista uporządkowana zawierająca elementy wykazu, dodatkowe atrybuty: type – typ wyliczania, np. ”I”, value – wartość od jakiej rozpoczyna numerowanie lista nieuporządkowana element wykazu (listy) i indeks dolny i górny nagłówek 1go stopnia pogrubienie, pochylenie, podkreślenie

6 Wstawiania grafiki do dokumentu Dokument html jest tekstem więc sam zawierać grafiki nie może!! Grafika umieszczana jest w osobnych plikach Dołączenie grafiki do dokumentu realizuje się za pomocą znacznika IMG i adresu (zwykle względnego) pliku jako wartości atrybutu src Inne wybrane atrybuty: –Width=, hight=: szerokość i wysokość obrazka –Align –Border – szerokość obramowania

7 Odsyłacze Powodują wyświetlenie innego dokumentu dostępnego w sieci Wykonuje się je za pomocą znacznika kotwicy o atrybutach: –Name – etykieta, umożliwia skok do konkretnego miejsca dokumentu –Href - Tekst, na którym należy kliknąć odesłanie do innego dokumentu Odesłanie do miejsca oznaczonego etykietą: Tekst Uruchomienie programu pocztowego i otwarcie nowej wiadomości do osoby o adresie Tutaj kliknij Zamiast tekstu odsyłacz może stanowić grafika

8 Edytory HTML Dowolny edytor tekstowy, np. Notatnik Specjalizowane edytory tekstowe »Macromedia HomeSite 5,5 »HTMLowiec 5,0 »NoteTab Light 4.80 »Ace HTML 4 Free »HotDog Pro 6,2 »Under Construction 98 –zadaniem edytorów tekstowych wspierających projektowanie stron WWW jest weryfikacja poprawności składni dokumentu HTML. Oferują one także podgląd strony jednak w trybie graficznym nie ma możliwości edytowania dokumentu. –zaletą edytorów tekstowych jest tworzenie zwartych dokumentów, w których praktycznie nie występują zbędne znaczniki.

9 Edytory HTML Edytory graficzne –umożliwiają one tworzenie dokumentów HTML bez znajomości składni tego języka. –dokument formatuje się za pomocą poleceń wprowadzanych myszką a klawiatura może służyć wyłącznie do wprowadzania tekstu. –Znaki formatujące dostępne są poprzez menu, a częściej używane zebrane są w formie przycisków na paskach narzędziowych –Wadą edytorów graficznych jest „produkowanie” dużej ilości nadmiarowego kodu HTML, co wpływa negatywnie na czas ładowania strony oraz utrudnia szybką edycję w programach tekstowych

10 Edytory HTML Przykładowe edytory html: –FrontPage – firmy Microsoft, komercyjny –1'st Page 2000 – firmy EverSoft, darmowy –Pajączek NxG – polski, komercyjny –TigerII – polski, komercyjny –edHTML – polski, darmowy