Head First Web Design. Edycja polska

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

Download "Head First Web Design. Edycja polska"

Transkrypt

1 Head First Web Design. Edycja polska Autorzy: Ethan Watrall, Jeff Siarto T³umaczenie: Anna Trojan ISBN: Tytu³ orygina³u: Head First Web Design Format: , stron: 496 Poznaj sekrety tworzenia efektownych stron WWW, spe³niaj¹cych wszelkie wymagania dostêpnoœci i u ytecznoœci Istnieje tylko jedna metoda, dziêki której mo esz staæ siê doœwiadczonym webmasterem to samodzielne projektowanie i tworzenie witryn internetowych. Dziêki ksi¹ ce, któr¹ trzymasz w rêkach, z pewnoœci¹ zdobêdziesz umiejêtnoœci w tej dziedzinie. Ten niezwyk³y podrêcznik zosta³ bowiem przygotowany tak, aby zmusiæ Twój mózg do przyswojenia potrzebnych informacji. W rezultacie Tobie pozostanie ju tylko wykonaæ zaproponowane przez autorów æwiczenia. A wiêc do dzie³a! Wspó³pracuj¹c ze swoim mózgiem, mo esz zostaæ twórc¹ atrakcyjnych i u ytecznych witryn WWW. Ksi¹ ka Head First Web Design. Edycja polska zawiera wszystko to, czego naprawdê potrzebujesz, aby stworzyæ doskona³¹ witrynê internetow¹, a jednoczeœnie nie zaœmiecaæ pamiêci niepotrzebnymi informacjami. Podrêcznik zosta³ wzbogacony ilustracjami, anegdotami i opisami, a przede wszystkim ciekawymi æwiczeniami i zadaniami do rozwi¹zania tak abyœ jak najszybciej nauczy³ siê projektowaæ architekturê strony WWW. To nie wszystko. Podczas lektury dowiesz siê, jak wykorzystywaæ systemy nawigacji, testy u ytecznoœci oraz narzêdzia do prowadzenia statystyk, a tak e jak sporz¹dzaæ kalkulacje i listy ofertowe dla klientów. Organizacja strony internetowej Uk³ad strony przestrzeganie z³otej regu³y Architektura informacji i nawigacja Pisanie tekstów na potrzeby strony WWW Ankiety i grupy fokusowe Testy u ytecznoœci Narzêdzia do prowadzenia statystyk witryny Projektowanie stron jako biznes Kalkulacja oferty i listy ofertowe Flash, XHTML, CSS Biblioteka JavaScript JQuery Praktyczny, intuicyjny i niezawodny podrêcznik tworzenia nowoczesnych stron internetowych!

2

3 f.

4 ZAAKCEPTOWANE

5

6

7

8

9

10

11

12

13

14 Pierwsza z reguł kształtujących na nowo obraz Internetu brzmiała: Internet jako platforma. Jednocześnie był to niegdyś slogan perełki Web 1.0, firmy Netscape, która przegrała wyczerpującą rywalizację z Microsoftem. Co ciekawsze, pionierami traktowania Internetu jako platformy były także dwa sztandarowe przykłady firm z nurtu Web 1.0 DoubleClick i Akamai. Ludzie nieczęsto myślą o reklamach w Internecie jak o usługach sieciowych, ale w rzeczywistości reklamy były pierwszymi powszechnie wykorzystywanymi usługami sieciowymi, a przy tym także

15 1. Tworzenie atrakcyjnych stron internetowych

16 Pewnie, że dasz radę. Od czego, Twoim zdaniem, należy zacząć?

17

18

19

20 Od czego powinienem zacząć? i Co teraz? to naprawdę dobre pytania.

21 Nasza firma Produkty Strona główna Kontakt Odnośniki Książki drukowane ebooki Sztuka Rzemiosło Jaka treść składa się na witrynę internetową Red Lantern Design? W jaki sposób możesz ją uporządkować? Czy będziesz potrzebował więcej materiałów?

22 Od: Jane INFORMACJE Temat: Zawartość strony internetowej Przyda nam się część, w której będziemy umieszczać aktualności i nowości dotyczące studia Red Lantern Design. Z całą pewnością potrzebna nam będzie część, w której będziemy mogli pokazać fantastyczne rzeczy, nad którymi planujemy pracować. Witryna potrzebuje strony kontaktowej. Jak uda nam się pozyskać klientów bez takiej strony?! Myślę, że dobrze byłoby poświęcić jedną stronę samej fi rmie co robimy i tak dalej. Na pewno odwiedzający muszą widzieć, że zajmujemy się consultingiem i projektowaniem stron internetowych!

23 Strona główna

24 Od: Jane INFORMACJE Temat: Zawartość strony internetowej Przyda nam się część, w której będziemy umieszczać aktualności i nowości dotyczące studia Red Lantern Design. Z całą pewnością potrzebna nam będzie część, w której będziemy mogli pokazać fantastyczne rzeczy, nad którymi planujemy pracować. Witryna potrzebuje strony kontaktowej. Jak uda nam się pozyskać klientów bez takiej strony?! Myślę, że dobrze byłoby poświęcić jedną stronę samej fi rmie co robimy i tak dalej. Na pewno odwiedzający muszą widzieć, że zajmujemy się consultingiem i projektowaniem stron internetowych!

25 Strona główna

26 Czy to wystarczy, by użytkownicy potrafili się odnaleźć na stronie?

27 Strona główna

28

29

30 Gotowy pomysł tego, jak chcesz rozmieścić na ekranie poszczególne bloki, zaoszczędzi Ci sporo czasu na etapie programowania.

31

32

33

