Projektowanie stron www - trochę historii

Do projektowania stron www można podejść na wiele sposobów, tak jak do każdej innej czynności. Dzisiejsza technologia umożliwia projektowanie rozbudowanych i zarazem estetycznych i użytecznych serwisów www, które coraz lepiej spełniają swoje zadanie - dostarczają informacji, wrażeń wizualno-dźwiękowych, a nawet szokują swoją formą.

Strony internetowe przeszły długą ewolucję, która podlegała różnym trendom związanych z rozwojem technologii oraz upodobaniami internautów.

W ciągu ostatnich 20 lat zmieniło się również wyobrażenie czym są strony główne serwisów internetowych. W ciągu tych lata strony główne były: okładką czasopisma, naszą wizytówką dla świata, holem budynku, recepcją lub portiernią w budynku firmy, spisem treści w książce, stroną tytułowa gazety, folderem reklamowym. Również podejście do projektowania serwisów uległo zmianom, na szczęście na tych zmianach korzystają przede wszystkim właściciele i użytkownicy serwisów.

Trzy podejścia do projektowania stron www

Obecnie możemy wyróżnić trzy podejścia do tworzenia stron internetowych:

1. tradycyjny projekt HTML - CSS - PHP
2. projekt w oparciu o technologię Flash
3. projekt w oparciu o system CMS.
   

1. Indywidualny projekt w HTML / CSS / PHP / JS | Podejście tradycyjne

Podejście tradycyjne jest dzisiaj najbardziej popularne, gdyż tego rodzaju usługami może zająć się praktycznie każdy, kto zna podstawy HTML i CSS, choć dzisiaj już coraz częściej wykorzystuje się PHP oraz JavaScript.

Te dwa języki programowania, są najbardziej popularne i najczęściej wykorzystywane przez programistów. HTML towarzyszy projektowaniu stron internetowych od samego początku i jest interpretowany przez wszystkie przeglądarki internetowe wliczając te działające wyłącznie w trybie tekstowym.

Zlecając wykonanie serwisu www w sposób tradycyjny, zadaniem osoby lub firmy wykonawcy będzie:

• wykonanie projektu strony głównej i podstron w wersji graficznej
• przygotowanie szablonów strony głównej i podstron w PHP/HTML/CSS/JavaScript
• wprowadzenie treści do serwisu udostępnioną przez zleceniodawcę.

W większości przypadków wykonawca skupi się na wyglądzie strony głównej, gdyż jest to najbardziej widoczna część serwisu. Przy projektowaniu weźmie pod uwagę branżę zleceniodawcy, wykorzysta kolorystykę zgodną z kolorystyką firmy, użyje dostarczonych zdjęć, kupi je na potrzeby strony bądź wykona jest samodzielnie do potrzeb projektu.

Zalety strony HTML  / CSS / PHP / JS

• Strona wykonana specjalnie na indywidualne zlecenie, przez co jest unikalna sama w sobie.
• Unikalność będzie zaletą pod warunkiem, że zostaną zachowane przyjęte standardy dotyczące użyteczności stron.
• Niewielki udział zleceniodawcy w procesie powstawania strony.
• Umiarkowane koszty wdrożenia.

Wady strony HTML / CSS / PHP / JS

• Brak lub ograniczona możliwość edycji treści serwisu.
• Zaawansowane narzędzia związane są z dużymi kosztami, gdyż wykonywane są indywidualnie dla klienta.
• Konieczność stałej współpracy z firmą projektową i ponoszenie kosztów w przypadku jakichkolwiek modernizacji lub update'u serwisu.

2. Indywidualny projekt Flash | Podejście artystyczne

Od kilka lat na rynku dostępna jest technologia umożliwiająca wykonywanie bardzo atrakcyjnie wyglądających serwisów. Tą technologią jest Flash firmy Macromedia.

Technologia Flash umożliwia wykonywanie serwisów bardzo efektownych graficznie. Bogate zestawy wtyczek oraz możliwość pisania własnych umożliwiają tworzenie bardzo skomplikowanych i zarazem robiących wrażenie animacji połączonych z efektami dźwiękowymi.

Strony w tej technologii wykonywane są na indywidualne zamówienie klienta, gdyż wymagania klientów są z reguły różne, dlatego każdy projekt trzeba wykonywać od podstaw. Oczywiście możliwe jest wielokrotne używanie tych samych efektów czy przejść, jednak grafikę będącą źródłem strony trzeba wykonać zawsze "pod klienta".

Wielu internetowych guru od funkcjonalności stron (w tym sam Jakob Nielsen) uważa Flasha za przekleństwo internetu. Myślę jednak, że nie można się z tym całkowicie zgodzić. Technologia ta jest coraz bardziej elastyczna, a w połączeniu z obsługą dokumentów XML treść serwisu może być łatwo aktualizowana i całkiem dobrze indeksowana przez wyszukiwarki. Poza tym stron wykonana w tej technologii swoimi efektami może niejednego powalić na kolana. Zachęcam do zapoznania się z portfolio firmy 2advanced, która od lat specjalizuje się w wykonywaniu serwisów w technologii Flash - www.2advanced.com.

