Planowanie strony www. Grunt to organizacja



Podobne dokumenty
World Wide Web? rkijanka

Projektowanie stron WWW

1. Arkusz kalkulacyjny 7

1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word

2.5 Dzielenie się wiedzą

MATERIAŁY - udostępnianie materiałów dydaktycznych w sieci SGH

e-podręcznik dla seniora... i nie tylko.

Kancelaria Prawna.WEB - POMOC

5.4. Tworzymy formularze

5.4. Efekty specjalne

Odwrócona lekcja odwrócona klasa lub odwrócone nauczanie

Prezi.com - instrukcja obsługi

Spis treści. Rozdział 2. Graficzna oprawa witryny...z Stosowanie motywu...s...s.. 19

2 Szkolenia i doradztwo dla pracowników systemu wspomagania oraz wdrożenie kompleksowego wspomagania w zakresie kompetencji kluczowych

Instrukcja obsługi programu altbackup

PORADNIK KORZYSTANIA Z SERWERA FTP ftp.architekturaibiznes.com.pl

Kancelaria instalacja programu

CLARION 2 !!! Zasady używania klawiatury: 1. Wejście w opcję - ENTER 2. Wyjście z opcji - ESC

Jak publikować na MiMamo.pl

Podłączenie TV przez VPN na Samsung Smart VPN Online Access

NAGŁÓWKI, STOPKI, PODZIAŁY WIERSZA I STRONY, WCIĘCIA

Zmiana logo. Dziękujemy za wybór naszych rozwiązań. apjoo od Apláuz. Wspólnie przebrniemy przez proces konfiguracji strony www i wstawiania treści.

a) Tworzymy podcast w programie Audacity

Kurs obsługi systemu CMS. Prawie wszystkie treści wyświetlające się na stronie są zlokalizowane w dziale artykuły.

Rozkład materiału nauczania. Zajęcia komputerowe z pomysłem. Szkoła podstawowa. Klasa 4

OLIMPIADA INFORMATYCZNA 2010 ROK ETAP SZKOLNY

Tworzenie stron WWW PROGRAM AUTORSKI. Spis treści ZAJĘCIA POZALEKCYJNE KÓŁKO INFORMATYCZNE

Minimalna wspierana wersja systemu Android to zalecana 4.0. Ta dokumentacja została wykonana na telefonie HUAWEI ASCEND P7 z Android 4.

Kopiowanie, przenoszenie plików i folderów

Stosowanie, tworzenie i modyfikowanie stylów.

5. Praca z klasą. Dodawanie materiałów i plików. Etykieta tematu. Rozdział 5 Praca z klasą

Laboratorium Badanie topologii i budowa małej sieci

Komputerowe Systemy Przemysłowe: Modelowanie - UML. Arkadiusz Banasik arkadiusz.banasik@polsl.pl

5.3. Tabele. Tworzenie tabeli. Tworzenie tabeli z widoku projektu. Rozdział III Tworzenie i modyfikacja tabel

INSTRUKCJA I WSKAZÓWKI

Wysyłka dokumentacji serwisowej z Sekafi3 SQL do producentów.

Odsyłacze (inaczej: hiperłącza, łącza hipertekstowe, odnośniki, linki) Najbardziej charakterystycznym elementem dokumentów w światowej sieci World

Pracownia internetowa w każdej szkole (edycja Jesień 2007)

Plan nauczania informatyki Opracował: mgr Daniel Starego

Ewidencja Wyposażenia PL+

Konfiguracja oprogramowania w systemach MS Windows dla kont z ograniczonymi uprawnieniami

Z Małej Szkoły w Wielki Świat

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

wersja 1.0 ośrodek komputerowy uj cm ul. mikołaja kopernika 7e, Kraków tel

TWORZENIE PREZENTACJI MS POWERPOINT

Zacznijmy więc pracę z repozytorium. Pierwsza konieczna rzecz do rozpoczęcia pracy z repozytorium, to zalogowanie się w serwisie:

Zapisz i autoryzuj płatności w folderze

mfaktura Instrukcja instalacji programu Ogólne informacje o programie biuro@matsol.pl

Internet, jako sieć globalna

OPAC WWW katalog internetowy Biblioteki Zespołu Szkół Odzieżowych, Fryzjerskich i Kosmetycznych nr 22 w Warszawie. Opracowała mgr Anna Rychlicka

