PROJEKTOWANIE STRON WWW

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "PROJEKTOWANIE STRON WWW"

Transkrypt

1 Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015/2016, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW dr inż. Robert Banasiak PROJEKTOWANIE STRON WWW RESPONSIVE WEB DESIGN

2 Odnośniki Responsywny układ elementów HTML, czyli taki który będzie zmieniał swoje właściwości CSS w zależności od pewnych czynników.

3 @media Dzięki oraz dodatkowym zapisom dla tych reguł, jakie pojawiły się wraz z rozwojem specyfikacji CSS3, możemy tworzyć reguły CSS, które zostaną aktywowane tylko w określonych przez nas sytuacjach.

4 @media Oznaczenie all aural braille embossed handheld print projection screen tty tv Przeznaczenie dla wszystkich typów urządzeń dla syntezatorów mowy i dźwięku dla urządzeń przeznaczonych dla niewidomych, które umożliwiają czytanie dla drukarek brailla bezprzewodowe urządzenia ręczne dla podglądu wydruku oraz materiałów, które zostaną wydrukowane dla prezentacji projektorowych dla komputerów z kolorowym ekranem dla dalekopisów, terminali albo przenośnych urządzeń z ograniczonymi możliwościami wyświetlania dla telewizora

5 @media przykład <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>darmowy Kurs CSS</title> <style> div { background-color:red; } </style> </head> <body> <div>to jest przykładowy element - div</div> </body> </html>

6 @media przykład (w kodzie HTML) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>darmowy Kurs CSS</title> screen { div { background-color:red; } } </style> </head> <body> <div>to jest przykładowy element - div</div> </body> </html>