34 Ustaliliśmy z Jane podstawowy układ witryny jaki zatem powinien być nasz kolejny krok? Uruchomienie starego, dobrego edytora tekstu, wyciągnięcie przykładowej treści od Jane i wypracowanie kodu XHTML?

35 Skoro wiesz już, jaki układ strony podoba się Jane dla witryny Red Lantern Design, czas stworzyć szkic. Weź kartkę papieru oraz ołówek i zabierz się do pracy. Efekt ma być tak szczegółowy, jak to tylko możliwe. Jeśli masz pod ręką kredki, pokoloruj swój szkic.

36

37 Pogawędki przy kominku Ołówek: Program do tworzenia stron: Ołówek: Kod [podsłuchuje]: Program do tworzenia stron:

38 Teraz jest dobry czas na stworzenie prototypu kodu.

39 Gotowy do podania kod ftp://ftp.helion.pl/przyklady/hfwdep.zip body { } margin: 0; /* Projekt przebudowy strony Red Lantern Design */ padding: 0; background: #7a2122 url(../images/body_bg.gif ) repeat-x top; font-family: Helvetica, sans-serif; font-size: 62.5%; color: #333; h1, h2, p, ul, li { } p { } ul { } margin: 0; padding: 0; font-size: 1.4em; line-height: 1.4em; list-style-type: none; a:link, a:visited { color: #333; background: #eee; }a:link, a:visited { color: #333; background: #eee; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title>red Lantern Design</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="stylesheets/screen.css" type="text/ </head> <body> css" media="screen" /> <div id="masthead"> <h1><img alt="logo Red Lantern Design" src="images/rl_logo.png" /></h1> <ul id="nav"> </ul> </div> <li><a class="active" title="strona główna Red Lantern Design" href="index.html">strona główna</a></li> <li><a title="usługi projektowania stron internetowych" href="services.html">usługi</a></li> <li><a title="nasze prace" href="portfolio.html">portfolio</a> </li> <li><a title="kontakt z Red Lantern Design" <div id= wrap"> href="contact.html">kontakt</a></li> <div id="header"> <img alt="panorama Tokio" src="images/tokyo.jpg" />

40 Jazda próbna Został jeszcze jeden dzień. Szybko, wstaw do strony treść. Przesłałam ją mailem. Ten etap powinien być naprawdę prosty, skoro projekt jest już gotowy Jane

41 Oto tekst przysłany przez Jane. Weź stoper i ustaw go na piętnaście sekund. Rozpocznij pomiar i zacznij czytać tekst. Kiedy czas się skończy, napisz na dole, o czym jest ten tekst. Od: Jane Temat: Zawartość strony internetowej INFORMACJE Ludzie zwracają coraz większą uwagę na odpowiednie zaprojektowanie. Bez względu na to, czy dotyczą usługi, czy produktu, bez względu na potrzeby czy wartość, wszystkie interakcje otacza pewien nierozerwalnie z nimi związany kontekst. Odnoszący sukcesy przedsiębiorcy zdają sobie sprawę, że muszą oferować dobrze zaprojektowane usługi bądź produkty, i inwestować odpowiednie zasoby w ich ulepszanie. Ludzie nie tylko zwracają coraz większą uwagę na zaprojektowanie towaru; pragną również obrazów, atmosfery i doświadczeń, które zaspokajają ich potrzeby na wielu poziomach estetycznym, pragmatycznym, ideologicznym czy kulturowym. Ludzie pragną dobrych projektów. Jądrem projektu jest łączenie. Pracując z klientami, zawsze podkreślamy znaczenie głębokiego, pełnego namysłu procesu analitycznego, w którym nacisk kładziemy na słuchanie klienta i uczenie się. W trakcie procesu projektowania koncentrujemy się również na odbiorcach docelowych oraz kontekście. Projektujemy z myślą o prawdziwych ludziach, a nie statystykach i demografii. Rozumiemy, że prawdziwi ludzie szukają czegoś więcej i pomagamy ukierunkować klienta oraz proces projektowania w taki sposób, by wytworzyć prawdziwe wartości. Firma Red Lantern Design projektuje i buduje proste, użyteczne i atrakcyjne witryny internetowe, które są szybkie, łatwe do odczytania i dostępne a wszystko to z wykorzystaniem standardów internetowych. Specjalizujemy się w: projektowaniu interfejsu (projektowaniu i budowaniu interfejsów oraz szablonów z wykorzystaniem standardów internetowych), przebudowie istniejących witryn internetowych (oferta przeznaczona dla osób, które chcą uaktualnić swoją stronę czy zbudować ją z użyciem CSS), optymalizacji kodu HTML oraz CSS (uproszczenie kodu ma na celu poprawę szybkości strony oraz jej struktury), consultingu (pomocy w utworzeniu strategii projektu, sugestiach dotyczących kodu HTML i CSS, a także seminariach).

42 Zamiast czytać treść strony od lewej do prawej i od początku do końca, tak jak książkę, użytkownicy przebiegają tekst wzrokiem w poszukiwaniu słów kluczowych oraz pojęć by szybko zrozumieć, czego dotyczy witryna.

43

