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

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

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

Podstawy JavaScript ćwiczenia

Podstawy JavaScript ćwiczenia Podstawy JavaScript ćwiczenia Kontekst:

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

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

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

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

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

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

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

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

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

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

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

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

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

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-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

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

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

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

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

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

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

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

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

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

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

Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych

Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych odnośniki Część 3 Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych dokumentów niezależnie od ich umiejscowienia

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

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

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

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

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

Design thinking zaprojektuj, zbuduj i przetestuj swoje pomysły

Design thinking zaprojektuj, zbuduj i przetestuj swoje pomysły Design thinking zaprojektuj, zbuduj i przetestuj swoje pomysły Cel szkolenia: Termin: 26.11.2016 r. Design thinking jest metodą, która pozwala na bardzo szybkie tworzenie innowacyjnych produktów lub usług,

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

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

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

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

omnia.pl, ul. Kraszewskiego 62A, 37-500 Jarosław, tel. +48 16 621 58 10 www.omnia.pl kontakt@omnia.pl

omnia.pl, ul. Kraszewskiego 62A, 37-500 Jarosław, tel. +48 16 621 58 10 www.omnia.pl kontakt@omnia.pl .firma Dostarczamy profesjonalne usługi oparte o nowoczesne technologie internetowe Na wstępie Wszystko dla naszych Klientów Jesteśmy świadomi, że strona internetowa to niezastąpione źródło informacji,

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

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

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

Naśladować Rynek Użytkownik Pomysł Koncepcja Ocena. Kim są docelowi użytkownicy koncepcji?

Naśladować Rynek Użytkownik Pomysł Koncepcja Ocena. Kim są docelowi użytkownicy koncepcji? Użytkownik Kim są docelowi użytkownicy koncepcji? Określ 3-5 różnych grup użytkowników twojej koncepcji i opisz osoby w każdej z grup. Przykład poniżej. Profile użytkowników powinny stworzyć żywy obraz

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

Dokument hipertekstowy

Dokument hipertekstowy Dokument hipertekstowy Laboratorium 4 CSS mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Cel poznanie konceptu stylów tworzenie różnych typów reguł stylów Style służą do zmiany wyglądu elementów

Bardziej szczegółowo

DODATKI SPECJALNE DLA GASTRONOMII

DODATKI SPECJALNE DLA GASTRONOMII DODATKI SPECJALNE DLA GASTRONOMII Sukces biznesu gastronomicznego w Internecie zależy od dwóch rzeczy: atrakcyjnego menu oraz pozytywnych ocen internautów. W kreatorze Click Web z łatwością stworzysz nowoczesne

Bardziej szczegółowo

POZYCJONOWANIE BIELSKO BIAŁA >>>WIĘCEJ<<<

POZYCJONOWANIE BIELSKO BIAŁA >>>WIĘCEJ<<< . Wszystko O Pozycjonowaniu I Marketingu. >>>POZYCJONOWANIE FIRM POZYCJONOWANIE BIELSKO BIAŁA >>>WIĘCEJ

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

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

DHL EXPRESS. 1 DHL IntraShip Przewodnik

DHL EXPRESS. 1 DHL IntraShip Przewodnik DHL EXPRESS 1 DHL IntraShip Przewodnik LOGOWANIE Użyj swojej nazwy użytkownika i hasła, aby zalogować się do DHL IntraShip na stronie https://www.intrashipeu.dhl.com (lub skorzystaj z lokalnego adresu

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

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

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

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

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

System dostarczania treści podręcznik użytkownika

System dostarczania treści podręcznik użytkownika System dostarczania treści podręcznik użytkownika Leonardo da Vinci Transfer innowacji MEDILINGUA - Advancing vocational competences in foreign languages for paramedics MEDILINGUA - Rozwój umiejętności

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

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

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

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 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

Spersonalizowany Plan Biznesowy

Spersonalizowany Plan Biznesowy Spersonalizowany Plan Biznesowy Zarabiaj pieniądze poprzez proste dzielenie się tym unikalnym pomysłem. DUPLIKOWANIE TWOJEGO BIZNESU EN101 W En101, usiłowaliśmy wyjąć zgadywanie z marketingu. Poniżej,

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

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

Wykład 1: HTML (XHTML) Michał Drabik

Wykład 1: HTML (XHTML) Michał Drabik Wykład 1: HTML (XHTML) Michał Drabik 1 Czyli to wszystko co trzeba wiedzieć aby zacząć tworzyć strony internetowe. 2 HTML 4 HTML = HyperText Markup Language Hipertekstowy język znaczników umożliwiający

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

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

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

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

Tell a Story. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć własną stronę internetową, by opowiedzieć historyjkę, dowcip albo wiersz.

Tell a Story. Wstęp HTML & CSS. W tym projekcie nauczycie się, jak stworzyć własną stronę internetową, by opowiedzieć historyjkę, dowcip albo wiersz. HTML & CSS 1 Tell a Story 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

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

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

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

IDZ DO KATALOG KSI EK TWÓJ KOSZYK CENNIK I INFORMACJE CZYTELNIA PRZYK ADOWY ROZDZIA SPIS TREŒCI KATALOG ONLINE ZAMÓW DRUKOWANY KATALOG

