Dobre praktyki w tworzeniu dostępnych stron www zgodnych ze standardem WCAG 2.0

Wielkość: px
Rozpocząć pokaz od strony:

Download "Dobre praktyki w tworzeniu dostępnych stron www zgodnych ze standardem WCAG 2.0"

Transkrypt

1 Dobre praktyki w tworzeniu dostępnych stron www zgodnych ze standardem WCAG 2.0 Marcin Luboń Fundacja Widzialni Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

2 Dostępność stron internetowych Grupy użytkowników narażonych na wykluczenie cyfrowe

3 Wykluczenie cyfrowe Brak lub ograniczona możliwość skorzystania z nowoczesnych form komunikacji.

4 Osoby niewidome i niedowidzące, Osoby głuche i głuchoniewidome, Osoby niepełnosprawne intelektualnie, Osoby starsze, Osoby korzystające z urządzeń mobilnych, Osoby niezamożne z biednych regionów oraz osoby korzystające ze starych typów komputerów.

5 Dostępność stron internetowych Accessibility (A11y)

6 Konsorcjum W3C Umożliwienie wszystkim ludziom korzystania z dobrodziejstw Sieci bez względu na ich: sprzęt, oprogramowanie, infrastrukturę, język, kulturę i położenie geograficzne, możliwości umysłowe lub fizyczne.

7 Web Accessibility Initiative (WAI) (pl. Inicjatywa dostępności do sieci) Inicjatywa W3C mająca na celu zwiększenie szeroko rozumianej dostępności stron WWW oraz dokumentów umieszczanych w formie plików do pobrania.

8 Dostępność stron internetowych WCAG 2.0 Zasady Wytyczne Kryteria sukcesu (A, AA, AAA) 61 kryteriów sukcesu

9 WCAG Zasady Postrzegalność Informacje oraz komponenty interfejsu użytkownika muszą być przedstawione użytkownikom w dostępny dla nich sposób. Funkcjonalność Komponenty interfejsu użytkownika oraz nawigacja muszą być funkcjonalne (powinny pozwalać na interakcję). Zrozumiałość Treść oraz obsługa interfejsu użytkownika musi być zrozumiała. Solidność Treść musi być wystarczająco rzetelna, aby mogła być poprawnie interpretowana przez wielu różnych klientów użytkownika, włączając technologie asystujące.

10 WCAG Postrzegalność Informacje oraz komponenty interfejsu użytkownika muszą być przedstawione użytkownikom w sposób dostępny dla ich zmysłów. Wytyczna 1.1. Alternatywa w postaci tekstu: Dla każdej treści nietekstowej należy dostarczyć alternatywną treść w formie tekstu, która może być zamieniona przez użytkownika w inne formy (np. powiększony druk, brajl, mowa syntetyczna, symbole lub język uproszczony) Treść nietekstowa (A)

11 WCAG Postrzegalność Wytyczna 1.2. Media zmienne w czasie: Należy dostarczyć alternatywę dla mediów zmiennych w czasie Tylko audio lub tylko wideo (nagranie) (A) Napisy rozszerzone (nagranie) (A) Audiodeskrypcja lub alternatywa dla mediów (nagranie) (A) Napisy rozszerzone (na żywo) (AA) Audiodeskrypcja (nagranie) (AA) Język migowy (nagranie) (AAA) Rozszerzona audiodeskrypcja (nagranie) (AAA) Alternatywa dla mediów (nagranie) (AAA) Tylko audio (na żywo) (AAA)

12 WCAG Postrzegalność Wytyczna 1.3. Możliwość adaptacji: Należy tworzyć treści, które mogą być prezentowane na różne sposoby (np. uproszczony układ wizualny), bez utraty informacji czy struktury Informacje i relacje (A) Zrozumiała kolejność (A) Właściwości zmysłowe (A)

13 WCAG Postrzegalność Wytyczna 1.4. Możliwość rozróżnienia: Użytkownik powinien móc dobrze widzieć bądź słyszeć treści mieć możliwość oddzielenia informacji od tła Użycie koloru (A) Kontrola odtwarzania dźwięku (A) Kontrast (minimalny) (AA) Zmiana rozmiaru tekstu (AA) Obrazy tekstu (AA) Wzmocniony kontrast (AAA) Niska głośność lub brak tła dźwiękowego (AAA) Prezentacja wizualna (AAA) Obrazy tekstu (bez wyjątków) (AAA)

14 WCAG Funkcjonalność Komponenty interfejsu użytkownika oraz nawigacja muszą być możliwe do użycia. Wytyczna 2.1. Dostępność z klawiatury: Zapewnij dostępność wszystkich funkcjonalności za pomocą klawiatury Klawiatura (A) Brak pułapki na klawiaturę (A) Klawiatura (bez wyjątków) (AAA)

15 WCAG Funkcjonalność Wytyczna 2.2. Wystarczająca ilość czasu: Zapewnij użytkownikom wystarczająco dużo czasu na przeczytanie i skorzystanie z treści Możliwość dostosowania czasu (A) Wstrzymywanie (pauza), zatrzymywanie, ukrywanie (A) Brak ograniczeń czasowych (AAA) Zakłócenie pracy użytkownika (AAA) Ponowne potwierdzenie autentyczności (AAA)

16 WCAG Funkcjonalność Wytyczna 2.3. Ataki padaczki: Nie należy projektować treści w taki sposób, aby prowokować ataki padaczki Trzy błyski lub wartości poniżej progu (A) Trzy błyski (AAA)

17 WCAG Funkcjonalność Wytyczna 2.4. Możliwość nawigacji: Dostarczenie narzędzi ułatwiających użytkownikowi nawigowanie, znajdowanie treści i ustalanie, gdzie się w danym momencie znajduje Możliwość pominięcia bloków (A) Tytuły stron (A) Kolejność fokusa (A) Cel linku (w kontekście) (A) Wiele dróg (AA) Nagłówki i etykiety (AA) Widoczny fokus (AA) Lokalizacja (AAA) Cel linku (z samego linku) (AAA) Nagłówki sekcji (AAA)