44 Oto raz jeszcze tekst przysłany przez Jane. Spróbuj go poprawić w taki sposób, by był zgodny z listą punktów znajdującą się obok. Od: Jane Temat: Zawartość strony internetowej INFORMACJE Ludzie zwracają coraz większą uwagę na odpowiednie zaprojektowanie. Bez względu na to, czy dotyczą usługi, czy produktu, bez względu na potrzeby czy wartość, wszystkie interakcje otacza pewien nierozerwalnie z nimi związany kontekst. Odnoszący sukcesy przedsiębiorcy zdają sobie sprawę, że muszą oferować dobrze zaprojektowane usługi bądź produkty, i inwestować odpowiednie zasoby w ich ulepszanie. Ludzie nie tylko zwracają coraz większą uwagę na zaprojektowanie towaru; pragną również obrazów, atmosfery i doświadczeń, które zaspokajają ich potrzeby na wielu poziomach estetycznym, pragmatycznym, ideologicznym czy kulturowym. Ludzie pragną dobrych projektów. Jądrem projektu jest łączenie. Pracując z klientami, zawsze podkreślamy znaczenie głębokiego, pełnego namysłu procesu analitycznego, w którym nacisk kładziemy na słuchanie klienta i uczenie się. W trakcie procesu projektowania koncentrujemy się również na odbiorcach docelowych oraz kontekście. Projektujemy z myślą o prawdziwych ludziach, a nie statystykach i demografii. Rozumiemy, że prawdziwi ludzie szukają czegoś więcej i pomagamy ukierunkować klienta oraz proces projektowania w taki sposób, by wytworzyć prawdziwe wartości. Firma Red Lantern Design projektuje i buduje proste, użyteczne i atrakcyjne witryny internetowe, które są szybkie, łatwe do odczytania i dostępne a wszystko to z wykorzystaniem standardów internetowych. Specjalizujemy się w: projektowaniu interfejsu (projektowaniu i budowaniu interfejsów oraz szablonów z wykorzystaniem standardów internetowych), przebudowie istniejących witryn internetowych (oferta przeznaczona dla osób, które chcą uaktualnić swoją stronę czy zbudować ją z użyciem CSS), optymalizacji kodu HTML oraz CSS (uproszczenie kodu ma na celu poprawę szybkości strony oraz jej struktury), consultingu (pomocy w utworzeniu strategii projektu, sugestiach dotyczących kodu HTML i CSS, a także seminariach).

45 Lista do sprawdzenia

46 Zmodyfikowałeś tekst Jane zgodnie z listą rzeczy do zrobienia. Lista do sprawdzenia INFORMACJE Od: Jane Temat: Zawartość strony internetowej Ludzie zwracają coraz większą uwagę na odpowiednie zaprojektowanie. Bez względu na to, czy dotyczą usługi, czy produktu, bez względu na potrzeby czy wartość, wszystkie interakcje otacza pewien nierozerwalnie z nimi związany kontekst. Odnoszący sukcesy przedsiębiorcy zdają sobie sprawę, że muszą oferować dobrze zaprojektowane usługi bądź produkty, i inwestować odpowiednie zasoby w ich ulepszanie. Ludzie nie tylko zwracają coraz większą uwagę na zaprojektowanie towaru; pragną również obrazów, atmosfery i doświadczeń, które zaspokajają ich potrzeby na wielu poziomach estetycznym, pragmatycznym, ideologicznym czy kulturowym. Ludzie pragną dobrych projektów. Jądrem projektu jest łączenie. Pracując z klientami, zawsze podkreślamy znaczenie głębokiego, pełnego namysłu procesu analitycznego, w którym nacisk kładziemy na słuchanie klienta i uczenie się. W trakcie procesu projektowania koncentrujemy się również na odbiorcach docelowych oraz kontekście. Projektujemy z myślą o prawdziwych ludziach, a nie statystykach i demografii. Rozumiemy, że prawdziwi ludzie szukają czegoś więcej i pomagamy ukierunkować klienta oraz proces projektowania w taki sposób, by wytworzyć prawdziwe wartości. Firma Red Lantern Design projektuje i buduje proste, użyteczne i atrakcyjne witryny internetowe, które są szybkie, łatwe do odczytania i dostępne a wszystko to z wykorzystaniem standardów internetowych. Specjalizujemy się w: projektowaniu interfejsu (projektowaniu i budowaniu interfejsów oraz szablonów z wykorzystaniem standardów internetowych), przebudowie istniejących witryn internetowych (oferta przeznaczona dla osób, które chcą uaktualnić swoją stronę czy zbudować ją z użyciem CSS), optymalizacji kodu HTML oraz CSS (uproszczenie kodu ma na celu poprawę szybkości strony oraz jej struktury), consultingu (pomocy w utworzeniu strategii projektu, sugestiach dotyczących kodu HTML i CSS, a także seminariach).

47 Twoja wersja tekstu może wyglądać nieco inaczej, jednak jeśli tylko zastosujesz przedstawione wyżej techniki, sprawiające, że tekst łatwiej będzie szybko przejrzeć, czytelnicy pozostaną Ci wdzięczni. To spora zmiana. Moja wersja tekstu nie była aż tak, hm, treściwa. Czy Jane nie będzie się gniewać, że wycięliśmy wszystkie tak starannie przez nią ułożone zdania? Pewnie, może tak być. Ale ta wersja jest krótka, na temat i o wiele bardziej atrakcyjna.

48 Jazda próbna

49

