Strony WWW

Oceń tę pracę

Podstawowym składnikiem wszystkich witryn WWW są strony – dokumenty HTML, które możemy oglądać za pomocą przeglądarki. Strony WWW są plikami tekstowymi, w których zapisywane są informacje wyświetlane przez przeglądarki oraz etykiety HTML – polecenia interpretowane przez przeglądarkę, służące do określenia wyglądu strony.

Język HTML nie jest skomplikowany – ilość jego etykiet nie jest zbyt wielka, a sposób ich użycia jest prosty. Dzięki temu, że strony zapisywane są jako normalne pliki tekstowe, można je tworzyć nawet za pomocą najzwyklejszego edytora tekstowego, takiego jak program Notepad. Jednakże największym minusem takiego tworzenia stron WWW jest to, iż nie widzimy ostatecznej postaci strony, która czasami może się różnić od tego, co zaplanowaliśmy. Właśnie w tym miejscu można w pełni docenić pomoc jaką są programy wspomagające tworzenie stron WWW – nie tylko oddzielają one twórców od języka HTML i jego etykiet, lecz także od razu pozwalają na zobaczenie efektów pracy.

Tworzenie pierwszej witryny WWW

Możliwości projektowania witryny WWW:

Określenie zawartości witryny – pierwszym krokiem przy tworzeniu każdej witryny WWW jest jej zaplanowanie. Tu znajduje się omówienie określenia treści, trafienia do odpowiednich odbiorców i tego, czy używać zaawansowanych technologii, takich jak Java i ActiveX.

Wybór efektownego wyglądu – wpływ wyglądu witryny na odwiedzających. Wrażenie wizualne i odczucia są tak samo ważne, jak łatwość poruszania się po witrynie.

Importowanie istniejącej witryny – jeśli zaczęło się już budować witrynę WWW za pomocą innych narzędzi, można wykorzystać to jako punkt startowy dla nowej witryny WWW tworzonej za pomocą FrontPage 'a,

Rozpoczynanie od kreatora lub szablonu – tworzenie nowej witryny można rozpocząć bardzo szybko za pomocą niektórych kreatorów i szablonów, jakie udostępnia FrontPage.

Budowanie witryny WWW od podstaw – rozpoczynanie tworzenia witryny WWW od zera.

Edycja stron WWW

Dzięki temu, iż kod źródłowy stron WWW zapisywany jest jako normalny tekst, istnieje możliwość ich edycji za pomocą najprostszego nawet edytora tekstowego (Notepad). Tworzenie stron w taki sposób posiada wiele wad – niewątpliwie największymi są: konieczność znajomości języka HTML oraz duży nakład pracy niezbędny do stworzenia strony i nadania jej odpowiedniego wyglądu.

Zupełnie inaczej wygląda tworzenie dokumentów HTML za pomocą takich programów, jak FrontPage Editor. W programach tego typu praca jest znacznie  szybsza i efektywniejsza – wiele czynności, takich jak wyrównywanie tekstu, określanie jego kolorów, wielkości czcionki czy też stylów, wymaga jedynie kilku kliknięć myszką. Wykonywanie innych czynności, jak na przykład tworzenie tablic, formularzy, map graficznych, formatowanie wszelkich elementów stron, czy też dodawanie do nich różnego typu elementów aktywnych, jest w znacznym stopniu ułatwione poprzez okna dialogowe, które w całości oddzielają twórców stron od języka HTML, jego etykiet i parametrów.

Na strony WWW składa się wiele elementów. Jest to przede wszystkim tekst, który użytkownik będzie mógł przeczytać na stronie, umieszczona na niej grafika, elementy multimedialne, formularze itp. Sam tekst można organizować w różny sposób – w akapity, tabele czy też różnego typu listy.

Formatowanie stron WWW

O ile wpisywanie tekstu strony WWW nie jest zazwyczaj specjalnym problemem, o tyle może przysporzyć wielu trudności. Formatowanie tekstu obejmuje całość czynności służących do nakładania stronie WWW zamierzonej postaci. Określanie postaci może dotyczyć całej strony WWW, jak i poszczególnych jej elementów: paragrafów, tabel, hiperłączy czy też list.

W zasadzie  wszystkie operacje dotyczące określenia postaci tekstu wykonać można za pomocą przycisków dostępnych na pasku narzędzi Format.

FrontPage Editor udostępnia system okien dialogowych pozwalających na bardzo szybkie i wygodne określenie właściwości wyglądu wszystkich możliwych elementów , które mogą być umieszczane na stronach WWW. Okna te wyświetlane są poprzez wybranie odpowiedniej opcji z menu kontekstowego. Opcje dostępne w tym menu zależą bezpośrednio od miejsca strony WWW, w którym menu zostało wywołane.

Dodawanie elementów stron

Opisywane do tej pory czynności służyły bądź to zarządzaniu witrynami (w przypadku FrontPage Explorera), bądź tworzeniu lub formatowaniu stron WWW. Oprócz przedstawienia metod wpisywania tekstu – dodawania akapitów można umieszczać na stronach WWW elementy (listy, tablice, obrazki, czy też różnego typu elementy aktywne), które decydują o atrakcyjności tworzonych stron.

FrontPage Editor udostępnia narzędzia, które umożliwiają nie tylko dodawanie, lecz także określenie wyglądu i właściwości bardzo dużej ilości różnego typu elementów. Poczynając od pojedyńczych znaków, na stronach WWW możemy tworzyć listy, hiperłączy, dodawać obrazy lub inne pliki multimedialne, tabele, elementy aktywne – takie jak skrypty, obiekty ActiveX, aplety Javy; możemy także tworzyć dynamiczne strony prezentujące informacje zapisane w bazach danych.

