75% użytkowników twierdzi, że ocenia wiarygodność firmy na podstawie witryny internetowej. Potencjalny Klient już po pierwszej minucie spędzonej na stronie WWW, podejmuje decyzję czy dalej z niej korzystać, czy z niej wyjść. 40 do 60% osób wychodzi z serwisu po obejrzeniu tylko strony głównej, nie sprawdzając co jeszcze firma ma do zaoferowania.

Co Ty na to?

Teraz e-klient chce łatwego w obsłudze, funkcjonalnego sklepu, w którym bez problemu będzie mógł kupować produkty i nie będzie musiał się zastanawiać jakie są koszty wysyłki. Co jednak się stanie, jeżeli nie znajdzie potrzebnych mu informacji? Po prostu pójdzie do konkurencji i już prawdopodobnie do nas nie wróci.

Jakie są największe błędy popełniane przez e-sklepy?

Brak opisu oferty

Zadbajmy o to, żeby na stronie głównej obok nazwy naszej firmy był krótki komunikat o naszej działalności. Jeżeli w nazwie firmy jest skrót, to rozwińmy go. Nie każdy odwiedzający wie, co oznacza np. ABC. Napiszmy więc ABC – plus krótki opis działalności. Na stronie głównej warto również umieścić klika zdjęć naszych produktów, ale koniecznie z podpisem i ceną. W ten sposób możemy również zidentyfikować działalność firmy. Jeżeli użytkownik zobaczy nagłówek Sklep ABC – zabawki dla dzieci i jednocześnie kilka zdjęć tychże zabawek z ich ceną, nie będzie miał żadnych wątpliwości. To bardzo proste czynności, a ich wdrożenie na pewno zaowocuje większą liczbą odwiedzin.

Brak widocznych informacji o kosztach i formach wysyłki

Koszty wysyłki to jedna z ważniejszych rzeczy, na którą zwraca uwagę potencjalny Klient. Zadbajmy o to, żeby były zawsze widoczne i dostępne dla użytkownika, na przykład w górnym lub bocznym menu, ale zawsze warto powtórzyć je w stopce sklepu oraz koniecznie w koszyku. Oczywiście, razem z kosztami przesyłki powinna być zawarta informacja  dotycząca formy zapłaty, jaką oferuje sklep oraz jaki jest czas oczekiwania na przesyłkę.

Brak informacji o możliwych sposobach zamówienia produktów

Jeżeli w sklepie można również zamówić produkty przez telefon, informujmy o tym odwiedzających. Wiele osób ma wciąż obawy przed kupowaniem przez Internet, jeżeli damy im możliwość złożenia zamówienia telefonicznie, możemy na tym dużo zyskać. Numer telefonu powinien być widoczny. Bardzo ważne jest, żeby umieścić taką informację również w koszyku zakupów, gdyż stanowi rodzaj koła ratunkowego dla użytkowników, którzy nie są pewni w 100% swoich zakupów. Działa to na zasadzie „Masz wątpliwości, zadzwoń do nas”. Warto więc o tym pamiętać. Oczywiście,  przycisk „Do kasy” zawsze powinien być większy jako priorytetowy, natomiast rezerwowe wezwanie powinno być mniejsze od głównych przycisków akcji.

Przyciski akcji w e-sklepie

Przyciski „Dodaj do koszyka” czy „Dodaj do schowka” powinny być  zawsze widoczne na ekranie bez przewijania strony. Jeżeli nasz opis produktu jest bardzo długi to koniecznie umieśćmy te komunikaty na górze i na dole opisu produktu. Muszą to być w miarę duże, wyróżniające się przyciski.  Bardzo ważną sprawą są także etykiety na przyciskach. Zadbajmy o to, żeby były czytelne i jasne.

Unikaj!

Fraza „Kup teraz” jest często źródłem pewnego niepokoju wśród użytkowników, gdyż może sugerować, że po jej kliknięciu od razu zostaną potrącone pieniądze z ich konta.

Unikaj również podlinkowania frazy „Kliknij tutaj”.  O wiele lepiej zadziała podlinkowanie konkretnego tekstu typu „Zamów darmowy biuletyn”, „Pobierz folder reklamowy”, itd.

