Redesign webových stránek. Jan Skůpa webovky.knihovna.cz

Podobné dokumenty
NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Google Apps. weby 1. verze 2012

Nástrojová lišta v editačním poli

Manuál k tvorbě absolventské práce

Manuál Redakční systém

Formátování obsahu adminweb

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

METODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

Help pro webmastery Vytvořte svůj vlastní web

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek

MANUÁL PRO REDAKČNÍ SYSTÉM WEBOVÝCH STRÁNEK OBSAH

Úprava stránek. Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6.

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ

Stránky obce Olomučany

Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014

1. Základní pojmy, používané v tomto manuálu. 2. Stránky

Manuál k editoru TinyMCE

Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek

Manuál pro obsluhu Webových stránek

PŘEDMĚT: PEK. 3.část. (opakování ke státní zkoušce) TÉMA: TVORBA OBCHODNÍHO DOPISU. Zpracováno: prezentace powerpoint Ing. Hana Augustinová 2012

Počítačová typografie

Pokyny k vypracování absolventské práce

Pokyny pro vypracování maturitního projektu

Webové stránky knihoven. Porada profesionálních knihoven , Knihovna města Ostravy

WORD 2007 grafický manuál

Zadání grafického designu Trh poptávek

Práce s administračním systémem internetových stránek Podaných rukou

Základní pravidla pro tvorbu prezentací

Pokyny pro vypracování maturitní práce pro školní rok 2017/2018

K 2 - Základy zpracování textu

MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4

Osnova kurzu OBSLUHA PC ZAMĚŘENÍ PRÁCE S TEXTEM. pilotního projektu v rámci I. Etapy realizace SIPVZ

MOHENDZODARO.NET. ing. Bakalářová Alena pro Osho Sugama Meditation Center 7/1/2018

Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované.

Redakční systém IPO manuál

Office Arena 2017 Krajské kolo

VoiceOver v ios s QWERTY klávesnicí

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.

Kurz pro studenty oboru Informační studia a knihovnictví 5. Informační architektura

Administrace webu Postup při práci

Gymnázium a Střední odborná škola Moravské Budějovice. Pravidla pro tvorbu seminárních a maturitních prací

Formátování odstavce, odrážek a číslování Návod a náhled správného řešení

Zakládání nové nebo úprava existující stránky

Název: Design webu Anotace:

Redesign webu. Autor: Michal Blažek

Informace o zdroji učebního textu a poučení o jeho užívaní. Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn

Počítačové formy projekce jsou: promítání snímků na obrazovce počítače, promítání snímků z počítače na plátno,

WEBOVÉ STRÁNKY

Ročníková práce. Metodika tvorby. Jan Divišek Alena Beňadiková

WINTER. Prezentace výsledků SOČ. Template. Nejen na mezinárodní půdě. Letní škola mladých talentů Šárka Navrátilová 18.

Uživatelská příručka. Manuál k používání administračního systému CMSko.cz CMSko.cz

Formální úprava bakalářských a diplomových prací Univerzita Karlova, Husitská teologická fakulta

Pravidla vypracování maturitní práce

Příloha č. 1 k Vyhláška rektora č. 01/2011 o bakalářských pracích

Jak využít kancelářské aplikace ve výuce MS Office Gymnázium a SOŠ Orlová Ing. Marta Slawinská

Obsah KAPITOLA 1 Několik slov o Wordu

Testování přístupnosti v soutěži Zlatý erb Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

Textové editory. Ing. Luděk Richter

Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO

Webové prezentace a aplikace. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1132_Webové prezentace a aplikace_pwp

Manuál korporátní identity Anna Čaníková

Na titulní straně by se rovněž měly nacházet bloky pro výběr posledních položek z rubrik Aktuality a Kalendář akcí.

ONLINE MARKETING PRO VZDĚLÁVACÍ INSTITUCE ZA MARKETING MAKERS ANDREA HOLZKNECHTOVÁ

Pokyny pro vypracování maturitních prací 2014

Microsoft PowerPoint 2007

Formální úprava bakalářských a diplomových prací. Univerzita Karlova v Praze Husitská teologická fakulta

O ÚPRAVĚ RUKOPISŮ PÍSEMNÝCH PRACÍ A O CITACI DOKUMENTŮ UŽÍVANÝCH V PRACÍCH PODÁVANÝCH NA PRÁVNICKÉ FAKULTĚ MU

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

MATURITNÍ PRÁCE A JEJÍ OBHAJOBA PŘED MATURITNÍ KOMISÍ

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

Informace k e-learningu

Inovace výuky prostřednictvím šablon pro SŠ

Osnova. Koncept a použití prezentací. Seznámení s pracovním prostředím MS Word Režimy zobrazení. Užitečná nastavení. Základní práce s dokumenty

Redakční systém WordPress MU Manuál pro uživatele

WEB KNIHOVNY JAKO NÁSTROJ K PROPAGACI SLUŽEB A INFORMACÍ ING. PAVEL CIMBÁLNÍK

Zásady správné prezentace

Studie webů automobilek

Microsoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie

Kapitola 1 První kroky v tvorbě miniaplikací 11

Bližší specifikace požadovaných grafických návrhů

Školení Webnode pro učitele

Výukový materiál zpracovaný v rámci projektu

Office Arena 2017 Krajské kolo

Příloha č. 1. Systém webových stránek města Česká Lípa. I. Vymezení předmětu VZ

1. Registrace v katalogu firem

Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací

Tvorba internetových stránek