Program szkolnego koła informatycznego

Scenariusz lekcji z wykorzystaniem monitora interaktywnego

Tworzenie menu i authoring w programie DVDStyler

Rozpocznijmy ten odcinek od rozwiązania problemu postawionego w poprzednim odcinku:

Internet, jako ocean informacji. Technologia Informacyjna Lekcja 2

Struktura organizacyjna biblioteki

Instrukcja instalacji KaMap CE

Rozkład materiału nauczania. Zajęcia komputerowe Klasa 4. Temat z podstawy programowej. Nr lekcji Temat Dział Osiągnięcia ucznia

XQTav - reprezentacja diagramów przepływu prac w formacie SCUFL przy pomocy XQuery

Instrukcja użytkownika końcowego. Portalu Informacyjnego. ŁódźWiFi

1 Implementowanie i konfigurowanie infrastruktury wdraŝania systemu Windows... 1

Instrukcja obsługi ebook Geografia XXI wieku

Wstawianie grafiki. Po wstawieniu grafiki, za pomocą znaczników możemy zmienić wielkość i położenie grafiki na slajdzie.

KATEGORIA OBSZAR WIEDZY

APLIKACJA SHAREPOINT

nowe media materiały dydaktyczne dla nauczycieli

6.4. Efekty specjalne

Wykonać Ćwiczenie: Active Directory, konfiguracja Podstawowa

znajdowały się różne instrukcje) to tak naprawdę definicja funkcji main.

Podstawy technologii WWW

Zawartość i możliwości wykorzystania bazy PROLIB OPAC. Scenariusz warsztatów doskonalących

Federacji Inicjatyw Oświatowych

Tak przygotowane pliki należy umieścić w głównym folderze naszego programu. Klub IKS

Polityka cookies w serwisie internetowym

INSTRUKCJA KORZYSTANIA WYŻSZEJ SZKOŁY EDUKACJI I TERAPII IM. PROF. KAZIMIERY MILANOWSKIEJ

NAGŁÓWKI, STOPKI, PODZIAŁY WIERSZA I STRONY, WCIĘCIA

DOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7

[1/15] Chmury w Internecie. Wady i zalety przechowywania plików w chmurze

Instrukcja obsługi systemu zarządzania treścią dwajeden.pl

Konfiguracja serwera druku w Windows Serwer 2008R2.

Podręcznik korzystania z platformy szkoleniowej i szkoleń elearningowych BDOT10k

INFORMATYKA dla gimnazjum Opis założonych osiągnięć ucznia wymagania na poszczególne oceny szkolne

Za pomocą niniejszej instrukcji baza programu MAK zostanie przygotowania do eksportu na METALIB.

Zadania autora i administratora według IBM Lotus LMS

Rozdział II. Praca z systemem operacyjnym

e r T i H M r e n L T n

Poniedziałek-Wtorek-Środa Czwartek Piątek

Klient poczty elektronicznej - Thunderbird

WYBÓR OPCJI UZUPEŁNIANIE DANYCH

Ja i moje zainteresowania tworzenie własnej strony internetowej

Photoshop. Warstwy. Wykład 3. Opracowała: Elżbieta Fedko. Projekt jest współfinansowany ze środków Unii Europejskiej

OpenOfficePL. Zestaw szablonów magazynowych. Instrukcja obsługi

Istota rozwiązania. EasyInput First Steps 2

Sekretariat Optivum. Jak przygotować listę uczniów zawierającą tylko wybrane dane, np. adresy ucznia i jego opiekunów? Projektowanie listy

WYMAGANIA EDUKACYJNE NIEZBĘDNE DO UZYSKANIA POSZCZEGÓLNYCH ŚRODROCZNYCH I ROCZNYCH OCEN Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV

Przedmiotowy System Oceniania z zajęć komputerowych w klasach IV - VI

Konspekt do lekcji informatyki dla klasy II gimnazjum. TEMAT(1): Baza danych w programie Microsoft Access.

Transkrypt:

Planowanie strony www Grunt to organizacja