18 WCAG Zrozumiałość Informacje oraz obsługa interfejsu użytkownika muszą być zrozumiałe. Wytyczna 3.1. Możliwość odczytania: Treść powinna być zrozumiała i możliwa do odczytania Język strony (A) Język części (AA) Nietypowe słowa (AAA) Skróty (AAA) Poziom umiejętności czytania (AAA) Wymowa (AAA)

19 WCAG Zrozumiałość Wytyczna 3.2. Przewidywalność: Strony internetowe powinny otwierać się i działać w przewidywalny sposób Po oznaczeniu fokusem (A) Podczas wprowadzania danych (A) Konsekwentna nawigacja (AA) Konsekwentna identyfikacja (AA) Zmiana na żądanie (AAA)

20 WCAG Zrozumiałość Wytyczna 3.3. Pomoc przy wprowadzaniu informacji: Istnieje wsparcie dla użytkownika, by mógł uniknąć błędów lub je skorygować Identyfikacja błędu (A) Etykiety lub instrukcje (A) Sugestie korekty błędów (AA) Zapobieganie błędom (kontekst prawny, finansowy, związany z podawaniem danych) (AA) Pomoc (AAA) Zapobieganie błędom (wszystkim) (AAA)

21 WCAG Solidność Treść musi być solidnie opublikowana, tak, by mogła być skutecznie interpretowana przez różnego rodzaju oprogramowania użytkownika, w tym technologie wspomagające. Wytyczna 4.1. Kompatybilność: Zmaksymalizowanie kompatybilności z obecnymi oraz przyszłymi programami użytkowników, w tym z technologiami wspomagającymi Parsowanie (A) Nazwa, rola, wartość (A)

22 Dostępność stron internetowych Dobre praktyki w tworzeniu dostępnych stron internetowych

23 Odpowiedniki tekstowe (obrazki, zdjęcia, wykresy) Odpowiedniki tekstowe dla elementów graficznych (alt)

24 Odpowiedniki tekstowe (obrazki, zdjęcia, wykresy) Odpowiedniki tekstowe dla elementów graficznych (alt) <img src="a_gier.jpg" alt="aleksander Gierymski. Żydówka z cytrynami 1881" /> <a href="youtube.pl"> </a> <img src="yt.png" alt="przejdź na nasz kanał Youtube" /> <img src="koszyk.png" alt="" />

25 Etykiety pól formularzy <label> <label for="name">imię *</label> <input type="text" name="imie" id="imie" size="30" />

26 Etykiety pól formularzy <label for="phone"> Nr telefonu (wymagane) </label> <input type="text" name="phone" id="phone" size="30" /> <label for="phone"> Nr telefonu <abbr title="wymagane">*</abbr> </label> <input type="text" name="phone" id="phone" size="30" />

27 Etykiety pól formularzy <label for="phone"> Nr telefonu (wymagane) <span class="format">9 cyfr bez spacji</span> </label> <input type="text" name="phone" id="phone" size="30" />

28 Etykiety pól formularzy <label> Mam telefon <input type="checkbox" name="..." /> </label>

29 Etykiety pól formularzy <fieldset> <legend>czy informacja jest dla Ciebie zrozumiała</legend> <input type="radio" name="..." id="tak" /> <label for="tak">tak</label> <input type="radio" name="..." id="nie" /> <label for="nie">nie</label> </fieldset>

30 Użycie nagłówków <h1>, <h2>, <h3>,

31 Użycie nagłówków Nieświadome użycie nagłówków wyższego poziomu w treściach, co wynika z nieznajomości struktury serwisu przygotowanej przez web developerów, np.: h2 Strona główna h2 Menu h2 Treść h1 Nagłówek w treści h4 Nagłówek w treści Należy zablokować możliwość dodawania nagłówków wyższej hierarchii, Niesemantyczne używanie nagłówków, związane z ich domyślnym wymiarem i pogrubieniem.

32 Użycie list elementów

33 Użycie tabel <table>, <th>, <td>, <caption>

34 Kontrast Odpowiedni kontrast tekstów w stosunku do tła Tekst lub grafiki tekstowe powinny posiadać kontrast w stosunku 4,5:1 Program do analizy kontrastu

35 Jednoznaczne tytuły stron <title>fundacja Widzialni</title> <title>fundacja Widzialni - Szkolenia</title> <title>szkolenia - Fundacja Widzialni</title>

36 Zasady tworzenia linków Treść linku musi być zrozumiała, informować użytkownika dokąd go zaprowadzi lub jaką akcję wykona Nie używaj linków typu: kliknij tutaj, czytaj więcej, tu, itp. W przypadku pełnej oferty konieczna jest wcześniejsza rejestracja w Klubie. Szczegóły zamieszczone tutaj. Zarejestruj się w Klubie aby skorzystać z pełnej oferty. Informacja o otwarciu w nowym oknie

37 Obsługa serwisu za pomocą klawiatury