Nie wymyślaj fikuśnych nazw dla słowa „Koszyk”. Użytkownicy przyzwyczaili się do tego słowa.

Jeżeli zadbamy o takie szczegóły z zakresu funkcjonalności stron internetowych, to z pewnością liczba osób kupujących w sklepie powinna znacznie wzrosnąć. Przegońmy konkurencję!

źródło: http://www.ithink.pl/artykuly/biznes/reklama-i-marketing/ladny-sklep-internetowy-juz-nie-wystarczy/

W dzisiejszych czasach każda firma powinna mieć swoją stronę internetową. Bez strony w sieci nie ma mowy o rozwoju firmy, czy nawet o zdobywaniu nowych klientów. Dlatego tak dużym powodzeniem cieszą się wykonywane na zamówienie strony internetowe. Gdzie ich szukać? Przede wszystkim należy zastanowić się, co na naszej stronie ma się znaleźć. Dobrze, aby w momencie wyboru wykonawcy mieć już mniej więcej sprecyzowany projekt. Oczywiście firmy zajmujące się wykonywaniem stron na pewno nam chętnie doradzą, jakie rozwiązanie najlepiej wybrać. Jednak każdy z nas, surfując po sieci, wie, jak mogą wyglądać strony czy sklepy, i mamy też mniej więcej wyobrażenie, co nam się podoba. Dobrze, jeśli agencji interaktywnej wykonującej pokażemy przykłady tego, co nam się podoba, i dlaczego. Jeśli chodzi o funkcjonalność, na pewno dostaniemy wiele porad w samej firmie wykonującej. Jako laicy nie znamy się na tym, możemy popełnić wiele błędów. To, że naszym ulubionym kolorem jest mieszanka pomarańczowego z fioletem, nie oznacza, że sklep właśnie w tych kolorach będzie najlepiej wyglądał. Dlatego projektując stronę warto posłuchać grafików i ich porad. Bądź co bądź są to profesjonaliści, którzy znają się na rzeczy i nie jeden funkcjonujący sklep internetowy już skonstruowali. Należy też zdać sobie sprawę z tego, że większość sklepów oparta jest o już wcześniej istniejące skrypty. Oznacza to, że nie można w nich dokonać zbyt wielu zmian, choć oczywiście można je dostosować do własnych wymagań. Jednak każda poważniejsza zmiana będzie się wiązała z dopłatami, a nawet z o wiele wyższą ceną ze zlecenie, ponieważ sklep trzeba będzie tworzyć od zera, zamiast podpierać się gotowymi szablonami. Ale to przecież nic dziwnego, że za jakość i wyjątkowość trzeba płacić.

Zanim stworzysz swoją stronę www musisz wiedzieć czego chcesz i czego oczekujesz od swojej strony. Pamiętaj, pierwsze wrażenie jest bardzo ważne.

Wiele osób chce mieć stronę, jednak sama chęć nie wystarcza. Już po chwili rodzą się różne pytania. Jaki wygląd ma mieć strona? Co powinna zawierać? Jakich narzędzi użyć do jej stworzenia? Czy można na niej zarobić?

Warto usiąść i określić co chcemy na niej zamieścić oraz wypisać funkcje, które ma spełniać. Nie są to łatwe decyzje, ale trzeba je podjąć już na samym początku. Od nich bowiem zależy konstrukcja menu, wygląd strony głównej, ilość działów, nawigacja, liczba dokumentów i grafik, które będą nam potrzebne do zbudowania serwisu.

Postaraj się wczuj w rolę czytelnika, pomyśl co zrobi gdy wejdzie na Twoją witrynę, czego będzie szukał, co możesz mu zaoferować. Swoje przemyślenia przedstaw kilku osobom i zapytaj co sądzą o pomyśle. Z pewnością podpowiedzą Ci, co ich zdaniem należałoby dodać lub zmienić.

Pamiętaj, że serwis internetowy różni się od książki lub gazety. Nikt nie czyta długich tekstów, jeżeli nie musi lub nie chce. Treść musi być na tyle ciekawa, aby zatrzymać użytkownika na dłużej. Jeżeli witryna będzie interesująca i oryginalna, wiele osób będzie z niej korzystać, a przecież o to chodzi!

