SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania. ł ęść. dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,



Podobne dokumenty
SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania. Wykład 2. dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,

Wykład 4 Praca z obrazami część I

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania. Wykład 3. dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,

Spis treści. Wprowadzenie 11 Rozdział 1. Pierwsze spotkanie z JavaScriptem 15. Spis treści

Edytor Edit+ - dodawanie zdjęć i. załączników. Instrukcja użytkownika

Programowanie dla początkujących w 24 godziny / Greg Perry, Dean Miller. Gliwice, cop Spis treści

5.4. Efekty specjalne

7. Dynamiczne generowanie grafiki

Funkcje i instrukcje języka JavaScript

Podstawy technologii WWW

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

JAVAScript tablice, przekazanie danych do funkcji, obiekty Date i window

SPECYFIKACJA FORM REKLAMOWYCH

1. Przypisy, indeks i spisy.

Spis treści. O autorze 13 Przedmowa 15 Wprowadzenie 17

TWORZENIE PREZENTACJI MS POWERPOINT

Grafika PHP dla początkujących

SPECYFIKACJA TECHNICZNA

Teraz bajty. Informatyka dla szkoły podstawowej. Klasa VI

Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI: Tablice w PHP 2 CELE LEKCJI: 2.1 Wiadomości: 2.2 Umiejętności: 3 METODY NAUCZANIA

WYŚWIETLACZE GRAFICZNE MAX

REKLAMA INTERNETOWA WYMAGANIA TECHNICZNE

Obiektowy PHP. Czym jest obiekt? Definicja klasy. Składowe klasy pola i metody

Specyfikacja wykonania strony E- wypoczynek.pl Załącznik nr 1

Specyfikacja techniczna

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ

Instrukcja obsługi uczelnianego cmsa

Instrukcja obsługi stron internetowych opartych na systemie Quick.Cms Zawartość

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

1. Ćwiczenia z programem PowerPoint

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Pokaz slajdów na stronie internetowej

Instrukcja obsługi stron internetowych opartych na systemie Quick.Cms Zawartość

WŁĄCZANIE W PRZEGLĄDARKACH INTERNETOWYCH OBSŁUGI SKRYPTÓW JAVASCRIPT

CMS- kontakty (mapa)

Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI: Tworzenie prostych skryptów w PHP 2 CELE LEKCJI: 2.1 Wiadomości: 2.

CMS - INFORMACJE. *** Mirosław Kuduk E mail: tel. kom DODATKOWE FUNKCJE - PANEL ADMINISTRATORA

Być może jesteś doświadczonym programistą, biegle programujesz w Javie,

Laboratorium nr 1. i 2.

Funkcje aplikacji. strona 1

14. POZOSTAŁE CIEKAWE FUNKCJE

Instalowanie dodatku Message Broadcasting

Programowanie w języku Python. Grażyna Koba

SPECYFIKACJA TECHNICZNA

WYŚWIETLACZE GRAFICZNE MAX

Maple i wykresy. 1.1 Najpierw należy się zalogować. Jak to zrobić zostało opisane w moim poprzednim tutorialu.

Aplikacje WWW i PHP - opis przedmiotu

Specyfikacja techniczna form reklamy oferowanych przez serwis e-sieci.pl

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

Sigplus. Galeria w Joomla

