Transcript Document 7819101

Zastosowanie technologii medialnych i internetowych
Wykład
Grafika i skrypty na stronach WWW
dr inż. Jacek Wachowicz
[email protected]
www.zie.pg.gda.pl/~jwach
Obrazki
Zastosowanie technologii medialnych i internetowych
• <IMG SRC=”obrazek” ALT=”opis” >
• Dodatkowe atrybuty:
•
•
•
•
WIDTH=”x” HEIGHT=”y”
HSPACE=”x” VSPACE=”y”
BORDER=”n”
ALIGN=”wyrównanie”
• Left | right
• Top | middle | bottom | texttop| absbottom
Obrazki
Zastosowanie technologii medialnych i internetowych
• Formaty:
• .bmp
• nieskompresowany
• .jpg
• stratny
• .gif
• Max 256 kolorów
• Przezroczystość
• Ruch
• .png
Zastosowanie technologii medialnych i internetowych
Zastosowanie technologii medialnych i internetowych
Miniatura
Zastosowanie technologii medialnych i internetowych
• Miniaturka zdjęcia, która
po kliknięciu się powiększa:
• <A HREF=”duzy_obrazek.jpg”>
<IMG SRC=”maly_obrazek.jpg” BORDER=”0”>
</A>
Tabele
Zastosowanie technologii medialnych i internetowych
• Tabela: <TABLE> … </TABLE>
• Wiersz: <TR> … </TR>
• Komórka: <TD> … </TD>
• Nagłówek: <TH> … </TH>
• 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
Rozplanowanie strony
Zastosowanie technologii medialnych i internetowych
• Do rozplanowania strony można
wykorzystać:
• Tabele (znacznik TABLE)
• Ramki (znacznik FRAMESET)
• Style (znacznik DIV)
Skrypty w plikach zewnętrznych
Zastosowanie technologii medialnych i internetowych
•
Java - applety
<APPLET CODE="nazwa.class" width=xx height=yy>
<param name=nazwa value=wartość>
<param name=nazwa value=wartość>
</APPLET>
•
ActiveX - kontorlki
<OBJECT ID="nazwa" classid="class-id:99b42120-6ce7-11cf-a6c700aa00a47002" type="application/x-oleobject" width=xx height=yy>
<param name=nazwa value=wartość>
<param name=nazwa value=wartość>
</OBJECT>
•
JavaScript etc - skrypty
<SCRIPT LANGUAGE="JavaScript" >
<!-// tekst skryptu
-->
</SCRIPT>
Skrypty z kodem wewnątrz strony - przykład
Zastosowanie technologii medialnych i internetowych
•
Do zamieszczenia w ramach HEAD:
<STYLE TYPE="text/css">
<!-.clock
{
position:absolute;
top: 100px;
width:80pt;
font-family: Times New Roman;
font-size:80px;
color:navy;
visibility:hidden;
}
// -->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- -->
<!-- JavaScript Example, freeware -->
<!-- -->
....
•
Do umieszczenia w dowolnym miejscu:
<SCRIPT LANGUAGE="JavaScript1.2">
<!-if(timerRunning) clearTimeout(timerID)
timerRunning = false
timerID = setTimeout("start()",0)
// -->
</SCRIPT>
<div id="z00" class='clock'>0</div>
<div id="z01" class='clock'>1</div>
.....
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
Zastosowanie technologii medialnych i internetowych
Dziękuję za uwagę