50 ROZDZIAŁ 1. Niesamowite 34 strony i udało Ci się już całkowicie przebudować dość nędznie wyglądającą stronę internetową. W kolejnym rozdziale o wiele bardziej szczegółowo zajmiemy się fazą preprodukcji. Kiedy tworzysz strony internetowe, powinieneś stosować się do zasad projektowania zorientowanego na użytkownika budowania witryn, które skupiają się na zaspokajaniu potrzeb użytkowników. Proces projektowania pomaga ustrukturyzować projekt, dzięki czemu pozostajesz skupiony na zadaniu i wszystko wykonujesz o wiele wydajniej. Większość procesów (o ile nie wszystkie) projektowania witryn internetowych składa się z czterech etapów: preprodukcji, budowania układu strony, tworzenia nawigacji oraz pisania tekstów. Architektura informacji to proces, w którym dzielisz treść strony internetowej na części, a następnie układasz je w hierarchię zgodnie z logiką wzajemnych relacji między nimi. Tworzenie architektury informacji to proces dwustopniowy, składający się z organizowania informacji witryny i budowania diagramu. Diagram architektury informacji reprezentuje hierarchiczne uporządkowanie części i podczęści informacji strony. Nawigacja najwyższego poziomu zazwyczaj zawiera odnośniki do tych części architektury informacji, które znajdują się o poziom niżej od strony głównej witryny. Projekt nawigacji najwyższego poziomu uzależniony jest od całościowego projektu oraz układu strony. Istnieje kilka przydatnych modeli projektowania nawigacji najwyższego poziomu: poziome zakładki czy przyciski, pionowe menu lub zakładki. Szkice wykorzystuje się do wizualizacji projektu i przetestowania pewnych koncepcji układu strony przed zabraniem się za kod. Szkice to świetny sposób na wyłapanie potencjalnych problemów projektowych przed straceniem czasu na tworzenie kodu strony. Pisanie tekstów przeznaczonych na strony internetowe różni się od pisania na potrzeby mediów drukowanych. Użytkownicy przebiegają strony internetowe wzrokiem, zamiast czytać je od początku do końca. Treść stron internetowych musi być pisana w taki sposób, by przebieganie ich wzrokiem było możliwe.

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

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

Idealna strona internetowa dla Twojej firmy

Idealna strona internetowa dla Twojej firmy Katowice, 25.11.2010 r. Idealna strona internetowa dla Twojej firmy Warsztaty prowadzenie Zofia Oslislo 1 Czy potrzebuję (nowej) strony internetowej? mogę zwiększyć sprzedaż, gdy pozwolę klientom kupować

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

Tworzenie Stron Internetowych. odcinek 6

Tworzenie Stron Internetowych. odcinek 6 Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą

Bardziej szczegółowo

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

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

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

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css. Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu

Bardziej szczegółowo

Brief do projektu serwisu www Krok po kroku

Brief do projektu serwisu www Krok po kroku Brief do projektu serwisu www Krok po kroku Wszystkie zebrane tutaj pytania pomogą nam lepiej zrozumieć twoje oczekiwania oraz charakter branży. Dzięki informacjom które nam przekażesz zaproponujemy ofertę

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

Programowanie internetowe

Programowanie internetowe Programowanie internetowe Wykład 1 HTML mgr inż. Michał Wojtera email: mwojtera@dmcs.pl Plan wykładu Organizacja zajęć Zakres przedmiotu Literatura Zawartość wykładu Wprowadzenie AMP / LAMP Podstawy HTML

Bardziej szczegółowo

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda Logowanie do panelu administracyjnego Aby móc zarządzać stroną, należy zalogować się do panelu administracyjnego.

Bardziej szczegółowo

I. Informacje ogólne. Jednym z takich systemów jest Mambo.

I. Informacje ogólne. Jednym z takich systemów jest Mambo. MAMBO (CMS) I. Informacje ogólne CMS, Content Management System ("system zarządzania treścią") jest to jedna lub zestaw aplikacji internetowych pozwalających na łatwe utworzenie oraz późniejszą aktualizację

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

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI

Referat z przedmiotu Technologie Internetowe SPIS TREŚCI SPIS TREŚCI 1.Dwie metody przekazu danych do serwera 2 2.Metoda GET przykład 3 3.Metoda POST przykład 4 4.Kiedy GET a kiedy POST 5 5.Szablony po co je stosować 7 6.Realizacja szablonu własną funkcją 8

Bardziej szczegółowo

Projektowanie interakcji

Projektowanie interakcji Projektowanie interakcji K2 User Experience www.k2.pl/ux Tytuł dokumentu: k2-projektowanie_ux-oferta.pdf Data: 21 sierpnia 2009 Przygotowany przez: Maciej Lipiec Maciej Lipiec User Experience Director

Bardziej szczegółowo

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania

Przepis. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć stronę internetową ze swoim ulubionym przepisem. Zadania do wykonania HTML & CSS 1 Przepis Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

Bardziej szczegółowo

PROTEL SMART inteligentne oprogramowanie dla małych i średniej wielkości hoteli

PROTEL SMART inteligentne oprogramowanie dla małych i średniej wielkości hoteli PROTEL SMART inteligentne oprogramowanie dla małych i średniej wielkości hoteli protel smart to specjalna uproszczona funkcjonalnie edycja naszego renomowanego i sprawdzonego na arenie międzynarodowej

Bardziej szczegółowo

HumanTechnology. Projektowanie interakcji. czyli łatanie dziury w procesie produkcji

HumanTechnology. Projektowanie interakcji. czyli łatanie dziury w procesie produkcji HumanTechnology Projektowanie interakcji czyli łatanie dziury w procesie produkcji Czym jest projektowanie interakcji? Projektowanie interakcji, czyli współdziałania człowieka z komputerem, wykorzystuje

Bardziej szczegółowo

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

Zmiana logo. Dziękujemy za wybór naszych rozwiązań. apjoo od Apláuz. Wspólnie przebrniemy przez proces konfiguracji strony www i wstawiania treści. Użytkownicy i hasła Dostęp do zaplecza umożliwia rozbudowany system zarządzania użytkownikami. 1. Konta użytkowników tworzy się wybierając z menu Użytkownicy > Menedżer użytkowników na stronie głownej