Pamiętaj, że pierwsze wrażenie można zrobić tylko raz.  W internecie są miliony stron. Jeżeli wejdę na jedną z nich i nie zrobi na mnie dobrego wrażenia, już na nią nie powrócę. Szkoda czasu. Więc bardzo ważne jest, aby strona była możliwie najlepiej dopracowana już podczas jej pierwszej prezentacji. Jak to osiągnąć? Jest kilka sposobów…

Teksty

Nie mogą być nudne, zbyt długie, rozlazłe i niestarannie napisane. Sprawdzaj błędy ortograficzne, czytaj je po kilka razy, zastanów się nad słownictwem. Jeżeli tekst jest dłuższy stosuj punkty, akapity lub rozdziały. Gdy powołujesz się na jakieś informacje zawsze umieszczaj ich źródło.

Grafika

Musi być odpowiednio dobrana do serwisu. Ważny jest dobór kolorów, kształtów, zestawienie grafik z innymi elementami strony. Pomyśl o zdjęciach - urozmaicają tekst i przyciągają oko. Możesz je robić samodzielnie, zlecić wykonanie fotografowi lub postarać się o nie z innych źródeł. Pamiętaj, że grafika ma ułatwiać, a nie utrudniać poruszanie się po stronie.

Nawigacja

To bardzo ważny element. Dzięki niej możesz bardzo wiele zyskać. Bezproblemowe poruszanie się po serwisie, wyszukiwanie informacji czy proste przechodzenie pomiędzy różnymi działami to jedne z najważniejszych cech dobrej witryny. Użytkownik zawsze wybierze serwis, który sprawia mu mniej kłopotów podczas wędrówki. Przygotuj mapę serwisu, jeżeli jest bardzo rozbudowany. Nikt nie będzie szukał przez godzinę informacji, z których korzysta na co dzień. Jeżeli to możliwe zbadaj preferencje użytkowników i to, z czego korzystają najczęściej, umieść na stronie głównej. Pamiętaj o umożliwieniu kontaktu z Tobą lub z osobą, która odpowiada za witrynę.

Prawa autorskie

Przestrzegaj je zawsze i za wszelką cenę, a jeżeli masz wątpliwości, pytaj o zgodę autorów. Pamiętaj, że wszystko co nie jest Twoje należy do kogoś innego. Jeżeli chcesz użyć czyjegoś tekstu, grafiki, zdjęcia lub oryginalnego pomysłu, musisz mieć jego zgodę i to najlepiej na piśmie. Jeżeli wykorzystasz czyjeś prace bez poszanowania praw autorskich grozi Ci nie tylko zepsucie opinii w środowisku, ale również odpowiedzialność karna, a wtedy straty finansowe mogą być bardzo dotkliwe i wielokrotnie przewyższać koszt zakupu wykorzystywanych materiałów. Zawsze pytaj o zgodę jeżeli chcesz coś przedrukować lub zamieścić na własnej stronie. Zwykle firmy lub osoby prywatne udzielają zgody bez problemu jeżeli nie prowadzisz serwisu komercyjnego. W Internecie jest też wiele materiałów bezpłatnych, z których można korzystać również do celów komercyjnych.

Aktualizacja

To prawdziwy magnes na czytelnika. Witryna nie może być martwa.  Im częściej będzie się pojawiać coś nowego, tym częściej ludzie będą wchodzić na stronę aby to zobaczyć. Jeżeli nie będziesz w stanie uzupełniać witryny codziennie, staraj się aby chociaż raz w tygodniu dodać choćby kilka słów.

