II Liceum Ogólnokształcące w Kartuzach
im. dra Aleksandra Majkowskiego
Osiedle Wybickiego 33
83-300 Kartuzy

Imieniny obchodzą:
Augustyna, Aureliusz, Dionizy, Gorgoncjusz, Pimen, Piotr, Sergiusz, Sobiesąd, Ścibor, Ścibora,

Cytat tygodnia:

Nasze serwisy

PODSTAWY JĘZYKA HTML

I. Wstęp.

HTML

HTML, to skrót od Hypertext Markup Language - Język Znaczników Hipertekstowych. Jest on oparty na zwykłych plikach tekstowych. Można je tworzyć w Notatniku lub WordPadzie. Znaczniki hypertekstowe mówią przeglądarce, jak ma stronę wyświetlać.
Od początku lat 90 HTML ewoluuje i ostatnią jego specyfikacją jest HTML 4.01, która umożliwia używanie w znacznikach wielkich i małych liter.
Następnym etapem rozwoju HTML jest XHTML (czyli Rozszerzalny Język Znaczników Hipertekstowych).
Celem stosowania XHTML jest tworzenie prawidłowo zbudowanych dokumentów.
Specyfikacja XHTML wymaga między innymi stosowania w znacznikach małych liter.

Można sprawdzać zgodność naszych stron ze specyfikacją XHTML. Jeśli nasze strony są ze specyfikacją zgodne, możemy umieszczać na nich pokazany obok obrazek.

W3C to ogólnoświatowe konsorcjum zrzeszające producentów komputerów, kraje, instytucje i organizacje zawodowe. Celem W3C jest tworzenie różnych standardów i języków na potrzeby Sieci. Jeśli jakaś specyfikacja jest Rekomendacją W3C, oznaczato, że zostałą ona przejrzana przez członków W3C i zatwierdzona jako standard internetowy.

CSS - arkusze stylów.

Aruksze stylów pozwalaja zaoszczędzić mnóstwo pracy. Używane są to opisywania sposobu wyświetlania prezentacji dokumentu HTML, np. informacje o kolorach, wielkości i rodzaju czcionki. Takie informacje zapisywane są w pliku CSS (Cascading Style Sheet, czyli Kaskadowy Arkusz Stylów) i umieszczane poza HTML.
Jeżeli projest zawiera wiele stron, to wygodnie jest odwoływać się w dokumencie HTML do zewnętrznych plików CSS i w ten sposób zmieniać w dowolny sposób np. kolory i czcionki.
Arkuszy stylów można utworzyć kilka i odwoływać się do nich w miarę potrzeby.
Zaletą jest również blokowanie wielkości wyświetlania czcionki mimo ustawień w przeglądarce Internet Explorer (Widok=>Rozmiar tekstu).
Do tworzenia tych arkuszy służy język CSS z właściwą jemu składnią.

Specyfikacja CSS1 zostałą zatwierdzona w grudniu 1996 roku, a CSS2 w roku 1988. CSS3 jest na etapie szkicu roboczego od połowy 2001. Sprawdzone strony na zgodność ze specyfikacją CSS, mogą być oznaczone obrazkiem pokazanym obok.

JavaScript

Język JavaScript powstał w firmie Nestcape i nie ma nic wspólnego z Javą, językiem programowania stworzonym przez firmę Sun Microsystems.
JavaScript jest językiem skryptowym, interpretowanym czyli przetwarzanym bezpośrednio w przeglądarce. Reguły tego języka są proste. Aby uzyskać ciekawe efekty na stronie, nie trzeba pisać złożonych programów, wystarczy niewielki programik w JavaScript.
Skrypty mogą być wykonywane przy ładowaniu strony do przeglądarki albo dopiero w odpowiedzi na działanie użytkownika (np. kliknięcie lub najazd kursorem myszy).
Do jednej strony można dodać wiele skryptów. Można je umieszczac na stronie HTML lub w plikach zewnętrznych z rozszerzeniem .js i odwoływać się do nich.

Rady