7 @media (w stylach CSS) div { background-color:gold; handheld, tv { div { background-color:red; } }

8 @media (w stylach CSS) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>darmowy Kurs CSS</title> <style media="handheld, tv"> div { background-color:red; } </style> </head> <body> <div>to jest przykładowy element - div</div> </body> </html>

9 @media (w stylach CSS) Oznaczenie width height device-width device-height color color-index aspect-ratio device-aspectratio grid monochrome orientation resolution scan Przeznaczenie określenie wartości szerokości okna przeglądarki internetowej określenie wartości wysokości okna przeglądarki internetowej określenie wartości rozdzielczości ekranu urządzenia (szerokość) określenie wartości rozdzielczości ekranu urządzenia (wysokość) określenie liczby bitów na kolor lub określenie czy urządzenie posiada kolorowy ekran określenie wartości głębi kolorów, które obsługuje dane urządzenie określenie wartości proporcji szerokości do wysokości okna przeglądarki internetowej określenie wartości proporcji szerokości do wysokości rozdzielczości ekranu urządzenia określenie urządzenia z ograniczonymi możliwościami wyświetlania określenie liczby bitów na piksel w urządzeniach monochromatycznych, jednokolorowych określenie orientacji pionowej lub poziomej urządzenia określenie wartości gęstości pikseli dla danego urządzenia określenie czy urządzenie posiada skanowanie obrazu progresywne czy międzyliniowe

10 @media (w stylach CSS) Oznaczenie and przecinek not only Przeznaczenie operator " i ", służy do tworzenia bardziej precyzyjnych warunków w operator " lub ", służy do tworzenia bardziej precyzyjnych warunków w operator " negacji ", służy do tworzenia bardziej precyzyjnych warunków w operator przeznaczony dla starszych przeglądarek all and (min-width:480px) and (max-width:800px) { div { background-color:red; } }

11 @media (w stylach all and (min-width:480px) and (max-width:800px) { div { background-color:red; } } all and (min-width:480px) and (maxwidth:800px) mówi przeglądarce internetowej, że czerwony kolor tła dla elementu div ma zostać aktywowany tylko w momencie gdy wartość szerokości okna przeglądarki internetowej będzie większa niż 480 pikseli oraz (and) będzie mniejsza niż 800 pikseli, tyczy się to wszystkich urządzeń (all), w jakich zostanie wyświetlona nasza strona internetowa.

12 Poćwiczmy screen and (min-width:1600px) { } all and (max-width:900px) and (min-width:300px) { } all and (min-color:8) { } screen and (aspect-ratio:4/3) { } all and (orientation:portrait) { } handheld, tv and (min-width:300px) and (min-color:8) { }

13 Rozdzielczości

14 Viewport i dyrektywy <meta name="viewport" content="width=device-width, initial-scale=1"> Znacznik viewport określa sposób wyświetlania strony na urządzeniach mobilnych pozwala ustawić opcje skalowania, w tym także domyślne przybliżenie.

15 Viewport i dyrektywy width, height określają szerokość i wysokość wyświetlanego obszaru strony. Dla dyrektywy width możemy również podać specjalną wartość device-width, której użycie powoduje, że szerokość obszaru wyświetlania jest równa szerokości ekranu urządzenia (tzn. strona jest rozciągnięta w 100% na ekranie urządzenia). <meta name="viewport" content="width=320, height=480">

16 Viewport i dyrektywy initial-scale w dyrektywie tej ustawiamy domyślne przybliżenie (zoom) dla strony. Wartość ta jest zazwyczaj zależna od przeglądarki, lecz możemy wymusić by nasza mobilna wersja strony domyślnie wyświetlała się w 10-krotnym przybliżeniu: <meta name="viewport" content="initialscale=10"> <meta name="viewport" content="initialscale=1">

17 Viewport i dyrektywy initial-scale w dyrektywie tej ustawiamy domyślne przybliżenie (zoom) dla strony. Wartość ta jest zazwyczaj zależna od przeglądarki, lecz możemy wymusić by nasza mobilna wersja strony domyślnie wyświetlała się w 10-krotnym przybliżeniu: <meta name="viewport" content="initialscale=10"> <meta name="viewport" content="initialscale=1">

18 Viewport i dyrektywy jak używać? Znacznik ten mówi o tym, jak strona powinna być wyświetlana na urządzeniu mobilnym. Zatem jeśli Twoja strona nie jest dostosowana do urządzeń mobilnych, możesz całkowicie pominąć użycie meta-tagu viewport. Jeśli jednak jest inaczej to: <meta name="viewport" content="width=devicewidth, initial-scale=1"> W ten sposób strona zostanie rozciągnięta do 100% szerokości obszaru ekranu oraz pozostanie w skali 1:1 z możliwością skalowania.

19 Nowe elementy HTML 5: <article>...</article> Artykuł reprezentuje samodzielną część dokumentu lub aplikacji, która potencjalnie mogłaby być opublikowana niezależnie od pozostałej treści na stronie (np. w kanale RSS). Może to być np.: wiadomość wysłana na forum dyskusyjnym, wpis na blogu, komentarz użytkownika pod artykułem, interaktywny widget. W pojedynczym dokumencie może być więcej niż jeden element ARTICLE. Znaczniki te można również zagnieżdżać (umieszczać jeden w drugim).

20 <article> <h1>mój pierwszy wpis na blogu</h1> <p>stało się. Postanowiłem założyć własnego bloga. Nie wiem, czy będę miał czas, aby regularnie go aktualizować, ale zrobię co w mojej mocy.</p> <section> <h2>komentarze</h2> <article> <p>życzę powodzenia.</p> </article> <article> <p>nareszcie. Bardzo się cieszę.</p> </article> </section> </article>

21 Nowe elementy HTML 5: <section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. <section id="moja-sekcja"> <h1>moja sekcja</h1>... </section> (...) Przejdź do: <a href="#moja-sekcja">moja sekcja</a>

22 Nowe elementy HTML 5: <section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. <section id="moja-sekcja"> <h1>moja sekcja</h1>... </section> (...) Przejdź do: <a href="#moja-sekcja">moja sekcja</a>

23 Nowe elementy HTML 5: <section>...</section> <section> <h2>komputer stacjonarny</h2> <p>najlepszy wybór dla osób, które korzystają z komputera w jednym miejscu. Wymaga stabilnego biurka i wolnej przestrzeni. W zamian oferuje bardzo dobre osiągi sprzętowe i ergonomiczną pracę.</p> </section> <section> <h2>laptop</h2> <p>zwany również notebookiem. Przydatny dla osób, które komputera używają głównie do pisania, a przy tym czasami pracują w różnych miejscach albo nie mają zbyt dużo wolnego miejsca w pomieszczeniu. Zapewnia przyzwoite osiągi sprzętowe.</p> </section>

24 Nowe elementy HTML 5: <aside>...</aside> Wstawka reprezentuje sekcję na stronie, która jest tylko nieznacznie powiązana tematycznie z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych.

25 <article> <h1>komputery</h1> <p>w dzisiejszych czasach komputery towarzyszą człowiekowi na każdym kroku. Używamy ich w codziennej pracy, jak również szukając odprężenia po trudnym dniu. Sterują zarówno naszymi samochodami, jak i statkami kosmicznymi.</p> <aside> <h1>laptop</h1> <p>ten przenośny rodzaj komputera, ze względu na liczne zalety, szybko przyjął się wśród użytkowników.</p> </aside> <article>

26 <article> <h1>szczególna teoria względności</h1> <p>ta teoria fizyczna, stworzona w 1905 roku, zrewolucjonizowała sposób pojmowania otaczającej nas rzeczywistości. Zgodnie z nią czas nie musi płynąć liniowo, ale zależy od względnej prędkości obserwatora. Twórcą teorii względności jest Albert Einstein.</p> <aside> <q>dwie rzeczy nie mają granic: wszechświat i ludzka głupota, chociaż co do pierwszego nie mam pewności.</q> </aside> <p>albert Einstein był jednym z najwybitniejszych fizyków-teoretyków. Laureat nagrody Nobla.</p> </article>

27 Nowe elementy HTML 5: <header>...</header> Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6) ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. <header> <p>witam na zajęciach p> <h1>projektowanie stron WWW</h1> </header> <header> <h1>sekcja 1</h1> <p>akapit sekcji 1</p> <h2>podsekcja 1.1</h2> </header> <p>akapit podsekcji 1.1</p> <h2>podsekcja 1.2</h2> <p>akapit podsekcji 1.2</p>

28 Nowe elementy HTML 5: <footer>...</footer> Stanowi stopkę dla zawierającego ją elementu sekcji (ARTICLE, ASIDE NAV, SECTION). Stopka przechowuje zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp.

29 <article> <h1>mój artykuł</h1> <p>to jest mój artykuł...</p> <footer> Autor: <address>jan Kowalski <p>wszelkie prawa zastrzeżone</p> </footer> </article>

30 Nowe elementy HTML 5: <nav>...</nav> Reprezentuje sekcję strony, która zawiera odnośniki nawigacyjne do innych stron albo do określonych fragmentów na tej samej stronie. Nie wszystkie linki na stronie powinny być umieszczane w tym znaczniku. Został on przewidziany przede wszystkim do oznaczania nim podstawowej nawigacji witryny. Często w stopce serwisu znajdują się linki takie jak: kontakt, regulamin, prawa autorskie. Choć teoretycznie można je objąć znacznikiem NAV, zwykle bardziej właściwy do tego będzie element FOOTER.

31 <nav> <ul> <li><a href="index.html">strona główna</a></li> <li><a href="contents.html">spis treści</a></li> </ul> </nav> <article> <h1>mój artykuł</h1> <nav> <ul> <li><a href="#sec1">rozdział 1</a></li> <li><a href="#sec2">rozdział 2</a></li> </ul> </nav> <h2 id="sec1">rozdział 1</h2> <p>treść rozdział 1...</p> <h2 id="sec2">rozdział 2</h2> <p>treść rozdział 2...</p> </article>

32 Zapraszam na ćwiczenia

PROJEKTOWANIE STRON WWW W4

PROJEKTOWANIE STRON WWW W4 Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW dr inż. Robert Banasiak PROJEKTOWANIE STRON WWW W4 ODNOŚNIKI PSEUDOKLASY

Bardziej szczegółowo

2 Podstawy tworzenia stron internetowych

2 Podstawy tworzenia stron internetowych 2 Podstawy tworzenia stron internetowych 2.1. HTML5 i struktura dokumentu Podstawą działania wszystkich stron internetowych jest język HTML (Hypertext Markup Language) hipertekstowy język znaczników. Dokument

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

RESPONSYWNE INTERFEJSY. Klasy urządzeń klienckich Responsywne style CSS. Waldemar Korłub

RESPONSYWNE INTERFEJSY. Klasy urządzeń klienckich Responsywne style CSS. Waldemar Korłub RESPONSYWNE Waldemar Korłub INTERFEJSY Klasy urządzeń klienckich Responsywne style CSS Wytwarzanie Aplikacji Internetowych KASK ETI Politechnika Gdańska Klasy urządzeń klienckich Desktopy z zewnętrznymi

Bardziej szczegółowo

Idea of responsive web design. Roman Białek Mateusz Mikołajczak Kacper Palmowski Krzysztof Szot

Idea of responsive web design. Roman Białek Mateusz Mikołajczak Kacper Palmowski Krzysztof Szot Idea of responsive web design Roman Białek Mateusz Mikołajczak Kacper Palmowski Krzysztof Szot Czym tak właściwie jest responsive web design? Jest to podejście do projektowania stron internetowych w taki

Bardziej szczegółowo

Responsive Web Design

Responsive Web Design Responsive Web Design Zmieniamy Internet na plus Adrian Gadzina Kilka słów o mnie Autor bloga 7pl.pl Web is Brutal Miłośnik Androida Pasjonat kolarstwa (MTB + szosa) Programista aplikacji mobilnych i stron

Bardziej szczegółowo

RESPONSYWNE INTERFEJSY. Klasy urządzeń klienckich Responsywne style CSS. Waldemar Korłub

RESPONSYWNE INTERFEJSY. Klasy urządzeń klienckich Responsywne style CSS. Waldemar Korłub RESPONSYWNE Waldemar Korłub INTERFEJSY Klasy urządzeń klienckich Responsywne style CSS Wytwarzanie Aplikacji Internetowych KASK ETI Politechnika Gdańska Klasy urządzeń klienckich Desktopy z zewnętrznymi

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

rk HTML 4 a 5 różnice

rk HTML 4 a 5 różnice rk HTML 4 a 5 różnice kompatybilność Pierwszym dużym plusem języka HTML 5 jest to, że jest zdefiniowany w sposób umożliwiający kompatybilność wstecz. Składnia Przykład dokumentu podporządkowującego się

Bardziej szczegółowo

WYKŁAD 3 RESPONSYWNE WITRYNY INTERNETOWE CZĘŚĆ 1

WYKŁAD 3 RESPONSYWNE WITRYNY INTERNETOWE CZĘŚĆ 1 WYKŁAD 3 RESPONSYWNE WITRYNY INTERNETOWE CZĘŚĆ 1 PROJEKTOWANIE RESPONSYWNE (responsive web design, RWD) Responsive design to rozwiązanie, które polega na wprowadzeniu do arkusza CSS styli warunkowych przy

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

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

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2 Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy

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

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

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

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

Zasady tworzenia podstron

Zasady tworzenia podstron Zasady tworzenia podstron Jeśli tworzysz rozbudowaną witrynę internetową z wieloma podstronami, za chwilę dowiesz się, jak dodawać nowe podstrony w kreatorze Click Web, czym kierować się przy projektowaniu

Bardziej szczegółowo

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki

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

Zadanie 9. Projektowanie stron dokumentu

Zadanie 9. Projektowanie stron dokumentu Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci

Bardziej szczegółowo

STRONY INTERNETOWE mgr inż. Adrian Zapała

STRONY INTERNETOWE mgr inż. Adrian Zapała 1 STRONY INTERNETOWE mgr inż. Adrian Zapała STRONY INTERNETOWE Rodzaje stron internetowych statyczne (statyczny HTML + CSS) dynamiczne (PHP, ASP, technologie Flash) 2 JĘZYKI STRON WWW HTML (ang. HyperText

Bardziej szczegółowo

Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW.

Studia Podyplomowe Grafika komputerowa i Techniki Multimedialne, 2015, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW. Ćwiczenie 2 Kaskadowe arkusze stylów CSS. Budowanie makiety strony i jej modyfikacja dr inż. Robert Banasiak 1 Materiały ćwiczeniowe Wszelkie materiały ćwiczeniowe: wykłady, instrukcje oraz pliki ćwiczeniowe

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ł 4 HTML 5 i CSS 3.0 Agenda Co nowego w HTML 5? Nowe elementy HTML 5 Nowe elementy w formularzach HTML

Bardziej szczegółowo

Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego

Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego w oparciu o Program nauczania dla zawodu technik informatyk 351203 o strukturze przedmiotowej, Warszawa 2012. Minimalna ilość

Bardziej szczegółowo

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci

Bardziej szczegółowo

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37 Spis treści Wstęp 13 CZĘŚĆ I JĘZYK SIECI 17 Rozdział 1 Wprowadzenie do HTML5 19 Tworzenie przy pomocy znaczników: przegląd 20.Wprowadzanie nowych elementów HTML5 21 Korzystanie z kontynuowanych znaczników

Bardziej szczegółowo

TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.)

TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.) TECHNIKI WWW (WFAIS.IF-C125) (zajęcia 02.11.2016 r.) 1) Mediaqueries - szablon podstawowy Przykład z szablonu strony który dostosowuje się w zalezności od dostępnej szerokości ekranu dostępny jest pod