wstęp Podobnie jak w przypadku tradycyjnych środków przekazu, proces tworzenia i projektowania stron WWW wymaga zaplanowania i przemyślenia, przed rozpoczęciem tekstowograficznych szaleństw i dzikiego hiperłączenia wszystkiego z wszystkim. Być może jest to nawet ważniejsze niż w przypadku innych mediów, bowiem próby narzucenia reguł tradycyjnego pisania czy projektowania do hipertekstu często owocują dokumentami, które są trudne do zrozumienia i poruszania się lub po prostu nie wykorzystują w żaden sposób ogromnych możliwości, tkwiących w hipertekście. Jeżeli grupa stron WWW jest nieumiejętnie zorganizowana, trudno wprowadzać do nich poprawki i rozszerzać ich za wartość.

Zanim zaczniesz: Szczególną uwagę zwróć na: zapamiętanie różnic pomiędzy serwerem WWW, witryną WWW, stroną WWW i stroną główną, wybieranie informacji, które chciałbyś umieścić w Internecie, wyznaczenie celu, któremu witryna ma służyć, podzielenie zawartości na główne tematy, organizację ogólnej struktury stron i ich tematów.

Anatomia witryn WWW witryna WWW zbiór składający się z jednej lub kilku stron WWW, serwer WWW komputer podłączony do Internetu lub intranetu, na którym przechowywana jest jedna lub kilka witryn WWW, strony WWW pojedynczy element witryny, zapisany na dysku w formie pliku, strona główna wejściowa strona witryny, która może zawierać połączenia do innych stron tej samej witryny.

Witryna WWW Witryna WWW składa się z jednej lub wielu stron WWW powiązanych ze sobą w sposób, który odzwierciedla istotę zawartych w niej informacji i tworzy spójną całość Strona tworząca witrynę WWW jest pojedynczym elementem witryny WWW I zawarta jest w jednym pliku..

Strona główna Dla ludzi publikujących swoje strony w WWW, termin strona główna ma jednak zupełnie inne znaczenie, jest to bowiem również pierwsza strona witryny WWW. Jest to swego rodzaju brama, prowadząca do pozostałych stron, pierwsza rzecz, którą ujrzy czytelnik. Strona główna zawiera zwykle krótki przegląd zawartości witryny, na przykład, w formie spisu treści lub zestawu ikon. Jeżeli witryna nie zawiera zbyt wiele treści, można tym samym. zmieścić ją na tej jednej stronie, wtedy strona główna i witryna stają się tym samym.

Do czego właściwie chcesz wykorzystać WWW? informacje osobiste hobby i zainteresowania publikacje witryny firm dokumentacja katalogi towarów wirtualne sklepy sondaże edukacja wszystko co zdołamy wymyślić

przemyśl Wyznacz cel Podziel treść na główne tematy Np.. Strona fana zespołu historia zespołu, biografie poszczególnych członków zespołu dyskografia wszystkie wydane albumy i single, teksty utworów, okładki płyt, informacje o najbliższych koncertach i zapowiadanych wydawnictwach.

przemyśl pomysły na organizację i nawigację Struktura hierarchiczna

Struktura hierarchiczna Struktury hierarchiczne i menu szczególnie dobrze sprawdzają się w systemach opartych na hipertekście. Wiele systemów pomocy kontekstowej zostało stworzonych właśnie na bazie hierarchii. Wybór jednego z nich powoduje pojawienie się listy podtematów, pod którymi kryje się już konkretna treść. Różne systemy pomocy mają różne poziomy, ale większość z nich wpisuje się w taką strukturę. W tego typu strukturach czytelnicy łatwo odnajdują swoje aktualne położenie. Przejście w górę informacje ogólne, w dół informacje bardziej szczegółowe.

Struktura liniowa Innym sposobem organizacji dokumentów jest struktura liniowa (sekwencyjna), która przypomina sposób organizacji dokumentów drukowanych. Strona główna stanowi tytuł lub wstęp, a każda następna strona jest kolejnym rozdziałem. W strukturze liniowej łatwo zapoznać się z treścią, ponieważ nie ma zbyt wielu możliwości wyboru. Struktury tego typu są bardzo sztywne i ograniczają zarówno swobodę czytelnika, jak i twórcy. W ten sposób możesz prezentować informacje, które posiadają strukturę liniową w rzeczywistości, gdzie funkcjonują (krótkie opowiadania, instrukcje krok po kroku, trening komputerowy) lub jeżeli nie chcesz, aby czytelnicy przeskakiwali od tematu do tematu.

