1. takže ze všeho nejdřív si stáhnete dva obrázky ve stejné velikosti (např. 800x600 a 800x600)prostě stejný
2.otevřete si poznámkový blog ( najdete ho v všechny programy > příslušenství > poznámkový blog)
3. vypadá tkhle:

4. oba ty stažené obrázky si dejte na plochu
5. do poznámkovýho bloku si vložte tohle
<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE htlm1 PUBLIC "-//w3c//DTD XHTLM 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Změna obrázku</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type="text/css">
img { border: solid silver 1px; width: 80px; height: 80px }
</style>
</head>
<body >
<h1>Změna obrázku</h1>
<p>
Obrázek se změní při přechodu myší nad obrázek a mimo něj.
</p>
<p>
<img src="název 1. obrázku.jpg"
onmouseover="this.src='název 2. obrázku.jpg'"
onmouseout="this.src='název 1. obrázku.jpg'" />
</p>
</body>
</html>
<!DOCTYPE htlm1 PUBLIC "-//w3c//DTD XHTLM 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Změna obrázku</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type="text/css">
img { border: solid silver 1px; width: 80px; height: 80px }
</style>
</head>
<body >
<h1>Změna obrázku</h1>
<p>
Obrázek se změní při přechodu myší nad obrázek a mimo něj.
</p>
<p>
<img src="název 1. obrázku.jpg"
onmouseover="this.src='název 2. obrázku.jpg'"
onmouseout="this.src='název 1. obrázku.jpg'" />
</p>
</body>
</html>
6.místo toho co je zvírazněný zeleně napíšete jména těch obrázků
7.dáte soubor > uložit jako
8. zobrazí se tohle:

9.za název obrázku napíšete .html
10.kliknete na tu zakroužkovanou šipku a dáte ostatní obrázky
11.dáte uložit na plochu
12. na ploše na to kliknete a zmáčknete 2x enter
13 zobrazí se vám internet a tam bude ten obrázek
14. a vy už ho jenom stáhnete
no snad to pochopíte xoxo vaše klariska




