New Page 1

Instrukcje html do osadzania ilustracji na stronach

33 Sympozjum Fizyki Matem.

Problem skalowania obrazków

<img src="pic1.jpg" width="400" height="267"> (rozmiar oryginalny 2100x1400 pix, 870 KB)

<img src="pic2.jpg"> (rozmiar 57 KB)

Podanie wymiarów ilustracji przyspiesza ładowanie strony

<img src="pic2.jpg" width="400" height="267">

Tworzenie "galerii" z użyciem miniatur obrazków (thumbnails)

<a href="grupa2.jpg" target="_blank">
<img border="1" src="grupa2thm.jpg" alt="260 KB" width="160" height="103">
</a>

Miniatury można tworzyć automatycznie z użyciem specjalnych narzędzi (np. "Autominiatura" we FrontPage, program Google Picassa), ale lepiej to robić ręcznie − zamiast zmniejszać cały obrazek, lepiej wyciąć i przeskalować charakterystyczny fragment.

Wybór właściwego fragmentu i kadrowanie

Umiarkowana redukcja rozmiaru wyciętego fragmentu

Miniatury

Wiele obrazków - w tabeli

<table border="0" cellpadding="2" width="300" cellspacing="5">
    <tr>
          <td width="33%">
        <a href="g1/neg04a.jpg">
           <img border="1" src="g1/neg04as.jpg" width="102" height="100">
        </a>
    </td>
          <td width="33%">
        <a .... >
          </td>
          <td width="34%">
        <a .... >
    </td>
   </tr>
   <tr>
         .....
         .....
   </tr>
</table>

Porównanie stylów

Przykład galerii

Aktywne mapy

<img border="0" src="gr2.jpg" usemap="#FPMap0" width="700" height="450">

coords = " l_gorny_x, l_gorny_y, p_dolny_x, p_dolny_y "

Osadzanie animacji Macromedia FLASH