38 Zaznaczenie aktywnych elementów :hover :focus :active :hover:active Etc. a:hover { color:#000; textdecoration:underline; } a:focus { background:#00519f; color:#fff; textdecoration:none;} Zaznaczenie powinno posiadać odpowiedni kontrast

39 Kolejność informacji Kolejność przetwarzania informacji powinna być zgodna z kolejnością kodu wynikowego HTML, Należy zwrócić uwagę na wykorzystanie wtyczek np. tabs z jquery bez ładowania informacji za pomocą AJAX, Kolejność przetwarzania informacji w naszej kulturze opiera się na zasadzie litery Z (od lewej do prawej)

40 Bezpośredni dostęp Zapewnienie bezpośredniego dostępu do treści (skiplinks) <ul class="nav"> </ul> <li><a href="#mm">przejdź do menu głównego</a></li> <li><a href="#txt">przejdź do treści</a></li> <li><a href="#search">przejdź do wyszukiwarki</a></li> <li><a href="index.php?p=map">mapa strony</a></li>

41 Dostęp do informacji na różne sposoby Zapewnić wiele sposobów na znalezienie innych stron w serwisie przynajmniej dwa z następujących: spis treści, mapa serwisu, wyszukiwarka, lista wszystkich podstron.

42 Dodatkowe ułatwienia zmiana kontrastu, powiększanie czcionek, język migowy

43 Semantyczny kod HTML Wszystkie treści umieszczone na stronach powinny być ujęte w semantycznych znacznikach HTML: <h1...h6> <ul> <p> <table> <blockquote>... Nie należy umieszczać tekstów bezpośrednio w tagach: <div> Nie należy umieszczać aktywnych elementów jako tagi: <div>, <span>

44 Rzetelny kod HTML i CSS Unikać błędów semantycznych HTML/XHTML (bez względu na wersje) Kod może zostać sprawdzony i przeanalizowany na:

45 Prawidłowe ukrywanie treści.wcag_hide { clip: rect(1px, 1px, 1px, 1px); display: block; position: absolute; }.wcag_hide { height: 1px; width: 1px; position: absolute; left: em; top: 0; } Nie należy używać deklaracji CSS: display: none; visibility: hidden;

46 Dziękuję za uwagę Marcin Luboń Fundacja Widzialni

14.09.2012 Przemysław Marcinkowski Fundacja Widzialni. Budowa dostępnej strony www placówek publicznych

14.09.2012 Przemysław Marcinkowski Fundacja Widzialni. Budowa dostępnej strony www placówek publicznych 14.09.2012 Przemysław Marcinkowski Fundacja Widzialni Budowa dostępnej strony www placówek publicznych Dostępność stron internetowych Accessibility (A11y) Kto jest narażony na wykluczenie cyfrowe? niewidomi,

Bardziej szczegółowo

Poziom dostępności: AAA

Poziom dostępności: AAA Poziom dostępności: AAA Zasada nr 1: Postrzegalność informacje oraz komponenty interfejsu użytkownika muszą być przedstawione użytkownikom w sposób dostępny dla ich zmysłów. Wytyczna 1.2 Media zmienne

Bardziej szczegółowo

Dostępne e-podręczniki

Dostępne e-podręczniki Warszawa, 19 czerwca 2013 r. Dostępne e-podręczniki Szkolenie dla partnerów merytorycznych projektu e-podręczniki Mikołaj Rotnicki i Piotr Witek Forum Dostępnej Cyberprzestrzeni www.fdc.org.pl Ten utwór

Bardziej szczegółowo

Dostępność w rozumieniu ustawy o języku migowym i innych środkach komunikowania się

Dostępność w rozumieniu ustawy o języku migowym i innych środkach komunikowania się Dostępność w rozumieniu ustawy o języku migowym i innych środkach komunikowania się Jacek Zadrożny informaton.pl Warszawa, dn. 8 kwietnia 2013 r. Przez środki wspierające komunikowanie się należy rozumieć

Bardziej szczegółowo

Dostępne e-podręczniki

Dostępne e-podręczniki Dostępne e-podręczniki Szkolenie dla partnerów merytorycznych projektu e-podręczniki Jacek Zadrożny i Mikołaj Rotnicki Forum Dostępnej Cyberprzestrzeni www.fdc.org.pl Łódź, 13 kwietnia 2013 r. Dostępność

Bardziej szczegółowo

ZAPYTANIE OFERTOWE nr I.ZOWI-000010/15 z dnia 16-09-2015

ZAPYTANIE OFERTOWE nr I.ZOWI-000010/15 z dnia 16-09-2015 ZAPYTANIE OFERTOWE nr I.ZOWI-000010/15 z dnia 16-09-2015 Zamawiający: Urząd Miasta Opola Rynek-Ratusz 45-015 Opole NIP: 754 300 99 77 Zapraszamy do złożenia oferty cenowej na wdrożenie standardu WCAG 2.0

Bardziej szczegółowo

Jak projektować dostępne strony

Jak projektować dostępne strony Jak projektować dostępne strony Przemysław Marcinkowski e-mail: przemek@iart.com.pl Plan prezentacji 1. Dlaczego powstał dokument WCAG? 2. Priorytety 3. Tworzenie tekstów 4. Linki 5. Nawigacja 6. Grafika

Bardziej szczegółowo

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ Poznań, 2012-10-04 AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ NAZWA ADRES STRONY ILOŚĆ BŁĘDÓW WCAG 33 ILOŚĆ OSTRZEŻEŃ WCAG 3 TYP DOKUMENTU UŻYTY FORMAT (X)HTML JĘZYK OWANIE STRONY Urząd Marszałkowski Województwa

Bardziej szczegółowo

Tekstowe alternatywy:

Tekstowe alternatywy: Lista wymagań WCAG jakie należy spełnić na potrzeby poziomu A. Jest to lista opisująca tylko wymagania, bez szczegółowych zaleceń, w jaki sposób należy te wymagania spełnić. Część technik, dzięki którym

Bardziej szczegółowo

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r.

Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne. Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r. Usługa Utilitia Korzystanie z Internetu przez Osoby Niepełnosprawne Piotr Witek Utilitia.pl Kraków, 16 Lipca 2013 r. 1 Dostępność Informacji Dostępność informacji oznacza możliwość korzystania z treści

Bardziej szczegółowo

Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu. Projekt przewiduje realizację następujących zadań:

Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu. Projekt przewiduje realizację następujących zadań: Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu Projekt przewiduje realizację następujących zadań: 1. Dostosowanie strony BIP Miasta i Gminy Swarzędz do potrzeb osób niepełnosprawnych

Bardziej szczegółowo

15 ZALECEŃ dla dostępności serwisów internetowych i dokumentów

15 ZALECEŃ dla dostępności serwisów internetowych i dokumentów Zgodnie z Rozporządzeniem Rady Ministrów z dnia 12 kwietnia 2012 r. w sprawie Krajowych Ram Interoperacyjności, minimalnych wymagań dla rejestrów publicznych i wymiany informacji w postaci elektronicznej

Bardziej szczegółowo

Oczami niewidomego. Klawiatura fajna jest Uwaga na fokus! Czytnik ekranu (Screenreade)?

Oczami niewidomego. Klawiatura fajna jest Uwaga na fokus! Czytnik ekranu (Screenreade)? Kto zacz? dr Michał Kępiński Uczelniane Centrum Informatyki AGH Pracownia Tyfloinformatyki mail: mike@agh.edu.pl lista WCAG-AGH: http://mailman.agh.edu.pl/mailman/listinfo/ wcag-agh Oczami niewidomego

Bardziej szczegółowo

Serwisy internetowe administracji publicznej. Jak je przygotować i prowadzić, by były dostępne dla każdego?

Serwisy internetowe administracji publicznej. Jak je przygotować i prowadzić, by były dostępne dla każdego? Serwisy internetowe administracji publicznej Jak je przygotować i prowadzić, by były dostępne dla każdego? Dostępne multimedia to możliwe! Monika Szczygielska Fundacja Widzialni Grafiki dostępne dla niewidomych

Bardziej szczegółowo

CZY WSZYSCY WIDZĄ TO SAMO? Ocena zgodności stron www z międzynarodowym standardem WCAG 2.0 poziom AA oraz polskimi regulacjami prawnymi

CZY WSZYSCY WIDZĄ TO SAMO? Ocena zgodności stron www z międzynarodowym standardem WCAG 2.0 poziom AA oraz polskimi regulacjami prawnymi CZY WSZYSCY WIDZĄ TO SAMO? Ocena zgodności stron www z międzynarodowym standardem WCAG 2.0 poziom AA oraz polskimi regulacjami prawnymi Czy wszyscy widzą to samo? Ocena zgodności stron www z międzynarodowym

Bardziej szczegółowo

www.widzialni.org biuro@widzialni.org

www.widzialni.org biuro@widzialni.org ul. Warszawska 53 42-202 Częstochowa 1 www.widzialni.org biuro@widzialni.org Częstochowa, 6 maja 2013r. Metodologia badania dostępności strony www dla osób niepełnosprawnych, starszych i innych narażonych

Bardziej szczegółowo

10 ZASAD I 10 BADAŃ DOSTĘPNOŚCI DLA KAŻDEGO

10 ZASAD I 10 BADAŃ DOSTĘPNOŚCI DLA KAŻDEGO 10 ZASAD I 10 BADAŃ DOSTĘPNOŚCI DLA KAŻDEGO Dzień dobry. WUD Kraków / 30 listopada 2013 Dominik Paszkiewicz dominik@ngomedia.pl / tel. 608 059 999 DOMINIK PASZKIEWICZ 1. Audytor, autor i promotor dostępności.

Bardziej szczegółowo

w ramach projektu pn. Szkoła bez barier. jest współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

w ramach projektu pn. Szkoła bez barier. jest współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego ED.042.12.2014 Częstochowa, 18.08.2014 r. Zmiana zapytania ofertowego ( wartość do 30 000 ) Dot. usługi przeprowadzenia audytu dostępności oraz przystosowania stron internetowych do potrzeb uczniów i uczennic

Bardziej szczegółowo

Prawne obowiązki w zakresie udostępniania informacji spoczywające na barkach samorządów lokalnych i jednostkach administracji publicznej

Prawne obowiązki w zakresie udostępniania informacji spoczywające na barkach samorządów lokalnych i jednostkach administracji publicznej Prawne obowiązki w zakresie udostępniania informacji spoczywające na barkach samorządów lokalnych i jednostkach administracji publicznej Konferencja Miasta w Internecie Gdańsk, 30.05-01.06.2012 r. Jacek

Bardziej szczegółowo

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail. 1 FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną e-mail.

Bardziej szczegółowo

Metody i narzędzia ewaluacji

Metody i narzędzia ewaluacji Metody i narzędzia ewaluacji wyników zdalnego testowania wiedzy (platforma informatyczna e-matura) Książka przygotowana w ramach projektu E-matura, współfinansowanego przez Unię Europejską w ramach Europejskiego

Bardziej szczegółowo

Dostępność stron www dla osób niepełnosprawnych

Dostępność stron www dla osób niepełnosprawnych RCL 19 marca 2013 Dostępność stron www dla osób niepełnosprawnych Prowadzenie: Adam Pietrasiewicz i Mateusz Ciborowski Akces Lab Czas trwania prezentacji ok. 1,5 godziny PROGRAM PREZENTACJI Czym jest dostępność

Bardziej szczegółowo

HTML5 Nowe znaczniki header nav article section aside footer

HTML5 Nowe znaczniki header nav article section aside footer Specyfikacja HTML5 wprowadza nowe znaczniki pozwalające w łatwy i intuicyjny sposób budować szkielet strony, który przez zmniejszenie ilości kodu jest czytelniejszy i łatwiejszy w utrzymaniu, pozwala poza

Bardziej szczegółowo

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

MAPA DOSTĘPNOŚCI PROCES TWORZENIA DOSTĘPNEGO SERWISU INTERNETOWEGO ZGODNEGO Z WCAG 2.0 NA POZIOMIE AA*

MAPA DOSTĘPNOŚCI PROCES TWORZENIA DOSTĘPNEGO SERWISU INTERNETOWEGO ZGODNEGO Z WCAG 2.0 NA POZIOMIE AA* Warszawa, 11 maja 2015 Grupa ds. dostępności zasobów internetowych SPRUC MAPA DOSTĘPNOŚCI PROCES TWORZENIA DOSTĘPNEGO SERWISU INTERNETOWEGO ZGODNEGO Z WCAG 2.0 NA POZIOMIE AA* 1. ZDOBĄDŹ WIEDZĘ Czym jest

Bardziej szczegółowo

Warszawa, dnia 9 kwietnia 2014 r. Poz. 464 ROZPORZĄDZENIE MINISTRA ADMINISTRACJI I CYFRYZACJI 1) z dnia 26 marca 2014 r.

