Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek.
|
|
- Angelika Jastrzębska
- 8 lat temu
- Przeglądów:
Transkrypt
1 Obiektowy model przeglądarki (BOM, Browser Object Model) Współdziałanie przeglądarki i skryptów w pliku HTML (lub XML), oraz współdziałanie przeglądarki i ekranu ilustruje niżej położony rysunek. Plik HTML (lub XML) Przeglądarka Ekran Pliki CSS i JS Obiekty BOM Obiekty DOM Skrypty JavaScript używają właściwości przeglądarki, a przeglądarka może zmieniać zawartość plików HTML (XML), CSS i JS. Dostępne do wykorzystania właściwości przeglądarki są opisywane jako modeli BOM (Browser Object Model) i DOM (Document Object Model). Środki skoncentrowane w modelu BOM sterują oknem przeglądarki, a środki modelu DOM dokumentem. Przypomnijmy, że obiektem w tej tematyce nazywa się nieuporządkowany zbiór właściwości, z których każda może być wartością prymitywną, innym obiektem lub funkcją (nazywanej też metodą) (patrz standard ECMA-262 języka Java- Script). Właściwości obiektów mają implementacji. Model BOM (Browser Object Model) porządkuje komponenty przeglądarki, które odpowiadają za dostęp do okna wyświetlanym na ekranie i manipulowanie tym oknem. Standard opisujący model BOM nie istnieje, ale w każdej przeglądarce można wydzielić komponenty modelu BOM. Skrypty JavaScript mają dostęp do obiektów BOM i przez nich manipulują oknem przeglądarki. Bazowym obiektem modelu BOM jest obiekt window. Obiekt window Manipulowanie oknem przeglądarki Obiekt window ma metody do manipulowania oknem przeglądarki:
2 pionie, moveby(dx, dy) przemieszcza okno o dx pikseli w poziomie i o dy pikseli w moveto(x, y) ustawia lewy górny róg okna w punkcie (x, y), gdzie x i y są liczone w pikselach, resizeby(dw, dh) zmienia rozmiar okna o dw pikseli w poziomie i o dh pikseli w pionie, resizeto(w, h) ustawia rozmiar okna na szerokość w i wysokość h, gdzie w i h są liczone w pikselach. Internet Explorer ma dodatkowe właściwości do definiowania pozycji okna: screenleft pozycja okna w poziomie (pikseli), screentop pozycja okna w pionie (pikseli). Otwieranie i zamykanie okien Metody obiektu window do otwierania i zamykania okien: open( _adres_url, _nazwa_okna, _atrybuty_przez_przecinek ) - otwieranie okna, close() - zamykanie okna. Przykład: window.open( winap, width=400,height=250,top=50, left=50,resizeable=yes ) Jeżeli skrypt dotyczy głównego okna, to można nie wskazywać na obiekt window : open( winap, width=400,height=250,top=50, left=50,resizeable=yes ) Atrybuty okna do stosowania w trzecim argumencie: left=n, top=n, width=n, height=n współrzędna od lewej, od góry oraz szerokość i wysokość okna (N to liczba), resizable=yes/no możliwość zmiany rozmiaru okna przez przeciągnięcie ramki (wartość no jest domyślna), scrollable=yes/no możliwość przewijania okna (wartość no jest domyślna),
3 location=yes/no zmuszenie do wprowadzenia pasku adresu (wartość no jest domyślna), toolbar=yes/no zmuszenie do wprowadzenia pasku narzędzi (wartość no jest domyślna), status=yes/no zmuszenie do wprowadzenia pasku stanu (wartość no jest domyślna). Uwaga. W ciągu argumentów nie można stosować spacje. Otwieranie systemowych okien dialogowych Obiekt window zawiera trzy metody do otwierania systemowych modalnych okien dialogowych: alert(_informujący_ciąg_znaków) tworzy modalne okno dialogowe z przyciskiem OK i wyświetla tekst _Informujący_ciąg_znaków, confirm(_ciag_znaków_zapytania) tworzy modalne okno dialogowe z dwoma przyciskami OK i Anuluj oraz wyświetla tekst _Ciąg_znaków_zapytania. Funkcja zwraca wartość true, jeśli było naciśnięte OK, prompt(_ciąg_znaków_zapytania, _Odpowiedź_domyślna) tworzy modalne okno dialogowe z polem edycyjnym i dwoma przyciskami OK i Anuluj oraz wyświetla tekst _Ciag_znaków_zapytania. Funkcja zwraca wartość pola edycyjnego, jeśli było naciśnięte OK. W przypadku naciśnięcia przycisku Anuluj funkcja zwraca wartość null. Pasek stanu Do definiowania zawartości pasku stanu obiekt window ma dwie właściwości: strony. Pasek stanu znajduje się w dolnej części okna. status = _tekst_na_krótko tekst jest wyświetlany na chwile, defaultstatus = _tekst_na_stałe tekst jest wyświetlany na czas oglądania Przykład: <input type="button" name="button1" value="start" onmouseover= window.status= Start wyszukiwania ; onclick=... />
4 Czasomierz okna Obiekt window ma metodę settimeout do odliczenia odstępów czasowych. Metoda settimeout ma dwa argumenty, z których pierwszy jest skryptowym odwołaniem do funkcji, która będzie wywołana po upływie czasu, a drugi argument jest odstępem czasowym w milisekundach. Przykład: <html> <head> <script type="text/javascript">function funk(){alert("czas");}</script> </head> <body> <script type="text/javascript">settimeout(funk,4000);</script> </body> </html> Do rezygnacji z odliczenia odstępów czasowych służy metoda cleartimeout(_identyfikator_zwrócony_metodą_settimeout). Dwie metody setinterval i clearinterval podobne do metod settimeout i clear- Timeout służą do nieskończonego powtórzenia odstępów czasowych. Obiekty obiektu window Obiekt window zawiera następujące obiekty i kolekcji obiektów: document - obiekt zawierający właściwości dokumentu, frames kolekcja ramek okna, z których każda jest obiektem window, history - lista stron, które odwiedzał użytkownik, location obiekt reprezentujący adres URL (Uniform Resource Locator), navigator obiekt zawierający informację o przeglądarce, screen obiekt zawierający informację o monitorze. Obiekty frames Obiekty frames są kolekcja ramek okna, z których każda jest obiektem window. ramki. Ilość obiektów można otrzymać przez właściwość length : var ilo=windows.frames.length Aby odwołać się do jednego z obiektów frames należy zastosować indeks
5 Obiekt history Obiekt history są lista stron, które wcześniej odwiedził użytkownik. Obiekt history ma metody: back() do przejścia wstecz, forward() do przejścia do przodu, go(_ilość) do przejścia wstecz lub do przodu na odległość wskazaną w argumencie _ilość. w liście. Właściwość length daje możliwość sprawdzić, ile adresów URL znajduje się Obiekt history nie udostępnia adresy URL. Obiekt location Obiekt location reprezentuje adres URL załadowanej strony. Obiekt location ma właściwości: href pełny adres URL, host nazwa serwera, hostname nazwa serwera bez prefiksu www, protocol nazwa protokołu, która znajduje się w adresie URL przed znakami //, pathname wszystko, co następuje w adresie URL po nazwie serwera, search ciąg zapytania, który może znajdować się w adresie URL po znaku?, hash wszystko, co następuje w adresie URL po znaku #, port numer portu, który może znajdować się w adresie URL. Właściwość href umożliwia ustawienie adresu URL: location.href= Metody obiektu location : assign(_adres_url) do ustawienia adresu URL, replace(_adres_url) do ustawienia adresu URL oraz usuwania aktualnego adresu z listy historii, reload(_znacznik_źródła) ładuje ponownie aktualną stronę z serwera, jeśli _znacznik_źródła jest równy true, lub z bufora, jeśli _znacznik_źródła jest równy false, tostring() zwraca pełny adres URL.
6 Obiekt navigator Obiekt navigator zawiera informację o przeglądarce. Ilość właściwości obiektu różni się w zależności od przeglądarki. Dlatego na bazie zbioru właściwości można ustalić typ przeglądarki. Obiekt navigator przeglądarki Internet Explorer ma właściwości: appcodename nazwa kodowa przeglądarki, appname nazwa oficjalna przeglądarki, appversion wersja przeglądarki, appminorversion dodatkowa informacja o wersji przeglądarki, browserlanguage język przeglądarki, systemlanguage język systemu operacyjnego, userlanguage język użytkownika przeglądarki, cpuclass klasa procesora, platform platforma komputera, plugins lista bibliotek-wtyczek komputera, cookieenabled znacznik włączenia obsługi cookies, online znacznik podłączenia do Internetu, useragent nagłówek User-Agent, userprofile profil użytkownika przeglądarki. Obiekt navigator przeglądarki Internet Explorer ma metody: javaenabled() zwraca znacznik włączenia obsługi Javy, taintenabled() zwraca znacznik zezwolenia na przekazywanie zabezpieczonych danych. Obiekt screen Obiekt screen zawiera informację o ekranie i ma następujące właściwości: height, width wysokość i szerokość ekranu w pikselach, availheight, availwidth dostępne dla okien wysokość i szerokość ekranu w pikselach, colordepth ilość bitów palety kolorów, zwykle 4*8=32.
7 Obiekt document Obiekt document występuje w obydwóch modelach: BOM i DOM. Każda z tych modeli dołącza do obiektu swój podzbiór właściwości i metod. W modelu BOM obiekt document składa się z szeregu kolekcji: anchors kolekcja kotwic dokumentu (konstrukcje typu <a name= _nazwa_kotwicy"></a>) applets kolekcja apletów dokumentu, embeds kolekcja obiektów osadzonych w dokumencie, forms kolekcja formularzy na stronie, images kolekcja obrazów dokumentu, links _adres_url"></a>). kolekcja łącz (odnośników) (konstrukcje typu <a href= przykład: Ilość obiektów każdej kolekcji można otrzymać przez właściwość length, na var ilo=windows.images.length Aby odwołać się do jednego z obiektów należy zastosować indeks obiektu, na przykład: var img=windows.document.images[0] lub krócej var img=document.images[0] przykład: Można też odwołać się do jednego z obiektów poprzez nazwy obiektu, na var img=windows.document.images[ _nazwa_obrazu ] lub krócej var img=document.images[ _nazwa_obrazu ] Właściwości obiektu document w modelu BOM: alinkcolor kolor aktywnych łącz (odnośników) zdefiniowanych poprzez konstrukcję <body alink= _kolor >,
8 linkcolor kolor łącz (odnośników) zdefiniowanych poprzez konstrukcję <body link= _kolor >, vlinkcolor kolor odwiedzonych łącz (odnośników) zdefiniowanych poprzez konstrukcję <body vlink= _kolor >, bgcolor kolor tła, fgcolor kolor znaków, lastmodified data ostatniej modyfikacji strony, referrer adres URL o jedną pozycję wcześniej w historii przeglądarki, URL bieżący adres URL, title tytuł wyświetlony poprzez konstrukcję <title>. Metody obiektu document w modelu BOM: open() otwarcie dokumentu w celu zapisu do niego, close() zamkniecie dokumentu otwartego metodą open(), co powoduje wyświetlenie dokumentu, write( _tekst_w_języku_html ) wyświetlenie argumentu w miejscu wywołania metody, writeln( _tekst_w_języku_html ) wyświetlenie argumentu w miejscu wywołania metody oraz przejście na nowy wersz,
Tablica zawierająca odniesienia do znajdujących się w dokumencie obiektów typu Anchor.
Obiekt document służy do reprezentacji wczytanego do przeglądarki dokumentu HTML oraz zawiera szereg właściwości i metod pozwalających na jego modyfikację. Poprzez ten obiekt można otrzymać dostęp praktycznie
Bardziej szczegółowoJAVAScript tablice, przekazanie danych do funkcji, obiekty Date i window
Programowanie obiektowe ćw.2 JAVAScript tablice, przekazanie danych do funkcji, obiekty Date i window Tablice w JavaScript Przykład zastosowania tablicy dla przekazania rezultatów funkcji do miejsca wywołania
Bardziej szczegółowoZdarzenia Zdarzenia onload i onunload
Zdarzenia Zdarzenia onload i onunload Ćwiczenie 1. Rysunek 1. Okno powitalne wykorzystujące zdarzenie onload Na stronie mogą zachodzić różne zdarzenia, np. użytkownik kliknie myszą lub zacznie wprowadzać
Bardziej szczegółowoKurs WWW wykład 6. Paweł Rajba
Kurs WWW wykład 6 Paweł Rajba pawel@ii.uni.wroc.pl http://www.ii.uni.wroc.pl/~pawel/ Obiekt Window Zdarzenia onblur ondragdrop onerror onfocus onload onmove onresize onunload Obiekt Location Właściwości
Bardziej szczegółowoTworzenie Stron Internetowych. odcinek 10
Tworzenie Stron Internetowych odcinek 10 JavaScript JavaScript (ECMAScript) skryptowy język programowania powszechnie używany w Internecie. Skrypty JS dodają do stron www interaktywność i funkcjonalności,
Bardziej szczegółowoZa pomocą atrybutu ROWS moŝemy dokonać podziału ekranu w poziomie. Odpowiedni kod powinien wyglądać następująco:
1 1. Ramki Najbardziej elastycznym sposobem budowania stron jest uŝycie ramek. Ułatwiają one nawigowanie w wielostronicowych dokumentach HTML, poprzez podział ekranu na kilka obszarów. KaŜdy z nich zawiera
Bardziej szczegółowoOkna, ramki i ciasteczka
Okna, ramki i ciasteczka Okna Ćwiczenie 6.1. Rysunek 6.1. Skrypt otwierający nowe okno przeglądarki po wciśnięciu przycisku Manipulację oknami umożliwia nam obiekt window. Jego właściwości i metody przedstawione
Bardziej szczegółowoRys.2.1. Drzewo modelu DOM [1]
1. CEL ĆWICZENIA Celem ćwiczenia jest przedstawienie możliwości wykorzystania języka JavaScript do tworzenia interaktywnych aplikacji działających po stronie klienta. 2. MATERIAŁ NAUCZANIA 2.1. DOM model
Bardziej szczegółowoZajęcia 4 - Wprowadzenie do Javascript
Zajęcia 4 - Wprowadzenie do Javascript Co to jest Javascript Javascript jest językiem skryptowym pozwalającym na dołączanie dodatkowej funkcjonalności do stron WWW. Jest ona najczęściej związana z modyfikacją
Bardziej szczegółowoWęzeł. Korzeń (Root) Poprzedni sąsiad (Previous sibling) (Next sibling) Pierwsze dziecko (First child) Ostatnie dziecko (Last child) (Children)
JavaScript - wykład 3 Document Object Model (Obiektowy Model Dokumentu) Obiekty stron WWW Beata Pańczyk 1 DOM W3C http://kurs.browsehappy.pl/definicja/dom słuŝy do przedstawienia dokumentów HTML i XML
Bardziej szczegółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoJustyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie
Justyna Klimczyk j_klimczyk@poczta.onet.pl Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie Scenariusz lekcji informatyki klasa II gimnazjum Temat : Strona WWW pierwsze
Bardziej szczegółowoWprowadzenie do języka HTML
Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system
Bardziej szczegółowoPodstawy programowania w języku JavaScript
Podstawy programowania w języku JavaScript Część trzecia Funkcje i programowanie sterowane zdarzeniami Autor Roman Simiński Kontakt roman.siminski@us.edu.pl www.us.edu.pl/~siminski Niniejsze opracowanie
Bardziej szczegółowoTworzenie stron internetowych RAMKI
Tworzenie stron internetowych RAMKI RAMKI Ramka to zdefiniowana część okna przeglądarki, której to części przypisano właściwości takie jak całemu oknu. ramka może być przewijana niezależnie od pozostałej
Bardziej szczegółowoWŁĄCZANIE W PRZEGLĄDARKACH INTERNETOWYCH OBSŁUGI SKRYPTÓW JAVASCRIPT
WŁĄCZANIE W PRZEGLĄDARKACH INTERNETOWYCH OBSŁUGI SKRYPTÓW JAVASCRIPT JavaScript jest językiem skryptowym powszechnie stosowanym przez programistów internetowych. Skrypty służą zazwyczaj do zapewnienia
Bardziej szczegółowoXML extensible Markup Language. część 5
XML extensible Markup Language część 5 XML ważne zastosowanie Jak często pracujemy z plikami XML? Wróćmy jeszcze do wykładu poprzedniego. A dokładnie do pliku zawierającego ten wykład. xml_2017_wyklad_4.pptx
Bardziej szczegółowoXML extensible Markup Language. część 5
XML extensible Markup Language część 5 JavaScript Co to jest JavaScript? JavaScript był zaprojektowany w celu dodania interaktywności do stron HTML JavaScript jest językiem skryptowym JavaScript jest zwykle
Bardziej szczegółowoJAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania.
IŚ ćw.8 JAVAScript w dokumentach HTML (1) JavaScript jest to interpretowany, zorientowany obiektowo, skryptowy język programowania. Skrypty JavaScript są zagnieżdżane w dokumentach HTML. Skrypt JavaScript
Bardziej szczegółowoDodanie nowej formy do projektu polega na:
7 Tworzenie formy Forma jest podstawowym elementem dla tworzenia interfejsu użytkownika aplikacji systemu Windows. Umożliwia uruchomienie aplikacji, oraz komunikację z użytkownikiem aplikacji. W trakcie
Bardziej szczegółowoTworzenie 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ółowoKurs programowania 2 - listy
Kurs programowania 2 - listy Listy rozwijane (ComboBox) Listy rozwijane (rozwijalne) można tworzyć przy użyciu klasy ComboBox. W tabeli poniżej właściwości udostępniane przez tę kontrolkę. Najważniejsza
Bardziej szczegółowoTworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery Łukasz Bartczuk Moduł 6 JavaScript w przeglądarce Agenda Skrypty na stronie internetowej Model DOM AJAX Skrypty na stronie
Bardziej szczegółowoPodstawowe znaczniki języka HTML.
Podstawowe znaczniki języka HTML. Struktura dokumentu. Sposób użycia i dokumentu. Między nimi umieszczana jest cała treść dokumentu. Sposób użycia Sekcja HEAD zawiera podstawowe
Bardziej szczegółowoPodręcznik użytkownika programu. Ceremonia 3.1
Podręcznik użytkownika programu Ceremonia 3.1 1 Spis treści O programie...3 Główne okno programu...4 Edytor pieśni...7 Okno ustawień programu...8 Edycja kategorii pieśni...9 Edytor schematów slajdów...10
Bardziej szczegółowoSUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania. Wykład 2. dr Artur Bartoszewski - WYKŁAD: Języki i Systemy Programowania,
SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania Wykład 2 1 SUM Edukacja Techniczno Informatyczna Języki i Systemy Programowania Przekierowania 2 Przekierowanie za pomocą skryptu Przykład
Bardziej szczegółowoĆwiczenie laboratoryjne. Obiektowy model przeglądarki (BOM, Browser Object Model)
Tematy ćwiczenia Ćwiczenie laboratoryjne Obiektowy model przeglądarki (BOM, Browser Object Model) obiekty window, frames, history, location, navigator, screen, document Wyniki opracowania zadań pokazywać
Bardziej szczegółowoetrader Pekao Podręcznik użytkownika Jak zacząć pracę z etrader Pekao?
etrader Pekao Podręcznik użytkownika Jak zacząć pracę z etrader Pekao? Spis treści 1. Jak zacząć korzystać z etrader?... 3 2. Wymagania systemowe... 3 3. Uruchamianie platformy etrader... 3 4. Uruchamianie
Bardziej szczegółowoPRZEWODNIK PO ETRADER PEKAO ROZDZIAŁ I. JAK ZACZĄĆ PRACĘ Z ETRADER PEKAO? SPIS TREŚCI
PRZEWODNIK PO ETRADER PEKAO ROZDZIAŁ I. JAK ZACZĄĆ PRACĘ Z ETRADER PEKAO? SPIS TREŚCI ROZDZIAŁ I. JAK ZACZĄĆ PRACĘ Z ETRADER PEKAO? 2 1. JAK ZACZĄĆ KORZYSTAĆ Z ETRADER? 3 2. WYMAGANIA SYSTEMOWE 3 3. URUCHAMIANIE
Bardziej szczegółowoJAVAScript - obiekty HTML
Programowanie obiektowe ćw.3 JAVAScript - obiekty HTML DOM model dokumentu HTML Dokument HTML składa się z obiektów (standardowych i utworzonych przez użytkownika). Głównym obiektem jest document, posiada
Bardziej szczegółowoPROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński
PROGRAMOWANIE HTML W składni języka HTML wykorzystuje się charakterystyczne znaczniki. Każdy z nich zaczyna się i kończy ostrokątnym nawiasem a pomiędzy nimi znajduje się wyrażenie html. Rozróżniamy znaczniki
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ółowoCZYM JEST JAVASCRIPT?
JAVASCRIPT JAVASCRIPT - CECHY Język skryptowy stosowany w sieci WWW Stosowany przez autorów witryn WWW głównie w celu: poprawy wyglądu stron walidacji danych z formularzy wykrywania typu przeglądarki tworzenia
Bardziej szczegółowoFormat HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Bardziej szczegółowoLABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE 1. TABELE 1.1. Definicja tabeli Definicja tabeli musi być umieszczona między znacznikami. W ich ramach umieszczane są definicje rzędów
Bardziej szczegółowoProgramowanie Multimediów. Programowanie Multimediów JAVA. wprowadzenie do programowania (3/3) [1]
JAVA wprowadzenie do programowania (3/3) [1] Czym jest aplikacja Java Web Start? Aplikacje JAWS są formą pośrednią pomiędzy apletami a aplikacjami Javy. Nie wymagają do pracy przeglądarki WWW, jednak mogą
Bardziej szczegółowoVisual Studio instalacja
Visual Studio 2017 - instalacja Do tej pory napisaliśmy wiele programów, z czego niemal wszystkie były aplikacjami konsolowymi. Najwyższy więc czas zająć się tworzeniem aplikacji z graficznym interfejsem
Bardziej szczegółowoHTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci
Bardziej szczegół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ółowoCelem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.
Instrukcja laboratoryjna do ćwiczenia: 1. Cel ćwiczenia Strona internetowa w systemach unix-owych Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania
Bardziej szczegółowoURL: http://www.ecdl.pl
Syllabus WEBSTARTER wersja 1.0 Polskie Towarzystwo Informatyczne 2007 Copyright wersji angielskiej: Copyright wersji polskiej: The European Computer Driving Licence Foundation Ltd. Polskie Towarzystwo
Bardziej szczegółowouczyć się bez zagłębiania się w formalnym otoczeniu,
CZĘŚĆ 3 - INTERNET 3.1 WSTĘP Internet jest globalnym zbiorem połączonych ze sobą komputerów, które przesyłają informacje między sobą za pośrednictwem szybkich połączeń sieciowych oraz linii telefonicznych.
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoHTML (HyperText Markup Language)
HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy
Bardziej szczegółowoPersonalizowanie wirtualnych pokojów
Personalizowanie wirtualnych pokojów www.clickmeeting.pl Dowiedz się, jak spersonalizować swój wirtualny pokój, stosując kolorystykę Twojej marki oraz dodając logo organizacji. Pokażemy Ci krok po kroku,
Bardziej szczegółowoTekst na mapach. Teksty na mapie. Ustawienia mapy. W tej instrukcji zostanie opisany sposób w jaki można na mapach wyświetlać teksty
Teksty na mapie W tej instrukcji zostanie opisany sposób w jaki można na mapach wyświetlać teksty Dane z programu Agrinavia Field Na mapach utworzonych w Agrinavia Map możemy wyświetlać informacje z programu
Bardziej szczegółowoPrzetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia r.)
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia 08 25.04.2016 r.) 1) Zdarzenia w JavaScript Zdarzenia są sygnałami generowanymi w chwili wykonywania ściśle określonych
Bardziej szczegółowoExpo Composer. www.doittechnology.pl 1. Garncarska 5 70-377 Szczecin tel.: +48 91 404 09 24 e-mail: info@doittechnology.pl. Dokumentacja użytkownika
Expo Composer Dokumentacja użytkownika Wersja 1.0 www.doittechnology.pl 1 SPIS TREŚCI 1. O PROGRAMIE... 3 Wstęp... 3 Wymagania systemowe... 3 Licencjonowanie... 3 2. PIERWSZE KROKI Z Expo Composer... 4
Bardziej szczegółowoABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści
ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop. 2012 Spis treści Wstęp 9 1 HTML 5 i XHTML w pytaniach i odpowiedziach 13 Co to jest HTML 5? 13 Co to jest XHTML? 15 Czy strony utworzone w HTML
Bardziej szczegółowoWydawnictwo Helion ul. Koœciuszki 1c Gliwice tel
JavaScript dla ka dego. Wydanie IV Autor: Michael Moncur T³umaczenie: Adam Jarczyk ISBN: 83-246-0766-8 Tytu³ orygina³u: Sams Teach Yourself JavaScript in 24 Hours (4th Edition) Format: B5, stron: 456 Wydawnictwo
Bardziej szczegółowoLaboratorium - Monitorowanie i zarządzanie zasobami systemu Windows XP
5.0 5.3.3.7 Laboratorium - Monitorowanie i zarządzanie zasobami systemu Windows XP Wprowadzenie Wydrukuj i uzupełnij to laboratorium. W tym laboratorium, będziesz korzystać z narzędzi administracyjnych
Bardziej szczegółowoLaboratorium - Podgląd informacji kart sieciowych bezprzewodowych i przewodowych
Laboratorium - Podgląd informacji kart sieciowych bezprzewodowych i przewodowych Cele Część 1: Identyfikacja i praca z kartą sieciową komputera Część 2: Identyfikacja i użycie ikon sieci w obszarze powiadomień
Bardziej szczegółowoWybrane działy Informatyki Stosowanej
Wybrane działy Informatyki Stosowanej Aplikacje WWW. Statyczne oraz dynamiczne strony WWW. Skrypty po stronie klienta. Dr inż. Andrzej Czerepicki a.czerepicki@wt.pw.edu.pl http://www2.wt.pw.edu.pl/~a.czerepicki
Bardziej szczegółowoKurs HTML 4.01 TI 312[01]
TI 312[01] Spis treści 1. Wiadomości ogólne... 3 2. Wersje języka HTML... 3 3. Minimalna struktura dokumentu... 3 4. Deklaracje DOCTYPE... 3 5. Lista znaczników, atrybutów i zdarzeń... 4 5.1 Lista atrybutów
Bardziej szczegółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowoObiekt navigator. Dodał Administrator wtorek, 16 marzec :32
Obiekt navigator przechowuje informacje dotyczące przeglądarki, jej nazwy, wersji, języka, systemu operacyjnego, na którym została uruchomiona, itp. Nie jest częścią specyfikacji W3C, ale większość produktów
Bardziej szczegółowoMakra Access 2003 wg WSiP Wyszukiwanie, selekcjonowanie i gromadzenie informacji Ewa Mirecka
Makra Access 2003 wg WSiP Wyszukiwanie, selekcjonowanie i gromadzenie informacji Ewa Mirecka Makra pozwalają na zautomatyzowanie często powtarzających się czynności. Opierają się na akcjach np.: otwarcie
Bardziej szczegółowoFunkcje i instrukcje języka JavaScript
Funkcje i instrukcje języka JavaScript 1. Cele lekcji a) Wiadomości Uczeń : zna operatory i typy danych języka JavaScript, zna konstrukcję definicji funkcji, zna pętlę If i For, Do i While oraz podaje
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ółowo2018/10/16 20:47 1/5 3 Ekrany
2018/10/16 20:47 1/5 3 Ekrany 3 Ekrany Przegląd W ekranach Zabbix można grupować informacje z różnych źródeł, co pozwala na szybki przegląd na jednym ekranie. Budowanie ekranu jest całkiem proste i intuicyjne.
Bardziej szczegółowoSKRÓCONA INSTRUKCJA OBSŁUGI
w Konwertowalny tablet SKRÓCONA INSTRUKCJA OBSŁUGI 8085 LKB001X CJB1FH002AQA Spis treści 1 Pierwsze kroki... 1 1.1 Wygląd... 1 1.2 Ładowanie tabletu i klawiatury... 3 1.3 Wkładanie kart microsd i SIM...
Bardziej szczegółowoUkł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ółowoKorzystanie z edytora zasad grupy do zarządzania zasadami komputera lokalnego w systemie Windows XP
Korzystanie z edytora zasad grupy do zarządzania zasadami komputera lokalnego w systemie Windows XP W tym opracowaniu opisano, jak korzystać z edytora zasad grupy do zmiany ustawień zasad lokalnych dla
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ółowoSkróty klawiaturowe w systemie Windows 10
Skróty klawiaturowe w systemie Windows 10 Skróty klawiaturowe to klawisze lub kombinacje klawiszy, które zapewniają alternatywny sposób na wykonanie czynności zwykle wykonywanych za pomocą myszy. Kopiowanie,
Bardziej szczegółowoPlatforma szkoleniowa krok po kroku. Poradnik Kursanta
- 1 - Platforma szkoleniowa krok po kroku Poradnik Kursanta PORA - 2 - Jeśli masz problemy z uruchomieniem Platformy szkoleniowej warto sprawdzić poprawność poniższych konfiguracji: - 3 - SPRZĘT Procesor
Bardziej szczegółowo1. Przypisy, indeks i spisy.
1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy
Bardziej szczegółowoWykład 03 JavaScript. Michał Drabik
Wykład 03 JavaScript Michał Drabik Język programowania wykorzystywany na stronach internetowych głównie w celu umożliwienia interakcji z użytkownikiem. Kod JavaScript może być umieszczany w kodzie XHTML
Bardziej szczegółowoPlatforma e-learningowa
Dotyczy projektu nr WND-RPPD.04.01.00-20-002/11 pn. Wdrażanie elektronicznych usług dla ludności województwa podlaskiego część II, administracja samorządowa realizowanego w ramach Decyzji nr UDA- RPPD.04.01.00-20-002/11-00
Bardziej szczegółowoKierunek: ETI Przedmiot: Programowanie w środowisku RAD - Delphi Rok III Semestr 5. Ćwiczenie 5 Aplikacja wielo-okienkowa
Kierunek: ETI Przedmiot: Programowanie w środowisku RAD - Delphi Rok III Semestr 5 Ćwiczenie 5 Aplikacja wielo-okienkowa 1. Opracuj aplikację realizującą obliczenia na podstawie danych wpisywanych w komponencie
Bardziej szczegółowoWymiarowanie, kreskowanie, teksty
Zdefiniowanie własnego stylu wymiarowania Na pasku Wymiary kliknąć ostatnią ikonę Styl wymiarowania, rys. 1 Rys. 1 Wywoła to Menedżera stylów wymiarowania, rys. 2 (ostatnia ikona). Rys. 2. Memedżer stylów
Bardziej szczegółowoKrótki kurs JavaScript
Krótki kurs JavaScript Java Script jest językiem wbudowanym w przeglądarkę. Gdy ma się podstawy nabyte w innych językach programowania jest dość łatwy do opanowania. JavaScript jest stosowany do powiększania
Bardziej szczegółowoI. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu...
Kreator szablonów I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... 7 a. Grafika... 7 b. Tekst... 7 c.
Bardziej szczegółowoTworzenie 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ółowoCzęść II Wyświetlanie obrazów
Tło fragmentu ABA-X Display jest wyposażony w mechanizm automatycznego tworzenia tła fragmentu. Najprościej można to wykonać za pomocą skryptu tlo.sh: Składnia: tlo.sh numer oznacza numer
Bardziej szczegółowoPozycjonowanie i poruszanie warstw
Pozycja warstwy na ekranie może być zmieniana poprzez modyfikację właściwości top i left obiektu style. Odpowiadają one za położenie lewego górnego rogu; pierwsza za współrzędną x, druga y. Umiejscowienie
Bardziej szczegółowoECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0
ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie
Bardziej szczegółowoE-geoportal Podręcznik użytkownika.
PROCAD SA E-geoportal Podręcznik użytkownika. gis@procad.pl 2 Spis treści 1. Wstęp.... 3 2. Ikony narzędziowe.... 4 2.1. Ikony narzędziowe przesuwanie obszaru mapy.... 5 2.2. Ikony narzędziowe informacja
Bardziej szczegółowoJava i JavaScript. Krishna Tateneni Polskie tłumaczenie: Suse Polska Aktualny opiekun tłumaczenia: Marcin Kocur
Krishna Tateneni Polskie tłumaczenie: Suse Polska Aktualny opiekun tłumaczenia: Marcin Kocur 2 Spis treści 1 Java i JavaScript 4 1.1 Java............................................. 4 1.2 JavaScript..........................................
Bardziej szczegółowoAplikacje internetowe
Aplikacje internetowe Podstawy programowania w języku JavaScript Roman Simiński roman.siminski@us.edu.pl www.siminskionline.pl Tworzenie prostych programów w środowisku przeglądarki W jaki sposób umieszczany
Bardziej szczegółowoPlatforma szkoleniowa krok po kroku
Platforma szkoleniowa krok po kroku Jeśli masz problemy z uruchomieniem Platformy szkoleniowej warto sprawdzić poprawność poniższych konfiguracji: Minimalne wymagania sprzętowe SPRZĘT Procesor min. 233
Bardziej szczegółowoJęzyk JAVA podstawy. wykład 2, część 2. Jacek Rumiński. Politechnika Gdańska, Inżynieria Biomedyczna
Język JAVA podstawy wykład 2, część 2 Jacek Rumiński 1 Język JAVA podstawy Plan wykładu: 1. Rodzaje programów w Javie 2. Tworzenie aplikacji 3. Tworzenie apletów 4. Obsługa archiwów 5. Wyjątki 6. Klasa
Bardziej szczegółowoPodstawy technologii cyfrowej i komputerów
BESKIDZKIE TOWARZYSTWO EDUKACYJNE Podstawy technologii cyfrowej i komputerów Budowa komputerów cz. 2 systemy operacyjne mgr inż. Radosław Wylon 2010 1 Spis treści: Rozdział I 3 1. Systemy operacyjne 3
Bardziej szczegółowoRysunek 1 Domyślny ekran ładowania.
Wprowadzenie Geospatial Portal jest webową aplikacją, opartą o technologie internetowe, służącą do pracy z danymi przestrzennymi. Służy do wyszukiwania, wyświetlania, i analizowania danych geoprzestrzennych
Bardziej szczegółowoĆwiczenia laboratoryjne nr 8 Podstawy języka XML.
Prezentacja Danych i Multimedia II r Socjologia Ćwiczenia laboratoryjne nr 8 Podstawy języka XML. Celem ćwiczeń jest poznanie zasad tworzenia dokumentów w oparciu o język XML oraz metod modyfikacji ich
Bardziej szczegółowoPoradnik użytkownika pomoc techniczna
Poradnik użytkownika pomoc techniczna Poradnik dotyczy komputerów z zainstalowanym systemem Windows 1 Spis treści I. POSTĘPOWANIE W PRZYPADKU PROBLEMÓW Z URUCHOMIENIEM APLIKACJI SUPERMAKLER... 3 1. JAVA
Bardziej szczegółowoLaboratorium 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Środki dydaktyczne: tablica, komputer (z Notatnikiem i przeglądarką www) pliki ramkapion.zip, ramkapoziom.zip, zagniezdzenieramek.zip.
Piotr Chojnacki IV rok, informatyka chemiczna Liceum Ogólnokształcące Nr I we Wrocławiu Wrocław dn. 26 lutego 2006 roku Czas trwania zajęć: 45 minut, przedmiot: TI Temat lekcji: Zastosowanie ramek w tworzeniu
Bardziej szczegółowoInstrukcja użytkownika systemu S4
Instrukcja użytkownika systemu S4 12.02.2013 SPIS TREŚCI Spis treści... 1 1. Rozwiązywanie problemów z uruchomieniem systemu... 2 2. Wybór programu kształcenia... 3 3. Praca z programem kształcenia...
Bardziej szczegółowoAplikacja Novell Filr 2.0 Web Szybki start
Aplikacja Novell Filr 2.0 Web Szybki start Luty 2016 r. Szybki start Niniejszy dokument pomaga zapoznać się z systemem Novell Filr oraz ułatwia zrozumienie najistotniejszych pojęć i zadań. Informacje o
Bardziej szczegółowoDivar - Archive Player. Instrukcja obsługi
Divar - Archive Player PL Instrukcja obsługi Divar Odtwarzacz Instrukcja obsługi PL 1 Divar Digital Versatile Recorder Divar Odtwarzacz Instrukcja obsługi Spis treści Rozpoczęcie pracy........................................2
Bardziej szczegółowoKopiowanie przy użyciu szyby skanera. 1 Umieść oryginalny dokument na szybie skanera stroną zadrukowaną skierowaną w dół, w lewym, górnym rogu.
Skrócony opis Kopiowanie Kopiowanie Szybkie kopiowanie 3 Naciśnij przycisk na panelu operacyjnym 4 Po umieszczeniu dokumentu na szybie skanera dotknij opcji Zakończ zadanie, aby powrócić do ekranu głównego.
Bardziej szczegółowoPodstawowe informacje na temat usuwania plików cookie dla rożnych typów popularnych przeglądarek internetowych
Podstawowe informacje na temat usuwania plików cookie dla rożnych typów popularnych przeglądarek internetowych Chrome: Aby wyczyścić pliki cookie w przeglądarce, należy: 1. W prawym górnym rogu kliknąć
Bardziej szczegółowoHyper Text Markup Language
Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na
Bardziej szczegółowoPrzed skonfigurowaniem tego ustawienia należy skonfigurować adres IP urządzenia.
Korzystanie z Usług internetowych podczas skanowania sieciowego (dotyczy systemu Windows Vista z dodatkiem SP2 lub nowszym oraz systemu Windows 7 i Windows 8) Protokół Usług internetowych umożliwia użytkownikom
Bardziej szczegółowoBurkhard Lück Polskie tłumaczenie: Marcin Kocur
Burkhard Lück Polskie tłumaczenie: Marcin Kocur 2 Spis treści 1 Ogólne zachowanie Konquerora 4 3 1 Ogólne zachowanie Konquerora Na tej stronie znajdziesz ustawienia dotyczace strony domowej i startowej
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ółowoZasady 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