Sposób umieszczania na stronach WWW poziomej linii lub wybranego symbolu jest bardzo prosty – wystarczy w tym celu wybrać jedną opcję lub podać dane w oknie dialogowym. Jednakże takie zagadnienia, jak tworzenie hiperłączy łączących poszczególne strony witryny i pozwalających na przemieszczanie się do innych stron WWW, znajdujących się w dowolnym miejscu Internetu, tworzenie skryptów lub korzystanie z innych elementów aktywnych – są znacznie bardziej skomplikowane i wymagają szerszego przedstawienia.

Listy

Wiele jest elementów decydujących o atrakcyjności strony WWW. Przede wszystkim jest to na pewno ogólna jej kompozycja, dobór tła, kolorów, elementów graficznych. Elementem takim jest także sposób prezentacji informacji znajdujących się na stronie. Tekst umieszczać możemy na stronach WWW w postaci akapitów, w tabelach lub też w formie list.

Listy nie są żadnym elementem stron WWW – są one jedynie stylem prezentacji umieszczonego na nich tekstu. W polu Change Style na pasku narzędzi Format, znajdują się takie opcje, jak: Bulleted List, Directory List, Numbered List, Menu, Definition. Są to właśnie style, których można użyć do tworzenia list.

Listy mogą posłużyć do prezentowania różnego typu informacji. Na przykład lista numerowana (Numbered List) doskonale nadaje się do przedstawienia sekwencji czynności, w których istotna jest kolejność; natomiast lista punktowa (Bulleted List) jest lepsza do zaprezentowania grupy informacji związanych ze sobą tematycznie, lecz których kolejność nie odgrywa roli. Directory (katalog) przedstawia ciąg krótkich określeń.  FrontPage Editor pozwala także na tworzenie list o strukturze zagłębionej – list w listach, oraz na określenie sposobów numerowania i znakowania list.

Hiperłącza i znaczniki

Jednymi z najważniejszych elementów, jakie można umieszczać na stronach WWW, są hiperłącza. Dzięki nim możemy przechodzić do innych stron WWW – zarówno do tych, które wchodzą w skład tej samej witryny, jak i tych, które znajdują się w zupełnie innych witrynach WWW. Hiperłącza nie muszą zresztą wskazywać na strony WWW – mogą prowadzić do plików dowolnego typu. Dzięki temu możemy na przykład pozwolić użytkownikowi na skopiowanie wybranego pliku. Zazwyczaj jednak hiperłącza używane są do przemieszczania się pomiędzy stronami WWW.

Hiperłącza mogą mieć różne postaci – może to być fragment tekstu oznaczony w specjalny sposób, obrazek lub specjalna mapa graficzna – obrazek zawierający kilka obszarów, których kliknięcie powoduje przejście do różnych stron WWW.

Każde hiperłącze, niezależnie od swojego wyglądu, musi mieć adres docelowy – adres strony, która zostanie wyświetlona w przeglądarce po użyciu danego hiperłącza. Istnieją dwa podstawowe rodzaje adresów: bezwzględne i względne. Adres bezwzględny składa się z protokołu, adresu serwera oraz ścieżki dostępu do strony na serwerze – czyli nazwy pliku i kartoteki, w której jest on umieszczony. Adresów bezwzględnych używamy wtedy, gdy chcemy stworzyć hiperłącze ze stroną znajdującą się w dowolnej innej witrynie WWW. Natomiast połączeń względnych używamy wówczas, gdy chcemy stworzyć połączenie ze stroną wchodzącą w skład witryny. W adresie tego typu umieszczamy jedynie ścieżkę dostępu do pliku w którym zapisana jest strona.

Tabele

Tabele są bardzo ważnymi i niesłychanie przydatnymi elementami stron WWW. Mogą być wykorzystywane do wielu celów – począwszy od prostego wypisywania tekstu w formie kilkukolumnowej tabelki, poprzez tworzenie estetycznie wyglądających formularzy, na określaniu struktury całej strony skończywszy.

Tworzenie tabeli może mieć różną skalę trudności i jest zależne od tego, do czego chcemy użyć tabeli oraz jaki efekt planujemy osiągnąć. O ile stworzenie tabeli nie nastręcza problemów, to jednak nadanie jej odpowiedniego wyglądu nie jest już zadaniem zbyt łatwym. Pierwszym problemem może się okazać duża ilość dostępnych możliwości; na przykład możemy określać sposób podawania wielkości tabeli, szerokości jej ramek, wielkości obszaru pomiędzy zawartością komórki a jej ramką, sposób wyrównywania tekstu, możemy także łączyć komórki sąsiadujących wierszy czy też kolumn itp. Drugim problemem jest fakt, iż ostateczny kształt i wielkość tabeli zależą od zawartości wszystkich jej komórek; dzieje się tak dlatego, że wielkość komórki jest również zależna od jej zawartości.

Tabele nie muszą służyć jedynie do prezentowania tekstów; można w nich także umieścić elementy graficzne lub pola formularzy. Są one bardzo często używane także do określenia kształtu całej strony WWW. Za ich pomocą w bardzo wygony sposób można umieszczać wszystkie elementy strony w odpowiednich miejscach.

Narzędzia dostępne w menu Table FrontPage Edytora pozwalają na bardzo szybkie i wygodne tworzenie oraz określenie wyglądu tabel, bez jakiejkolwiek ingerencji w kod źródłowy HTML.

image_pdf

Dodaj komentarz