1.	Wprowadzenie 
Proces projektowania i budowy stron WWW wymaga zaplanowania ich struktury, tekstowej i graficznej zawartości oraz połączeń między nimi. Do tego celu stosowane są różne edytory graficzne, ale najlepszy efekt uzyskasz korzystając z hipertekstowego języka znaczników HTML (ang. HyperText Markup Language). Umożliwia on oznaczanie na stronie internetowej rozdziałów, sekcji, tytułów, oddzielanie akapitów, załączanie tabel i grafiki oraz łączenie tego wszystkiego za pomocą odnośników. Sposób wyświetlania przez przeglądarkę internetową zawartości strony opisuje się z wykorzystaniem języka CSS (ang. Cascading Style Sheets), który poznasz na następnym etapie kształcenia. Efektem zajęć będzie wykonana przez Ciebie atrakcyjna wizualnie strona internetowa, zawierająca łącza do innych stron, grafikę oraz multimedia. 

1.2.	Zasady projektowania stron WWW
W celu zapewnienia prawidłowego wyświetlania się projektowanych stron WWW w różnych przeglądarka, opracowane zostały zbiory reguł, które mówią jak powinny być budowane strony i przeglądarki, aby bez problemów ze sobą współpracowały. Takie zbiory zasad nazywamy standardami. Najnowszym, obsługiwanym przez większość przeglądarek jest standard nazwany HTML5 (wersja HTML 5). Jest to dokładna specyfikacja techniczna opisująca wszystkie elementy dostępne w HTML. Kiedy przeglądarki wprowadzają nowe funkcje, w niedługim czasie dodawane są one do standardu, tak żeby wszystkie pozostałe przeglądarki uzupełniły braki i żeby strony wyświetlały się wszędzie w jednakowy sposób. 

1.3.	Rodzaje stron internetowych 
Przeglądając zasoby Internetu oglądasz w wybranej przeglądarce strony statyczne lub dynamiczne. Strony statyczne mają stałą zawartość i wygląd. Zazwyczaj składają się z niewielkiej ilości podstron. Wszelkie zmiany muszą być wprowadzone w kodzie strony przez jej autora, więc ostateczny wygląd takich stron musi już być znany na etapie ich projektowania. Strony dynamiczne generowane są na bieżąco. Mogą one zmieniać swoją zawartość i wygląd poprzez wprowadzanie zmian na komputerze użytkownika. 

1.4.	Projektowanie serwisu WWW
Serwis stron WWW jest zbiorem, tworzącym pewną całość. Przystępując do projektowania serwisu musisz wiedzieć, jakie informacje chcesz przekazać i w jakiej kolejności. Dobrze jest rozrysować sobie strukturę tworzonego serwisu na kartce papieru i ustalić zawartość tematyczną poszczególnych stron. 
Serwis WWW jest zbiorem stron internetowych, które połączone ze sobą tworzą całość. Przystępując do projektowania serwisu musisz wiedzieć, jakie informacje chcesz przekazać i w jakiej kolejności. Dobrze jest rozrysować sobie strukturę tworzonego serwisu na kartce papieru i ustalić zawartość tematyczną poszczególnych stron. 
Możemy rozróżnić następujące struktury stron WWW: 
•	Liniowa (sekwencyjna) 

•	Organizacja stron polega na założeniu, że pierwsza strona jest stroną główną, z której prowadzi tylko jeden odnośnik do strony następnej, z której z kolei możliwe jest przejście do następnej lub powrót strony do poprzedniej; 

•	Hierarchiczna 
•	Organizacja stron polega na ustawieniu ich w kolejności od strony zawierającej spis tematów (menu) i dokonywaniu wyboru jednego z nich, skutkującego przejściem do podstrony. Podobnie jest w przypadku przechodzenia z otwartej podstrony do stron następnych. 
•	Mieszana 

•	Przy większych serwisach mogą wstępować oba rodzaje struktur. 
Jeśli masz już pomysł na strukturę swoich stron, to możesz przystąpić do rozplanowania treści na poszczególnych stronach i opracowania sposobu poruszania się po nich. Gdy długość strony przekracza jeden ekran, należy umożliwić powrót na górę strony, wstawiając na dole strony stosowny odnośnik. Mając plan możesz rozpocząć tworzenie stron, nie martwiąc się, że zapomnisz, gdzie daną stronę umieścić. 
ZAPAMIĘTAJ 
Przystępując do projektowania serwisu internetowego musisz wiedzieć, jakie informacje chcesz przekazać i w jakiej kolejności. Przy jego tworzeniu stosuj się do podstawowych zasad projektowania stron.

11.5. Tworzenie stron WWW za pomocą edytorów graficznych i tekstowych 
Dla osób początkujących w procesie tworzenia stron internetowych, bardzo zachęcająco wygląda możliwość tworzenia ich z pomocą edytorów graficznych. Autor tworzy stronę WWW z gotowych elementów, umieszczanych na stronie przy pomocy myszki i opcji menu danego edytora. Niestety, prostota tworzenia nie zawsze pozwala na spełnienie oczekiwań twórcy strony. 
Jednym z popularnych edytorów graficznych jest edytor WiX (pl.wix.com). 
ZAPAMIĘTAJ 
Edytory graficzne stosowane są przez osoby rzadko zajmujące się tworzeniem stron WWW. Pojawiające się problemy przy tworzeniu strony pomoże ci rozwiązać znajomość kodowania w języku HTML. 

11.6. Tworzenie stron WWW z wykorzystaniem języka HTML 
Językiem służącym do tworzenia stron internetowych jest HTML. Do pisania kodu w tym języku nie będzie ci potrzebny dostawca usług internetowych ani nawet podłączenie do Internetu. Aktualnie powszechnie stosowanym standardem jest HTML5. 
Dokument HTML to zwykły plik tekstowy, który możesz tworzyć i modyfikować praktycznie w każdym edytorze tekstu. Dla systemów Windows i Linux może to być wspomniany przed chwilą - Notepad++, dla systemu MacOS – Text Edit czy Sublime Text, dla systemu Android – DroidEdit. 
Po utworzeniu pliku HTML zachowaj go na dysku w formacie pliku tekstowego z rozszerzeniem .html lub .htm. Przy zapisywaniu pliku opcją Zapisz jako ustaw sposób kodowania na UTF 8. Do obejrzenia efektów pracy konieczna będzie dowolna przeglądarka, która odczytuje plik HTML z dysku lokalnego, a następnie przetwarza go i wyświetla tak samo, jak pliki z sieci WWW. 
Utworzony plik zawiera opis strony w języku HTML. Do tego celu używane są odpowiednie polecenia języka, które określają sposób zamieszczania na stronie tekstu, elementów graficznych oraz wstawiana odnośników do innych stron WWW. Polecenia (znaczniki) języka HTML opisujące stronę rozpoczynają się znakiem mniejszości (<), zaś kończą znakiem większości (>). 
Większość poleceń HTML występuje w parach, istnieją jednak również takie, które występują pojedynczo. W przypadku poleceń występujących w parze, początkowe polecenie nazywane jest otwierającym, zaś końcowe, poprzedzone znakiem slash (“/”) zamykającym.