Warszawa, dnia 9 kwietnia 2014 r. Poz. 464 ROZPORZĄDZENIE MINISTRA ADMINISTRACJI I CYFRYZACJI 1) z dnia 26 marca 2014 r. DZIENNIK USTAW RZECZYPOSPOLITEJ POLSKIEJ Warszawa, dnia 9 kwietnia 2014 r. Poz. 464 ROZPORZĄDZENIE MINISTRA ADMINISTRACJI I CYFRYZACJI 1) z dnia 26 marca 2014 r. w sprawie szczegółowych wymagań dotyczących

Bardziej szczegółowo

MySource Matrix CMS. Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES

MySource Matrix CMS. Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES MySource Matrix CMS Prosty Interfejs Użytkownika INSTRUKCJA wersja 1.3 POLAND AUSTRALIA UNITED KINGDOM NEW ZEALAND UNITED STATES Spis Treści Informacje Ogólne 3 Środowisko pracy 3 Logowanie do Prostego

Bardziej szczegółowo

I. Dlaczego standardy kodowania mailingów są istotne?

I. Dlaczego standardy kodowania mailingów są istotne? 1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego

Bardziej szczegółowo

Strona internetowa Muzeum Śląskiego dla niedowidzących. Kilka uwag praktycznych

Strona internetowa Muzeum Śląskiego dla niedowidzących. Kilka uwag praktycznych Strona internetowa Muzeum Śląskiego dla niedowidzących. Kilka uwag praktycznych Konferencja Cyfrowa kultura 2012, Warszawa Leszek Jodliński, 2012 Dlaczego to robimy? Projekty adresowane do odbiorców niewidzących

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 5

