Zastosowanie technologii medialnych i internetowych Grafika i skrypty na stronach WWW Wykład dr in ż. Jacek Wachowicz

Slides:



Advertisements
Podobne prezentacje
Wprowadzenie do tworzenia stron internetowych
Advertisements

PODSTAWY TWORZENIA STRON WWW W HTML’u
Dokument HTML jest zwykłym
Tworzenie stron internetowych
Tworzenie stron internetowych
Tworzenie stron internetowych
Tworzenie stron internetowych
Metody pozycjonowania elementów na stronie www
Technologie prezentacji medialnych, © 2006 Igor Garnik
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
Zastosowania technik multimedialnych i interetowych
ActiveX. OLE W Windows 95 wprowadzono nową wersję techniki łączenia i osadzania OLE różnica między łączeniem a osadzaniem Office jako przykład wykorzystania.
Kompresja danych.
Podstawowe wiadomości
Kolory, grafika, multimedia
Konstrukcja i formatowanie tabel
Style CSS.
Wykłady z języka HTML Język HTML został stworzony w Szwajcarii przez programistów pracujących w laboratoriach.
Wykłady z HTML'a Język HTML został stworzony w Szwajcarii przez programistów pracujących w laboratoriach.
Style definiujące tabele
Jarosław Koźlak KI AGH, 2003/2004
Narzędzia internetowe Paweł Rajba
Tworzenie stron internetowych www World Wide Web
PODSTAWY <HTML>
Czym są HTML i XHTML? Skrót HTML pochodzi od słów Hypertext Markup Language (język znakowania hipertekstu). Język HTML jest podstawą każdej strony WWW.
Projektowanie Stron WWW
języka hipertekstowego
Tworzenie stron www 5 Joanna Brzozowska
Xhtml 1.0 Grzegorz Getka.
Tworzenie stron internetowych
Wstawianie stylów CSS.
HTML cz. 2 Znaczniki i ich parametry
TECHNOLOGIE INTERNETOWE
CSS – Kolor tła.
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 3 Prowadzący: Dariusz Jaruga
HTML Hyper Text Markup Language komputerowe Esperanto cz. II Obiekty podstawowe na stronach.
Temat 10: Tabele. Tabele stanowią obecnie jeden ze sposobów prezentowania danych. Początkowo były wykorzystywane do tworzenia układów stron, które teraz.
Temat 5: Pozycjonowanie elementów
HTML Hyper Text Markup Language
HTML.
Aplikacje internetowe
Elementy multimedialne na stronie
Aplikacje internetowe Tabele Ciąg dalszy. Wprowadzanie złamań wiersza Często, najprostszym sposobem wpływania na układ tabeli jest wprowadzenie łamań.
Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.
Moja pierwsza strona internetowa Created by Marta Guba
Tabele. TABELE Konstrukcja tabeli: Określa ramy tabeli określamy wiersz tabeli określamy komórkę tabeli.
Aplikacje internetowe
Aplikacje internetowe
Projektowanie Aplikacji Internetowych
HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.
HTML.
Język HTML.
Aplikacje internetowe
HTML Hyper Text Markup Language komputerowe Esperanto cz. III polecenia konstrukcyjne strony.
Temat 9: Obrazy i multimedia
Aplikacje internetowe
Temat 4: Klasy i identyfikatory
HTML Hyper Text Markup Language komputerowe Esperanto cz. I historia, struktura dokumentu.
HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie.
Damian Urbańczyk xHTML Elementy graficzne.
Technologie internetowe
XHTML Tabele Damian Urbańczyk. Podstawy budowy tabel Strony WWW mogą zawierać w sobie tabele, czasem te tabele mogą tworzyć strukturę strony, odpowiadającą.
Wykład 2 Mechatronika PWSW Informatyka. Strony WWW (World Wide Web) Mosaic – pierwsza przeglądarka 1993 Internet Explorer Opera Firefox(Mozilla) Safari.
Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.
GRAFIKA RASTROWA DALEJ. Podział grafiki komputerowej ze względu na sposób powstawania obrazu: GRAFIKA WEKTOROWA GRAFIKA KOMPUTEROWA GRAFIKA RASTROWA.
Innowacja pedagogiczna „Pasja programowania”
Formatowanie, projektowanie tabeli
Kanał alfa ---z ang. alpha channel---  w grafice komputerowej jest kanałem, który definiuje przezroczyste obszary grafiki. Jest on zapisywany dodatkowo.
Arkusz stylów CSS Cascading Style Sheet.
Kompresja danych.
Zapis prezentacji:

Zastosowanie technologii medialnych i internetowych Grafika i skrypty na stronach WWW Wykład dr in ż. Jacek Wachowicz

Zastosowanie technologii medialnych i internetowych Obrazki Dodatkowe atrybuty: WIDTH=x HEIGHT=y HSPACE=x VSPACE=y BORDER=n ALIGN=wyrównanie Left | right Top | middle | bottom | texttop| absbottom

Zastosowanie technologii medialnych i internetowych Obrazki Formaty:.bmp nieskompresowany.jpg stratny.gif Max 256 kolorów Przezroczystość Ruch.png

Zastosowanie technologii medialnych i internetowych

Miniatura Miniaturka zdjęcia, która po kliknięciu się powiększa:

Zastosowanie technologii medialnych i internetowych Tabele Tabela: … Wiersz: … Komórka: … Nagłówek: … Dodatkowe parametry: COLSPAN=x - Połączenie komórek w wierszu ROWSPAN=y - Połączenie komórek w wierszu ALIGN=sposób - wyrównanie (left | right | center) VALIGN=sposób - wyrównanie w pionie (top | middle | bottom) BGCOLOR=kolor - kolor tła BACKGROUND=obrazek - obrazek tła

Zastosowanie technologii medialnych i internetowych Rozplanowanie strony Do rozplanowania strony można wykorzystać: Tabele (znacznik TABLE) Ramki (znacznik FRAMESET) Style (znacznik DIV)

Zastosowanie technologii medialnych i internetowych Skrypty w plikach zewnętrznych Java - applety ActiveX - kontorlki JavaScript etc - skrypty

Zastosowanie technologii medialnych i internetowych Skrypty z kodem wewnątrz strony - przykład Do zamieszczenia w ramach HEAD: <!--.clock { position:absolute; top: 100px; width:80pt; font-family: Times New Roman; font-size:80px; color:navy; visibility:hidden; } // -->.... Do umieszczenia w dowolnym miejscu: <!-- if(timerRunning) clearTimeout(timerID) timerRunning = false timerID = setTimeout("start()",0) // -->

Zastosowanie technologii medialnych i internetowych Stat 4 U - konfiguracja

Zastosowanie technologii medialnych i internetowych Stat 4 U - wykluczenia

Zastosowanie technologii medialnych i internetowych Stat 4 U - wizyty

Zastosowanie technologii medialnych i internetowych Stat 4 U - statystyki

Dziękuję za uwagę