STRUKTURA MATURITNÍ PRÁCE

PowerPoint Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/

POKYNY PRO VYPRACOVÁNÍ BAKALÁŘSKÉ A DIPLOMOVÉ PRÁCE

Dokumentace k projektu

Gymnázium Dr. J. Pekaře Mladá Boleslav PRAVIDLA PRO PSANÍ MATURITNÍ PRÁCE

Gymnázium J. S. Machara Brandýs nad Labem - Stará Boleslav, Královická 668. Ročníková práce. (pro sextu a 2.A) Metodický pokyn

Záznam uživatelského testování "Pojištění před zahraniční cestou"

ZÁKLADNÍ ŠKOLA A ZÁKLADNÍ UMĚLECKÁ ŠKOLA JESENICE, příspěvková organizace

Pravidla vypracování maturitní práce

Transkript:

Redesign webových stránek Jan Skůpa webovky.knihovna.cz webovky@knihovna.cz

Úvod Projekt Webovky od roku 2010 Celkem zapojeno více než 1000 knihoven Webovky.knihovna.cz informace o projektu

VYHLEDÁVAČE a DOMÉNA Vyhledávače - první pozice ve vyhledávačích především Seznam.cz a Google.cz. Doména (webová adresa) - dobře zapamatovatelná pro každého. Vhodný tvar knihovnaivancice.cz, knihovna.ivancice.cz. - vyhnout se pomlčkám, neobvyklým zkratkám, dlouhým názvům apod. (samozřejmě pokud je to ve vztahu k názvu knihovny/obce možné) - vyhnout se doménám typu xx.zdarma.cz, xx.unas.cz atd. - nedůvěryhodné

MENU WEBU (navigace) Umístění vlevo nebo nahoře nejobvyklejší, uživatel ho tam očekává Úměrný počet položek hlavního menu - max. 10 položek, zbytek logicky uspořádat do podmenu Logické a přehledné uspořádání položek menu - uspořádání, na které je uživatel zvyklý z ostatních webů např. Aktuality na začátku, kontakty spíše na konci atd. Jasné a krátké pojmenování položek menu - Použití pojmenování, kterému každý uživatel rozumí a rychle prohlédne.

TEXTY NA WEBU srozumitelné Srozumitelné texty krátké, výstižné odstavce, vizuální členění nadpisy a podnadpisy, odrážky, číslování, proložení vhodnými obrázky apod. správně zvolený jazyk -> jazyk návštěvníka, ne slova jako prolongace, výměnný fond apod. bez gramatických chyb pravopis.cz bez typografických chyb typografické rady vždy aktuální informace vždy informace nějakým způsobem související s knihovnou

TEXTY NA WEBU přehledné Přehledné, nepřeplácané texty - různá barva písma nepřehánět s množstvím barev, využívat max. dvě barvy na stránku (černá/bílá+jiná). Ke zvýraznění použít raději tučný text nebo kurzívu (ne však podtržení!); nepoužívat podbarvení textu. - různá velikost písma používat jen v opravdu nutných případech (neplatí pro nadpisy a podnadpisy, tam je naopak nutná, jednotná na celém webu) - zarovnání textu používat nejlépe zarovnání doleva, pro nadpisy doleva či na střed. (Nežádoucí je především zarovnání do bloku - může se velmi špatně číst.)

TEXTY NA WEBU přehledné - příliš dlouhý text/obsah, dlouhá stránka - podtržení jinde než u odkazu podtržení v textu v prostředí internetu znamená odkaz. Všude jinde je podtržení nežádoucí - emotikony (smajlíky) používat co nejméně, ne každý je jejich fanoušek a rozumí jim, často působí neseriózně - velká písmena a vykřičníky evokují pocit, že na návštěvníka křičíte

OBRÁZKY správně a legálně Obrázky s texty ve formě plakátků - špatně čitelné nebo nezobrazitelné, obecně nevhodný formát pro web Legálně získané obrázky - obrázky zdarma lze získat Pixabay, Vectorportal, Google obrázky (filtr) Pohybující se obrázky (animace) - často velmi ruší při soustředění se na obsah webu Obrázky v optimální velikosti (typicky u fotek) - vložení obrázku/fotky v původní velikosti způsobuje pomalé načítání nebo nenačtení, je třeba zmenšovat před umístěním na web

MOBILNÍ VERZE WEBU existence mobilní verze webu správné a kompletní zobrazení všech informací z webu

CO MÍT NA WEBU? Hlavička Kontakty - název knihovny, adresa (příp. upřesnění umístění), telefon, e-mail, jméno/a knihovníka/ů a informace o nich, sociální sítě, příp. kontaktní formulář Provozní doba Nabídka služeb - seznam nabízených služeb, popisy oddělení (dětské, dospělé, čítárna...), ceník služeb, knihovní řád Přístup do online katalogu - - odkaz do online katalogu, návod na práci s katalogem Sociální sítě - odkaz, widget

CO MÍT NA WEBU? Dění v knihovně - novinky, chystané akce (kalendář akcí), zprávy z akcí, fotogalerie, videa Často kladené otázky Zajímavé zdroje/odkazy Patička - Kontakty

CO UKLÁDÁ ZÁKON? Prohlášení o přístupnosti Poskytování a zveřejňování informací dle zákona č. 106/1999 Sb. Prohlášení o ochraně a zpracování osobních údajů (GDPR) https://prirucky.ipk.nkp.cz/pristupnost/obsah

DĚKUJEME ZA POZORNOST webovky@knihovna.cz