Tworzenie stron internetowych w kodzie HTML Cz 5 Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia

Bardziej szczegółowo

Proste kody html do szybkiego stosowania.

Proste kody html do szybkiego stosowania. Proste kody html do szybkiego stosowania. Często, w trakcie pracy z blogiem czy portalem zachodzi potrzeba umieszczenia grafiki, linku zaszytego w grafice czy innych podobnych. Szczególnie w widgetach

Bardziej szczegółowo

Laboratorium 1: Szablon strony w HTML5

Laboratorium 1: Szablon strony w HTML5 Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony

Bardziej szczegółowo

Dokumentacja Skryptu Mapy ver.1.1

Dokumentacja Skryptu Mapy ver.1.1 Dokumentacja Skryptu Mapy ver.1.1 2 Dokumentacja Skryptu Mapy ver.1.1 Spis treści Dokumentacja skryptu... 3 Dodatkowe informacje i kontakt... 7 3 Dokumentacja Skryptu Mapy ver.1.1 Dokumentacja skryptu

Bardziej szczegółowo

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015 Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015 INFORMACJE OGÓLNE 1. Wnioski o dofinansowanie projektu w ramach konkursu nr 1/1.1.1/2015

Bardziej szczegółowo

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie

Bardziej szczegółowo

Instrukcja zarządzania kontem przedsiębiorstwa w serwisie internetowym www.esiop.legionowo.pl

Instrukcja zarządzania kontem przedsiębiorstwa w serwisie internetowym www.esiop.legionowo.pl Instrukcja zarządzania kontem przedsiębiorstwa w serwisie internetowym www.esiop.legionowo.pl Rejestracja w serwisie: Aby utworzyć konto w serwisie, należy otworzyć w przeglądarce internetowej stronę www.esiop.legionowo.pl,

Bardziej szczegółowo

CSS + HTML. Front end publikacji internetowej. Cięcie grafiki i CSS Ćwiczenia z CSS Typografia CSS image sprites

CSS + HTML. Front end publikacji internetowej. Cięcie grafiki i CSS Ćwiczenia z CSS Typografia CSS image sprites CSS + HTML Front end publikacji internetowej Cięcie grafiki i CSS Ćwiczenia z CSS Typografia CSS image sprites 1 CSS + pocięcie grafiki Struktura folderów reset.css Cięcie grafiki w Photoshopie 2 Nasza

Bardziej szczegółowo

Internet bez barier. Serwisy administracji publicznej dostępne dla wszystkich

Internet bez barier. Serwisy administracji publicznej dostępne dla wszystkich Internet bez barier. Serwisy administracji publicznej dostępne dla wszystkich 1. Wstęp... 3 1.1. Podstawy prawne... 3 1.2. Czym jest WCAG?... 5 1.3. Wykluczenie cyfrowe w Polsce... 6 2. Percepcja... 8

Bardziej szczegółowo

Jak zaprojektować i uruchomić prostą stronę internetową?

Jak zaprojektować i uruchomić prostą stronę internetową? Przemysław Marcinkowski Jak zaprojektować i uruchomić prostą stronę internetową? Na przykładzie platformy WordPress Fundacja Wspomagania Wsi 2014 Jak zaprojektować i uruchomić prostą stronę internetową?

Bardziej szczegółowo

Specyfikacja techniczna dot. mailingów HTML

Specyfikacja techniczna dot. mailingów HTML Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej

Bardziej szczegółowo

2. Prezentacja wizualna

2. Prezentacja wizualna 2. Prezentacja wizualna 2.1. Opis rozdziału Rozdział ten przedstawia jak stworzyć przykładowy układ graficzny dla naszej gry w HTML5 i CSS3, które w dalszej części poradnika zostaną wykorzystane do stworzenia

Bardziej szczegółowo

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 3 Formularze Agenda Podstawy formularzy HTML Podstawowe kontrolki formularzy HTML Nowe kontrolki z HTML

Bardziej szczegółowo

Bootstrap. Tworzenie serwisów Web 2.0. dr inż. Robert Perliński rperlinski@icis.pcz.pl