Bardziej szczegółowo

O stronach www, html itp..

O stronach www, html itp.. O stronach www, html itp.. Prosty wstęp do podstawowych technik spotykanych w internecie 09.01.2015 M. Rad Plan wykładu Html Przykład Strona www Xhtml Css Php Js HTML HTML - (ang. HyperText Markup Language)

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

TECHNOLOGIE SIECI WEB

TECHNOLOGIE SIECI WEB 1. Wybrane elementy sk³adni CSS TECHNOLOGIE SIECI WEB Prowadz¹cy: dr in. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydzia³ Elektrotechniki i Informatyki LABORATORIUM ÆWICZENIE nr

Bardziej szczegółowo

Instrukcja do platformy internetowej Art-Aktywator. Instrukcja do platformy internetowej Art-Aktywator www.art-aktywator.pl

Instrukcja do platformy internetowej Art-Aktywator. Instrukcja do platformy internetowej Art-Aktywator www.art-aktywator.pl Instrukcja do platformy internetowej Art-Aktywator www.art-aktywator.pl Ta instrukcja przeprowadzi Cię przez wszystkie najważniejsze funkcjonalności platformy www.artaktywator.pl i pomoże rozwiać wszelkie

Bardziej szczegółowo

Laboratorium 6 Tworzenie bloga w Zend Framework

Laboratorium 6 Tworzenie bloga w Zend Framework Laboratorium 6 Tworzenie bloga w Zend Framework Przygotowanie bazy danych 1. Wykonaj skrypt blog.sql, który założy w bazie danych dwie tabele oraz wpisze do nich przykładowe dane. Tabela blog_uzytkownicy

Bardziej szczegółowo

Jak dobrze budować strony www.

Jak dobrze budować strony www. Jak dobrze budować strony www. W procesie projektowania stron www, kierujemy się różnymi zasadami, wytycznymi, badaniami użytkowników, doświadczeniem, opiniami itp. Wszystko to tworzy pewien zestaw przykazań

Bardziej szczegółowo

Krok 1: Stylizowanie plakatu

Krok 1: Stylizowanie plakatu HTML & CSS 1 Wanted! Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

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

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

E-commerce. Genialnie proste tworzenie serwisów w PHP i MySQL.

E-commerce. Genialnie proste tworzenie serwisów w PHP i MySQL. E-commerce. Genialnie proste tworzenie serwisów w PHP i MySQL. Autor: Larry Ullman Poznaj zasady wirtualnego handlu i zarabiaj prawdziwe pieniądze Jak stworzyć doskonałą witrynę sklepu internetowego? Jak

Bardziej szczegółowo

Laboratorium 1 Wprowadzenie do PHP

