HTML -jezyk stron WWW
Transkrypt
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>