Cechy dobrej i udanej strony

Slides:



Advertisements
Podobne prezentacje
Jak zdać egzamin zawodowy – etap praktyczny?
Advertisements

Użytkowanie Sieci Marcin KORZEB WSTI - Użytkowanie Sieci.
Sieci komputerowe Usługi sieciowe Piotr Górczyński 27/09/2002.
KORESPONDENCJA SERYJNA
INTERNET jako „ocean informacji”
WITAM NA SZKOLENIU Porady na dziś i jutro.
Systemy zarządzania treścią CMS
Na przykładzie Netscape Navigator 4.0 Źródło: Galen Grimes, Sherry Kinkoph Netscape Communicator 4 w 10 minut Intersoftland, Warszawa 1998 WAŻNIEJSZE FUNKCJE.
Cechy dobrej, udanej strony. NET-ETYKIETA Net-etykieta- jest to tzw. sieciowy Savoir-Vivre. Zawiera on kilka podstawowych zasad Internetowego dobrego.
Made by Mateusz Szirch Kilka słów o JavaScript.
Łukasz Sobczak. 1)Co to jest Office 2010 Web Apps 2)SharePoint 2010 a narzędzia pakietu office 3)Integracja Office Web Apps z SharePoint )Problemy.
Podstawy programowania II
Fundacja Edukacji Ekonomicznej Polskie Centrum Kompetencji Administracji i Edukacji Elektronicznej (PCC) ul. Kopernika Warszawa tel./fax: (+48.
Projektowanie Stron WWW
Wypożyczalnia NARZĘDZI
Poznaj bliżej program Microsoft Office Word 2007
Programy do tworzenia stron internetowych
Instrukcja logowania do Platformy E-Learningowej WSFiZ Instrukcja dla nauczycieli.
ANNA BANIEWSKA SYLWIA FILUŚ
czyli jak poradzić sobie bez listonosza.
JAK ZROBIĆ STRONE WWW PIERWSZA STRONA W INTERNECIE
Podstawy tworzenia stron WWW
Bezstresowa jazda kierowcy
Word to proste!.
Temat 3: Podstawowa struktura dokumentu
Projektowanie stron www
Temat 12: Formularze.
Projektowanie stron WWW
Wzorce slajdów programu microsoft powerpoint
Podstawy HTML RAMKi. Ramki Za ich pomocą możesz swobodnie podzielić okno przeglądarki na kilka części i w nich niezależnie przeglądać dokumenty. Ramki.
Informatyka Poczta elektroniczna.
Aplikacje internetowe
W W W Łukasz Stochniał.
Instrukcja rejestracji dla rodziców
Beata Sanakiewicz. Spis treści  Program MS FrontPage Program MS FrontPage  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny.
Wprowadzenie do spisów treści j a następnie naciśnij klawisz F5 lub kliknij pozycję Pokaz slajdów > Od początku, aby rozpocząć kurs. Na pasku komunikatów.
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +
Opinie Prawne Wiki - pomoc Wyszukiwanie dokumentów w na stronie
HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.
HTML (ang. HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język.
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
PHP + MySQL Podstawy pracy z bazą danych Damian Urbańczyk.
Podstawy języka skryptów
Opracowanie mgr Karol Adamczyk
PHP. PHP obiektowy, skryptowy język programowania zaprojektowany do generowania stron internetowych w czasie rzeczywistym.
Temat Prezentacji : ZNACZNIKI META TAGS wyk.H. Kozłowski.
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie stron WWW w programie Microsoft FrontPage Informatyka.
INTERNET jako „ocean informacji”
Aplikacje internetowe Posługiwanie się ramkami. Zastosowanie ramek Wprowadzenie obsługi ramek w przeglądarce Netscape 2.0 otworzyło nową erę dla twórców.
Korespondencja seryjna jest funkcją, która umożliwia nam stworzenie dokumentu, który zawiera ten sam typ informacji, lecz dla każdego adresata zawiera.
EBSCOhost Mobile Przewodnik
ASP.NET Tworzenie i zarządzanie wyglądem aplikacji, tworzenie mapy witryny. Kontrolki nawigacyjne.
Ergonomia w kształtowaniu warunków pracy
Excel 2007 dla średniozaawansowanych Zajęcia z Prowadzący: Artur Kołos.
SPIS TREŚCI Adres strony Elementy strony PORUSZANIE SIĘ PO STRONIE.
Miasta Krakowa przyjazny niepełnosprawnym. Wdrożono wzorcowe arkusze styli Wdrożono wzorcowe arkusze styli Opracowano i udostępniono formularze: Opracowano.
Internet to nie tylko gry
ZAKŁADANIE POCZTY ELEKTRONICZNEJ
Tworzenie konta pocztowego na portalu Google
ZAKŁADANIE POCZTY ELEKTRONICZNEJ
Tworzenie konta pocztowego na portalu Google
Hipertekst HTML WWW.
Autor: Łukasz Budrewicz
Wprowadzenie do edytorów tekstu.
Sieci komputerowe Usługi sieciowe 27/09/2002.
Tworzenie stron WWW w programie Microsoft FrontPage
Czy mój serwis internetowy jest dostępny dla wszystkich?
Najważniejsze informacje dotyczące programu Sway.
Platforma LearningApps
Zapis prezentacji:

Cechy dobrej i udanej strony

1. NET-ETYKIETA Net-etykieta jest to tzw. sieciowy Savoir-Vivre 1.NET-ETYKIETA Net-etykieta jest to tzw. sieciowy Savoir-Vivre. Zawiera on kilka podstawowych zasad Internetowego dobrego wychowania. Odnosi się on przede wszystkim do użytkowników grup dyskusyjnych i zawartych informacji również w redagowaniu i przesyłaniu poczty E –mail . Oto niektóre z nich: Wymagane jest wypełnianie zawsze pola "Subject" (Temat) listu. Żadna linia listu nie powinna mieć więcej niż 70 znaków. Dłuższe linie mogą sprawiać problemy niektórym systemom pocztowym. W liście nie powinno być linii zawierających jedynie znak "=". Może to sprawiać problemy z akceptacją przez serwery takich listów, ponieważ niektóre systemy pocztowe automatycznie wstawiają taką linie po nagłówku listu (przed jego treścią).

2.Ergonomia ] nauka o pracy, czyli dyscyplina naukowa zajmująca się dostosowaniem pracy do możliwości psychofizycznych człowieka. Ma na celu humanizowanie pracy poprzez taką organizację układu: człowiek - maszyna - warunki otoczenia, aby wykonywana była przy możliwie niskim koszcie biologicznym i najbardziej efektywnie, co uzyskuje się m.in. poprzez eliminację źródeł chorób zawodowych. Ergonomia jest nauką interdyscyplinarną. Korzysta z dorobku takich nauk lub dziedzin naukowych jak: psychologia pracy, socjologia pracy, fizjologia pracy

2a.Nawigacja Łatwość nawigacji jest niedocenianą cechą serwisu WWW. Jakże często użytkownik traci czas tylko z tego powodu, że projektant po prostu o nim zapomniał... System nawigacji ma ułatwiać wyszukiwanie informacji, musi być przejrzysty i konsekwentny: Odnośniki muszą być rozpoznawalne na pierwszy rzut oka. Odnośniki muszą dawać jasną podpowiedź dokąd prowadzą. Styl w jakim odnośniki są wyświetlane powinien być spójny w obrębie strony, lub przynajmniej w obrębie jej obszarów funkcjonalnych takich jak: nagłówek i stopka, menu nawigacyjne, główny obszar. Wybrany styl powinien być konsekwentnie stosowany w obrębie całego serwisu. Użytkownik powinien wiedzieć w którym miejscu właśnie się znajduje a także: jaka jest lokalizacja odwiedzanej strony względem stron które odwiedził uprzednio. Użytkownik powinien wiedzieć, że stronę do której prowadzi odnośnik już kiedyś odwiedził.

2b.Prostota interfejsu. Prostota zapewnia "jednowymiarowość" - to znaczy silne skojarzenie u użytkownika, że Google służy tylko do wyszukiwania i przez to jest w tym wyspecjalizowany. Elementarny zestaw funkcji i brak rozpraszaczy czyli treści dodatkowych - przed których umieszczeniem zwykle autorzy stron nie mogą się powstrzymać. To daje prostotę obsługi.

2c.Ładowanie strony Podstawowym powodem dla którego odwiedzający rezygnują z odwiedzenia serwisu jest zbyt długi czas ładowania się strony - jest to czas od wpisania adresu w przeglądarkę do pojawienia się jej na ekranie. Serwisy internetowe muszą więc być projektowane pod kątem jak najszybszego ładowania się w przeglądarce użytkownika. Osiągamy ten cel poprzez używanie obrazków tylko w miejscach gdzie jest to konieczne, oraz poprzez optymalizację rozmiaru i struktury grafiki i kodu HTML.

3.Aktualizacja strony Najprostszym sposobem określenia aktualności strony, jest podanie w widocznym miejscu (np. na samym początku) daty jej ostatniej modyfikacji. Można to zrobić oczywiście wpisując "ręcznie" datę, ale po którejś z kolei aktualizacji możesz zapomnieć o tej czynności, nie mówiąc już o tym, że jest to bardzo uciążliwe - szczególnie w przypadku większej ilości stron. Aby pozbyć się wszystkich tych problemów, wystarczy wstawić na każdą ze stron prościutki "skrypcik" (programik), który automatycznie wypisze datę ostatniej modyfikacji strony.

4.Poprawność kodu Powszechnie stosowaną metodą w celu sprawdzenia poprawności kodu jest ,,ręczne'' sprawdzanie za pomocą wybranej dowolnie ,,przeglądarki testowej'' takiej jak np. Lynx, Netscape, lub MS IE. Jest to działanie co najmniej wątpliwe: przeglądarka powinna wyświetlać wszystkie (nawet z błędami składniowymi) strony poprawnie, choć niekoniecznie zgodnie z intencjami jej autorów. Właściwą formą sprawdzania strony jest raczej użycie parsera --- validatora SGML takiego jak na przykład SP Jamesa Clarka (dostępny tak dla DOS (32-ext.), Win32, jak i UNIXa wraz z odpowiednim DTD dla stosowanego dialektu HTMLa W wyniku kontroli np. nsgmls -m /usr/lib/pubtext/catalog -f nazwa.err -o nazwa.out nazwa.htm powstaje lista błędów (przez skierowanie potoku błędów do pliku) na podstawie, której należy ,,ręcznie'' poprawić dokument.