Bardziej szczegółowo

Szybko, prosto i tanio - ale czy na pewno?

Szybko, prosto i tanio - ale czy na pewno? Szybko, prosto i tanio - ale czy na pewno? Krzysztof Ścira Adrian Gadzina Kilka słów o nas Krzysztof Ścira Absolwent studiów pierwszego stopnia i jednocześnie student studiów 2 stopnia na AGH Zawodowo

Bardziej szczegółowo

Strona mobilna i strona responsywna w pozycjonowaniu. Mobile-First Index. Spis treści

Strona mobilna i strona responsywna w pozycjonowaniu. Mobile-First Index. Spis treści Spis treści Strona mobilna i strona responsywna w pozycjonowaniu Mobile-First Index Jak sprawdzić, czy strona jest dostosowana do urządzeń mobilnych? Mobile-First Index pod kątem pozycjonowania stron.

Bardziej szczegółowo

Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna

Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna Formy reklamowe: 1. Billboard UP 1100zł netto Graficzny prostokąt reklamowy umieszczony centralnie w górnej części portalu,

Bardziej szczegółowo

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy

Bardziej szczegółowo

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

e r T i H M r e n L T n s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny

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

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

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie

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

GRID LAYOUT. Waldemar Korłub. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska

GRID LAYOUT. Waldemar Korłub. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska GRID LAYOUT Waldemar Korłub Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska Pozycjonowanie elementów na stronie 2 Atrybuty position/float Rozwiązania z czasów przed rewolucją mobilną FlexBox

