Archiwum tagu: tworzenie stron internetowych

Projekt MZK Stargard

Kilka dni temu zakończyliśmy z sukcesem kolejny projekt. Strona przygotowana została dla Miejskiego Zakładu Komunikacji w Stargardzie Szczecińskim.

mzk1

Dzięki udoskonaleniom strona zyskała nie tylko nową szatę graficzną, ale również funkcjonalny układ, dzięki któremu pasażerowie szybko znajdą potrzebne informacje.

Nowa strona zyskała aprobatę Dyrektora MZK Stargard. Mamy nadzieję, że mieszkańcom miasta Stargard Szczeciński spodoba się nowa przejrzysta strona Zakładu Komunikacji, gdyż z myślą o nich ją zaprojektowano.

ZAPRASZAMY DO STRONY MZK STARGARD


Nowa edycja ShopCamp wkrótce

Shopcamp to warsztaty, na których praktycy e-biznesu dzielą się swoimi doświadczeniami. Mamy możliwość poznania technik z jakich korzystali i osiągnęli sukces w tej branży. Formuła warsztatów ShopCamp to kilkugodzinne konsultacje indywidualne z ekspertami z różnych dziedzin (SEO, Usability, Social Media, Logistyka, PR).

Najbliższy ShopCamp odbędzie się już na początku listopada!

Zapraszam Cię na stronę shopcamp.pl z której na bieżąco będziesz mógł się dowiedzieć o kolejnych imprezach, a także do zapoznania się z kilkoma prezentacjami z takiej imprezy.

“Jak zarabiać 10 tysięcy miesięcznie w e-commerce?” - Norbert Trudziński. Bardzo dobry materiał o podstawach biznesu, strategii i planowaniu.


Zanim stworzysz swoją stronę www

Chcesz mieć stronę, ale nie wiesz co na niej umieścić…

Na szczęście jest wiele elementów, które są wspólne dla różnych witryn.

Po pierwsze,

Kontakt

Zacznij od strony kontaktowej - może to być adres e-mail, telefon, ulica, miasto, mapka opisująca jak do Ciebie dojechać. Jeżeli lubisz zaskakiwać podaj np. szerokość i długość geograficzną. Jeżeli ktoś ma GPS może dotrzeć do Ciebie wykorzystując dane satelitarne.

O autorze/O firmie/O serwisie

Napisz kilka zdań o sobie - kim jesteś, co robisz, ile masz lat, czym się interesujesz. Możesz też dodać swoje zdjęcie. Firmy w tym miejscu opisują zwykle swoją historię, ofertę, dokonania. Możesz też napisać kilka zdań o serwisie - do kogo jest kierowany, co można w nim znaleźć.

Nowości/Informacje prasowe

Wydziel stronę, na której opisywać będziesz zmiany i zapowiedzi nowych tekstów. Firmy tworzą zwykle sekcję dla prasy, aby dziennikarze mogli pobierać najnowsze doniesienia. Pomyśl o Newsletterze. Jeżeli chcesz mieć kontakt z czytelnikami daj im możliwość pozostawienia adresów e-mail. Mając bazę mailingową, możesz wysyłać im co jakiś czas informacje o nowościach. Jednak uważaj! Nie udostępniaj jej innym, jeżeli czytelnicy nie wyrazili na to zgody. Chroń dane czytelników, bo jeżeli trafią w niepowołane ręce, nigdy więcej ludzie Ci nie zaufają.

Katalog stron WWW

Spis podobnych witryn poukładany tematycznie. Umieść też adresy swojej konkurencji - nie zaszkodzi. Gdy ktoś będzie chciał zgłębić temat wejdzie do innych serwisów. I to nic, że teraz ucieknie z Twojej strony, ale będzie do niej wracał, bo wie, że tylko u Ciebie znajdzie kompletny zestaw adresów internetowych.

Ankieta

Ważna rzecz - zadając pytania poznasz bliżej swoich odbiorców i lepiej dostosujesz serwis do ich wymogów. Jest wiele typów ankiet, więc też musisz przemyśleć, które będą Ci najbardziej odpowiadać.

Co jeszcze…

Oczywiście, każda strona ma swoje specyficzne działy. Jeżeli prowadzisz serwis o muzyce to pewnie przedstawisz sylwetki muzyków, wywiady, książki, nagrania w MP3, teksty piosenek. Gdy myślisz o serwisie turystycznym opiszesz trasy wycieczek, schroniska, hotele, podasz rozkłady jazdy pociągów, pogodę na najbliższe dni w różnych regionach. Jeżeli masz serwis finansowy, rozsądne jest podanie aktualnych kursów walut. W prywatnym serwisie możesz opisać swoje hobby, ulubione książki, pokazać własną twórczość, opisać drzewo genealogiczne rodziny.