Zalety strony w technologii Flash

• Serwis robiący duże wrażenie pod względem efektów graficznych.
• Możliwość kreatywnego, niestandardowego podejścia do tematu.
• Dobre rozwiązanie, jeśli w grę wchodzi przekaz w formie graficznej z niewielką ilością tekstu.
• Nadaję się dla stron wymagających bardziej wyszukanych niż tekst form przekazu informacji - poprzez zdjęcia, animacje i dźwięk.
  

Wady strony w technologii Flash

• Wysoki lub bardzo wysoki koszt projektu - wszystkie elementy wykonywane na indywidualne zlecenie.
• Długi czas ładowania stron w porównaniu ze stronami HTML - pliki animacji flash (swf) zajmują dużo miejsca, a do prawidłowego funkcjonowania strony wymagane jest załadownie całego pliku, czas ładowania strony wypełniany jest tzw. preloaderem, czyli niewielką animacją informującą, że trwa ładownie strony. Dłuższe ładowanie w przypadku wolniejszych łącz może być dość irytujące.
  
• Dodatkowy koszt związany z wykonaniem strony w wersji HTML dla osób, których przeglądarki nie posiadają wtyczki do obsługi Flasha lub dla osób niepełnosprawnych - czytniki głosowe nie obsługują Flasha.
• Niska użyteczność w porównaniu ze stronami zrobionymi w HTML. Projektanci często skupiają się na oprawie graficznej strony zapominając czemu strony ma służyć.
  
• Przy niezachowaniu umiaru w efekcie można otrzymać przerost formy nad treścią.

3. System CMS | Podejście nowoczesne

Zalety systemu CMS

• Wykorzystanie najnowszej na dzień dzisiejszy technologii do budowania i zarządzania stronami www.
• Rozdzielenie treści informacyjnej przechowywanej w bazie danych od wyglądu serwisu.
• Możliwość dowolnego manipulowania treścią i wyglądem serwisu - zakres uzależniony od możliwości systemu.
• Dostęp do edycji treści z dowolnego miejsca - potrzebny tylko internet i przeglądarka typu Internet Explorer.
• Brak konieczności instalowania jakiegokolwiek oprogramowania po stronie użytkownika systemu - do edycji treści (tekstu, ilustracji, zmian wyglądu) wystarczy dowolna przeglądarka internetowa.
• Możliwość przebudowania wyglądu serwisu bez konieczności ponownego wprowadzania treści. Możliwość korzystania z różnych wyglądów serwisu w zależności od okoliczności - np. inne formatowanie na święta.
• Profesjonalny wygląd oraz duża użyteczność serwisu - brak przerostu formy nad treścią.
• Możliwość uaktualniania treści serwisu poprzez wielu redaktorów w tym samym czasie.
• Dostępność stron - informacje publikowane na stronach dostępne są również w trybie tekstowym poprzez co mogą z nich korzystać osoby niepełnosprawne używające np. głosowych czytników tekstu.
• Funkcje SEO - przyjazność dla wyszukiwarek - dzięki technologii content layering treść serwisu dzielona jest na kategorie i podkategorie co wyszukiwarkom ułatwia indeksowanie treści. Systemy często same przygotowują mapę serwisu - tzw. sitemap w formacie xml, z czego korzystają największe wyszukiwarki (przede wszystkim Google).
• Możliwość rozbudowy lub przebudowy serwisu bez konieczności naruszania obecnej zawartości - dysponując webmasterem można rozbudowywać serwis o nowe, niestandardowe rozwiązania.
• Niski koszt wdrożenia w przypadku standardowych rozwiązań i domyślnych szablonów. Koszty licencji niektórych systemów są już dziś na tyle niskie, że mogą pozwolić sobie na nie nawet niewielkie firmy. Koszt wdrożenia może być nawet niższy niż koszt wykonania serwisu w podejściu tradycyjnym.

Wady systemu CMS

• Aktualizacja treści odbywa się bezpośrednio na serwerze, co wymaga dostępu do internetu (najlepiej stałego).
• Jeśli treść aktualizowana jest przez wielu redaktorów z tego samego miejsca - np. siedziby firmy, należy dysponować łączem o odpowiedniej przepustowości - upload min. 256kbit.
• Wdrożenie systemu w przypadku indywidualnych, niestandardowych rozwiązań może kosztować całkiem sporo.
  

Podsumowanie

Każde z wyżej wymienionych podejść do projektowania stron ma swoje wady i zalety. Nie ma idealnego rozwiązania dla wszystkich. Każdy musi dobrać metodę do swoich indywidualnych potrzeb i możliwości finansowych. Każde z rozwiązań ma mocne i słabe strony, jednak bez względu na to jaką metodę wybierzemy pamiętajmy, że bez względu na formę prezentacji i sposób aktualizacji, najważniejsza dla waszego serwisu będzie jego treść i to ona w największej mierze będzie decydować o jego sukcesie.

Łukasz Gierucki

----------------------------------------------------------
Artykuł może być publikowany w innych serwisach pod warunkiem umieszczenia informacji o autorze i linku zwrotnym do serwisu Heuristic.