Drukuj stronę - Zastosowanie opcji "Image Map"

Tytuł: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: Joten8 on 29.11.2008, 12:29:39

Wiele osób które tworzą layout swojej strony WWW pyta jak to pociąć itp.
Jednak aby przyspieszyć pracę można zastosować opcje Image Map czyli Mapa Obrazu (więcej TUTAJ (http://www.kurshtml.boo.pl/html/odsylacz_obrazkowy,odsylacze.html)).
Polega to na tym, że zaznaczamy fragment obrazu i tworzymy odnośnik do pliku, podstrony itp.
Są 3 rodzaje zaznaczania:
[lp]rectangle (prostokąt),
[lp]pole (wielokąt),
[lp]circle(koło).
Opcja ta jest dostępna w Filtry - Sieć WWW - Image Map.
Gimp zapisuje mapę obrazu jako plik .MAP.
Umiejętne wykorzystanie tego pliku np. programem Notepad++, pozwala skopiować skrypt mapy do kodu HTML naszej strony.
Na przykład:
Dla obrazka mapa.png:
(http://www.gimpuj.info/gallery/13078_29_11_08_12_26_07.png)
gdy chcemy utworzyć odsyłacze do stron odpowiednia: rect.html, pole.html, circ.html, GIMP tworzy plik mapa.png.map
o treści:

Kod:

<img src="Mapa.png" width="300" height="150" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Użytkownik -->
<area shape="rect" coords="18,12,120,73" href="rect.html" />
<area shape="poly" coords="17,100,48,85,91,100,99,107,108,88,138,112,99,137,61,103" href="pole.html" />
<area shape="circle" coords="222,74,75" href="circ.html" />
</map>

(otwarte Notepadem++)

cały ten skrypt kopiujemy na strone...

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: lion. on 29.11.2008, 13:52:23

Jestem na TAK oczywiście jeżeli to odpowiednio napiszesz ;). Co prawda nie jest to tutorial graficzny (w pełni) więc nie wiem czy się dostanie do indeksu...

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: Wulfgar on 04.12.2008, 13:19:55

Fajny pomyslik na tutorial. ;)

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: Joten8 on 08.12.2008, 15:59:42

I mam takie pytanie czy można od razu pisać w fabryce tutoriali czy trzeba otrzymać jakieś zezwolenie?
Bo w regulaminie tego nie ma.

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: Wulfgar on 08.12.2008, 16:11:05

http://www.gimpuj.info/index.php/topic,1001.0.html - tutaj wszystko jest.
Przed rozpoczeciem pisania tutoriala, propozycje musi chyba zaakceptowac jakis opiekun tutoriali.

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: INSEKT on 08.12.2008, 17:11:17

Tak, to się może przydać. Fabryka zaprasza Jotena do pisania tutoriala, a opiekunów do czujnej korekcji.

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: piotr34155 on 02.01.2012, 10:12:45

Mam pytanie.
Image Map ma zastosowanie w tłach youtube tzw. layout'ach.
Jak zrobić layout z logiem facebook'a jako odnośnik do konta i z logiem strony internetowej jako odnośnik do strony internetowej?

Tytuł: Odp: Zastosowanie opcji "Image Map"
Wiadomość wysłana przez: lion. on 02.01.2012, 15:47:57

Chyba szary kowalski nie może.

O ile się nie mylę to partnerzy YT mogą o takie bajery.

Polskie Forum Użytkowników GIMP-a

Tutoriale => Propozycje tutoriali => Wątek zaczęty przez: Joten8 on 29.11.2008, 12:29:39