Zajęcia nr 15 JavaScript wprowadzenie do JavaScript
|
|
- Julia Stefaniak
- 8 lat temu
- Przeglądów:
Transkrypt
1 Zajęcia nr 15 JavaScript wprowadzenie do JavaScript Prowadzący: Andrzej Gąsienica-Samek, strona kółka Wprowadzenie do jsfiddle.net Uruchom Chrome i wejdź na stronę Ekran jest podzielony na parę części: 1. Pasek na górze z przyciskami: a. Run uruchamia program b. Save lub Update zapisuje program. W pasku adresu pojawia się nowy adres, który należy zapamiętać lub zapisać (np. ). c. TidyUp ładnie formatuje nasz program 2. Po lewej Menu z dużą ilością opcji (na początku mało interesujące). 3. Cztery główne pola po prawej: a. HTML tutaj wpisujemy szablon strony WWW do wyświetlenia. b. CSS tutaj wpisujemy style (na początku mało interesujące). c. JavaScript tutaj wpisujemy program d. Result tutaj pojawia się strona WWW i wynik działania programu Prosta strona WWW Zacznijmy od stworzenia prostej strony WWW. W okienku HTML wpiszmy: <p>to jest <b>mój</b> <i>obrazek</i>:</p> <canvas id="rysunekid" width="400" height="300" style="border: solid 1px"> </canvas> Następnie naciśnij Run. Zobacz co pojawiło się w okienku result. Powinno to wyglądać mniej więcej tak: To jest mój obrazek: Języka HTML składa się z tekstu (tutaj To jest mój obrazek ) i tzw. tagów, które piszemy w nawiasach trójkątnych. Tagi otwieramy pisząc w nawiasach nazwę tagu, np. <b>, a zamykamy pisząc nazwę tagu poprzedzoną slashem też w nawiasach, np. </b>. Niektóre tagi mają parametry, które umieszczamy przy otwieraniu tagu, np. tag canvas ma parametr width="400", który określa jego szerokość. Parametr style określa style, np. style="border: solid 1px" mówi, że element ma mieć ramkę ciągłą o grubości 1px. Więcej tagów może poznać szukając w Internecie haseł: html lista tagów Przy nauce programowania w JavaScript i HTML będziemy bardzo często używali wyszukiwarek, żeby poszerzać naszą wiedzę. Będę podawał hasła, których warto wyszukiwać. Uruchom wtedy wyszukiwarkę (np. Google), wpisz te hasła i przejrzyj kilka pierwszych stron. Wybierz tą, która najbardziej ci pasuje. Następnie poeksperymentuj ze znalezionymi wynikami w twoim programie. AGS Zajęcia nr 15 JavaScript 1 / 5
2 Przykładowy program w JavaScript rysujący na Canvas Na naszej stronie WWW użyliśmy tagu Canvas. Wygląda on jak prostokąt, gdyż określiliśmy mu odpowiedni styl ramki. Tag Canvas tworzy element, na którym można rysować. Do okienka JavaScript wpisz następujący program: c.font = '10px Arial'; c.fillstyle = 'rgb(0, 255, 0)'; var i = 0; while (i < 10) { c.filltext('hello ' + i, i * 30, i * ); i = i + 1; } Przed uruchomieniem programu warto wywołać konsolę Chrome wciskając przycisk menu w prawym górnym rogu Chrome (trzy kreski), następnie Narzędzia i Konsola JavaScript. Można też użyć kombinacji Shift+Ctrl+J. Na konsoli pokażą się komunikaty o ewentualnych błędach w programie. Zawsze warto mieć ją włączoną. Uruchom program wciskając Run. Program powinien wygenerować następujący wynik: Zobaczmy co się dzieje w programie: Ta instrukcja tworzy zmienną c i przypisuje do niej obiekt do rysowania, wyciągnięty z tagu, który ma parametr id= RysunekID. Zmienne w JavaScript mogą przechowywać liczby, napisy i obiekty. Obiekty to bardzo różne rzeczy, które udostępniają nam tzw. metody. Na razie skupimy się na obiekcie do rysowania. AGS Zajęcia nr 15 JavaScript 2 / 5
3 Mamy więc zmienną c i przypisaną do niego referencję do obiektu rysowania. W skrócie możmy powiedzieć, że zmianna c to obiekt rysowania. Dalej: c.font = "10px Arial"; c.fillstyle = "rgb(0, 255, 0)"; Te dwie instrukcje nadają atrybuty obiektowi, do którego referencja jest trzymana w zmiennej c. W skrócie nadajemy atrybuty obiektowi c. Atrybut font określa, jaką czcionką będziemy pisać. Tutaj jest to Arial o wielkości 10 pikseli. Atrybut fillstyle mówi, że będziemy rysowali kolorem zielonym. Więcej nazw czcionek możesz znaleźć szukając w Google: html font list Wybór kolorów możesz dokonać szukając: rgb color var i = 0; while (i < 10) {... i = i + 1; } Ten kod powinien być w miarę zrozumiały deklarujemy zmienną i, przypisujemy do niej 0 i robimy pętlę przechodzącą od 0 do 9. c.filltext('hello ' + i, i * 30, i * ); Ta instrukcja pisze tekst. Dokładnie robi to metoda filltext. Przyjmuje ona trzy parametry: tekst, który chcemy wypisać, tutaj: 'hello ' + i pozycję w poziomie na rysunku, tutaj: i * 30 pozycję w pionie na rysunku, tutaj: i * Zauważ, że symbol + w wyrażeniu 'hello ' + i nie jest operacją dodawania liczb, a łączenia napisów. W JavaScript symbol plus jest używany zarówno do dodawania liczb, jak i łączenia napisów. Więcej metod obiektu canvas znajdziesz szukając: javascript canvas metody W tym wyszukiwaniu każde słowo jest istotne. javascript mówi, o jaki język chodzi. Jeśli nie użyjesz tego słowa to dostaniesz opis obiektów canvas w wielu innych językach, gdyż jest to bardzo popularna nazwa na obiekty. W każdym języku jednak taki obiekt będzie miał inny zestaw metod. Słowo canvas w wyszukiwaniu mówi nam właśnie o jaki obiekt chodzi, a słowo metody spowoduje dwie rzeczy: dostaniemy listę metod oraz głównie strony w języku polskim. Wpisz w wyszukiwarkę samo javascript canvas, a dostaniesz głównie strony w języku angielskim. Zadania Zadanie 1 Zapełnij cały obiekt Canvas literkami X. Zadanie 2 Napisz zdanie Prawy dolny róg, tak żeby było na samym dole Canvasu i dosunięte do prawej, ale nie może wychodzić poza Canvas. AGS Zajęcia nr 15 JavaScript 3 / 5
4 Zadanie 3 Wypełnij cały Canvas kolorem niebieskim i napisz na nim swoje imię kolorem żółtym. Wyszukaj w internecie nazwy metody wypełniającej prostokąt oraz sprawdź w internecie jaki kod ma kolor niebieski, a jaki kolor żółty. Rysowanie linii na Canvas Wpisz poniższy program: c.fillstyle = 'rgb(0, 255, 0)'; c.beginpath(); c.moveto(10, 10); c.lineto(100, 20); c.lineto(30, 200); c.fill(); c.strokestyle = 'rgb(0, 0, 255)'; c.linewidth = 5; c.stroke(); I zobacz jak działa. Użyte metody: fillstyle atrybut określający kolor (lub styl) kolejno rysowanych wypełnień. beginpath() - bez parametrów, rozpoczyna ścieżkę czyli figurę. moveto(x,y) przesuwa do podanej pozycji, bez rysowania linii lineto(x,y) rysuje linię od ostatniego punktu do podanej pozycji fill() - bez parametrów, wypełnia figurę strokestyle atrybut określający kolor (lub styl) kolejno rysowanym liniom. linewidth atrybut określający szerokość rysowanych kolejno linii stroke() - metoda, które rysuje linie na określonej ścieżce. Zadania Zadanie 5. Zapełnij cały canvas kwadratami: Zadanie 5. Zapełnij cały canvas kwadratami w różnych kolorach. Napis określający kolor możesz wygenerować pisząc, np.: var kolor = 'rgb(' + x + ',' + x + ',' + x + ')'; c.fillstyle = kolor; Ta instrukcja przypisze do zmiennej kolor napisz rgb(123,123,123), jeśli w zmiennej x będzie AGS Zajęcia nr 15 JavaScript 4 / 5
5 wartość 123. A następnie określi styl wypełnienia na kolor. Poeksperymentuj z innymi zmiennymi. Pamiętaj, że wartości kolorów rgb powinny być pomiędzy 0 a 255. W domu zrób rysunek, z którego będziesz dumny, pokazujący nowe metody rysowania, które wyszukałeś w internecie. Rozwiązania zadań domowych wyślij na adres agsamek@gmail.com Informacje o kolejnym kółku znajdziesz na stronie kółka: AGS Zajęcia nr 15 JavaScript 5 / 5
WAŻNE! colour.me Google Fonts tutaj
Otwieramy dokument, ustalamy podstawowe parametry. 1. Wpisujemy liczbę stron w tym przypadku będą to 2 (przód i tył). 2. Ustalamy rozmiar docelowy w tym przypadku 85x55 mm. 3. Odznaczamy opcję: strony
Bardziej szczegółowoPrzed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt
Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt Zadanie: Utwórz szablon rysunkowy składający się z: - warstw - tabelki rysunkowej w postaci bloku (według wzoru poniżej)
Bardziej szczegółowoTworzenie prezentacji w MS PowerPoint
Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje
Bardziej szczegółowoPętla while. Prowadzący: Łukasz Dunaj, strona kółka: atinea.pl/kolko
Pętla while Prowadzący: Łukasz Dunaj, strona kółka: atinea.pl/kolko 1. Uruchom przeglądarkę internetową (najlepiej Google Chrome). 2. Wejdź na stronę kółka atinea.pl/kolko i otwórz edytor programów. 3.
Bardziej szczegółowoWIZUALIZACJA INFORMACJI TEKSTOWEJ WSTĘP DO HTML 5 CANVAS
WIZUALIZACJA INFORMACJI TEKSTOWEJ WSTĘP DO HTML 5 CANVAS Autor prezentacji: Michał Kołkowski Promotor: prof dr. hb. Włodzisław Duch SPIS TREŚCI 1. Ogólnie o Canvasie 2. Utworzenie szablonu do pracy z Canvas
Bardziej szczegółowo1. Dockbar, CMS + wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron... 3
DODAJEMY TREŚĆ DO STRONY 1. Dockbar, CMS + wyszukiwarka aplikacji... 2 2. Dodawanie portletów... 3 Widok zawartości stron... 3 Omówienie zawartości portletu (usunięcie ramki itd.)... 4 3. Ikonki wybierz
Bardziej szczegółowoDODAJEMY TREŚĆ DO STRONY
DODAJEMY TREŚĆ DO STRONY SPIS TREŚCI Pasek narzędzi i wyszukiwarka aplikacji... 2 Dodawanie portletów... 3 Widok zawartości stron... 4 Zawartość portletu... 5 Ikonki wybierz oraz dodaj zawartość stron...
Bardziej szczegółowonarzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.
Elementy programu Paint Aby otworzyć program Paint, należy kliknąć przycisk Start i Paint., Wszystkie programy, Akcesoria Po uruchomieniu programu Paint jest wyświetlane okno, które jest w większej części
Bardziej szczegółowoObsługa mapy przy użyciu narzędzi nawigacji
Obsługa mapy przy użyciu narzędzi nawigacji Narzędzia do nawigacji znajdują się w lewym górnym rogu okna mapy. Przesuń w górę, dół, w lewo, w prawo- strzałki kierunkowe pozwalają przesuwać mapę w wybranym
Bardziej szczegółowoPrzewodnik... Tworzenie Landing Page
Przewodnik... Tworzenie Landing Page Spis treści Kreator strony landing page Stwórz stronę Zarządzaj stronami 2 Kreator strony landing page Kreator pozwala stworzyć własną stronę internetową z unikalnym
Bardziej szczegółowoProfil pracownika. Wydziału Neofilologii
Profil pracownika Wydziału Neofilologii Logowanie Aby zalogować się do strony Wydziału Neofilologii należy postępować tak samo jak przy pierwszych krokach rejestracji. 1. Z górnego menu wybrać zakładkę
Bardziej szczegółowoCorelDRAW. wprowadzenie
CorelDRAW wprowadzenie Źródło: Podręcznik uŝytkownika pakietu CorelDRAW Graphics Suite 12 Rysowanie linii 1. Otwórz program CorelDRAW. 2. Utwórz nowy rysunek i zapisz go w swoich dokumentach jako [nazwisko]_1.cdr
Bardziej szczegółowoMicrosoft Small Basic
Microsoft Small Basic Okno grafiki Szacowany czas trwania lekcji: 1 godzina Okno grafiki Podczas tej lekcji uzyskasz informacje na temat: Instrukcji używających obiektu GraphicsWindow. Właściwości obiektu
Bardziej szczegółowoedycja szablonu za pomocą programu NVU
edycja szablonu za pomocą programu NVU 2 Edycja szablonu za pomocą dodatkowego oprogramowania daje nam znacznie więcej możliwości. Zarówno posiada wiele dodatkowych opcji formatowania tekstu jak również
Bardziej szczegółowoJak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP
Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP Niniejszy tutorial jest wyłączną własnością Doroty Ciesielskiej Zapraszam na moją stronę http://www.direktorek03.wm studio.pl oraz
Bardziej szczegółowoWczytywanie i wypisywanie
Wczytywanie i wypisywanie Prowadzący: Łukasz Dunaj, strona kółka: atinea.pl/kolko 1. Uruchom przeglądarkę internetową (najlepiej Google Chrome). 2. Wejdź na stronę kółka atinea.pl/kolko i otwórz edytor
Bardziej szczegółowoProfil pracownika. Wydziału Neofilologii
Profil pracownika Wydziału Neofilologii Logowanie Nauczyciele akademiccy Aby zalogować się do strony Wydziału Neofilologii należy postępować tak samo jak przy pierwszych krokach rejestracji. 1. Z górnego
Bardziej szczegółowoPOMIARY WIDEO W PROGRAMIE COACH 5
POMIARY WIDEO W PROGRAMIE COACH 5 Otrzymywanie informacji o położeniu zarejestrowanych na cyfrowym filmie wideo drobin odbywa się z wykorzystaniem oprogramowania do pomiarów wideo będącego częścią oprogramowania
Bardziej szczegółowoINSTRUKCJA OBSŁUGI PLATFORMY KONSULTACJI SPOŁECZNYCH
INSTRUKCJA OBSŁUGI PLATFORMY KONSULTACJI SPOŁECZNYCH (do wersji 2.01) Wersja 0.2 Data powstania 24.06.2015r. Spis treści: Instrukcja dla Uczestników Konsultacji Społecznych... 3 Okno systemu... 3 Menu
Bardziej szczegółowoedycja szablonu za pomocą serwisu allegro.pl
edycja szablonu za pomocą serwisu allegro.pl 2 Do obsługi Twojego szablonu nie jest wymagane żadne dodatkowe oprogramowanie - jedyne czego potrzebujesz to aktywne konto w serwisie allegro.pl. Dokładne
Bardziej szczegółowoSerwis jest dostępny w internecie pod adresem www.solidnyserwis.pl. Rysunek 1: Strona startowa solidnego serwisu
Spis treści 1. Zgłoszenia serwisowe wstęp... 2 2. Obsługa konta w solidnym serwisie... 2 Rejestracja w serwisie...3 Logowanie się do serwisu...4 Zmiana danych...5 3. Zakładanie i podgląd zgłoszenia...
Bardziej szczegółowoĆwiczenie 2 Warstwy i kształty podstawowe
Ćwiczenie 2 Warstwy i kształty podstawowe Poznamy podstawy pracy z nowym obrazkiem w Adobe Photoshop: - zapisywanie własnego ustawienia nowo tworzonego pliku - wybór kolorów, tworzenie własnych próbek
Bardziej szczegółowoinż. Konrad Postawa Akademia Aktywnego Seniora Wolontariusza
inż. Konrad Postawa Akademia Aktywnego Seniora Wolontariusza W ramach programu: Organizator: Wrocław 2012 POCZTA ELEKTRONICZNA I BLOG POCZTA ELEKTRONICZNA I BLOG Na początek Muszę zacząć od tego, że istnieje
Bardziej szczegółowoOd elitarnych kuźni olimpijczyków do powszechnego systemu wspierania uczniów w wybitnie uzdolnionych. Gdańsk, maja 2012 r.
Od elitarnych kuźni olimpijczyków do powszechnego systemu wspierania uczniów w wybitnie uzdolnionych Gdańsk, 12-13 13 maja 2012 r. Strona główna g portalu Portal Zdolni z Pomorza dostępny jest pod adresem:
Bardziej szczegółowoW dowolnej przeglądarce internetowej należy wpisać poniższy adres: https://sip.powiat.chelm.pl/imap/
Kurs 2 mapa turysty Uruchomienie aplikacji. W dowolnej przeglądarce internetowej należy wpisać poniższy adres: https://sip.powiat.chelm.pl/imap/ Zawartość Modułu - Mapa turysty Moduł w części publicznej
Bardziej szczegółowoModelowanie obiektowe - Ćw. 1.
1 Modelowanie obiektowe - Ćw. 1. Treść zajęć: Zapoznanie z podstawowymi funkcjami programu Enterprise Architect (tworzenie nowego projektu, korzystanie z podstawowych narzędzi programu itp.). Enterprise
Bardziej szczegółowoMinimalna wspierana wersja systemu Android to 2.3.3 zalecana 4.0. Ta dokumentacja została wykonana na telefonie HUAWEI ASCEND P7 z Android 4.
Dokumentacja dla Scandroid. Minimalna wspierana wersja systemu Android to 2.3.3 zalecana 4.0. Ta dokumentacja została wykonana na telefonie HUAWEI ASCEND P7 z Android 4. Scandroid to aplikacja przeznaczona
Bardziej szczegółowoMS Access formularze
MS Access formularze Formularze to obiekty służące do wprowadzania i edycji danych znajdujących się w tabelach. O ile wprowadzanie danych bezpośrednio do tabel odbywa się zawsze w takiej samej formie (arkusz
Bardziej szczegółowoPOMOC / INSTRUKCJA OBSŁUGI
POMOC / INSTRUKCJA OBSŁUGI 1. Powiększanie mapy 2. Plakat 3. Schemat lekcji 4. Broszura informacyjna 5. Instrukcja obsługi Pasek narzędzi i menu wyboru Zmiana skali mapy Mini mapa - podgląd na położenie
Bardziej szczegółowo4. PRZEWODNIK DLA NAUCZYCIELA
4. PRZEWODNIK DLA NAUCZYCIELA Wstęp, to uniwersalna aplikacja umożliwiająca diagnozowanie mocnych i słabych stron ucznia. Wyłonione kompetencje społeczne istotne z punktu widzenia pracodawców oraz potrzeb
Bardziej szczegółowoRozdział ten zawiera informacje o sposobie konfiguracji i działania Modułu OPC.
1 Moduł OPC Moduł OPC pozwala na komunikację z serwerami OPC pracującymi w oparciu o model DA (Data Access). Dzięki niemu można odczytać stan obiektów OPC (zmiennych zdefiniowanych w programie PLC), a
Bardziej szczegółowoJak zainstalować szablon allegro?
Jak zainstalować szablon allegro? W mailu z zakupionym szablonem otrzymali państwo plik zip z numerem szablonu w nazwie. Należy najpierw go rozpakować. W paczce znajduję się pliki: 1. index[nrszablonu].txt
Bardziej szczegółowoProjekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Projekt graficzny z metamorfozą (ćwiczenie dla grup I i II modułowych) Otwórz nowy rysunek. Ustal rozmiar arkusza na A4. Z przybornika wybierz rysowanie elipsy (1). Narysuj okrąg i nadaj mu średnicę 100
Bardziej szczegółowoC-geo definicja/edycja obiektów, zapis danych w formacie shape
C-geo definicja/edycja obiektów, zapis danych w formacie shape 1. ZałoŜenie projektu i tabeli. Aby rozpocząć pracę przy aktualizacji mapy zasadniczej, naleŝy załoŝyć nowy projekt, w nim nową tabelę roboczą,
Bardziej szczegółowoMultimedia i interfejsy. Ćwiczenie 5 HTML5
Multimedia i interfejsy Ćwiczenie 5 HTML5 Celem ćwiczenia jest poznanie nowych elementów wprowadzonych w HTML 5, do których należą m.in. video oraz canvas. Poniższy opis przedstawia sposób użycia tych
Bardziej szczegółowoJak założyć stronę na blogu?
Jak założyć stronę na blogu? lewej stronie widzisz menu: 1. Po zalogowaniu na blog znajdziesz się w panelu administracyjnym. Po 2. Klikasz Strony, a następnie Dodaj nową i otwiera się taki ekran: 1 3.
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoObsługa programu Paint. mgr Katarzyna Paliwoda
Obsługa programu Paint. mgr Katarzyna Paliwoda Podstawowo program mieści się w Systemie a dojście do niego odbywa się przez polecenia: Start- Wszystkie programy - Akcesoria - Paint. Program otwiera się
Bardziej szczegółowoINSTRUKCJA OBSŁUGI FORMULARZA ZAMÓWIEŃ
INSTRUKCJA OBSŁUGI FORMULARZA ZAMÓWIEŃ Formularz Microsoft Office Excel posiada wiele przydatnych funkcji, które usprawnią nam proces zamówienia produktów takich jak np. 1. Wyszukiwanie produktów 2. Podsumowanie
Bardziej szczegółowonetster instrukcja obsługi
Spis treści netster instrukcja obsługi Informacje wstępne...2 Logowanie do systemu...2 Widok po zalogowaniu...2 Menu systemu...3 Zarządzanie treścią...3 Treść...5 Przenieś...6 Dodaj podstronę...6 Newsy...7
Bardziej szczegółowoVetLINK moduł MAPA Instrukcja obsługi
VetLINK moduł MAPA Instrukcja obsługi Spis treści Wstęp...1 Przeglądanie i filtrowanie danych...3 Dodawanie nowych obiektów...3 Dodawanie miejsca...3 Dodawanie ogniska...3 Dodawanie obszaru...4 Wstęp Moduł
Bardziej szczegółowoABC poczty elektronicznej
ABC poczty elektronicznej Spotkanie Agenda spotkania: o sobie czym jest poczta elektroniczna zakładamy własną skrzynkę pocztową Pamiętaj, jeśli czegoś nie rozumiesz, pytaj od razu. Czym jest poczta elektroniczna
Bardziej szczegółowoSTAŁY KLIENT PODRĘCZNIK UŻYTKOWNIKA WERSJA 1.1.3
STAŁY KLIENT PODRĘCZNIK UŻYTKOWNIKA WERSJA 1.1.3 SPIS TREŚCI Wersja 1.1.3 Strona 3 Moduł Stały Klient jest programem lojalnościowym, który umożliwia wydawanie kart stałego klienta dla wybranych gości
Bardziej szczegółowoPrezentacje multimedialne w Powerpoint
Prezentacje multimedialne w Powerpoint Ćwiczenie 1. Tworzenie prezentacji multimedialnej. POMOC DO ĆWICZENIA Dostęp do pomocy w programie: menu Pomoc Microsoft Office PowerPoint Pomoc. Aby ustawić tło
Bardziej szczegółowoSimba 3D LOGO. Cele zajęć: - Poznanie zasad i sposobów tworzenia procedur z parametrami. - Poznanie zasad wywoływania procedur z parametrami.
Simba 3D LOGO Scenariusz lekcji Dokument zawiera cykl proponowanych scenariuszy lekcji z wykorzystaniem programu dydaktycznego Simba 3D LOGO. Program ten oparty jest na edukacyjnym języku programowania
Bardziej szczegółowoPomoc dla systemu WordPress
Pomoc dla systemu WordPress Ten plik pomocy przeznaczony jest dla pluginu stat24 w wersji 0.2. W tym pluginie porzucono wsparcie dla starszych wersji WordPress (niższych niż 1.5) oraz zrezygnowano z opcji
Bardziej szczegółowoPierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Bardziej szczegółowoPokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.
Tworzenie grafiki Jest wiele oprogramowania służącego tworzeniu grafiki. Wiele z nich daje tylko podstawowe możliwości (np. Paint). Są też programy o rozbudowanych możliwościach przeznaczone do robienia
Bardziej szczegółowoInstrukcja obsługi. Helpdesk. Styczeń 2018
Instrukcja obsługi Helpdesk Styczeń 2018 1 Spis treści: Ogólna obsługa Helpdesk...3 1. Logowanie do systemu....3 2. Menu główne...3 2.1 Strona domowa...4 2.2 Zmiana hasła...6 3. Otwarcie zgłoszenia...6
Bardziej szczegółowoTechnologie Internetowe Raport z wykonanego projektu Temat: Internetowy sklep elektroniczny
Technologie Internetowe Raport z wykonanego projektu Temat: Internetowy sklep elektroniczny AiRIII gr. 2TI sekcja 1 Autorzy: Tomasz Bizon Józef Wawrzyczek 2 1. Wstęp Celem projektu było stworzenie sklepu
Bardziej szczegółowoPokaz 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ółowoInstalacja i obsługa aplikacji MAC Diagnoza EW
Instalacja i obsługa aplikacji MAC Diagnoza EW Uruchom plik setup.exe Pojawi się okno instalacji programu MAC Diagnoza EW. Wybierz przycisk AKCEPTUJĘ. Następnie zainstaluj program, wybierając przycisk
Bardziej szczegółowoUwaga WAŻNE!!!!! Do prawidłowego działania systemu na komputerze użytkowników potrzebna jest obecność maszyny wirtualnej java (JRE).
Uwaga WAŻNE!!!!! Do prawidłowego działania systemu na komputerze użytkowników potrzebna jest obecność maszyny wirtualnej java (JRE). 1. Jak sprawdzić czy mam zainstalowaną wirtualną maszynę javy? Należy
Bardziej szczegółowoZajęcia nr 3_cz2 Praca z tekstem: WORD Wzory matematyczne. Tabele
Zajęcia nr 3_cz2 Praca z tekstem: WORD Wzory matematyczne. Tabele W swoim folderze utwórz folder o nazwie 5_11_2009, wszystkie dzisiejsze zadania wykonuj w tym folderze. Na dzisiejszych zajęciach nauczymy
Bardziej szczegółowoKrok 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ółowoPyX jest pakietem Pythona do grafiki wektorowej. Pozawala zatem tworzyd pliki EPS oraz PDF.
PyX jest pakietem Pythona do grafiki wektorowej. Pozawala zatem tworzyd pliki EPS oraz PDF. Aby go zainstalowad należy rozpakowad pakiet o nazwie PyX-0.10 do odpowiedniego katalogu. Będzie on dostępny
Bardziej szczegółowoedistro.pl Spis treści
Spis treści 1 Spis treści 1 Spis treści... 2 2 Obsługa systemu... 3 2.1 Wymagania... 3 2.2 Uzyskiwanie dostępu do edistro... 3 2.3 Sprawdzenie czy mam włączony JavaScript... 4 2.3.1 Internet Explorer...
Bardziej szczegółowoKurs WWW. Paweł Rajba. pawel@ii.uni.wroc.pl http://pawel.ii.uni.wroc.pl/
Paweł Rajba pawel@ii.uni.wroc.pl http://pawel.ii.uni.wroc.pl/ Spis treści Obsługa obrazków w PHP Wprowadzenie Tworzenie i niszczenie obrazka Kolory Funkcje od obsługi obrazków - 1 - Wprowadzenie Przygotowanie
Bardziej szczegółowoUMIESZCZANIE WIADOMOŚCI NA SZKOLNEJ STRONIE INTERNETOWEJ
UMIESZCZANIE WIADOMOŚCI NA SZKOLNEJ STRONIE INTERNETOWEJ T U T O R I A L Z A W I E R A : 1. W P R O W A D Z E N I E D O Z A P L E C Z A W O R D P R E S S A 2. D O D A W A N I E G A L E R I I 3. D O D A
Bardziej szczegółowoWejście na stronę. Na stronie gis.mikolow.eu klikamy w niebieskie okno z napisem GEOPORTAL. i przechodzimy do modułu drogi gminne
Spis treści Wejście na stronę...2 Ogólny opis... 4 Serwisy mapowe...4 Warstwy... 5 Moduł drogi gminne...6 Obwody wyborcze...7 Nawierzchnie dróg...8 Obszary drogowe...9 Droga grupowa...10 Droga pojedyncza...11
Bardziej szczegółowoPrzewodnik po obszarze roboczym
Przewodnik po obszarze roboczym Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. Projekty tworzone
Bardziej szczegółowoKurs Adobe Photoshop Elements 11
Kurs Adobe Photoshop Elements 11 Gladiatorx1 Kształty, kształty własne 2015-01- 01 Spis treści Wstęp... 2 Kształty... 2 Opcje narzędzia... 2 Rysujemy kształty... 5 Opcje dodawania, odejmowania obszaru
Bardziej szczegółowoNie wiesz co się dzieje w Twojej Gminie? Dowiedz się z Internetu
Nie wiesz co się dzieje w Twojej Gminie? Dowiedz się z Internetu Nota Materiał powstał w ramach realizacji projektu e-kompetencje bez barier dofinansowanego z Programu Operacyjnego Polska Cyfrowa działanie
Bardziej szczegółowoINSTRUKCJA UŻYTKOWNIKA
INSTRUKCJA UŻYTKOWNIKA Jak przeczytać wypożyczoną książkę?... 2 Uzyskanie Adobe ID... 2 Czytanie na komputerze... 3 Uruchomienie programu... 3 Czytanie i zwracanie książek... 4 Logowanie do aplikacji...
Bardziej szczegółowoProjekt K.I.K. Podręcznik użytkownika. Paweł Kieliszczyk, Bartłomiej Kucharczyk, Michał Skrzypkowski, Szymon Wilczek
Projekt K.I.K. Podręcznik użytkownika Paweł Kieliszczyk, Bartłomiej Kucharczyk, Michał Skrzypkowski, Szymon Wilczek 18 stycznia 2010 2 Rozdział 1 Wstęp 1.1 Wprowadzenie Dziękujemy za wybór naszego produktu!
Bardziej szczegółowoSpis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19
Spis treści Wstęp...z... 5 Rozdział 1. Nowa witryna sieci Web...z... 7 Tworzenie szkieletu witryny...s... 7 Ustawienia witryny...s...s... 8 Hierarchia witryny...s...s... 10 Nazwy i tytuły stron...s...s..
Bardziej szczegółowoZadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85
Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych Klasa Średnia 8a 3,54 8b 5,25 8c 4,21 8d 4,85 Do wstawienia wykresu w edytorze tekstu nie potrzebujemy mieć wykonanej tabeli jest ona tylko
Bardziej szczegółowoW tej instrukcji zostanie opisany sposób w jaki tworzy się, edytuje i usuwa obiekty na mapie. Następnie wybierz Rysuj
Rysowanie, edycja, usuwanie Ogólnie W tej instrukcji zostanie opisany sposób w jaki tworzy się, edytuje i usuwa obiekty na mapie. Rysowanie punktu Obiekt na mapie składa się z punktów. Punkt również może
Bardziej szczegółowoERGODESIGN - Podręcznik użytkownika. Wersja 1.0 Warszawa 2010
ERGODESIGN - Podręcznik użytkownika Wersja 1.0 Warszawa 2010 Spis treści Wstęp...3 Organizacja menu nawigacja...3 Górne menu nawigacyjne...3 Lewe menu robocze...4 Przestrzeń robocza...5 Stopka...5 Obsługa
Bardziej szczegółowoWirtualny Ogród PRO. Instrukcja użytkownika. Gardenphilia.com sp. z o.o.
Wirtualny Ogród PRO Instrukcja użytkownika Gardenphilia.com sp. z o.o. Historia zmian dokumentu Wersja Data Zmiany Autor 1.0.0. 2011-03-21 Utworzenie dokumentu. Magdalena Wujec 2 SPIS TREŚCI SPIS TREŚCI...3
Bardziej szczegółowoZaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM
Zaznaczanie komórek Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM Aby zaznaczyć blok komórek które leżą obok siebie należy trzymając wciśnięty LPM przesunąć kursor rozpoczynając od komórki
Bardziej szczegółowoInstrukcja obsługi oraz opis funkcji aplikacji Ginger w systemie android
Instrukcja obsługi oraz opis funkcji aplikacji Ginger w systemie android Aplikacja Ginger w androidzie, krok po kroku: 1. Instalacja WAP/wbudowany moduł wi-fi Za pomocą połączenia internetowego w telefonie
Bardziej szczegółowoPrezentacja multimedialna MS PowerPoint 2010 (podstawy)
Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 2. Wstawianie obiektów do slajdu Do slajdów w naszej prezentacji możemy wstawić różne obiekty (obraz, dźwięk, multimedia, elementy ozdobne),
Bardziej szczegółowoInstrukcja użytkownika TALENTplus Uniwersytet Medyczny we Wrocławiu
Dokument Instrukcja Użytkownika zawiera opis kroków, które należy wykonać w systemie TALENTplus w celu przygotowania się do Rozmowy Oceniającej Logowanie 1. Link do portalu: https://e-talent.umed.wroc.pl
Bardziej szczegółowoMS Word 2010. Długi dokument. Praca z długim dokumentem. Kinga Sorkowska 2011-12-30
MS Word 2010 Długi dokument Praca z długim dokumentem Kinga Sorkowska 2011-12-30 Dodawanie strony tytułowej 1 W programie Microsoft Word udostępniono wygodną galerię wstępnie zdefiniowanych stron tytułowych.
Bardziej szczegółowoJak przesłać mapę do urządzenia lub na kartę pamięci?
Jak przesłać mapę do urządzenia lub na kartę pamięci? Poniższe instrukcje opisują procedury dla programu MapSource w wersji 6.14.1. Jeśli posiadasz starszą wersję możesz dokonać aktualizacji programu pobierając
Bardziej szczegółowoOpis środowiska Scratch
Opis środowiska Scratch Opis środowiska Scratch Środowisko Scratch służy do tworzenia interaktywnych historii, gier, animacji i obrazków za pomocą skryptów układanych z gotowych bloków. Od roku 2013 ma
Bardziej szczegółowoDokumentacja systemu erecepcja.com SYSTEM REJESTRACJI KLIENTÓW PRZEZ INTERNET
Dokumentacja systemu erecepcja.com SYSTEM REJESTRACJI KLIENTÓW PRZEZ INTERNET Lublin 16.01.2012 1 Spis treści REJESTRACJA KONTA W SYSTEMIE... 3 PIERWSZA KONFIGURACJA... 4 PIERWSZA KONFIGURACJA - PLACÓWKI...
Bardziej szczegółowoInstrukcja do modułu Kontroli Zarządczej (KZ)
Instrukcja do modułu Kontroli Zarządczej (KZ) www.budzet-zadaniowy.com 1 Spis treści I Kontrola Zarządcza... 3 II Ogólna budowa KZ... 4 III Tworzenie nowych dokumentów KZ opcja Nowy... 5 IV Otwieranie
Bardziej szczegółowoUMOWY INSTRUKCJA STANOWISKOWA
UMOWY INSTRUKCJA STANOWISKOWA Klawisze skrótów: F7 wywołanie zapytania (% - zastępuje wiele znaków _ - zastępuje jeden znak F8 wyszukanie według podanych kryteriów (system rozróżnia małe i wielkie litery)
Bardziej szczegółowoVBA w Excel Lekcja ta ma przybliżyć pojęcia związane z programowaniem w pakiecie Office. Poniższe przykłady związane są z wersją Office2007.
VBA w Excel Lekcja ta ma przybliżyć pojęcia związane z programowaniem w pakiecie Office. Poniższe przykłady związane są z wersją Office2007. VBA To odmiana języka Basic przystosowany do programowania w
Bardziej szczegółowoPrzetwarzanie grafiki rastrowej na wektorową
Przetwarzanie grafiki rastrowej na wektorową Inaczej wektoryzacja, lub trasowanie, czyli zastąpienie rysunku rastrowego rysunkiem wektorowym. Wykonanie: Piotr Dróżdż Podstawowe różnice między grafiką wektorową,
Bardziej szczegółowo1. Wprowadzenie. 1.1 Uruchamianie AutoCAD-a 14. 1.2 Ustawienia wprowadzające. Auto CAD 14 1-1. Aby uruchomić AutoCada 14 kliknij ikonę
Auto CAD 14 1-1 1. Wprowadzenie. 1.1 Uruchamianie AutoCAD-a 14 Aby uruchomić AutoCada 14 kliknij ikonę AutoCAD-a 14 można uruchomić również z menu Start Start Programy Autodesk Mechanical 3 AutoCAD R14
Bardziej szczegółowoSystem Informatyczny CELAB. Terminy, alarmy
Instrukcja obsługi programu 2.18. Terminy, alarmy Architektura inter/intranetowa Aktualizowano w dniu: 2007-09-25 System Informatyczny CELAB Terminy, alarmy Spis treści 1. Terminy, alarmy...2 1.1. Termin
Bardziej szczegółowoktóra metoda jest najlepsza
która metoda jest najlepsza dr inż. Marek Żabka Instytut Matematyki Wydział Matematyki Stosowanej Politechnika Śląska 20 września 2012r Nowa metoda tworzenia grafiki na stronie internetowej: element,,canvas
Bardziej szczegółowoInstrukcja Integracja z istore. Wersja z 07/02/2015. Copyright Zakupteraz.pl
Instrukcja Integracja z istore Wersja z 07/02/2015 Copyright Zakupteraz.pl 1. SPIS TREŚCI 1. SPIS TREŚCI... 2 2. WSTĘP... 3 3. OPIS PROCEDURY INTEGRACJI... 4 1.1. LOGOWANIE... 4 1.2. PANEL KLIENTA INTEGRACJA
Bardziej szczegółowoZakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów
Aplikacje internetowe KL. III Rok szkolny: 011/01 Nr programu: 31[01]/T,SP/MENIS/004.06.14 Okres kształcenia: łącznie ok. 180 godz. lekcyjne Wojciech Borzyszkowski Zenon Kreft Moduł Bok wprowadzający Podstawy
Bardziej szczegółowoInstrukcja. Zlecenia spedycyjne WWW
Instrukcja Zlecenia spedycyjne WWW Wstęp System umożliwia dodawanie zleceń spedycyjnych przez stronę WWW, klientom firmy Ponetex. Po zalogowaniu się do systemu przez stronę WWW, klient może dodawać, usuwać,
Bardziej szczegółowoEdytor tekstu MS Word 2003 - podstawy
Edytor tekstu MS Word 2003 - podstawy Cz. 4. Rysunki i tabele w dokumencie Obiekt WordArt Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład hasło reklamowe, możemy wykorzystać
Bardziej szczegółowoPraca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku
Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku W swoim folderze utwórz folder o nazwie 29_10_2009, wszystkie dzisiejsze zadania wykonuj w tym folderze. Na dzisiejszych zajęciach nauczymy
Bardziej szczegółowoJAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB?
JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB? Czy można zbudować atrakcyjną stronę WWW w czasie krótkiej przerwy na kawę? W kreatorze Click Web zrobisz to bez trudu. Wystarczy, że
Bardziej szczegółowoCorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu
1. Rysunek rastrowy a wektorowy CorelDRAW Różnice między rysunkiem rastrowym (czasami nazywanym bitmapą) a wektorowym są olbrzymie. Szczególnie widoczne są podczas skalowania (czyli zmiany rozmiaru) rysunku
Bardziej szczegółowoProgram współpracuje z : Windows XP, Powerdraft 2004, v8, XM, Microstation 2004, v8, XM.
Spis treści 1. Informacje ogólne. Wstęp. Wymagania programu. 2. Sposób uruchomienia programu. Uruchomienie poprzez menu microstation. Uruchomienie z menu start. 3. Działanie programu. Zakładka import.
Bardziej szczegółowoWidż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ółowoGłówne elementy zestawu komputerowego
Główne elementy zestawu komputerowego Monitor umożliwia oglądanie efektów pracy w programach komputerowych Mysz komputerowa umożliwia wykonywanie różnych operacji w programach komputerowych Klawiatura
Bardziej szczegółowoMODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ
MODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ E.14. Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami 1. Przykłady zadań do części pisemnej egzaminu dla wybranych umiejętności
Bardziej szczegółowoPodstawy technologii WWW
Podstawy technologii WWW Ćwiczenie 8 PHP, czyli poczatki nowej, dynamicznej znajomosci Na dzisiejszych zajęciach rozpoczniemy programowanie po stronie serwera w języku PHP. Po otrzymaniu żądania serwer
Bardziej szczegółowoCENTRALNA KOMISJA EGZAMINACYJNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2015 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoPodręcznik Sprzedającego. Portal aukcyjny
Podręcznik Sprzedającego Portal aukcyjny Spis treści 1. Czym jest KupTam.pl?... 3 2. Logowanie do serwisu... 3 3. Rejestracja... 4 4. Tworzenie domeny aukcyjnej... 7 5. Wybór domeny... 9 6. Obsługa portalu...
Bardziej szczegółowoI. 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