Wymagania na poszczególne oceny szkolne dla klasy VI. (na podstawie Grażyny Koba, Teraz bajty. Informatyka dla szkoły podstawowej.

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

Podstawy JavaScript ćwiczenia

Wyszukiwanie informacji w Internecie

Zapisywanie algorytmów w języku programowania

Way2traffic.com. Specyfikacja techniczna dla reklamodawców. Formy reklamowe serwowane w sieci Pixad.

Teraz bajty. Informatyka dla szkoły podstawowej. Klasa VI

if ((_root.clickthru == undefined) && (_root.clicktag)) { _root.clickthru = _root.clicktag;

Ćwiczenie: JavaScript Cookies (3x45 minut)

Informacja o języku. Osadzanie skryptów. Instrukcje, komentarze, zmienne, typy, stałe. Operatory. Struktury kontrolne. Tablice.

Formularze HTML. dr Radosław Matusik. radmat

Instrukcja obsługi stron internetowych opartych na systemie Quick.Cms Zawartość

LWÓWEK ŚLĄSKI A l. W o j s k a P o l s k i e g o 2 5 A L w ó w e k Ś l ą s k i t e l f a x

Witryny i aplikacje internetowe

Rozmieszczenie form reklamowych

Obrazek 1: Interfejs DT. DT Help File v1.3

Formy reklamowe. Specyfikacja techniczna

Viatoll Calc v1.3. Viatoll Calc. Instrukcja użytkownika. Strona 1

przedmiot kilka razy, wystarczy kliknąć przycisk Wyczaruj ostatni,

PRACA Z SZABLONAMI. Artykuł Komunikaty Wydarzenie Reportaż foto Baner Boksy Zobacz również...

inż. Konrad Postawa Akademia Aktywnego Seniora Wolontariusza

Laboratorium 7 Blog: dodawanie i edycja wpisów

Adobe Flash CS6 i ActionScript 3.0 : interaktywne projekty od podstaw / Paweł Zakrzewski. Gliwice, cop Spis treści

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

Wymagania edukacyjne z informatyki dla uczniów klas VI SP nr 53 w Krakowie w roku szkolnym 2019/2020

Brelok do kluczy DeLuxe, 1,5"

GRAFIKA SIECIOWA. WYKŁAD 2 Optymalizacja grafiki. Jacek Wiślicki Katedra Informatyki Stosowanej

CN-GP50N. Instrukcja Obsługi. Przeglądarka obrazów Telefon (Zestaw Głośnomówiący) Polski. Przenośny System Nawigacji

1. INSTALACJA I URUCHOMIENIE KOMUNIKATORA

I. Logowanie do panelu admina

Część XVII C++ Funkcje. Funkcja bezargumentowa Najprostszym przypadkiem funkcji jest jej wersja bezargumentowa. Spójrzmy na przykład.

Instrukcja obsługi szablonów aukcji

Umieszczanie kodu. kod skryptu

Sprawdzenie czy połączenie przebiegło poprawnie if (mysqli_connect_errno()) { echo Błąd; Połączenie z bazą danych nie powiodło się.

ABC Programu Partnerskiego czyli Jak to działa?

WYŚWIETLACZE GRAFICZNE I TEKSTOWE 7 KOLOROWE

Rys.2.1. Drzewo modelu DOM [1]

SYSTEM ZARZĄDZANIA TREŚCIĄ (CMS) STRONY INTERNETOWEJ SZKOŁY PRZEWODNIK

SPECYFIKACJA TECHNICZNA REKLAMY W APLIKACJACH

Uniwersytet Łódzki dla dzieci

instrukcja INSTALACJI APi_proxy

Smarty PHP. Leksykon kieszonkowy

Instrukcja 3wcms najważniejsze funkcje

Wydział Ekonomiczno-Informatyczny w Wilnie. 1. Podstawy programowania strukturalnego (C) 2. Wstęp do programowania obiektowego

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

Spis treści. Informacyjna Agencja Samorządowa tel.: , 2/5

Specyfikacja techniczna

SPECYFIKACJA TECHNICZNA REKLAMY W APLIKACJACH

Transkrypt:

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania ł ęść 1

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania 2

I. Aimowany baner Animowany Baner 3

I. Aimowany baner Animowany Baner Jak przygotować grafikę 4

I. Aimowany baner Animowany Baner 5

I. Aimowany baner Animowany Baner Ad. 3-4 - Ten, tworzący dwie zmienne, kod stanowi podstawę całego skryptu. Pierwszy wiersz tworzy zmienną tablicową o nazwie adimages. W tym przypadku zmienna zawiera nazwy trzech obrazów GIF, które będą cyklicznie wyświetlane na stronie. Druga ze zmiennych nazywa się thisad i otrzymuje od razu swoją początkową wartość zero (pierwszy element tablicy) Ad. 8-9 - Ten kod sprawdza, czy licznik banerów (zmienna thisad) osiągnął ogólną liczbę elementów w tablicy, a jeżeli tak, to wpisuje do zmiennej wartość 0. Ad. 11 - Znajdujący się na stronie obrazek, który będzie poddawany podmianom, ma identyfikator adbanner. Ten wiersz kodu przepisuje adres źródła obrazka z tablicy adlmages z pozycji wyznaczanej zmienną thisad. Ad. 13 - Wbudowane polecenie settimeout() pozwala określić, że po pewnym czasie ma zostać wykonana instrukcja wpisana w poleceniu. W tym przypadku jest to funkcja rotate (), która będzie wywoływana co 3000 milisekund, czyli co trzy sekundy. 6

I. Aimowany baner Animowany Baner - WSKAZÓWKI Wskazówki: Można się zastanawiać, po co konstruować animowane banery za pomocą JavaScriptu, zamiast wykorzystać po prostu animowane obrazki GIF. JavaScript pozwala na zastosowanie w animowanych banerach plików w formacie JPG lub PNG, które umożliwiają tworzenie obrazków o dużo lepszej jakości. Dzięki temu banery mogą mieć niemal fotograficzną jakość. W przeciwieństwie do przedstawianych wcześniej przykładów, obrazki banerów nie są ładowane wcześniej do bufora. Każdy z nich ładowany jest dopiero wtedy, gdy ma zostać wyświetlony. Po prostu w tablicy banerów może znajdować się dowolna liczba obrazów, a zmuszanie przeglądarki do pobierania od razu na przykład 100 obrazów spowodowałoby spadek prędkości wyświetlania strony. Poza tym nie miałoby to większego sensu, jeżeli użytkownik zobaczyłby najwyżej 2 lub 3 obrazki, po czym przeszedł na inną stronę. 7

I. Aimowany baner Animowany Baner + łacza Jak utworzyć baner będący łączem, które po kliknięciu przeniesie oglądającego na inną stronę 8

I. Aimowany baner Animowany Baner + łacza Wskazówka Aby skrypt działał poprawnie, tablica adurl musi mieć dokładnie tyle samo elementów, ile tablica. 9

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania 10

I. Aimowany baner Animowany Baner Jak przygotować grafikę Proszę zauważyć, że w tej wersji przeglądarki slajdów nazwy obrazków mogą być dowolne. 11

II Pokaz slajdów Pokaz slajdów (wersja I) 12

II Pokaz slajdów Pokaz slajdów (wersja I) 13

II Pokaz slajdów Pokaz slajdów (wersja II) Jak przygotować grafikę 14

II Pokaz slajdów Pokaz slajdów (wersja II) Ponieważ nie stosujemy tu PHP wszystkie opisy musimy wstawić do kodu JavaScript w postaci tablicy. 15

II Pokaz slajdów Pokaz slajdów (wersja II) 16

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania ś Jeżeli na naszej stronie znajduje się dużo grafiki lub prowadzimy galerię sztuki cyfrowej, to prawdopodobnie zainteresuje nas możliwość wyświetlania obrazka losowo wybieranego z kolekcji przy każdorazowym odwiedzeniu strony. 17

III Wyświetlanie losowych obrazków Wyświetlanie losowych obrazków 18

II Pokaz slajdów Pokaz slajdów (wersja II) Jak przygotować grafikę 19

III Wyświetlanie losowych obrazków Wyświetlanie losowych obrazków 20

SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania Negrino Tom, Smith Dori, Po prostu JavaScriopt i Ajax, wydanie VI, Helion, Gliwice 2007. 21