Bootstrap. Tworzenie serwisów Web 2.0. dr inż. Robert Perliński rperlinski@icis.pcz.pl ootstrap 1/15 Bootstrap Tworzenie serwisów Web 2.0 dr inż. Robert Perliński rperlinski@icis.pcz.pl Politechnika Częstochowska Instytut Informatyki Teoretycznej i Stosowanej 11 kwietnia 2015 Bootstrap 2/15

Bardziej szczegółowo

Aplikacje internetowe

Aplikacje internetowe Temat: Język HTML i style CSS Aplikacje internetowe Pracownia specjalistyczna, studia podyplomowe, rok 2011/2012 1. Stwórz formularz HTML pozwalający na rejestrację użytkownika w aplikacji internetowej.

Bardziej szczegółowo

Instrukcja platformy wideo

Instrukcja platformy wideo Instrukcja platformy wideo Wstęp Platforma wideo służy do dystrybucji bezpłatnych filmów w Polskim Języku Migowym wyjaśniających osobom Głuchym jak załatwiać sprawy w urzędzie oraz jak wypełniać formularze.

Bardziej szczegółowo

I. Menu oparte o listę

I. Menu oparte o listę I. Menu oparte o listę We wcześniejszych przykładach założyliśmy, że menu posiada tylko jeden poziom nawigacji. Czasem jednak jeden poziom nie wystarczy za pomocą list elementów oraz kaskadowych arkuszy

Bardziej szczegółowo

Pokaz slajdów na stronie internetowej

Pokaz slajdów na stronie internetowej Pokaz slajdów na stronie internetowej... 1 Podpisy pod zdjęciami... 3 Publikacja pokazu slajdów w Internecie... 4 Generator strony Uczelni... 4 Funkcje dla zaawansowanych użytkowników... 5 Zmiana kolorów

Bardziej szczegółowo

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium HTML + CSS Celem ćwiczenia jest przygotowanie prostej aplikacji internetowej składającej się z zestawu stron w języku HTML. Ćwiczenia można wykonać na dowolnym komputerze,

Bardziej szczegółowo

Zaawansowane projektowanie stron w CSS

Zaawansowane projektowanie stron w CSS Jak budować strony zgodnie ze standardami i nie zwariować? momat@man.poznan.pl Poznańskie Centrum Superkomputerowo-Sieciowe 2005-04-11 1 Wprowadzenie 2 CSS layout Design i tabelki Metody pozycjonowania

Bardziej szczegółowo

za pomocą: definiujemy:

za pomocą: definiujemy: HTML CSS za pomocą: języka HTML arkusza CSS definiujemy: szkielet strony wygląd strony Struktura dokumentu html - znaczniki Znaczniki wyznaczają rodzaj zawartości. element strony

Bardziej szczegółowo

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1. Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1

Bardziej szczegółowo

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional). Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu

Bardziej szczegółowo

Słowa kluczowe Sterowanie klawiaturą, klawiatura, klawisze funkcyjne, przesuwanie obiektów ekranowych, wydawanie poleceń za pomocą klawiatury

Słowa kluczowe Sterowanie klawiaturą, klawiatura, klawisze funkcyjne, przesuwanie obiektów ekranowych, wydawanie poleceń za pomocą klawiatury Obsługa za pomocą klawiatury Różnego typu interfejsy wykorzystują różne metody reagowania i wydawania poleceń przez użytkownika. W środowisku graficznym najpopularniejsza jest niewątpliwie mysz i inne

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ Spis treści: 1 Logowanie do panelu administracyjnego 2 Dodawanie obiektów na stronie 2.1 Wybór podstrony 2.2 Wybór obiektu 2.2.1 Dodawanie obiektów tekstowych

Bardziej szczegółowo

Badanie dostępności stron www Raport Otwarcia 2013

Badanie dostępności stron www Raport Otwarcia 2013 Badanie dostępności stron www Raport Otwarcia 2013 WYBRANE PODMIOTY REALIZUJĄCE ZADANIA PUBLICZNE Patronat: Badanie dostępności stron www Raport Otwarcia 2013 Raport został przeprowadzony w dniach od 27

Bardziej szczegółowo

Dostępne multimedia Accessibility Camp 2013. Monika Szczygielska, Dostępni.eu

Dostępne multimedia Accessibility Camp 2013. Monika Szczygielska, Dostępni.eu Dostępne multimedia Accessibility Camp 2013 Monika Szczygielska, Dostępni.eu Odbiorcy dostępnych multimediów: Charakterystyka: ze względu na typ i stopień dysfunkcji /głusi, słabosłyszący, głuchoniewidomi,

Bardziej szczegółowo

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie

Bardziej szczegółowo

INSTRUKCJA UŻYTKOWNIKA SYSTEMU BIP

INSTRUKCJA UŻYTKOWNIKA SYSTEMU BIP INSTRUKCJA UŻYTKOWNIKA SYSTEMU BIP REGIONALNY SYSTEM BIULETYNÓW INFORMACJI PUBLICZNEJ ORAZ CYFROWY URZĄD DLA URZĘDU MARSZAŁKOWSKIEGO WOJEWÓDZTWA MAŁOPOLSKIEGO Gdynia, maj 2013 Metryka Nazwa projektu Dostarczenie

Bardziej szczegółowo

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

Bardziej szczegółowo

Pomoc. BIP strona portalu

Pomoc. BIP strona portalu Pomoc BIP strona portalu Biuletyn Informacji Publicznej powstał w celu powszechnego udostępnienia informacji publicznej w postaci elektronicznej. Głównym zadaniem portalu jest przekazywanie informacji

Bardziej szczegółowo

Odsyłacze. Style nagłówkowe

Odsyłacze. Style nagłówkowe Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami

Bardziej szczegółowo

Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl

Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl Dokumentacja techniczno-użytkowa Serwis internetowy www.art-dom.cba.pl Projekt i wykonanie Dominika Marzec dominika.marzec@poczta.fm Spis treści 1. Charakterystyka ogólna... 3 2. Domena i hosting... 3

Bardziej szczegółowo

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce

Bardziej szczegółowo

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