IDZ DO KATALOG KSI EK TWÓJ KOSZYK CENNIK I INFORMACJE CZYTELNIA PRZYK ADOWY ROZDZIA SPIS TREŒCI KATALOG ONLINE ZAMÓW DRUKOWANY KATALOG IDZ DO PRZYK ADOWY ROZDZIA KATALOG KSI EK ZAMÓW DRUKOWANY KATALOG TWÓJ KOSZYK SPIS TREŒCI KATALOG ONLINE DODAJ DO KOSZYKA CENNIK I INFORMACJE ZAMÓW INFORMACJE ONOWOŒCIACH Sudoku. 101 ³amig³ówek dla zaawansowanych

Bardziej szczegółowo

Aplikacje WWW - laboratorium

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

Bardziej szczegółowo

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

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

Naśladować Rynek Użytkownik Pomysł Koncepcja Ocena. Rozwiązanie problemu można znaleźć w miejscu, gdzie nikt zazwyczaj nie zagląda.

Naśladować Rynek Użytkownik Pomysł Koncepcja Ocena. Rozwiązanie problemu można znaleźć w miejscu, gdzie nikt zazwyczaj nie zagląda. Analiza Rozwiązanie problemu można znaleźć w miejscu, gdzie nikt zazwyczaj nie zagląda. Jeśli chcesz stworzyć nową koncepcję fastfood, przyjrzyj się restauracjom, ale inspirację dla innowacyjnych koncepcji

Bardziej szczegółowo

Responsive Web Design:

Responsive Web Design: Responsive Web Design: jeden serwis, wiele urządzeń Konferencja i warsztaty 23.01.2014 Poznań Organizator: Polski reprezentant UXAlliance Zaprojektowaliśmy responsywne serwisy między innymi dla: Responsive

Bardziej szczegółowo

1 Prezentacja oferty StudioGS

1 Prezentacja oferty StudioGS 1 Prezentacja oferty StudioGS 2 Prezentacja oferty StudioGS Kim jesteśmy Powstanie naszej firmy to efekt połączenia sił kilku osób związanych z różnymi gałęziami informatyki programiści, webmasterzy, graficy

Bardziej szczegółowo

PRZEWODNIK PO PRZEDMIOCIE

PRZEWODNIK PO PRZEDMIOCIE Nazwa przedmiotu: Kierunek: Informatyka Rodzaj przedmiotu: moduł specjalności obowiązkowy: Inżynieria oprogramowania, Programowanie aplikacji internetowych Rodzaj zajęć: wykład, laboratorium I KARTA PRZEDMIOTU

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

Oferta, obok której nie przejdziesz obojętnie...

Oferta, obok której nie przejdziesz obojętnie... Oferta, obok której nie przejdziesz obojętnie... Oferta, którą prezentujemy na tej stronie obejmuję budowę stron internetowych w oparciu o proste, czytelne, wysokiej jakości gotowe autorskie szablony(

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

Praktyczny Biznesowy Kurs DVD + książka

Praktyczny Biznesowy Kurs DVD + książka Praktyczny Biznesowy Kurs DVD + książka Praktyczny Biznesowy Kurs DVD + książka Od Pomysłu do Pieniędzy to praktyczny kurs DVD + książka podręcznik, który opracowałem na bazie kilkunastu lat moich doświadczeń

Bardziej szczegółowo

INFORMATYKA MÓJ SPOSÓB NA POZNANIE I OPISANIE ŚWIATA.

INFORMATYKA MÓJ SPOSÓB NA POZNANIE I OPISANIE ŚWIATA. SCENARIUSZ LEKCJI OPRACOWANY W RAMACH PROJEKTU: INFORMATYKA MÓJ SPOSÓB NA POZNANIE I OPISANIE ŚWIATA. PROGRAM NAUCZANIA INFORMATYKI Z ELEMENTAMI PRZEDMIOTÓW MATEMATYCZNO-PRZYRODNICZYCH Autorzy scenariusza:

Bardziej szczegółowo

Komunikacja. Bez zakłóceń i szumów, czyli bez problemów.

Komunikacja. Bez zakłóceń i szumów, czyli bez problemów. Komunikacja Komunikacja to przekaz informacji od nadawcy do odbiorcy. Maksimum zgodności pomiędzy komunikatem nadawcy a interpretacją przekazu przez odbiorcę stanowi o sukcesie komunikacji. Bez zakłóceń

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

to jest właśnie to, co nazywamy procesem życia, doświadczenie, mądrość, wyciąganie konsekwencji, wyciąganie wniosków.

to jest właśnie to, co nazywamy procesem życia, doświadczenie, mądrość, wyciąganie konsekwencji, wyciąganie wniosków. Cześć, Jak to jest, że rzeczywistość mamy tylko jedną i czy aby na pewno tak jest? I na ile to może przydać się Tobie, na ile to może zmienić Twoją perspektywę i pomóc Tobie w osiąganiu tego do czego dążysz?

Bardziej szczegółowo

Profesjonalny efekt szybko i łatwo z darmowym oprogramowaniem Avery Design & Print

Profesjonalny efekt szybko i łatwo z darmowym oprogramowaniem Avery Design & Print Profesjonalny efekt szybko i łatwo z darmowym oprogramowaniem Avery Design & Print Drukuj na etykietach Avery Zweckform szybko i łatwo przy użyciu darmowych szablonów i oprogramowania. Niezależnie od tego,

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

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu:

Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Jak dodać wpis? Po zalogowaniu na blog znajdujesz się w panelu administracyjnym. Po lewej stronie widzisz menu: Klikasz Wpisy, a następnie Dodaj nowy i otwiera się taki ekran: 1 W tym miejscu tworzysz

Bardziej szczegółowo