Bardziej szczegółowo

Tomasz Grześ. Systemy zarządzania treścią, cz. II

Tomasz Grześ. Systemy zarządzania treścią, cz. II Tomasz Grześ Systemy zarządzania treścią, cz. II Panel administracyjny Panel administracyjny pozwala na zarządzanie wszystkimi elementami pakietu, m.in. zarządzanie użytkownikami, edycję stron, instalowanie

Bardziej szczegółowo

Specyfikacja dla strony internetowej Fundacji Śląskie Hospicjum dla Dzieci

Specyfikacja dla strony internetowej Fundacji Śląskie Hospicjum dla Dzieci Specyfikacja dla strony internetowej Fundacji Śląskie Hospicjum dla Dzieci Cel: Zaprojektowanie nowej strony dla Fundacji Zwiększenie ruchu i ilości realnych odsłon strony w celu lepszego propagowania

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

TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.)

TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.) TECHNIKI WWW (WFAIS.IF-C125) (zajęcia 12.10.2016 r.) Zajęcia: grupa 2: środa 12:00-13:30 Prowadzący: Dr inż. Marcin Zieliński marcin.zielinski@uj.edu.pl pokój: B-2-33 (Zakład Fizyki Jądrowej) konsultacje:

Bardziej szczegółowo

Dokumentacja użytkowa

Dokumentacja użytkowa 1 Dokumentacja użytkowa 2 Spis treści 1. Ekran wprowadzenia do aplikacji. 3 2. Rejestracja i logowanie 4 2.1. Ekran logowania do aplikacji 4 2.2. Ekran przypomnienia hasła 5 2.3. Ekran rejestracji 6 3.

Bardziej szczegółowo

Nowoczesne Technologie WWW

Nowoczesne Technologie WWW INP002295W Test zaliczeniowy A 10.06.2016 Nowoczesne Technologie WWW 1. Napisz szablon poprawnej i responsywnej strony HTML5 w polskiej wersji językowej:

Bardziej szczegółowo

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania. Reformuje on znane zasady języka HTML 4 w taki sposób, aby były zgodne z XML (HTML przetłumaczony na XML).

Bardziej szczegółowo

Przewodnik Google Cloud Print

Przewodnik Google Cloud Print Przewodnik Google Cloud Print Wersja B POL Definicje oznaczeń W tym podręczniku użytkownika zastosowano następujący styl uwag: Uwagi informują o tym, jak należy reagować w danej sytuacji, lub zawierają

Bardziej szczegółowo

Mailingi HTML. Specyfikacja techniczna

Mailingi HTML. Specyfikacja techniczna Mailingi HTML Specyfikacja techniczna Informacje wstępne Grupa Morizon S.A. zastrzega sobie prawo do odmowy emisji materiałów reklamowych bez podania przyczyny, w szczególności gdy ich jakość techniczna

Bardziej szczegółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Word 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Pasek narzędzi Szybki dostęp Te

Bardziej szczegółowo

Studia Podyplomowe Grafika Komputerowa i Techniki Multimedialne, 2015/2016, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW.

Studia Podyplomowe Grafika Komputerowa i Techniki Multimedialne, 2015/2016, semestr II, dr inż. Robert Banasiak Projektowanie Stron WWW. Ćwiczenia Responsive Web Design Praca własna dr inż. Robert Banasiak Wprowadzenie Coraz więcej użytkowników korzysta z Internetu w urządzeniach mobilnych w celu przeglądania stron internetowych. Warto

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

Tabele. Przykład 15a.htm. Cennik

Cennik

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER=1> <TR> Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem

Bardziej szczegółowo

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów Aplikacje internetowe KL. III Rok szkolny: 013/01 Nr programu: 31[01]/T,SP/MENIS/00.06.1 Okres kształcenia: łącznie ok. 170 godz. lekcyjne Moduł Bok wprowadzający 1. Zapoznanie z programem nauczania i

Bardziej szczegółowo

Załącznik nr 6.2. Przykładowy projekt graficzny interfejsu użytkownika aplikacji mobilnej

Załącznik nr 6.2. Przykładowy projekt graficzny interfejsu użytkownika aplikacji mobilnej Załącznik nr 6.2 numer sprawy: 31_SISP-2_PN_2014 Załącznik nr 2 (do OPZ) Przykładowy projekt graficzny interfejsu użytkownika aplikacji mobilnej Niniejszy Załącznik przedstawia projekt graficzny interfejsu

Bardziej szczegółowo

Ty i Google. Niezbędnik dla początkującego

Ty i Google. Niezbędnik dla początkującego Ty i Google Niezbędnik dla początkującego Podstawowe usługi... Jedno konto, wszystkie usługi Jeśli założysz konto w serwisie google masz wtedy dostęp do wszystkich jego funkcji, również tych zaawansowanych.

Bardziej szczegółowo

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

Podręcznik korzystania z platformy szkoleniowej i szkoleń elearningowych BDOT10k Podręcznik korzystania z platformy szkoleniowej i szkoleń elearningowych BDOT10k Realizowanych w ramach zamówienia na kompleksową organizację szkoleń w formie kursów e-learningowych z możliwością, form

Bardziej szczegółowo

1. Przypisy, indeks i spisy.

1. Przypisy, indeks i spisy. 1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy

Bardziej szczegółowo

ANKIETER wersja 5.1.2 tworzenie kwestionariusza

ANKIETER wersja 5.1.2 tworzenie kwestionariusza ANKIETER wersja 5.1.2 tworzenie kwestionariusza Wstęp Kwestionariusz do systemu Ankieter wprowadza się w postaci pliku XML. Pliki XML można tworzyć w dowolnym edytorze tekstu, zapisujemy go z rozszerzeniem

Bardziej szczegółowo

REJESTRACJA W PRZYCHODNI

REJESTRACJA W PRZYCHODNI Instrukcja stanowiskowa aplikacji Medicus On-Line REJESTRACJA W PRZYCHODNI 1 Spis treści: 1. Logowanie do systemu i zmiana hasła str. 3 2. Ogólne zasady korzystania z systemu str. 4 3. Dodanie wizyty pacjentowi

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

Instrukcja obsługi portalu MojeHR moduł pracownika

Instrukcja obsługi portalu MojeHR moduł pracownika Spis treści:. Strona startowa MojeHR 2 2. 3 3. Okno rejestracji pracownika 4 4. Konto pracownika 9 5. Znajdź ofertę 0 6. Edycja informacji 7. Zmiana hasła 8. Edycja zdjęcia 2 9. Zobacz swoje CV 2 0. Edycja

Bardziej szczegółowo

Przewodnik Google Cloud Print

Przewodnik Google Cloud Print Przewodnik Google Cloud Print Wersja A POL Definicje oznaczeń W tym podręczniku użytkownika zastosowano następujący styl uwag: Uwagi informują o tym, jak należy reagować w danej sytuacji, lub zawierają

Bardziej szczegółowo

Kaskadowe arkusze stylów (CSS)

Kaskadowe arkusze stylów (CSS) Kaskadowe arkusze stylów (CSS) CSS (Cascading Style Sheets) jest to język opisujący sposób, w jaki przeglądarki mają wyświetlać zawartość odpowiednich elementów HTML. Kaskadowe arkusze stylów służą do

Bardziej szczegółowo

TRAVEL OFFICE MANAGEMENT SP. Z O.O. System TOM 24. Oferta na LCD. Opis modułu Oferty na LCD w nowej wersji systemu TOM 24 Data aktualizacji 2015-02-16

TRAVEL OFFICE MANAGEMENT SP. Z O.O. System TOM 24. Oferta na LCD. Opis modułu Oferty na LCD w nowej wersji systemu TOM 24 Data aktualizacji 2015-02-16 TRAVEL OFFICE MANAGEMENT SP. Z O.O. System TOM 24 Oferta na LCD Opis modułu Oferty na LCD w nowej wersji systemu TOM 24 Data aktualizacji 2015-02-16 I. Spis treści 1) Opis funkcjonalności... 3 2) Techniczne

Bardziej szczegółowo

Tutorial. HTML Rozdział: Ramki

Tutorial. HTML Rozdział: Ramki Autor: Mateusz Wojtyna Opis ogólny Tutorial HTML Rozdział: Ramki Ramki są bardzo pomocnym narzędziem przy tworzeniu strony internetowej jeżeli na przykład chcemy stworzyć sobie menu wszystkich podstron

Bardziej szczegółowo

Specyfikacja. www.html-css-ajax.com. Załącznik A

Specyfikacja. www.html-css-ajax.com. Załącznik A Załącznik A Specyfikacja www.html-css-ajax.com Internetowy serwis poświęcony tworzeniu stron WWW z wykorzystaniem języka XHTML i technologii CSS oraz AJAX. Jakub Ciesielski http://www.html-css-ajax.com

Bardziej szczegółowo

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30

MS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30 MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.

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

Jakość koloru. Menu Jakość. Strona 1 z 7

Jakość koloru. Menu Jakość. Strona 1 z 7 Strona 1 z 7 Jakość koloru Wskazówki dotyczące jakości kolorów stanowią pomoc w poznawaniu, jak za pomocą dostępnych funkcji drukarki można zmieniać ustawienia kolorowych wydruków i dostosowywać je do

Bardziej szczegółowo

Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38).

Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38). 2. Projektant menu Każde menu jest połączone z modułem, którym zarządza się w menedżerze modułów. Cztery dostępne menu widać na pasku Menu (rysunek 4.38). Rys. 2.1. Menu/mainmenu Dostęp do istniejących

Bardziej szczegółowo

Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:

Za pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco: 1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera

Bardziej szczegółowo

SEMINARIUM Dwie perspektywy w projektowaniu na Responsive Web Design (User experience i webdeveloper)

SEMINARIUM Dwie perspektywy w projektowaniu na Responsive Web Design (User experience i webdeveloper) Katalizator Innowacji - usługi doradcze dla biznesu realizowane w modelu audytu benchmarkowego. Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Dotacje na

Bardziej szczegółowo

Opracowanie charakteru treści wyświetlanej na stronie głównej

Opracowanie charakteru treści wyświetlanej na stronie głównej Data aktualizacji: 09-03-2012 1. Oznaczenie użytkownika: A, B, C, D, E, F, G, H 2. Zakres czynności: Rozmieszczenie treści i modułów funkcyjnych na stronie głównej platformy Matrix. 3. Zakres prac Autor