Jak wiadomo, to firmy są najczęściej klientami agencji zajmujących się tworzeniem stron www. Wiele z nich chce mieć strony stworzone w profesjonalny i funkcjonalny sposób. Taki, aby móc samemu nimi zarządzać, by zaoszczędzić cenny czas i pieniądze. Dlatego też każde biuro, które zajmuje się tworzeniem stron internetowych używa skryptów do zarządzania treścią. Obecnie nie ma lepszego sposobu na praktyczną i ciekawą stronę www. Popularność CMS jest bardzo duża. Strony budowane na takich skryptach, są łatwe w obsłudze. Nawet największy laik jest w stanie obsłużyć taki skrypt. Cała praca firmy oferującej tworzenie stron www opartych na CMS to wstawienie treści, wykonanie grafiki i skonfigurowanie systemu wedle potrzeb klienta. Praca taka nie jest zbyt wymagająca jeśli chodzi o profesjonalnego programistę, który zajmuje się tworzeniem stron www na co dzień, jest jednak bardzo trudna do wykonania dla osoby, która nie miała z tym nigdy do czynienia.
Firma zajmująca się tworzeniem stron www jest zadowolona, bo klienci mają szybko i sprawnie zbudowaną stronę, klient jest zadowolony, bo może cieszyć się bardzo szybko powstałą stroną www. Co również jest bardzo istotne, skrypty te można bardzo szybko rozbudować, jeśli zaistnieje taka potrzeba. Wśród stron królują znane już wszystkim CMS, jak Joomla czy Drupa, ale też tworzone są skrypty personalne, na potrzeby biur zajmujących się tworzeniem stron www. Nikogo już nie dziwi, że kompletną stronę firmową można postawić zaledwie w kilka godzin.

Podczas tworzenia stron WWW trafisz na wiele niedogodności. Ponieważ istnieje kilkanaście przeglądarek stron WWW, niektóre polecenia mogą w nich dawać odmienny efekt. Czasem strona z niezamkniętymi poleceniami lub tabelami (co jest oczywiście błędem) będzie wyglądała poprawnie pod Internet Explorerem. Zdarzy się i tak, że poprawna strona, wykorzystująca standard języka XHTML zalecany przez organizację W3C mimo wszystko nie będzie dobrze pokazywana przez jakąś przeglądarkę. Ludzie będą chcieli stronę drukować, wysyłać mailem, zapisywać na dysku, przeglądać w telefonach komórkowych. O wszystkich potrzebach użytkownika musisz pomyśleć!

Pisząc w XHTML większość elementów to pary poleceń. Jest element otwierający i zamykający, np. tytuł został otoczony parą <title> i </title>. Dzięki temu przeglądarka wie, co ma wyświetlić na belce jako tytuł strony. Jeżeli w treści strony jakiś wyraz otoczysz parą elementów <b> i </b> zostanie on pogrubiony (b to skrót od angielskiego słowa bold).

Znając pary poleceń możesz z tekstem robić dowolne rzeczy. Tak na prawdę nie musisz uczyć się par - wystarczy pamiętać nazwę polecenia, bo konstrukcja jest zwykle taka sama: <polecenie> … </polecenie> lub ewentualnie <polecenie />, czyli forma zamknięcia elementów, które w starszym HTMLu nie miały pary, np. <br />.

Elementy XHTML mogą mieć jeszcze atrybuty. Oznacza to, że możesz zmieniać właściwości tych poleceń. Jeżeli chcesz utworzyć połączenie z inną stroną WWW wystarczy, że do elementu a dodasz atrybut href określający adres innej strony. W praktyce wygląda to następująco:

<a href="http://www.projektowanie-stron.szczecin.pl/">
odnośnik do www.projektowanie-stron.szczecin.pl</a>

Polecenia i atrybuty muszą być pisane małymi literami. Wymaga tego język XHTML. W niezalecanym już języku HTML 4.01 i we wcześniejszych, wielkość znaków nie miała znaczenia.

Pewnie domyślasz się, że aby wstawić na stronę jakiś obrazek, trzeba użyć elementu odpowiedzialnego za grafikę i wskazać mu, jaki obrazek ma wstawić. Element img odpowiada za obrazki (img to skrót od słowa image). Ma wiele atrybutów, a jednym z nich jest src (czyli source - źródło obrazka). Użyjmy ich ustalając od razu wymiary obrazka (atrybut width i height) oraz opis alternatywny (atrybut alt)…

<img src="/g/logo.gif" width="120" height="60"
alt="logo serwisu"/>

I oto mamy obrazek. Pamiętaj jeszcze, że wartości atrybutów powinno się umieszczać w cudzysłowach. Dzięki temu przeglądarka może je prawidłowo zidentyfikować. Pewnie chcesz mieć “klikalny” obrazek, który jest odnośnikiem do innego serwisu? Połączmy więc dotychczasową wiedzę:

<a href="http://www.projektowanie-stron.szczecin.pl"><img
src="/g/logo.gif" width="120" height="60"
alt="logo serwisu" border="0" /></a>

Nie jest to skomplikowane, choć pojawił się kolejny atrybut: border=”0″, który powoduje, że znika ramka otaczająca obrazek (oznaczająca, że obrazek jest odnośnikiem). Nie chcę ramki, bo szpeci logo - dlatego prawie zawsze element img w odnośnikach ma wyłączoną ramkę…

Kolejna istotna zasada to kolejność otwierania i zamykania poleceń. Nie powinno się robić czegoś takiego:

<i>kilka <b>przykładowych</i> wyrazów</b>

Element i definiuje przekreślenie, ale zanim został on zamknięty, otwarto element b (pogrubienie), a następnie zamknięto i zamiast b. Są one założone “na krzyż”. Wygląda to mało czytelnie i nie jest zgodne z regułami, pomimo tego, że przeglądarka może pokazać efekt dobrze… Oto prawidłowa kolejność:

<i>kilka</i> <b><i>przykładowych</i> wyrazów</b>

To nic, że trzeba było użyć kilka razy i, ale opłaciło się. Przykład jest bardziej czytelny. W skomplikowanych dokumentach ma to ogromne znacznie. Dlatego podczas tworzenia strony zwracaj uwagę na jej czytelność. Nie przez przypadek wielu autorów robi charakterystyczne wcięcia w kodzie HTML. Ułatwia to odczytanie kodu po latach, gdy sam autor nie pamięta co miał na myśli tworząc stronę…

Zauważ, że już potrafisz tworzyć odnośniki i wstawiać grafikę. Każdy akapit (blok tekstu) określa polecenie p. Te informacje wystarczają aby pokusić się o eksperymenty z Twoją pierwszą stroną WWW.

Jednak, aby poznać wszystkie elementy i atrybuty języka XHTML, potrzeba bardzo dużo czasu. Dobrym treningiem jest podglądanie innych witryn i sprawdzanie, jak autorzy poradzili sobie z wykonaniem różnych efektów. Ucząc się na przykładach poznasz wiele technik i metod tworzenia stron.

Powodzenia!

Tworzenie stron internetowych jest zajęciem stosunkowo prostym i bardzo przyjemnym. Podstaw języka XHTML można nauczyć się w kilka godzin, a dosłownie po chwili zbudować najprostszą witrynę. Trzeba tylko pamiętać o przestrzeganiu kilku podstawowych zasad.

Aktualnie obowiązującym językiem służącym do tworzenia stron www jest język XHTML. Język XHTML to po prostu nowsza, aktualnie zalecana wersja języka HTML. Nie jest on ani trudniejszy ani bardziej skomplikowany niż HTML, choć występuje między nimi kilka różnic.

