HTML -jezyk stron WWW

Sławomir Kopko, Laboratorium Podstawy języka stron WWW.
Laboratorium PWSZ
mgr inż. Sławomir Kopko
Temat: HTML – język stron WWW.
Internet, czyli globalna sieć komputerowa, jest jednym z wymiarów współczesnej
rzeczywistości, którego główną cechą jest wymiana informacji pomiędzy urządzeniami typu
komputer, telefon komórkowy i inne. Efekt ten uzyskano dzięki ujednoliceniu protokołów
transmisyjnych noszących nazwę TCP/IP (Transmission Control Protocol/Internet Protocol).
Protokoły te określają sposoby sterowania procesem transmitowania informacji w sieci jak i
metody jej adresowania. Urządzenia pracujące i zarazem tworzące Internet można podzielić
na dwie kategorie:
•
•
Serwery – to urządzenia, których rola polega na udostępnieniu informacji lub
danych, oprogramowaniu zainstalowanym na innych urządzeniach np. komputerach
Klienci – to urządzenia, które łączą się czasowo bądź stale z serwerami celem
pobrania lub przekazania informacji czy danych,
World Wide Web (WWW) – jest jedną z najpopularniejszych usług internetowych, opartych
na standardzie IETF i W3C, której podstawowym zadaniem jest publikowanie informacji.
Na serwerach WWW są umieszczane różne witryny złożone ze stron. To coś na kształt
biuletynów, a strony to kartki tychże biuletynów. Zawartość stron WWW jest opisana przy
użyciu języka HTML (Hypertext Markup Language).
Aby przeglądać strony WWW, użytkownik musi mieć urządzenie multimedialne (najczęściej
jest to komputer) podłączone do sieci Internet, na którym jest zainstalowany program klient
WWW inaczej zwany przeglądarką WWW. Po nawiązaniu połączenia przeglądarka pobiera z
sieci opis strony w języku HTML, oraz umieszczone na stronie obiekty jak obrazy czy skrypty i
wyświetla je na ekranie urządzenia.
Na stronach WWW można tworzyć hiperłącza pozwalające na szybki przeskok do
innego miejsca na tej samej stronie WWW lub na dowolnym serwerze WWW. Hiperłącza są
zazwyczaj oznaczone przez podkreślenie lub podświetlenie jakiegoś wyrazu lub zdania.
Mogą być też oznaczone za pomocą obiektów graficznych lub animacji Flash.
Strony WWW odnajduje się za pomocą ich adresów URL (Uniform Resorce Locator),
składających się z dwukropka i dwóch ukośników, rozdzielonych kropkami nazw jak typ
witryny, nazwa witryny i nazwa domeny, np. http://www.pwsz.suwalki.pl/pwsz/pl.html
Strony WWW można w zasadzie redagować wyłącznie w trybie tekstowym korzystając z w
tym celu z dowolnego, nawet bardzo prostego edytora tekstu, jakim jest choćby popularny
windowsowy notatnik. W tym przypadku jednak potrzebna jest bardzo dobra znajomość
języka HTML. Metoda ta nie jest jednak wygodna i wymaga częstego przeglądania
wpisanego kodu HTML w przeglądarce internetowej. Rozwój Internetu oraz wciąż rosnące
potrzeby wymiany szybkiej informacji, skłoniły programistów do stworzenie bardzo wielu
programów darmowych jak i płatnych wspomagających twórców stron WWW. Programy te
realizują zasadę WYSIWYG – otrzymasz to, co widzisz (What You See Is What You Get).
Oznacza to, że wygląd redagowanej strony jest nieomal w 100% zgodny z późniejszym jej
wyglądem w oknie przeglądarki. Programy te są wyposażone w wiele funkcji ułatwiających
zorganizowanie wyglądy strony. Dzięki temu tworzenie witryn staje się szybsze i łatwiejsze.
Sławomir Kopko, Laboratorium Podstawy języka stron WWW.
Podstawy HTML/XHTML znajdują się na poniższych kilku witrynach internetowych:
Do pobrania pełny kurs języka XHTML/HTML - http://algorytmy.pl/doc/xhtml/pobierz.php
Bardzo dobry prosto napisany kurs HTML - http://www.kurshtml.boo.pl/html/zielony.html
Kurs tworzenia stron WWW - http://kurs.browsehappy.pl/
Zadania:
W prostym edytorze tekstowym stworzyć dowolnie tematyczną stronę internetową
zawierająca minimum:
•
•
•
•
•
•
•
•
•
•
•
•
•
Tytuł strony w nagłówku
Autor strony w nagłówku
Zastosować kodowanie w nagłówku odpowiadające polskim normom.
Tekst wypisany w różnych wielkościach z zastosowaniem różnych czcionek
wypisanych w różnych kolorach z podkreśleniem, wytłuszczeniem i kursywą.
Obrazy (np. pliki graficzne typu JPG lub GIF)
Tło z pliku graficznego.
Linki do innych witryn internetowych w tekście i obrazie
Linki do pobrania pliku w tekście i obrazie
Link do poczty e-mail w tekście i obrazie
Wstawić tabelę (widoczną w przeglądarce lub nie) z zamieszczonymi w niej różnymi
obiektami, oraz tekstem.
Zastosować punktowanie i numerowanie
Zastosować linię zawierającą kolor
Stworzyć minimum jedną podstronę i przejście do niej za pomocą odsyłaczy.
Uwaga:
Kolory muszą być zastosowane za pomocą wartości heksadecymalnych
Wszelkie dodatkowe formatowanie strony mile widziane, - będzie miało znaczący wpływ na
ilość dodatkowych punktów otrzymanych za wykonaną stronę.
Usilnie zalecam w tworzonej stronie zastosowanie kodowania ISO-8859-2
Podkreślam, strona musi być stworzona w prostym edytorze tekstowym, np. notatniku bez
pomocy środowisk do tworzenia stron WWW.
Sławomir Kopko, Laboratorium Podstawy języka stron WWW.
Aby sprawdzić wygląd tworzonej strony w przeglądarce internetowej należy zapisać ją z
rozszerzeniem pliku *.html lub *.htm i otworzyć w dowolnej przeglądarce WWW.
Studentom mającym utrudniony dostęp do Internetu zalecam pobranie podczas
laboratorium bardzo dobrze wytłumaczonego kursu HTML http://algorytmy.pl/doc/xhtml/pobierz.php
lub też zgłoszenie się do prowadzącego po odbiór w/w materiałów osobiście z własną
pamięcią flash (pamięć USB/FLASH – Pendrive). Na życzenie zainteresowanych materiały
przesyłam także za pomocą poczty elektronicznej pod adresem [email protected].
Podstawowa osnowa dokumentu HTML:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Tytuł strony</TITLE>
</HEAD>
<BODY>
moja pierwsza strona
</BODY>
</HTML>