Bardziej szczegółowo

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Przedmiot: Grafika komputerowa i projektowanie stron WWW KARKONOSKA PAŃSTWOWA SZKOŁA WYŻSZA Kierunek: Dziennikarstwo i komunikacja społeczna Przedmiot: Grafika komputerowa i projektowanie stron WWW 1 opracował: dr inż. Jerzy Januszewicz HTML (HyperText Markup

Bardziej szczegółowo

Grafika w aplikacjach lp. Jak zmienić kolor tła?

Grafika w aplikacjach lp. Jak zmienić kolor tła? Grafika w aplikacjach lp W tym rozdziale znajdziesz informacje jak osadzić w tworzonym programie zdjęcia, rysunki, wykresy i inne elementy graficzne. W środowisku lp autor ma dostęp do następujących obiektów

Bardziej szczegółowo

POZYCJONOWANIE STRON PORADY

POZYCJONOWANIE STRON PORADY . Wszystko O Pozycjonowaniu I Marketingu. >>>OPTYMALIZACJA STRONY POD SEO POZYCJONOWANIE STRON PORADY >>>WIĘCEJ

Bardziej szczegółowo

Jeśli dodamy jakieś parametry stylów dla poszczególnych DIV-ów, np.:
pierwsza treść, zdjęcie, tabele lub cokolwiek

Jeśli dodamy jakieś parametry stylów dla poszczególnych DIV-ów, np.: <div style=float: left>pierwsza treść, zdjęcie, tabele lub cokolwiek </div> Wykorzystanie znacznika DIV. Znacznik można nazwać blokiem, sekcją, zasobnikiem, pudełkiem, w którym umieszczamy dowolną treść. Poszczególne DIVy można dowolnie umieszczać na stronie, względem siebie

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

Multimedia w HTML5. Statyczne witryny internetowe 2TI/TOR. Marek Kwiatkowski

Multimedia w HTML5. Statyczne witryny internetowe 2TI/TOR. Marek Kwiatkowski Multimedia w HTML5 Statyczne witryny internetowe 2TI/TOR Marek Kwiatkowski Cele lekcji: Poznanie zasady umieszczania plików multimedialnych w HTML5 Zrozumienie istoty stosowania nowych znaczników w HTML5

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

Pytanie: Odpowiedź: Pytanie: Odpowiedź: . Pytanie: Odpowiedź: Pytanie: element multimedialny lub interaktywny Odpowiedź: Pytanie:

Pytanie: Odpowiedź: Pytanie: Odpowiedź: . Pytanie: Odpowiedź: Pytanie: element multimedialny lub interaktywny Odpowiedź: Pytanie: W pozycji Dodatkowe informacje pkt. 1 a) czytamy: przygotowanie elektronicznej (edytowalnej) wersji dokumentu, stanowiącego podział treści na ekrany zgodnie z treściami kształcenia dostarczonymi od Zamawiającego

Bardziej szczegółowo

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML

Bardziej szczegółowo

Czy Twoja strona internetowa sprzedaje?

Czy Twoja strona internetowa sprzedaje? Czy Twoja strona internetowa sprzedaje? Przed Tobą formularz, który pomoże Ci ocenić czy Twoja strona jest wykonana prawidłowo. Przy każdym pytaniu znajduje się skala punktów możliwych do uzyskania, wydrukuj

Bardziej szczegółowo

Zadanie 11. Przygotowanie publikacji do wydrukowania

Zadanie 11. Przygotowanie publikacji do wydrukowania Zadanie 11. Przygotowanie publikacji do wydrukowania Edytor Word może służyć również do składania do druku nawet obszernych publikacji. Skorzystamy z tych możliwości i opracowany dokument przygotujemy

Bardziej szczegółowo

Wyposażenie szkoły/placówki/pracodawcy do przeprowadzenia części pisemnej egzaminu w formie elektronicznej