Aby tworzyć strony www nie musisz mieć dostępu do Internetu. Wystarczy przeglądarka stron zainstalowana na Twoim komputerze, np. Internet Explorer. Do pisania stron nadaje się każdy, nawet najbardziej banalny edytor tekstowy - od prostego Notatnika w systemie Windows aż do specjalistycznych edytorów XHTML/HTML. Dokument zawierający stronę XHTML/HTML powinien mieć rozszerzenie.html lub .htm. Przyjęło się, że główna strona serwisu ma zwykle nazwę index.html (a czasem inaczej, np. default.html). Pozostałe strony, do których można dotrzeć z index.html mogą mieć dowolne nazwy. Jednak muszą być one czytelne i niezbyt długie. W nazwach stron ważna jest wielkość liter. Najlepiej stosuj tylko małe litery, koniecznie bez polskich znaków. Uważaj też na znaki specjalne (np. %^#$@). Nie stosuj również spacji.

Oto szablon strony ww, który można modyfikować w zależności od  potrzeb. Mając prostego “gotowca” szybko stworzysz dowolną stronę.

<?xml version="1.0" encoding="ISO-8859-2"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">

<head>

<meta http-equiv="Content-type" content="text/html;
charset=iso-8859-2" />

<title>tytuł strony</title>

</head>

<body>

  <p>

  Moja pierwsza strona WWW!

  </p>

</body>

</html>

Powyższy szablon to niezbędne minimum, a dla większości wszystkich polskich witryn w Internecie wspomniana konstrukcja jest standardem.

Pierwsza linijka informuje przeglądarkę, że strona jest zgodna z językiem XHTML kodowanym w standardzie ISO-8859-2. !DOCTYPE określa wariant języka XHTML (standardem jest wersja XHTML 1.1). Następnie informujemy przeglądarkę, że jest to dokument XHTML/HTML umieszczając całą treść dokumentu w parze elementów: <html> i </html>.

Każda strona ma nagłówek znajdujący się pomiędzy elementami <head> i </head>. Umieszczamy w nim tytuł strony w elementach <title> i </title> i ponownie informację o kodowaniu polskich znaków w ISO-8859-2. Po nagłówku znajduje się część, którą widzimy w oknie przeglądarki - określają ją elementy <body> i </body>. Tu znajduje się tekst, grafika, odnośniki, tabele i inne rzeczy.

Skopiuj zawartość do edytora tekstu, zapisz wszystko na dysku pod nazwą index.html i zobacz, jak wygląda strona w przeglądarce. W zasadzie już masz swoją pierwszą stronę…

Jednak, aby wprawnie posługiwać się językiem XHTML niezbędna jest  praktyka. Takie same strony można wykonać na bardzo wiele sposobów, więc tylko doświadczony webmaster będzie w stanie stworzyć je lepiej i szybciej, tak, aby dobrze prezentowały się w każdej przeglądarce i były proste do modyfikowania. Polecam, więc eksperymentowanie, testowanie, sprawdzanie efektów w różnych przeglądarkach i ciągłe podnoszenie swoich umiejętności.

Więcej na temat tworzenia stron www i pisania w XHTML w następnym artykule.

Internet to nowoczesność, ciężko wyobrazić sobie życie bez poruszania się w sieci. Równie trudno wyobrazić sobie dobrą firmę czy działalność, bez reklamy w Internecie.
Idealnym sposobem na pozyskanie szerszego grona klientów, jest założenie własnej strony www. Wirtualny świat rozwija się bardzo szybko i obecnie możemy znaleźć w nim niemalże wszystko. Tworzenie stron internetowych jest dość czasochłonnym zajęciem, jednak warto się tym zainteresować i zlecić profesjonalnej firmie stworzenie jak najlepszej strony. Agencja interaktywna w dodatku taka, która ma już renomę i doświadczenie, stworzy dla nas idealną stronę, zareklamuje tym samym naszą działalność, a co za tym idzie zwiększy nasze szanse na zyski. To Internet jest obecnie głównym źródłem pozyskiwania informacji, mało kto nie zrobił choćby raz zakupów przez Internet. Podobnie jest z prowadzeniem biznesu - trudno wyobrazić sobie nowoczesną firmę, rozwijającą się technologicznie bez własnej strony internetowej. Każdej firmie zależy na profesjonalnym marketingu. Takim jest obecnie marketing internetowy.
A więc jeśli mamy nowoczesną stronę www, ogłaszamy szerokiej grupie ludzi o tym, że istniejemy, że jesteśmy godnymi partnerami biznesowymi, w dodatku robimy to wszystko właściwie bezpłatnie. Płacimy za stworzenie naszej strony, następnie jesteśmy szefami przed własnymi komputerami, oszczędzamy na czynszach czy wynajmach lokali pod działalność. Reklama to połowa sukcesu. Ponadto trzeba iść z postępem i jeśli mamy szansę rozwijać swój biznes na szerszą skalę, dlaczego mielibyśmy się przed tym bronić? Dobra firma stworzy nam idealną stronę internetową i z pewnością nie będziemy zawiedzeni, zwłaszcza kiedy zyski zaczną nagle wzrastać.

Zespół WAWRUS zakończył sukcesem kolejny projekt. W naszym portfolio pojawił się nowo stworzony serwis internetowy kupujemeble.pl.

Sklep internetowy TECH-NICA posiada bogatą ofertę sprzedaży wielu różnych produktów, takich jak aparaty cyfrowe, oprogramowania komputerów, bukiety oraz rowery. Dodatkowo, ofertę sklepu wzbogaca bardzo atrakcyjna oferta promocyjna oraz proponowane nowości. Zapraszamy do sklepu TECH-NICA!

Projektując wygląd strony, warto zwrócić uwagę na dobór kolorów. Każda przeglądarka stron www pozwala uzyskać na ekranie jednocześnie 256 różnych kolorów, jednak tylko 216 z nich poprawnie wyświetlają wszystkie przeglądarki internetowe. Używając “bezpiecznego” zestawu barw masz pewność, że kolor zostanie pokazany tak samo w każdym systemie operacyjnym (paleta 256 kolorów w systemie Windows nie odpowiada tym samym kolorom systemowym w komputerze Macintosh). Jeżeli użyjesz większej ilości kolorów, mogą one zostać zamienione do podobnych kolorów z podstawowego zestawu barw, czyli wspomnianych, “bezpiecznych” 216 kolorów.

Dowolny kolor składa się z trzech podstawowych barw: czerwonej, zielonej i niebieskiej, czyli tzw. RGB (R - red, G - green, B - blue). Do dyspozycji mamy 256 odcieni każdego z tych kolorów i poprzez ich mieszanie otrzymujemy dowolny inny kolor. Kolor RGB zapisywany jest w postaci #RRGGBB, gdzie RR to zapisany szesnastkowo (heksadecymalnie) kolor czerwony (red), GG to kolor zielony (green), a BB to kolor niebieski (blue). Oznacza to, że każdy kolor może przyjmować wartości od 00 do FF. W stylach CSS pojawia się jeszcze zapis dziesiętny koloru RGB w postaci rgb(RR,GG,BB), gdzie każda składowa może przyjmować wartości od 0 do 255. Bezpieczne kolory operują wielokrotnością liczby 33 w systemie szesnastkowym (00, 33, 66, 99, CC, FF) i 51 w systemie dziesiętnym (0, 51, 102, 153, 204, 255).

Można też używać nazw kolorów. Obecnie dostępnych nazw jest 140, niektóre z nich to: white (kolor biały - #FFFFFF), black (kolor czarny - #000000), green, blue, fuchsia, yellow, lime, olive, purple, teal, silver, red, navy, maroon, gray, aqua. Należy jednak pamiętać, że nie w pełni odpowiadają one bezpiecznej palecie, np. zapis szesnastkowy koloru maroon to #800000. Oczywiście, nie ma takiego w tablicy bezpiecznych kolorów!

Można nie zwracać uwagi na różnicę jeśli umieszczamy tylko zielony napis lub zieloną tabelę. Wtedy nawet lepiej stosować nazwy, bo nie trzeba zastanawiać się, jak zapisać kolor zielony za pomocą #RRGGBB. Informacja ta zaczyna nabierać znaczenia wyłącznie przy łączeniu bitmapy (GIF, JPEG) z kolorami na stronie www wprowadzonymi np. takimi instrukcjami:

• color: #00ff66; - ustala kolor czcionki za pomocą stylu,
• background-color: #00ff66; - ustala kolor tła za pomocą stylu.

Obecnie nie zaleca się stosowania atrybutów HTML. Powinno się je zamieniać na style CSS. W stylach, w miejsce #RRGGBB można wpisać kolor w postaci szesnastkowej (np. #CCFFCC), nazwy angielskiej (np. maroon) lub wartości RGB - rgb(20,20,99). Oto odpowiedniki:

• alink - a:active { color: #RRGGBB; }
• bgcolor - background-color: #RRGGBB;
• color - color: #RRGGBB;
• link - a:link { color: #RRGGBB; }
• text - color: #RRGGBB;
• vlink - a:visited { color: #RRGGBB; }

Projektując wygląd strony można również skorzystać ze znajdujących się w internecie serwisów wspomagających dobieranie kolorów i projektujących bezpieczne zestawy barw dla tabel, linków, tekstu czy tła.

Odbiorcami naszych stron www są w większości osoby używające popularnych przeglądarek, nie mające kłopotów ze sprzętem komputerowym czy wyświetlaniem grafiki. Jednak o klasie autora stron www świadczy takie przygotowanie witryny, aby mogli korzystać z niej także pozostali użytkownicy sieci.

Na co zwrócić uwagę? Po prostu musisz zastanowić się, jak wyglądać będzie  strona www na komputerach tych osób, które nie dysponują najnowszą technologią lub nie mają możliwości, aby poprawnie odebrać zawartość stron internetowych. Wbrew pozorom takich osób jest sporo. Czasem mogą to być osoby ważne, mające wpływ na dalsze losy Twojej strony.

Podstawowy problem stanowią przeglądarki. Przeciętny internauta wymieni cztery przeglądarki: Internet Explorer, Netscape Navigator, Mozilla i Opera. Pewnie część osób słyszała jeszcze o Lynxie - przeglądarce pracującej w trybie tekstowym, bez grafiki. Tymczasem na świecie wykorzystywanych jest ponad 50 różnych przeglądarek stron www, a wiele z nich pracuje na różnych systemach operacyjnych, co powoduje kolejne ograniczenia, np. ilości stosowanych kolorów lub rozdzielczości ekranu.

Każda z przeglądarek jest nieco inna, zwykle nie obsługuje najnowszych standardów www, a części poleceń HTML nie wykonuje wcale. Jeżeli Twoja strona ma dużo grafiki, użytkownik przeglądarki tekstowej zobaczy pustkę i będzie rozczarowany. Gorzej, gdy nie będzie mógł nawet z niej korzystać - nie zobaczy przecież menu i nie będzie wiedział gdzie ma kliknąć, aby przejść dalej. Wymogiem jest więc stosowanie atrybutu “alt” w grafikach istotnych dla użytkownika.

Innym problemem jest rozdzielczość ekranu i ilość kolorów. Załóżmy, że Twój ekran jest duży i wszystko na nim możesz pomieścić, ale użytkownik palmtopa czy organizera będzie musiał stronę przewijać nie tylko w pionie, ale też w poziomie. Jeżeli wykorzystuje tylko 16 kolorów, to na niewiele zdadzą mu się Twoje kolorowe zdjęcia. Może też być sytuacja odwrotna - Ty masz niewielką rozdzielczość (np. 800×600), a użytkownik dysponuje dużym ekranem i rozdzielczość ustawi sobie na 1280×1024. Nagle strona staje się dla niego mała, a teksty, które u Ciebie składały się z kilku wierszy zajmują tylko jeden wiersz… Całość wygląda nieczytelnie lub mało estetycznie.

Warto również pomyśleć o informowaniu użytkowników stron, w przypadku dokumentów nietypowych, jaką mają one objętość. Gdy ktoś korzysta z wolnego modemu i próbuje otworzyć dokument PDF mający 10 MB, a nie wie, jak długi jest ten dokument, może myśleć, że plik jest uszkodzony, bo wciąż nie widać treści. Gdyby wiedział, że musi poświęcić wiele czasu na otwarcie go, być może nie podjąłby się pobierania pliku, albo zrobiłby to w pracy, gdzie ma szybsze łącze.

Dobrym sposobem jest także umożliwienie czytelnikom stron www kontaktu bez potrzeby korzystania z programu pocztowego. Mały formularz z polem na tekst umożliwi wysłanie listu z dowolnego miejsca, chociażby z kawiarni internetowej. Ważne jest też podanie adresu e-mail, w formie łatwej do kopiowania i przenoszenia do edytora tekstu.

Oczywiście, przed opublikowaniem strony warto przetestować jej wygląd przynajmniej w trzech najpopularniejszych przeglądarkach. Opera pozwala wyłączyć grafikę, co dodatkowo pokaże, czy osoba bez grafiki będzie mogła w dalszym ciągu korzystać z serwisu. Utrudnieniem jest fakt, że Internet Explorer potrafi naprawiać drobne (ale czasem istotne) błędy w kodzie HTML, np. niezamknięte tabele. Więc strona, która wygląda poprawnie, wcale nie musi być dobrze napisana i w innych przeglądarkach może wyglądać okropnie.

Jest jeszcze wiele innych istotnych udogodnień, ważnych dla odbiorców naszych stron. Wiele serwisów, organizacji, dzienników i instytucji na całym świecie stara się, aby ich strony były dostępne dla każdego.