Jednak zanim cokolwiek zrobisz, przemyśl jak to zrobisz!


Zawód webmaster

Wiele osób marzy o tym, aby być szefem dla siebie. Wiele osób podejmuje takie działania, lecz albo nie mają zbyt dużej motywacji lub też ich projekty nie wytrzymują konkurencji. Jednym ze sposobów na zarabianie jest tworzenie stron www. W dzisiejszych czasach, jest to biznes bardzo dobry i wiele firm czy osób prywatnych zajmuje się tym sektorem. W dobie internetu konieczne jest posiadanie strony www. Dotyczy to przede wszystkim firm, które muszą mieć w internecie swoje miejsce. Projektowaniem stron www zajmuje się bardzo wiele firm, także osób prywatnych. Jednak znalezienie dobrej usługi jest kłopotliwe. Wiele młodych osób myśli, że wystarczy znajomość HTML i mogą zająć się programowaniem stron www, a jest to nie prawdą. Wiele osób tworzy strony www nie ceniąc własnego czasy i biorąc za projekty grosze. Dotyczy to bardzo wielu młodych firm, które nie zawsze umieją przetrwać na rynku stron internetowych. Dobra strona www musi kosztować i jest to koszt spory. Jednak możemy przy tym projekcie wymagać. Strony tworzone przez firmy zajmujące się tworzeniem stron internetowych, to strony unikatowe. Takie projekty są bardzo wartościowe. Często do tych stron, tworzona jest grafika w autorskim projekcie, dzięki czemu strona jest bardzo unikatowa. W przypadku firm, ma to kolosalne znaczenie, bo strona internetowa, to bardzo ważna wizytówka. Duże projekty, także wymagają profesjonalnego podejścia do wykonywanej strony, którego nie mają młode osoby. Dobry webmaster uczy się wiele miesięcy i rzadko kiedy wykonuje projekty, które są wymagające lub zbytnio odpowiedzialne. Dlatego też, nie należy wierzyć osobom ogłaszającym się, że wykonają projekt strony za grosze. Takie strony nie mają żadnej wartości.


Tworzenie strony www

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.


Jak stworzyć przyjazną stronę www

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.


Systemy CMS

CMS (ang., Content Management System) to skrót, który ostatnio na dobre zadomowił się w wielu językach. W dosłownym tłumaczeniu oznacza system zarządzania treścią stron www publikowanych w internecie. Skrót CMS stał się tak popularny, ponieważ technologia która za nim stoi wnosi bardzo dużo do sposobu zarządzania stronami internetowymi - zarządzania informacjami oraz sposobem ich wizualizacji.

System CMS to proste w użyciu oprogramowanie, służące do aktualizacji i rozbudowy serwisów internetowych. Podstawowym zadaniem systemu CMS jest oddzielenie treści (zawartości informacyjnej serwisu) od wyglądu (sposobu jej prezentacji).

Jak każdy wie, aplikacje typu CMS przeznaczone są dla osób nie mających doświadczenia w tworzeniu stron www. Edycja podstron oraz zarządzanie strukturą serwisu nie jest tu trudniejsze niż praca w tradycyjnym edytorze tekstu.

Najważniejszą cechą systemu CMS jest możliwość samodzielnej rozbudowy i administracji witryny www przez nietechniczny personel klienta. Głównym elementem jest panel administracyjny pozwalający każdej osobie (nawet nie znającej podstaw tworzenia stron) na dowolną ingerencję w strukturę serwisu, zarówno warstwę merytoryczną jak i graficzną. System CMS pozwala na dodawanie wielu elementów interaktywnych (galerie, ankiety i inne) jak i personalizację strony dla konkretnego użytkownika. Edycję treści serwisu wspomaga edytor stron typu WYSIWYG, którego zasada działania podobna jest do edytorów typu: Word czy OpenOffice.

W przypadku systemów CMS mamy do wyboru rozwiązania komercyjne oraz open source. Główna różnica między tymi dwoma rodzajami aplikacji to dostępność kodu źródłowego, która w  przypadku rozwiązań komercyjnych jest mocno lub całkowicie ograniczona. Rozwiązania typu open source pod tym względem dostarczają przeważnie dostęp do całości kodu, co może wydać się bardzo zachęcające. Jednak rozwiązania open source nie są bezpieczne. Tworzone są przez programistów z całego świata, przez co brak jest spójności w oprogramowaniu i występują dziury w modułach. Natomiast komercyjny CMS zapewnia bezpieczeństwo danych klienta, gdyż jest to system stworzony przez profesjonalistów i dostosowany do indywidualnych potrzeb klienta. 


