Krótka charakterystyka.Dokument HTML jest zwykłym plikiem tekstowym, w którym znajdują się polecenia HTML, zwane z angielska "tagami". Wynika stąd, że dokument taki można utworzyć za pomocą najprostszego edytora tekstów, ręcznie dodając znaczniki. Metoda taka, choć skuteczna, byłaby jednak zbyt uciążliwa. Dlatego na rynku pojawiło się już wiele specjalizowanych edytorów, które wydatnie ułatwiają konstruowanie dokumentu, wspomagając wprowadzanie poleceń. Osobiście polecam używanie edytorów tekstowych, a nie graficznych, gdyż mamy wtedy lepszą kontrolę nad tworzonym dokumentem.
Zasady tworzenia(html).Cały dokument powinien być objęty parą znaczników <HTML> </HTML>. Między nimi powinna zaś się znaleźć para znaczników <HEAD> </HEAD>, która stanowi ramy dla informacji nagłówkowych. Pozostałe informacje powinny być objęte z kolei znacznikami <BODY> </BODY>.
<HTML><HEAD><meta http-equiv="content-type" content="text/html; charset=iso-8859-2"><TITLE>Tytuł strony</TITLE></HEAD><BODY>
właściwa treść (ciało) dokumentu</BODY></HTML>
FORMULARZEFormularze to jeden z najciekawszych i najważniejszych elementów stron internetowych. Pozwalają one autorom stron uzyskiwać informację od czytelników, zaś tym ostatnim, na przykład, wypełniać ankiety czy zamawiać jakieś towary i usługi.
JAVA SCRIPT
Jaka jest różnica między językami Java i JavaScript?Mimo zbieżności nazw Java nie jest tożsama z JavaScript. Są to dwie odrębne techniki programowania w Internecie. Java jest językiem programowania, natomiast JavaScript jest językiem skryptowym, jak zresztą sugeruje sama nazwa. Różnica polega na tym, że Java pozwala tworzyć rzeczywiste programy. Można powiedzieć że JavaScript jest raczej rozszerzeniem HTML niż odrębnym językiem komputerowym. Oczywiście nie jest to "oficjalna" definicja, ale myślę, że pozwala ona łatwiej uchwycić różnicę między Javą i JavaScript.
PHP jest zagnieżdżonym w HTML jezykiem skryptowym działającym po stronie serwera stworzonym pod linuxa.. Aby go używać, trzeba mieć zainstalowany i dobrze skonfigurowany serwer i interpreter. Składnia języka pochodzi z C, Javy i Perla. Ponadto dorzucono kilka unikalnych cech specyficznych dla PHP. Celem tego języka, jest umożliwienie twórcom serwisów WWW szybkiego pisania dynamicznych stron www. PHP różni się od skryptów wykonywanych po stronie klienta takich jak np. JavaScript tym, że cały kod PHP wykonywany jest na serwerze. Jeśli na serwerze jest skrypt PHP, klient dostanie tylko rezultat wykonania skryptu, bez możliwości stwierdzenia jak wygląda generujący go kod.
Mówiąc najprościej, PHP potrafi zbierać dane z formularzy, generować dynamiczne strony oraz wysyłać i odczytywać cookies (ciasteczka). Prawdopodobnie najmocniejszą i najbardziej znaczącą cechą PHP jest jego wsparcie dla szerokiej gamy baz danych.
Przeglądarka.Przeglądarka jest wyspecjalizowanym programem, który interpretuje znaczniki i "przetwarza" je na właściwą postać graficzną. Do tej pory zaprojektowano już wiele przeglądarek, różniących się zaawansowaniem technicznym, a najdoskonalszymi z nich są obecnie Netscape Communicator, wyprodukowany przez amerykańską firmę Netscape Communications, oraz Internet Explorer , firmy Microsoft.
NarzędziaNa rynku dostępnych jest wiele edytorów stron część z nich jest shareware a część nawet freeware. Z edytorów tekstowych, czyli takich w, których pisze się w html, polecam polskie: Pajączek, czy Tiger, amerykańskie: Home Site, Hot Dog, Web Edit. Z graficznych: FrontPage, NetObjects Fusion).
Ilość grafikiJeśli wydaje się, że strona wygląda "super" na lokalnym dysku, tańczy, śpiewa i gada, należy przypomnieć sobie, że inni muszą ją wczytać z Sieci. Im więcej bajerów - obrazków, wideo, apletów i czego tam jeszcze - tym dłużej to trwa i tym więcej innych kosztuje. Jeśli ktoś koniecznie chce zaprezentować więcej grafiki, nie powinien zaskakiwać nią już na stronie głównej. Jeśli daje się odsyłacz do innej swojej strony, która jest mocno obciążona obrazkami, powinno się zaznaczyć przy nim, jak wiele kodu trzeba wczytać. Dobrym obyczajem jest uprzedzanie o stronach ważących powyżej 50 KB. Podobnie, zalecane jest zaznaczać wielkość plików, do których daje się bezpośrednie odsyłacze (na przykład do programów czy zarchiwizowanych dokumentów).
Ostrożnie z cudzą grafiką.Bardzo często korzystamy z grafiki, którą znajdziemy na innych stronach. Przed skopiowaniem, powinno się zastanowić, czy jej specyfika nie skłoni w pewnym momencie jej autora do interwencji (zdarzyło się już kiedyś, że Corel nakazał jednemu z polskich webmasterów wycofanie bardzo ciekawego animowanego obrazka).
Podawać datę aktualizacji serwisu.Gość na ogół nie ma czasu na szperanie w serwisie i zastanawianie się, co się właściwie zmieniło. Jeśli witryna ma kilka stron, podać należy datę także przy hiperłączach. A jeśli z powodów estetycznych ktoś nie chce tego robić, wydzielić powinien osobną stroniczkę pod hasłem "Co nowego?" i opisać tam krótko zmiany i uzupełnienia.
Niech autor nie będzie anonimowy.Należy podać w widocznym miejscu krótką informację o sobie, aby czytelnik wiedział, z kim ma do czynienia. Konieczne jest podanie także adresu poczty elektronicznej, aby można się było zwrócić z pytaniem, sprostowaniem czy uwagami.
Ideologia
Poprawność językowa.Rażące błędy zniechęcają czytelnika strony (dla niektórych są okazją do publicznej krytyki), a przede wszystkim wystawiają nie najlepszą ocenę autorowi. Jeśli ma się wątpliwości należy zapytać się kogoś albo skorzystać chociaż ze słownika ortograficznego w edytorze tekstu, chociażby w celu uniknięcia głupich literówek.
Grafika i multimedia.
Grafika i inne elementy multimedialne ubarwiają i uprzyjemniają pracę w Sieci, ale także dostarczając sporej dawki informacji. Konieczne jest zatem wybranie złotego środka między estetyką i nośnością informacyjną grafiki z jednej, a twardymi realiami technicznymi z drugiej strony. Pamiętajmy też, że trzeba zachować należny umiar ze względu na estetykę strony - nadmiar multimediów po prostu razi. Autorzy regularnie odwiedzanych stron (zawierających stałe aktualizacje) mogą jednak liczyć na fakt, że dobrze skonstruowane przeglądarki pozwalają wykorzystywać cache, który gromadzi (jednorazowo) elementy graficzne i dźwiękowe, pozwalając przeglądarce sięgać do zasobów na dysku lokalnym, a nie do Sieci, co wydatnie zmniejsza ruch na łączach. Z tego też powodu w Internecie zostały przyjęte dwa podstawowe standardy graficzne - GIF i JPG. Nie przyjął się jeszcze dostatecznie powszechnie chwalony przez specjalistów format PNG (Portable Network Graphics).
PDFW ostatnich latach standardem stał się Adobe Portable Document Format (lub Portable Digital Format), znany pod popularnym skrótem PDF. PDF współpracuje bezpośrednio z dokumentami w formacie HTML i możliwe jest użycie dość skomplikowanych sposobów wbudowania PDF, łącznie z zastosowaniem skryptów. Na codzienne potrzeby można się jednak ograniczyć do trzech bardzo prostych metod. Należy jednak pamiętać, że czytelnik naszej strony musi dysponować Programem Adobe Acrobat Reader.
Gif (Graphic Interchange Format) Format GIF został opracowany przez CompuServe. Jego pierwsza wersja, GIF 87 powstała w 1987 roku, a w 1989 stworzono GIF 89a. Nowa wersja pozwalała na zapis przezroczystości*, przeplotu* i animacji. Dzisiaj GIF jest najczęściej spotykanym formatem graficznym w Internecie. Potrafi go odczytać każda przeglądarka pozwalająca wyświetlać grafikę, da się go odczytać na każdym współczesnym systemie operacyjnym Oprócz zastosowania podstawowej kompresji dla GIf-ów, można zredukować liczbę barw w obrazie, np: obrazek zawierający tylko dwa kolory nie potrzebuje całej 8 bitowej (256 kolorów) palety kolorów. Odciążenie pliku od zbędnych kolorów wydatnie wpłynie na jego wielkość.
Maksymalna liczba kolorów: 256
Najlepsza kompresja dla: obrazy z dużą powierzchnią jednej barwy, ikony i ilustracje.
JPEG (Joint Photographic Expert Group)JPEG jest drugim co do popularności formatem w Internecie, wyprzedza go tylko GIF. JPEG jest wykorzystywany nie tylko do WWW, ale także w druku i cyfrowych aparatach. Format JPEG został stworzony do przechowywania zdigitalizowanych fotografii i obrazów z przeplatającymi się kolorami. W przypadku takich obrazów kompresja JPEG radzi sobie bardzo dobrze. Niestety grafiki z dużą ilością jednego koloru, oraz obrazy niewielkich rozmiarów, takie jak ikony i przyciski są przez JPEG kompresowane dużo słabiej niż przez GIF. Kompresja JPEG jest stratna, algorytm pomija mniej istotne szczegóły, co przy zbyt mocnym ustawieniu stopnia kompresji może spowodować wystąpienie przebarwień i zniekształceń. Należy jeszcze dodać, że raz zachowanego jako JPEG pliku nie należy ponownie edytować, gdyż spowoduje to znaczne pogorszenie się jakości obrazu i nadmierne powiększenie wielkości pliku.
Maksymalna liczba kolorów: 16,7 miliona
Najlepsza kompresja dla: zdjęcia, stratna
PNG (Portable Network Graphics)Format PNG powstał w 1996 roku i miał zastąpić format GIF. Pomimo wielu ciekawych opcji i dobrej kompresji zarówno dla fotografii, jak i prostej grafiki, PNG nie stał się na razie popularny. Jest to spowodowane brakiem poparcia firm produkujących przeglądarki. Większość dostępnych przeglądarek nie potrafi odczytać plików w formacie PNG, bądź ma poważne problemy z ich prawidłowym wyświetlaniem. Ostatnio jednak sytuacja PNG trochę się poprawiła, najnowsze wersje przeglądarek Microsoft Internet Explorer i NCSA Mosaic radzą sobie całkiem dobrze z PNG, a zapowiadany Netscape 6 ma również uwzględniać ten format. Do starszych przeglądarek powstały plug-iny pozwalające obsługiwać PNG. Trudno powiedzieć czy PNG w przyszłości zastąpi ostatecznie GIF-a, ale na pewno stanowi ciekawą alternatywę.
Maksymalna liczba kolorów 16,7 miliona
Najlepsza kompresja dla zarówno proste grafiki, jak i zdjęcia, bezstratna
DjVuJest to format plików graficznych do wszelkich zastosowań. Idealnie nadaje się do prezentacji na witrynach internetowych. Jego premiera nastąpiła w 1999r. Wykorzystano w nim kompresję wavelet, która jest obecnie najlepszą pod względem ilości zajmowanego miejsca jak i jakości plików na świecie. DjVu znajduje zastosowanie także we wszelkiego rodzaju skanowanych dokumentach, ponieważ obraz dzielony jest na warstwy. Tło jest kompresowane inną techniką niż pierwszy plan. Wadą tego rozwiązania jest zapotrzebowanie na szybki procesor i dużą pamięć operacyjną (min. 64 MB). Kolejną niedogodnością jest fakt, że format ten jest mało popularny. Nie obsługują go standardowo żadne przeglądarki. Oczywiście, po ściągnięciu plug-ina wszystko wygląda bardziej różowo. Warto dodać że plug-in do Internet Explorer ma prawie 2 MB!
Najlepsza kompresja dla: zdjęcia, wszelkiego rodzaju dokumenty i loga, stratna i bezstratna
SVG (Scalable Vector Graphics)Format SVG stanowi implementacje języka XML. SVG został opracowany przez W3C specjalnie do tworzenia grafiki wektorowej na stronach WWW. W przeciwieństwie do formatów bitmapowych (JPEG, GIF), obraz zapisany w postaci wektorowej można dowolnie edytować bez utraty jakości. Ponieważ SVG jest implementacją XML-a wszystkie obiekty występujące w obrazku SVG są opisane za pomocą kodu. Jest on bardzo podobny do HTML. Dzięki temu proste rysunki można edytować ręcznie, bez użycia programu graficznego. Ostateczna wielkość takiego pliku jest dużo mniejsza niż jakiegokolwiek z dzisiejszych formatów bitmapowych. Grafika wektorowa najlepiej sprawdza się do zapisywania prostych ilustracji, znaków firmowych, kolorowych tekstów, itp. W przypadku fotografii lepiej użyć formatu JPEG. SVG pozwala na dużo więcej niż tylko zapisywanie obrazów. W dokumencie SVG można osadzać pliki z grafiką w formatach JPEG lub PNG, stworzyć aktywne obszary i animacje.
Phoob