Laboratorium 1 Wprowadzenie do PHP Laboratorium 1 Wprowadzenie do PHP Ćwiczenie 1. Tworzenie i uruchamianie projektu PHP w Netbeans Tworzenie projektu Uruchom środowisko NetBeans. Stwórz nowy projekt typu PHP Application (File->New Project,

Bardziej szczegółowo

I. Formatowanie tekstu i wygląd strony

I. Formatowanie tekstu i wygląd strony I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:

Bardziej szczegółowo

CMS, CRM, sklepy internetowe, aplikacje Web

CMS, CRM, sklepy internetowe, aplikacje Web CMS, CRM, sklepy internetowe, aplikacje Web Aplikacje PHP, open source, dodatki Add-ins, templatki, moduły na zamówienie Aplikacje mobilne jquery Mobile + PhoneGap Kilka platform w cenie jednego kodu JavaScript!

Bardziej szczegółowo

Szczegółowy program - Szkoła Planowania Biznesu -

Szczegółowy program - Szkoła Planowania Biznesu - Szczegółowy program - Szkoła Planowania Biznesu - Przed seminarium otrzymasz bonusowe narzędzia w mailu: Przegląd najbardziej zyskownych branż i generatorów pomysłów na biznes dzięki temu otrzymasz inspirację

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

Pamiętaj, że cele które ma spełniać Twoja strona WWW, muszą być zgodne z polityką i ogólną strategią Twojej firmy!

Pamiętaj, że cele które ma spełniać Twoja strona WWW, muszą być zgodne z polityką i ogólną strategią Twojej firmy! Skuteczna strona w Internecie wymaga odpowiedniego zaplanowania. Prezentujemy krótki przewodnik, który pomoże Ci uporządkować wszystkie informacje, które potrzebujesz, żeby rozpocząć pracę nad dobrą stroną

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

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

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

Tworzenie Stron Internetowych. odcinek 5

Tworzenie Stron Internetowych. odcinek 5 Tworzenie Stron Internetowych odcinek 5 Nagłówek zawiera podstawowe informacje o dokumencie, takie jak: tytuł strony (obowiązkowy) metainformacje/metadane (obowiązkowa deklaracja

Bardziej szczegółowo

Instrukcja stosowania produktu finalnego dla użytkowników

Instrukcja stosowania produktu finalnego dla użytkowników Instrukcja stosowania produktu finalnego dla użytkowników Przewodnik został opracowany w Zachodniopomorskiej Szkole Biznesu w ramach projektu PI Model Adaptacyjnego Transferu Rozwiązań Innowacyjnych i

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

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

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

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

Kompresja stron internetowych

Kompresja stron internetowych Kompresja stron internetowych Patryk Jar Tech 3 Camp, 18 czerwca 2013 r. O mnie Patryk Jar Webdeveloper Nor-sta (nor-sta.eu) yarpo.pl 2 3 Agenda Lepszy kod w przeglądarce Mniej żądań HTTP Mniej danych

Bardziej szczegółowo

Poznaj osiem kroków naszej współpracy:

Poznaj osiem kroków naszej współpracy: Oferta Poznaj osiem kroków naszej współpracy: 1 2 3 4 5 6 7 8 Spotykamy się z Tobą lub kontaktujemy telefonicznie/mailowo w celu zapoznania się z Twoimi potrzebami i przedstawienia Ci oferty. W zależności

Bardziej szczegółowo

Co to jest pozycjonowanie stron internetowych? Dlaczego warto pozycjonować strony internetowe?

Co to jest pozycjonowanie stron internetowych? Dlaczego warto pozycjonować strony internetowe? Co to jest pozycjonowanie stron internetowych? Pozycjonowanie to wszelkie działania mające na celu podniesienie pozycji strony internetowej, na określone słowa kluczowe, w wyszukiwarce Google. Dlaczego

Bardziej szczegółowo

REDIVE PRZEWODNIK PO PLATFORMIE LMS

REDIVE PRZEWODNIK PO PLATFORMIE LMS REDIVE PRZEWODNIK PO PLATFORMIE LMS PROJ. Nº 528362-LLP-1-2012-1-PT-ERASMUS-ECUE Ten projekt został zrealizowany przy wsparciu finansowym Komisji Europejskiej. Projekt lub publikacja odzwierciedlają jedynie

Bardziej szczegółowo

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM Język (X)HTML Podstawowe znaczniki i parametry Szablon dokumentu (X)HTML

Bardziej szczegółowo

Facelets ViewHandler

Facelets ViewHandler JSF i Facelets Wprowadzenie JSP (JavaServer Pages) są natywną i najczęściej używaną technologią do tworzenia warstwy prezentacyjnej dla JSF (JavaServer Faces) Istnieją alternatywne technologie opisu wyglądu

Bardziej szczegółowo

STRONA WWW A LANDING PAGE

STRONA WWW A LANDING PAGE Zajęcia 9 Czym się różnią? Przykład: http://www.expander.pl/ http://f.expander.pl/lp/20140124_hipo_kal_zdoln/index.jsp?lpid=20140124_hipo_ka l_zdoln&formtype=google_kredyt_hipoteczny&product0=99&idpartner=98&gclid=c

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

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

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

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

Aplikacje WWW - laboratorium

Aplikacje WWW - laboratorium Aplikacje WWW - laboratorium JavaServer Pages Celem ćwiczenia jest zbudowanie kilku prostych stron internetowych z użyciem technologii JSP. Podczas ćwiczenia wykorzystany zostanie algorytm sortowania bąbelkowego

Bardziej szczegółowo

INSTALACJA I KONFIGURACJA SERWERA PHP.

INSTALACJA I KONFIGURACJA SERWERA PHP. LABORATORIUM 0 INSTALACJA I KONFIGURACJA SERWERA PHP. W celu poprawnego wykonywania zadań na laboratorium konieczne jest zainstalowanie na komputerze wyposażonym w system operacyjny Windows następujących

Bardziej szczegółowo

Przedmiot: Komunikacja człowiek - komputer Ćwiczenie: 2 Temat ćwiczenia: Projektowanie funkcjonalne serwisów internetowych v.2.0

Przedmiot: Komunikacja człowiek - komputer Ćwiczenie: 2 Temat ćwiczenia: Projektowanie funkcjonalne serwisów internetowych v.2.0 1 Komunikacja człowiek - komputer Przedmiot: Komunikacja człowiek - komputer Ćwiczenie: 2 Temat ćwiczenia: Projektowanie funkcjonalne serwisów internetowych v.2.0 dr Artur Bartoszewski Spis treści TEORIA...

Bardziej szczegółowo

Polityka bezpieczeństwa.

Polityka bezpieczeństwa. Polityka bezpieczeństwa. Cookies Polityka dotycząca Ciasteczek Niniejsza Polityka dotycząca Ciasteczek odnosi się do wszystkich stron internetowych oraz aplikacji na urządzenia mobilne, odwiedzających

Bardziej szczegółowo

TWORZENIE PREZENTACJI MS POWERPOINT

TWORZENIE PREZENTACJI MS POWERPOINT TWORZENIE PREZENTACJI MS POWERPOINT Wstęp TWORZENIE PREZENTACJI MS POWERPOINT Czasami zdarza się, że zostajemy poproszeni o poprowadzenia spotkania czy szkolenia w firmie, w której pracujemy lub po prostu

Bardziej szczegółowo

Platfomry programistyczne:.net i Jawa L ABORATORIUM 3: HACKATHON - JTTT

Platfomry programistyczne:.net i Jawa L ABORATORIUM 3: HACKATHON - JTTT Platfomry programistyczne:.net i Jawa L ABORATORIUM 3: HACKATHON - JTTT O co chodzi? Hackathon - http://en.wikipedia.org/wiki/hackathon A hackathon is an event in which computer programmers and others

Bardziej szczegółowo

PROJEKTOWANIE STRON WWW

PROJEKTOWANIE STRON WWW PROJEKTOWANIE STRON WWW Wykład 1 Paweł Woszkowski SWSIM, 2010 PLAN ZAJĘĆ technologie, proces powstawania strony www, podstawowe zasady, xhtml, css, projektowanie, publikacja, hosting, promocja. STRONA

Bardziej szczegółowo

Federacji Inicjatyw Oświatowych

Federacji Inicjatyw Oświatowych Pierwsze kroki na witrynie edukacyjnej Federacji Inicjatyw Oświatowych Spis treści Platforma edukacyjna Federacji Inicjatyw Oświatowych...2 Pierwsze logowanie...2 Uzupełnienie profilu użytkownika...3 Wejście

Bardziej szczegółowo

POZYCJONOWANIE STRON INTERNETOWYCH (SEO)

POZYCJONOWANIE STRON INTERNETOWYCH (SEO) POZYCJONOWANIE STRON INTERNETOWYCH (SEO) Nasza oferta różni się od ofert innych firm pozycjonujących. W Polsce firmy pozycjonujące strony przygotowują zestaw słów kluczowych pod które przygotowują pozycjonowanie.

Bardziej szczegółowo

Projekty z Technologii Informacyjnych

Projekty z Technologii Informacyjnych Projekty z Technologii Informacyjnych Zad. 1. Opracuj prezentację w programie PowerPoint lub podobnym na zadany temat. Prezentacja powinna być przeznaczona do prezentowania w czasie ok. 10 minut. Zad.

Bardziej szczegółowo

Moje Projekty. Wprowadzenie HTML & CSS

Moje Projekty. Wprowadzenie HTML & CSS HTML & CSS 1 Moje Projekty Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

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

Regulaminy. Cookies. Polityka dotycząca Ciasteczek

Regulaminy. Cookies. Polityka dotycząca Ciasteczek Regulaminy Cookies Polityka dotycząca Ciasteczek Niniejsza Polityka dotycząca Ciasteczek odnosi się do wszystkich stron internetowych, należących do Grupy portali i sklepów Zi-Co Sp. z o.o.: - dekarze.pl

Bardziej szczegółowo

DARMOWY MINI PORADNIK

DARMOWY MINI PORADNIK DARMOWY MINI PORADNIK Jak korzystać z e-learningu w Astro Salus www.astrosalus.pl www.sukces-biznes.pl kursy@astrosalus.pl LOGOWANIE Aby się móc zalogować do kursu płatnego, musisz być najpierw zarejestrowany.

Bardziej szczegółowo

Przykład integracji kalkulatora mbank RATY na platformie IAI

Przykład integracji kalkulatora mbank RATY na platformie IAI Przykład integracji kalkulatora mbank RATY na platformie IAI 1. Moderacja - > Dodatki HTML i JavaScript 1.1 Klikamy na przycisk nowy dodatek Wpisujemy w pole Tytuł dodatku nazwę CSS_mRaty. Następnie ustawiamy

Bardziej szczegółowo

Jak Działa AutoBlogger...

Jak Działa AutoBlogger... Jak Działa AutoBlogger... Wstęp Treść nie rządzi już Internetem... Dzisiaj to użytkownicy Social Media produkują najwięcej informacji; publikują swoje zdjęcia, wiadomości i video na Facebooku, komentują

Bardziej szczegółowo

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

Podręcznik użytkownika

Podręcznik użytkownika Podręcznik użytkownika Witamy wszystkich serdecznie na naszym kursie, Przekazujemy tu garść informacji, które na pewno ułatwią Wam uczestnictwo w zajęciach. Kurs Zdrowie psychiczne i HIV koncentruje się

Bardziej szczegółowo

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2} Kaskadowe arkusze stylów (CSS) W trakcie projektowania własnego serwisu w języku HTML napotkamy problem z określeniem precyzyjnego pozycjonowania tekstu i grafiki oraz elastycznym formatowaniem tekstu.

Bardziej szczegółowo

Z pełną wersją książki możesz zapoznać się na tej stronie: http://reklamawinternecie.org/poradnik

Z pełną wersją książki możesz zapoznać się na tej stronie: http://reklamawinternecie.org/poradnik Niniejszy plik PDF jest skróconym przewodnikiem po książce Reklama w Internecie praktyczny poradnik autorstwa Artura Kosińskiego. Z pełną wersją książki możesz zapoznać się na tej stronie: http://reklamawinternecie.org/poradnik

Bardziej szczegółowo

Instrukcja instalacji PHP-Hypercachera Refresher Standard oraz PHP-Hypercachera Refresher GZIP na Twojej witrynie

Instrukcja instalacji PHP-Hypercachera Refresher Standard oraz PHP-Hypercachera Refresher GZIP na Twojej witrynie Instrukcja instalacji PHP-Hypercachera Refresher Standard oraz PHP-Hypercachera Refresher GZIP na Twojej witrynie 1. Instalacja w zwykłym skrypcie PHP Instalacja PHP Hypercachera Refresher Standard i PHP

Bardziej szczegółowo

Informatyka Europejczyka. iæwiczenia dla szko³y podstawowej, kl. IV VI. Czêœæ I

Informatyka Europejczyka. iæwiczenia dla szko³y podstawowej, kl. IV VI. Czêœæ I Informatyka Europejczyka. iæwiczenia dla szko³y podstawowej, kl. IV VI. Czêœæ I Autorzy: Danuta Kia³ka, Katarzyna Kia³ka ISBN: 978-83-246-2593-2 Format: 195 260, stron: 176 Informatyka Europejczyka to

Bardziej szczegółowo

Ćwiczenie 9 - CSS i wstawianie CSS

Ćwiczenie 9 - CSS i wstawianie CSS Ćwiczenie 9 - CSS i wstawianie CSS Wprowadzenie: Od tego ćwiczenia zajmować się będziemy CSS czyli Kaskadowymi Arkuszami Stylów (Cascading Style Sheets). CSS stanowią uzupełnienie dla HTML-a. HTML odpowiada

Bardziej szczegółowo

Lipiec 2014 Sintra Consulting

Lipiec 2014 Sintra Consulting Lipiec 2014 Sintra Consulting NASZYM CELEM JEST TWÓJ SUKCES Nie jesteśmy tylko agencją interaktywną. Nie jesteśmy tylko programistami, ani tylko artystami. Nie jesteśmy tylko zespołem wsparcia sprzedaży.

Bardziej szczegółowo

Z Małej Szkoły w Wielki Świat

Z Małej Szkoły w Wielki Świat Pierwsze kroki na witrynie edukacyjnej projektu Z Małej Szkoły w Wielki Świat Spis treści Witryna edukacyjna projektu Z Małej Szkoły w Wielki Świat...2 Pierwsze logowanie... 3 Uzupełnienie profilu użytkownika...3

Bardziej szczegółowo

Aplikacje Internetowe

Aplikacje Internetowe Aplikacje Internetowe ITA-103 Wersja 1 Warszawa, październik 2008 Spis treści Wprowadzenie i-4 Moduł 1 Podstawy HTML 1-1 Moduł 2 Kaskadowe Arkusze Stylów CSS 2-1 Moduł 3 Podstawy JavaScript 3-1 Moduł 4

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

P l a n o w a n i e i p r o j e k t o w a n i e s e r w i s ó w i n t e r n e t o w y c h

P l a n o w a n i e i p r o j e k t o w a n i e s e r w i s ó w i n t e r n e t o w y c h P l a n o w a n i e i p r o j e k t o w a n i e s e r w i s ó w i n t e r n e t o w y c h Podpowiedzi dla dyplomantów dr in ż. Walery Susłow Walery.Suslow@ie.tu.koszalin.pl Z a c z n i j o d r o z p o

Bardziej szczegółowo

Case study: Mobilny serwis WWW dla Kolporter

Case study: Mobilny serwis WWW dla Kolporter Case study: Mobilny serwis WWW dla Kolporter Sklep internetowy Kolporter.pl oferuje swoim Klientom blisko 100 000 produktów w tym: ksiąŝki, muzykę, film i gry. Kolporter postanowił stworzyć nowy kanał

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

World Wide Web? rkijanka

World Wide Web? rkijanka World Wide Web? rkijanka World Wide Web? globalny, interaktywny, dynamiczny, wieloplatformowy, rozproszony, graficzny, hipertekstowy - system informacyjny, działający na bazie Internetu. 1.Sieć WWW jest

Bardziej szczegółowo

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

Tak przygotowane pliki należy umieścić w głównym folderze naszego programu. Klub IKS www.informatyka.edu.pl To jeden z ostatnich odcinków naszego kursu. Mam nadzieję, że pisanie własnego programu było ciekawym doświadczeniem. Zaproponowana w tym odcinku funkcja uatrakcyjni twój program. Stworzymy tak zwane okno

Bardziej szczegółowo

Czy 99% działań bez braków to dobry wynik?

Czy 99% działań bez braków to dobry wynik? Zarządzanie jakością działań zespołu projektowego ROZWAŻANIA WSTĘPNE Czy 99% działań bez braków to dobry wynik? 99% braków 2 katastrofy lotnicze dziennie w Polsce 150 000 wypłat zagubionych przy każdej

Bardziej szczegółowo

Brandle.pl. Jak stworzyć kampanię?

Brandle.pl. Jak stworzyć kampanię? Brandle.pl Jak stworzyć kampanię? Czym jest kampania Brandle? Kampania to po prostu zbiór zasad. Najczęściej wiąże się z konkretnym celem, jaki chcesz zrealizować dla swojej firmy. Jeśli się zastanowisz

Bardziej szczegółowo

DESIGNER APPLICATION. powered by

DESIGNER APPLICATION. powered by DESIGNER APPLICATION powered by O FIRMIE HiddenData specjalizuje się w technologii dystrybucji treści video w Internecie oraz w budowie złożonych, funkcjonalnych aplikacji internetowych i mobilnych. Budujemy

Bardziej szczegółowo

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR> Język html to język znaczników inaczej tagów, czyli słów lub skrótów pochodzących z języka angielskiego ujętych w nawiasy ostrokątne , np.. . W większości przypadków spotykamy znaczniki początku (inaczej

Bardziej szczegółowo

Robert Szmurło. Projektowanie Graficznych Interfejsów Użytkownika

Robert Szmurło. Projektowanie Graficznych Interfejsów Użytkownika Projektowanie Graficznych Interfejsów Użytkownika Robert Szmurło 1 Prototypowanie jako środek wytwarzania (implementacji) projektu wizualnego Analiza Projekt Wizualny Prototyp Zrealizowany System Z http://www.blender.pl/cpg/albums/userpics/10505/normal_carprototypeconcept1b.jpg

Bardziej szczegółowo

Uwaga w niektórych przeglądarkach różnice mogą być niewidoczne zależy to od przeglądarki i ew. od jej ustawień.

Uwaga w niektórych przeglądarkach różnice mogą być niewidoczne zależy to od przeglądarki i ew. od jej ustawień. Poprzednie zajęcia skończyliśmy ucząc się tworzenia odsyłaczy/hiperłączy/linków (można wrócić do poprzedniego scenariusza, jeśli ktoś go nie skończył). Skoro jesteśmy przy odsyłaczach, to warto poznać

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

REGULAMIN. Cookies. Co to są ciasteczka?

REGULAMIN. Cookies. Co to są ciasteczka? Cookies REGULAMIN Polityka dotycząca Ciasteczek Niniejsza Polityka dotycząca Ciasteczek odnosi się do wszystkich stron internetowych oraz aplikacji na urządzenia mobilne, należących do tkkf.tarnobrzeg.pl.

Bardziej szczegółowo