Instrukcja obsługi systemu zarządzania treścią dwajeden.pl Instrukcja obsługi systemu zarządzania treścią dwajeden.pl Tworzenie i edycja danych na stronie www 1. Rozpoczęcie pracy. Logowanie się do systemu zarządzania treścią dwajeden.pl ropocząć należy od podania

Bardziej szczegółowo

Użyteczność stron internetowych

Użyteczność stron internetowych Użyteczność stron internetowych Użyteczność Użyteczność (ang. usability) jest to dziedzina wiedzy dotycząca interaktywnych urządzeń i aplikacji, która określa stopień, w jakim ludzie są w stanie wykonać

Bardziej szczegółowo

Delphi podstawy programowania. Środowisko Delphi

Delphi podstawy programowania. Środowisko Delphi Delphi podstawy programowania Środowisko Delphi Olsztyn 2004 Delphi Programowanie obiektowe - (object-oriented programming) jest to metodologia tworzeniu programów komputerowych definiująca je jako zbiór

Bardziej szczegółowo

Krzyżówka Hot Potatoes JCross

Krzyżówka Hot Potatoes JCross Krzyżówka Hot Potatoes JCross Moduł Cross służy do przygotowywania krzyżówek, które mogą byś wykorzystywane jako samodzielne zadania (w plikach HTML), a także można je umieszczać w kursach na platformie

Bardziej szczegółowo

PROBLEMY TECHNICZNE. Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS

PROBLEMY TECHNICZNE. Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS PROBLEMY TECHNICZNE Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS Jeżeli stwierdziłeś występowanie błędów lub problemów podczas pracy z programem DYSONANS możesz skorzystać

Bardziej szczegółowo

Instrukcja obsługi systemu zarządzania treścią w MDK

Instrukcja obsługi systemu zarządzania treścią w MDK Instrukcja obsługi systemu zarządzania treścią w MDK 1 1. Logowanie Przed rozpoczęciem jakichkolwiek działań musimy zalogować się do systemu. Aby zalogować się na stronie można kliknąć lub skopiować link:

Bardziej szczegółowo

Dodanie nowej formy do projektu polega na:

Dodanie nowej formy do projektu polega na: 7 Tworzenie formy Forma jest podstawowym elementem dla tworzenia interfejsu użytkownika aplikacji systemu Windows. Umożliwia uruchomienie aplikacji, oraz komunikację z użytkownikiem aplikacji. W trakcie

Bardziej szczegółowo

Portal Wymiany Wiedzy Przewodnik dla nowych użytkowników

Portal Wymiany Wiedzy Przewodnik dla nowych użytkowników Portal Wymiany Wiedzy Przewodnik dla nowych użytkowników Spis treści 1. Wstęp... 2. Dostęp do Portalu Wymiany Wiedzy... 2.1. Główna strona projektu... 2.2. Główna strona portalu... 3. Rejestracja na Portalu

Bardziej szczegółowo

LKA.411.009.01.2015 D/15/505 WYSTĄPIENIE POKONTROLNE

LKA.411.009.01.2015 D/15/505 WYSTĄPIENIE POKONTROLNE LKA.411.009.01.2015 D/15/505 WYSTĄPIENIE POKONTROLNE I Dane identyfikacyjne kontroli Numer i tytuł kontroli Jednostka przeprowadzająca kontrolę D/15/505 Realizacja przez podmioty wykonujące zadania publiczne

Bardziej szczegółowo

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/4.1.4/2015

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/4.1.4/2015 Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/4.1.4/2015 INFORMACJE OGÓLNE 1. Wnioski o dofinansowanie projektu w ramach konkursu nr 1/4.1.4/2015

Bardziej szczegółowo

REFERAT O PRACY DYPLOMOWEJ

REFERAT O PRACY DYPLOMOWEJ REFERAT O PRACY DYPLOMOWEJ Temat pracy: Projekt i budowa systemu zarządzania treścią opartego na własnej bibliotece MVC Autor: Kamil Kowalski W dzisiejszych czasach posiadanie strony internetowej to norma,

Bardziej szczegółowo

Data wydania: 2013-06-12. Projekt współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Społecznego

Data wydania: 2013-06-12. Projekt współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Społecznego Wersja 1.0 Projekt współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Społecznego w ramach Programu Operacyjnego Kapitał Ludzki Tytuł dokumentu: Dokumentacja dla zalogowanego użytkownika

Bardziej szczegółowo

Kalkulator. Programowanie komputerów. Kalkulator możliwe udoskonalenia. Kalkulator. Kalkulator. Kalkulator możliwe udoskonalenia

Kalkulator. Programowanie komputerów. Kalkulator możliwe udoskonalenia. Kalkulator. Kalkulator. Kalkulator możliwe udoskonalenia Programowanie komputerów Relatywnie prosty interfejs użytkownika Złożony algorytm. Elementy obowiązkowe (2,) Klawisze: numeryczne..9, znak dziesiętny (","), operacje arytmetyczne, -, *, /, wynik () oraz

Bardziej szczegółowo

INTERFEJS DLA OSÓB Z DYSFUNKCJĄ WZROKU

INTERFEJS DLA OSÓB Z DYSFUNKCJĄ WZROKU INTERFEJS DLA OSÓB Z DYSFUNKCJĄ WZROKU Model kognitywny i przykład dobrej praktyki pod redakcją Izabeli Gatkowskiej, Wiesława Lubaszewskiego Wydawnictwo Uniwersytetu Jagiellońskiego INTERFEJS DLA OSÓB

Bardziej szczegółowo

edycja szablonu za pomocą programu NVU

edycja szablonu za pomocą programu NVU edycja szablonu za pomocą programu NVU 2 Edycja szablonu za pomocą dodatkowego oprogramowania daje nam znacznie więcej możliwości. Zarówno posiada wiele dodatkowych opcji formatowania tekstu jak również

Bardziej szczegółowo

Dwie perspektywy responsive web design: user experience i front-end developer