Struktura liniowa z alternatywą Możesz odrobinę złagodzić sztywną strukturę liniową i pozwolić czytelnikowi zboczyć z głównej ścieżki. Można stworzyć strukturę liniową z alternatywnymi połączeniami, które odbiegają od głównego tematu.

Struktura mieszana (liniowo-hierarchiczna) Jest to stosowane zwykle wtedy, gdy informację można podzielić na główne tematy, ale można ją też odczytywać w sposób liniowy. Jest to często wykorzystywany sposób w tzw.faq /Frequently Asked Questions najczęściej zadawane pytania?

Struktura mieszana (liniowo-hierarchiczna) Uwaga: nie pozwól na połączenia w przód i w tył pomiędzy granicami tematów znajdujących się na jednym poziomie hierarchii. Należałoby cofnąć się do strony głównej i dopiero stamtąd przejść do kolejnego aktu; opisz dokładniej samo połączenie. Zamiast napisać po prostu w górę lub umieścić ikonę ze strzałką, wstaw w to miejsce dokładniejszy opis, gdzie to połączenie prowadzi.

Struktura sieciowa (pajęczyna) Pajęczyna to zbiór dokumentów, które nie mają jakiejś ogólnej struktury. Jedyną rzeczą, która łączy strony ze sobą, to hiperpołączenie. Czytelnicy przechodzą od strony do strony, wybierając kolejne połączenia. W kontekście witryny WWW środowisko jest zorganizowane tak, że każda strona re-prezentuje konkretne miejsce (zwykle zawiera też jego opis). Z tego miejsca możesz przemieszczać się w różnych kierunkach, wędrując przez ten wirtualny świat w sposób bardziej przypominający przechodzenie z pokoju do pokoju niż rzeczywistość.

Struktura sieciowa (pajęczyna) Aby rozwiązać problem dezorientacji w pajęczynie : na każdej stronie umieść wyjście awaryjne, czyli połączenie o nazwie Powrót do strony głównej, na każdej stronie umieść mapkę całej struktury z wyraźnym znakiem Tu jest Nie musi to być mapa w dosłownym znaczeniu, jakakolwiek forma umiejscowienia aktualnego miejsca pobytu w całej strukturze może uchronić czytelników przed zagubieniem

Scenopis witryny www Scenopis to proces tworzenia ogólnego zarysu przyszłego wyglądu witryny, przed przystąpieniem do właściwego tworzenia stron. Scenopis pozwala spojrzeć na całość witryny zanim jeszcze ona powstanie. Tablica korkowa - kartki - nitki np.

Co winno być: który temat na którą stronę? Reguła kciuka mówi, że jeden temat powinien zajmować jedną stronę. Jeżeli jednak tematów jest wiele, łączenie ich może być niezbyt przyjemnym zadaniem. Zamiast tego, zastanów się nad możliwością stworzenia stron zawierających kilka ma powiązanych ze sobą tematów jakie będą podstawowe sposoby nawigacji między stronami? Jakie hiperpołączenia będą wymagane, aby czytelnicy mogli przechodzić od strony do strony? Są to podstawowe połączenia, które umożliwią czytelnikom osiągnięcie celów patrz wyżej. jakie alternatywne formy nawigacji umieścisz na stronach? Niektóre witryny zawierają, obok podstawowych połączeń nawigacyjnych, także inne informacje, które współistnieją z głównym tematem, jak, na przykład, słownik pojęć, indeks alfabetyczny lub stronę z informacjami o twórcach. Pamiętaj o tego typu informacjach w trakcie opracowywania planu i zastanów się, w jaki sposób połączyć je do treści zasadniczej

Co winno być: co znajdzie się na stronie głównej? Ponieważ strona główna jest punktem wyjściowym do dalszej części witryny, dobrze zastanów się nad tym, jakie informacje chcesz na niej umieścić. Ogólny opis a może hiperłącza jeszcze raz przemyśl wszystkie cele witryny? Nigdy w trakcie pracy nad witryną nie zapominaj o celach, które sobie wyznaczyłeś.

podsumowanie Projektowanie witryny WWW, podobnie jak tworzenie wstępnego zarysu książki, planowanie czy malowanie. Wcześniejsze opracowanie ogólnego planu może być niesłychanie pomocne w pracy nad szczegółowymi rozwiązaniami, może też zapobiec ewentualnym komplikacjom.