Wtyczka Autocomplete/jQuery

Autocomplete (autouzupełnianie) to plugin umożliwiający szybkie znalezienie i wybranie pewnej wartości, wykorzystując wyszukiwanie i filtrowanie. Autocomplete można wykorzystywać na wiele sposobów, by podpowiedzieć użytkownikowi dokończenie wpisywanej przez niego frazy. To bardzo przydatna funkcja przy budowaniu różnego rodzaju formularzy, na przykład rejestracji i wyszukiwania.

Poprzez autouzupełnianie można zawęzić listę wartości pola lub wprowadzać coś do niego, plugin rozpocznie wyszukiwanie pasujących wpisów i wyświetli listę wartości do wyboru. Wpisując kolejne znaki, użytkownik może filtrować listę, aby wybrać właściwą wartość. Funkcję tą można wykorzystywać, aby wprowadzać wybrane wartości, na przykład do uzupełniania adresu, wprowadzania nazwy miejscowości, kodu pocztowego lub do wprowadzania adresu e-mail z książki adresowej.

W Autocomplete można wykorzystywać dane lokalne i zdalne. Lokalne są dobre dla małych zbiorów danych (np. książki adresowej z 50 pozycjami), zdalne są konieczne dla dużych zbiorów danych, takich jak bazy danych z setkami lub milionami wpisów do wyboru.

Autocomplete zostało przetestowane na Firefox 3, Internet Explorer 6 & 7, Opera 9, Safari 3. Wtyczkę Autocomplete zastosowano w projekcie www.dino24.com, będącym serwisem pozwalającym na dodawanie i wyszukiwanie różnego typu ogłoszeń, na przykład ofert pracy, usług.

Przykład użycia:

var data = "Core Selectors Attributes Traversing
Manipulation CSS Events Effects Ajax Utilities".
split(" ");
$("#example").autocomplete(data);


Źródło: http://docs.jquery.com/Plugins/Autocomplete


Źle zaprojektowane strony

Dziś bardzo łatwo zaprojektować swoją stronę www. Wiele osób w ten właśnie sposób próbuje zaistnieć w internecie. Internet daje im możliwość taniego komunikowania się. Dlatego też bardzo wiele osób tworzy strony www i umieszcza je w sieci. W internecie nie brakuje zatem prywatnych witryn o wszelkiej treści. Gdy jednak chcemy w internecie zaistnieć jako firma, warto jest zaprojektować stronę według pewnych zasad. Zła strona internetowa może bardzo szybko zniechęcić użytkownika do jej oglądania. Jak się okazuje, pstrokate kolory, zbyt wiele treści i cudnych dodatków, sprawiają, że strona jest bardzo szybko zamykana i więcej nikt na nią nie wraca.
Jeśli planujemy stworzyć dobrą stronę firmową, a nigdy wcześniej nie robiliśmy tego typu stron, powinniśmy zwrócić się z tym do specjalisty. W internecie nie brakuje agencji, które zaprojektują nam stronę, zamieszczą w internecie i wedle potrzeby, zajmą się jej promocją. Podobnie można postąpić, gdy mamy już stronę internetową i jest ona dosyć stara. Powinniśmy ją jak najszybciej odświeżyć i doprowadzić do standardów, jakie obecnie obowiązują.
Wiele witryn w internecie jest bardzo podobnych do siebie, z racji tego, że użytkownicy przyzwyczaili się do takich układów. Zadbajmy i my o swoją witrynę firmową, aby była dobrej jakości. Dobra strona internetowa to taka strona, która jest intensywnie promowana w internecie i zagląda na nią wielu użytkowników. Do tego potrzebne są techniki pozycjonowania, bo tylko pozycjonowane strony internetowe, mają szansę przebić się ponad inne serwisy. Jak widać, jest bardzo wiele plusów zlecenia strony internetowej agencji interaktywnej, która wykona za nas bardzo dużo pracy. Często pracy, o której nie mamy zbyt dużego pojęcia.


Tworzenie portalu społecznościowego

Software.com.pl.  opublikował bardzo dobry artykuł autorstwa Łukasza Jarosińskiego. Artykuł dotyczy tworzenia portalu społecznościowego i przedstawia problemy związane z tym zagadnieniem.

Pełny tekst artykułu dostępny jest z poniższego linku:

http://software.com.pl/tworzenie-portalu-spolecznosciowego/

Zapraszam do lektury!