Dwie perspektywy responsive web design: user experience i front-end developer Dwie perspektywy responsive web design: user experience i front-end developer M O B I L E T R E N D S C O N F E R E N C E & A W A R D S 2 0 1 3 K r a k ó w 2 1-2 2 l u t y 2 0 1 3 R O Z D Z I A Ł 0 1 Czym

Bardziej szczegółowo

URL: http://www.ecdl.pl

URL: http://www.ecdl.pl Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo

Bardziej szczegółowo

Języki programowania wysokiego poziomu. Ćwiczenia

Języki programowania wysokiego poziomu. Ćwiczenia Języki programowania wysokiego poziomu Ćwiczenia Języki programowania Ćwiczenia Strukturalny HTML Arkusze CSS Formularze HTML i PHP Baza danych MySQL Forum internetowe Strukturalny HTML Zadania Dokument

Bardziej szczegółowo

Program szkolnego koła informatycznego www.pl

Program szkolnego koła informatycznego www.pl Program szkolnego koła informatycznego www.pl Wstęp Program szkolnego koła www.pl ma na celu ujawnienie zainteresowań i kształtowanie uzdolnień młodzieży w dziedzinie informatyki. Zakłada się, że uczniowie

Bardziej szczegółowo

W ramach realizacji zamówienia Wykonawca będzie świadczył usługi w zakresie m.in:

W ramach realizacji zamówienia Wykonawca będzie świadczył usługi w zakresie m.in: Załącznik nr 1 do zaproszenia do złożenia oferty IP. 2611.19.2015 Opis przedmiotu zamówienia: Modernizacja serwisów internetowych Rady Infrastruktury Informacji Przestrzennej oraz Komisji Standaryzacji

Bardziej szczegółowo

Specyfikacja mailingu GG Network

Specyfikacja mailingu GG Network Specyfikacja mailingu GG Network Styczeń 2012 2 Mailing założenia ogólne Do wysłanego mailingu konieczne jest dostarczenie: kreacji typu HTML (do 30 kb); tematu mailingu; nadawcy mailingu; danych reklamodawcy

Bardziej szczegółowo

Języki programowania wysokiego poziomu. HTML cz.2.

Języki programowania wysokiego poziomu. HTML cz.2. Języki programowania wysokiego poziomu HTML cz.2. Model pudełkowy HTML Elementy blokowe w tym table oraz div są wyświetlane według tzw. modelu pudełkowego: Zawartość Odstęp (padding) Obramowanie (border)

Bardziej szczegółowo

Podstawy (X)HTML i CSS

Podstawy (X)HTML i CSS Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z

Bardziej szczegółowo

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015 Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015 INFORMACJE OGÓLNE 1. Wnioski o dofinansowanie projektu w ramach konkursu nr 1/1.1.1/2015

Bardziej szczegółowo

Aplikacja kliencka na Tablety z systemem Android. Instrukcja instalacji

Aplikacja kliencka na Tablety z systemem Android. Instrukcja instalacji Aplikacja kliencka na Tablety z systemem Android Instrukcja instalacji Wymagania techniczne Do poprawnego działania aplikacji esesja wymagane jest urządzenie typu Tablet o następujących parametrach: System

Bardziej szczegółowo

,Aplikacja Okazje SMS

,Aplikacja Okazje SMS , jest rozwiązaniem, które umożliwia bez umiejętności programistycznych uruchomić własną aplikację na fanpage-u firmy lub marki. Pozwala ona na dodanie numeru telefonu do swojej bazy w SerwerSMS.pl, umożliwiając

Bardziej szczegółowo

Usługi Otwartej Administracji w przestrzeni miejskiej. Dariusz Janny, Bartosz Lewandowski Konferencja i3, Wrocław, 2.12.2010r.

Usługi Otwartej Administracji w przestrzeni miejskiej. Dariusz Janny, Bartosz Lewandowski Konferencja i3, Wrocław, 2.12.2010r. Usługi Otwartej Administracji w przestrzeni miejskiej Dariusz Janny, Bartosz Lewandowski Konferencja i3, Wrocław, 2.12.2010r. Plan Wprowadzenie eusługi w Poznaniu Przepis na Otwartą Administrację Podsumowanie

Bardziej szczegółowo

www.fwrl.pl/szkolenie

www.fwrl.pl/szkolenie STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa

Bardziej szczegółowo

Instrukcja użytkownika. systemu BIP

Instrukcja użytkownika. systemu BIP Instrukcja użytkownika systemu BIP SPIS TREŚCI 1. Informacje o biuletynie... 3 1.1. Mapa serwisu... 3 1.2. Redakcja biuletynu... 3 1.3. Słownik skrótów... 5 1.4. Historia zmian... 5 1.5. Statystyka odwiedzin...

Bardziej szczegółowo

CSS. Kaskadowe Arkusze Stylów

CSS. Kaskadowe Arkusze Stylów CSS Kaskadowe Arkusze Stylów CSS CSS = Cascading Style Sheets Style określają sposób wyświetlania zawartości elementów HTML Arkusz stylów jest zbiorem takich reguł Pojawiły się w HTML 4.0 by rozwiązać

Bardziej szczegółowo

Krótki przegląd własności języka CSS

Krótki przegląd własności języka CSS Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono

Bardziej szczegółowo

Układy witryn internetowych

Układy witryn internetowych 1. CEL ĆWICZENIA Celem ćwiczenia jest zapoznanie się z możliwościami kaskadowych arkuszy stylów CSS w zakresie kontrolowania położenia elementów na stronie. 2. MATERIAŁ NAUCZANIA W normalnym układzie opartym

Bardziej szczegółowo

WORDPRESS INSTRUKCJA OBSŁUGI

WORDPRESS INSTRUKCJA OBSŁUGI WORDPRESS INSTRUKCJA OBSŁUGI Zapraszamy do zapoznania się z Instrukcją obsługi panelu CMS Wordpress, która w krótkim czasie i bez większego kłopotu pozwoli na edycję treści i zawartości strony, w tym:

Bardziej szczegółowo