Wyposażenie szkoły/placówki/pracodawcy do przeprowadzenia części pisemnej egzaminu w formie elektronicznej Wyposażenie szkoły/placówki/pracodawcy do przeprowadzenia części pisemnej egzaminu w formie elektronicznej Pomieszczenie egzaminacyjne (np.: pracownia specjalistyczna, pracownia informatyczna, sala lekcyjna,

Bardziej szczegółowo

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej GRAFIKA RASTROWA WYKŁAD 1 Wprowadzenie do grafiki rastrowej Jacek Wiślicki Katedra Informatyki Stosowanej Grafika rastrowa i wektorowa W grafice dwuwymiarowej wyróżnia się dwa rodzaje obrazów: rastrowe,

Bardziej szczegółowo

Jak posługiwać się edytorem treści

Jak posługiwać się edytorem treści Jak posługiwać się edytorem treści Edytor CKE jest bardzo prostym narzędziem pomagającym osobom niezaznajomionym z językiem HTML w tworzeniu interaktywnych treści stron internetowych. Razem z praktyka

Bardziej szczegółowo

Instrukcja 3wcms najważniejsze funkcje

Instrukcja 3wcms najważniejsze funkcje Instrukcja 3wcms najważniejsze funkcje Spis: Dodawanie nowego dokumentu Edycja dokumentu Dodawanie dokumentu do menu Dodawanie grafiki do dokumentu Dodawanie grafiki głównej Lista dokumentów Operacje na

Bardziej szczegółowo

Instrukcja użytkownika Internetowej Platformy Edukacyjnej UPRP

Instrukcja użytkownika Internetowej Platformy Edukacyjnej UPRP Instrukcja użytkownika Internetowej Platformy Edukacyjnej UPRP Spis treści 1. Wymagania techniczne 3 2. Dostęp do platformy 4 3. Rejestracja 5 4. Logowanie 7 5. Logowanie portale społecznościowe 9 6. Strona

Bardziej szczegółowo

Specyfikacja reklamy tekstowej i bannerowej na portalu GazetaPraca.pl

Specyfikacja reklamy tekstowej i bannerowej na portalu GazetaPraca.pl Specyfikacja reklamy tekstowej i bannerowej na portalu GazetaPraca.pl Spis treści Ogólne informacje... 3 Ustalenia dodatkowe... 3 Kreacje HTML5... 4 1. Formy reklamowe... 5 1.1. Link tekstowy... 5 1.2.

Bardziej szczegółowo

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, 351203 O STRUKTURZE PRZEDMIOTOWEJ Systemy baz danych 1. 2 Wstęp do baz danych 2. 2 Relacyjny model baz danych. 3. 2 Normalizacja baz danych. 4. 2 Cechy

Bardziej szczegółowo

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3

1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3 DODAJEMY TREŚĆ DO STRONY 1. Dockbar, CMS + wyszukiwarka aplikacji... 2 2. Dodawanie portletów... 3 Widok zawartości stron... 3 Omówienie zawartości portletu (usunięcie ramki itd.)... 4 3. Ikonki wybierz

Bardziej szczegółowo

Notowania Mobilne wersja Java

Notowania Mobilne wersja Java Notowania Mobilne wersja Java Instrukcja obsługi programu Notowania Mobilne to aplikacja, która pozwala na dostęp do notowań giełdowych w czasie rzeczywistym z każdego miejsca na świecie, gdzie tylko możliwe

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

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

Strukturę naszego Biuletynu tworzą następujące elementy:

Strukturę naszego Biuletynu tworzą następujące elementy: Informacje publiczne zawarte w Biuletynie Informacji Publicznej Urzędu Miejskiego w Barcinie udostępniane są przez 24h/dobę pod adresem http://www.bip.barcin.pl Strukturę naszego Biuletynu tworzą następujące

Bardziej szczegółowo

Nowy szablon stron pracowników ZUT

Nowy szablon stron pracowników ZUT Nowy szablon stron pracowników ZUT Uczelniane Centrum Informatyki ZUT przygotowało nowy szablon stron pracowników, zunifikowany z obecnymi stronami ZUT. Serdecznie zachęcamy Państwa do migracji na nowy

Bardziej szczegółowo

Specyfikacja przygotowania layoutu do systemu Key2Print

Specyfikacja przygotowania layoutu do systemu Key2Print Specyfikacja przygotowania layoutu do systemu Key2Print Spis treści Wstęp:... 3 Wymagane elementy layoutu strony internetowej:... 4 Strona główna... 4 Podstrona konfiguracji produktu... 6 Podstrona koszyka...

Bardziej szczegółowo

Jak dołączyć kalendarz mojego seminarium do kalendarza na stronie OK PTM?

Jak dołączyć kalendarz mojego seminarium do kalendarza na stronie OK PTM? W razie pytań lub potrzeby wsparcia można zwracać się do twórcy i koordynatora kalendarza seminariów, dr Marty Kornafel (marta.kornafel@uek.krakow.pl). Jak dołączyć kalendarz mojego seminarium do kalendarza

Bardziej szczegółowo

Wstęp - ogólna prezentacja systemu poleceń 2

Wstęp - ogólna prezentacja systemu poleceń 2 SYSTEM POLECEŃ Spis treści Wstęp - ogólna prezentacja systemu poleceń 2 System Poleceń KROK PO KROKU 4 1. Rejestracja w systemie poleceń 4 2. Odzyskiwanie hasła 4 3. Kampania polecająca w postaci linku

Bardziej szczegółowo

BIBLIOTEKA BLOKÓW JABLOTRON 100 SYSTEM

BIBLIOTEKA BLOKÓW JABLOTRON 100 SYSTEM BIBLIOTEKA BLOKÓW JABLOTRON 100 SYSTEM Zawartość INORMACJE OGÓLNE... 3 WSTAWIANIE BLOKÓW W PROGRAMIE AutoCAD... 3 UWAGI DOTYCZĄCE WSTAWIANIA I DRUKOWANIA BLOKÓW... 4 Przykład... 5 ZESTAWIENIE BLOKÓW...

Bardziej szczegółowo