Zanim zaczniesz kreować swój dokument HTML, utwórz folder, w którym będziesz umieszczał wszystkie podfoldery i pliki dotyczące tego dokumentu. Nie umieszczaj tych plików razem z plikami dotyczącymi innych programów lub dokumentów.
Jeśli Twój dokument ma się składać z wielu stron, przed przystąpieniem do jego tworzenia zaplanuj wszystko na papierze. Rozrysuj schemat całego dokumentu, dokładnie zaplanuj hiperłącza (skróty do kolejnych części dokumentu).
Tworzone przez siebie dokumenty testuj jak najczęściej w przeglądarkach WWW, aby mieć pewność, że wszystko działa prawidłowo. Jeśli nie masz pewności, jakiej przeglądarki używać będą użytkownicy, testuj dokument, stosując różne przeglądarki (to, co wygląda dobrze w przeglądarce Internet Explorer 6.0, nie musi tak wyglądać we wcześniejszej wersji tego programu lub w innych przeglądarkach).
Jeśli tworzysz swój dokument w prostym edytorze tekstowym (np. WordPad lub Notatnik), nie zapomnij o rozszerzeniu nazwy pliku HTM lub HTML, a nie TXT. Przeglądarki prawidłowo interpretują tylko te dokumenty, które mają takie rozszerzenia nazw.
Większość znaczników ma swoją parę zamykającą, nie zapomnij - to co otworzyłeś - zamknij.
Nie twórz długich dokumentów, najlepiej jeśli jedna strona mieści się w obrębie ekranu, lepiej rozbij dokument na kilka stron.
Jeśli Twój dokument ma przekazywać treść, to pamiętaj, że tekst stanowi jego najbardziej istotną część, natomiast grafika i inne dodatki są wyłącznie "ozdobnikami" i nie powinny zdominować reszty. Dokumenty HTML zostały stworzone po to, aby przekazywać informacje - dlatego ich podstawowymi elementami powinny być: tekst i odnośniki do innych stron.
Projektując dokument WWW, należy upewnić się, że nie będzie on zajmować więcej miejsca w całości niż
60 KB. W przeciwnym wypadku wiele osób zrezygnuje z przeglądania takiej strony, gdyż czas jej ładowania zniechęci ich do przeglądania jej.
Grafika znajdująca się na przeglądanych stronach musi być zapisana w formacie zrozumiałym dla każdego systemu operacyjnego. Najbardziej rozpowszechnionymi formatami stosowanymi w Internecie są GIF i JPEG.
Jeśli dokument HTML ma być czytelny dla wszystkich, to obrazki w nim zamieszczone nie powinny zawierać więcej niż 256 kolorów - pozwoli to na szybkie ładowanie strony, a strona taka będzie czytelna dla zdecydowanej większości użytkowników Internetu. Im mniejsza liczba kolorów w obrazku, tym mniej miejsca on zajmuje.
Formatu JPEG należy używać do obrazów wielobarwnych z różnymi odcieniami, na przykład do fotografii. Formatu GIF należy używać do ilustracji będących rysunkami i mających stosunkowo duże obszary w jednym kolorze

Kolory

Problem polskich znaków

Aby w większości systemów pojawiały się polskie znaki narodowe: Ąą Ćć Ęę Łł Ńń Óó Śś Źź Żż należy je w odpowiedni sposób kodować.
Istnieje wiele sposobów kodowania polskich znaków, np.:

w systemach unixowych stosowane jest kodowanie zgodne z polską normą PN-93 T-42118 i normami międzynarodowymi ISO 8859-2,
w systemie DOS istnieją Mazovia i IBM Latin 2,
w MS-Windows obowiązuje CP 1250.

Ustalono, że obowiązującym sposobem kodowania polskich znaków będzie standard zgodny z międzynarodową normą ISO 8859-2.
Wytworzenia pliku w standardzie ISO-8859-2 można przeprowadzić na różne sposoby:
1. Konwertowanie plików za pomocą programu "Ogonki" autorstwa Michała Jaskólskiego (e-mail: jj@gdansk.sprint.pl).
   a) zainstalować plik ogn97-13.exe
   b) dokument HTML lub HTM utworzony z polskimi znakami w WordPad zapisać z rozszerzeniem .html lub .htm
   c) kliknąć prawym klawiszem na ten plik i z menu kontekstowego wybrać Konwertuj.
2. Konwertowanie plików za pomocą programu "Gżegżółka". Dokładny opis znajdziesz na stronie Gżegżółka
3. W trakcie tworzenia dokumentu HTML lub HTM w WordPad, zamiast wpisywania polskich liter, można pobierać
   i wstawiać odpowiadające im znaki z pliku fonty.doc.

Więcej na temat uzyskania poprawnych znaków na stronie WWW znajdziesz w dziale kodowanie znaków na WWW

Strona napisana w języku HTML - SALINA.

Lekcja 1. Pierwsze kroki. Podstawowe pojęcia.

Lekcja 2. Praca z tekstem.

Lekcja 3. Elementy grafiki.

Lekcja 4. Listy: uporządkowane, nieuporządkowane, definicji oraz zagnieżdżone.

Lekcja 5. Umieszczanie tabel w dokumentach HTML.

Lekcja 6. Najprostszy sposób tworzenia formularzy.

Lekcja 7. Dokumenty złożone - ramki.

Opracował: (-) Adam Barlak

Nasze serwisy

Matura 2006

Informatyka

Budowa komputera

Sieci komputerowe

Testy

Historia

Chemia

Kącik kulturalny

Galeria