PDA

View Full Version : Informatyka-obrazek


Pokémon
07-06-2010, 15:30
Witam! Dziś siedząc na Informatyce nauczycielka zaproponowała nam zadanie na 6 na koniec roku. Polega ono na tym, że na stronie html, umieszczając obrazek (na przykład taki jak poniżej)
http://mt-collection.com/sklep/galerie/k/koszyk-owocow_106.jpg
i klikając na przykład na gruszkę otwiera nam się strona z informacjami o gruszce. Klikając natomiast na jabłko [cały czas ten sam obrazek!!!] informacje o jabłku itd. I tu nasuwa się moje pytanie-czy wie ktoś może jak owy projekt zrobić? Chodzi mi głownie o te znaczniki które się wpisuje aby wykonać taki obrazek. Bardzo mi zależy na szybkiej odpowiedzi, bo czas mam tylko do 14 czerwca. Oczywiście poleci reput, za każdą odpowiedź.
Habemus Papam
07-06-2010, 15:36
Może z tym idź na jakieś forum poświęcone informatyce? Bo na 4um tibijskim to ciężko..

@ Podpowiadam Ci abyś trochę użył mózgu..
Pokémon
07-06-2010, 15:37
Proponuje aby ktoś, kto nie wie nie wypowiadał sie w tym temacie... Poza tym chyba ten dział jest od tego, he?
Seba Master Knight
07-06-2010, 15:40
Musisz zrobić z tego mapę, poszukaj o tworzeniu map w html, wtedy na danym obszarze wstawisz sobie hiperłącze do dowolnej strony
Skabek
07-06-2010, 15:41
tu nie ma gruszki, ale poza tym to:

-pociąłbym odpowiednio obrazek
-zrobiłbym odpowiedni szablon css - głównie o divy mi tu chodzi
-potem odpowiednie odnośniki i gotowe

Czyli:
http://www.google.pl/#hl=pl&q=ci%C4%99cie+layoutu&aq=f&aqi=g7&aql=&oq=&gs_rfai=&fp=bf9abd93ed071566
Precision
07-06-2010, 15:54
Google -> Nauka HTML dla zielonych, kurs.

Wszystkie informacje potrzebne do zrobienia tego. Osobiście uczyłem się tego na kółku w szóstej klasie podstawówki. Łatwe macie te zadania. :rolleyes:
Fasola
07-06-2010, 15:56
Tutaj masz kurs:

http://www.kurshtml.boo.pl/html/odsylacz_obrazkowy,odsylacze.html


Tutaj skrypt w którym odczytujesz współrzędne obrazka:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Zadanie na 6 wykonane przez pokemona</title>
</head>
<body style="margin: auto; padding:auto;">


<img src="obrazek.jpg" alt="" usemap="#mapa" />
<map id="mapa" name="mapa">
<area shape="circle" coords="363,235,40" href="adres" alt="tekst alternatywny" />
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
</map>


<form name="Show">
X <input type="text" name="MouseX" value="0" size="4"><br>
Y <input type="text" name="MouseY" value="0" size="4"><br>
</form>

<script language="JavaScript1.2">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else { // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
// End -->
</script>


</body>
</html>

Po zrobieniu wszystkie kasujesz wszystko między <form name="Show"> a </script>
Devil murder v2
07-06-2010, 16:08
http://www.kurshtml.boo.pl/html/odsylacz_obrazkowy,odsylacze.html

Mapa odsyłaczy.

Tam jest wszystko.

#Edit up
Jak ja to pisałem, to Ciebie nie było :<
Pokémon
08-06-2010, 20:54
Próbowałem ale nie wychodzi wcale :/
Z racji że jest to dość skomplikowane, czy jeśli ktoś jest w tym dobry i sprawnie umiałby to zrobić, oraz nie sprawi mu to kłopotu mógłby zrobić mi gotowy jeden lub 2 odsyłacze? Tematyka dowolna, prócz oczywiście treści pornograficznych... Bardzo mi na tym zależy, ponieważ ocena będzie się liczyła przez 2 lata. Gdybym miał jakiś kurs w szkole, to byłoby inaczej ale tak to jest masakra...
Próbowałem tego skryptu

<img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#nazwa_mapy" />
<map id="nazwa_mapy" name="nazwa_mapy">
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
(...)
</map>
ale oczywiście na moje szczęście wpisując współrzędne itp. nie wyświetlało mi na obrazku żadnego odsyłacza.
Potrzebuję 4 odsyłacze, ale proszę choćby o wzór, jak to wygląda. Przynajmniej coś chciałbym zrobić sam :)