ďťż

Profesjonalne tworzenie stron.

Podstrony

telcocafe

Zastanawialiście się kiedyś co to znaczy że strona jest zrobiona profesjonalnie ? Po czym to poznać ? Bo ładnie wygląda ? Bo się szybko ładuje ? Ciekaw jestem jak to jest ... wy webmasterzy, patrzycie w kod źródłowy i skąd wiecie, że jest profesjonalna ?

Taki luźny temat (mam nadzieje, że okaże się burzą mózgów, a nie niewypałem :P), ale dla początkujących może stanowić pewny wyznacznik, może zawierać jakieś wskazówki ponieważ "na necie" jest wiele informacji o tworzeniu stron w formie poradników czy tutków, ale nigdzie nie ma takich smaczków które w webmasterce są bardzo ważne. Zaś dla osób bardziej zaawansowanych niech to będzie taka wymiana poglądów i doszlifowanie swoich technik.

http://dev.opera.com...-standards-cur/

1. HTML - struktura, CSS - prezentacja
Oddziel strukturę dokumentu od informacji opisujących wygląd (kolory, czcionka, a nawet położenie elementów). Pozwoli to nawet na dynamiczną zmianę schematów. Przeglądarka zapisuje arkusze CSS i ładuje je z pamięci przy kolejnym żądaniu. Strona wyświetla się szybciej. Jest mniejszy ruch w sieci.

2. Semantyka - właściwe użycie znaczników
Znaczników jest dość sporo, a każdy ma swoje zastosowanie. Nie powinniśmy używać np. <table> do budowania układu strony (służy on do budowania danych tabelarycznych). Nie zawsze jest to łatwe ze względu na to, że producenci przeglądarek nie śpieszą się z implementacją nowych standardów.

3. Wygląd i obsługa
To już bardziej kwestia gustu. Profesjonalna strona powinna być intuicyjna dla odwiedzających. Informacje nie mogą być trudne do znalezienia - szczególnie te najważniejsze.

4. Dostępność i Javascript
Podstawowe funkcje powinny być dostępne dla osób z wyłączoną obsługą Javascript (w tym dla wyszukiwarek). Przykład: sprawdzanie poprawności danych w formularzach / wysyłanie ich za pomocą AJAX. Skrypt powinien przechwycić sterowanie. Nie można uzależniać wysłania formularza od wyniku działania skryptu (np. przycisk z instrukcją warunkową w onclick=""). Poprawne rozwiązanie: dodać onsubmit do <form>. Javascript i formularze.

Moim zdaniem profesjonalna strona powinna :
-poprawnie przejść przez proces walidacji
-mieć stonowane kolory
-nie mieć tzw. "przerostu formy nad treścią "
-być tworzona w najnowszych technologiach
-szybko się ładować(ponieważ nikomu nie chce się czekać)
- mieć wysoką cenę :D

Dobry wygląd przy zgodności ze standardami. Bez przesytu.

Wystarczy poczytać książki o użyteczności stron www (web usability). Slajdów trochę jest na slideshare

Moim zdaniem profesjonalna strona powinna :
-nie mieć tzw. "przerostu formy nad treścią "
A jaki wpływ projektant witryny ma wpływ na treść jaką autor zamieści na niej ? :)

*(nie uwzględniając serwisu wykonanego i prowadzonego przez tę samą osobę)

-grafika odpowiednia dla tematu strony - polecam poczytać o psychologi kolorów, pozatym oczywiscie estetycznie, tak żeby nie utrudniać odbioru.
-przekazuje informacje w zrozumiały sposób - każda istotna informacja jest góra dwa-trzy kliknięcia od strony głównej.
-nawigacja jest intuicyjna - nie ma mowy o szukaniu jakiegoś elementu menu, wyszukiwarki, przycisku.
-wygląda i działa tak samo we wszystkich przeglądarkach - nie chodzi nawet o walidacje bo ona 100% zgodności nie gwarantuje, musi być porządnie przetestowana
-nowe technologie w odpowienich miejscach, ale bez przesady - strona cała w ajaxie też bywa denerwujaca.

-przedewszystkim ma przekazywać to co autor zamierzył przekazać - forma zależnie od potrzeb.

Dla mnie strona warta uwagi jest:

- innowacyjna
- wykonana niestandardowo
- bogata w animacje i efekty
- interaktywna

Kilka niezłych projektów istnieje w Polsce, dziesiątki bardzo dobrych są dziełami zagranicznych twórców.

Aby nie być gołosłownym: www.youbethedriver.com
Użytkownik Michał_Klim edytował ten post 09 lipiec 2008, 22:58

An old version of the Flash plugin was detected. Wyłączyłem Flash w Firefoksie 3. Podstawowe elementy strony powinny działać bez dodatkowych wtyczek. Ciekawe efekty można uzyskać również w Javascript.

Błędy, których należy się wystrzegać:
1. Układ graficzny tylko w odcieniach szarości - to nie komuna. Psychologia kolorów też ma znaczenie.
2. Pakowanie zbędnych bibliotek.
3. Umieszczanie dużych partii kodu CSS i Javascript wraz z HTML - przykład: forum KŚE lub skrypt IPB
4. Odnośniki Javascript - onclick="location=''" - tego wyszukiwarki raczej nie widzą.
5. Reklamy Flash. Elementy układu strony w Javie. Zasobożerne skrypty.

Widzę że koledzy wyżej mnie wyręczyli, :)
Z tego co czytałem to zapomnieliście o Interpunkcji, stylistyce, unikalnej treści, i dobrym przygotowaniu do pozycjonowania, a najlepiej aby ta "profesjonalna strona" była też wy pozycjonowana do top 3 .

Przyłączam się do pytania. Zna ktoś może jakoś książkę o tym, patrzyłem na helionie jest tego pełno i nie wiadomo co wybrać.

http://helion.pl/ksiazki/niekaz.htm

a może jakaś książka, która da się kupić?

Nie tak dawno widziałem ją w Empiku :) Ogólnie większość książek o usability jest dobra :)

A ja ją widziałem w merlinie, liderii i na ceneo(jeszcze 7 innych księgarni). Za niecałe 30zł, nie ma problemu z zakupem ;)

IMO strona stworzona profesjonalnie powinna zostać wykona:
-Przy wykorzystaniu eleganckiego i czytelnego layoutu, który następnie należy pociąć i zakodować do (x)html i css oddzielając strukturę witryny ((x)html) od opisu jej wyglądu (CSS). Całość powinna zostać wzbogacona skryptami PHP oraz Javascript, ponieważ wprowadzają one interakcję z internautą, a to w dzisiejszych czasach jest bardzo ważne. ;)

Należy się trzymać:
-Odpowiedniej optymalizacji pod google, walidacji kodu strony, kolorystyki, która nie razi

Powinniśmy unikać:
-Zbędnych fajerwerków (na pierwszych już lekcjach w ASP uczą, że prostota jest piękna)

Oczywiście jest to tylko kropla w morzu zaleceń dotyczących tworzenia profesjonalnych witryn internetowych. Mam nadzieję, że przybliży wam ona choć w najmniejszych stopniu na czym polega tworzenie stron www.

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL