Kép létrehozása és használata weboldalon
1. Nyissa meg a Paint programot (Start ► Programok ► Tartozékok> Festék). Adja meg az új rajz méretét, például 50x50 képpontot (Ábra ► Tulajdonságok).
2. Válassza ki a zöld háttérszínt. Töltse ki a rajzot háttérszínnel.
3. Válassza ki a kefe eszközt és a piros színt. Rajzolj egy tetszőleges piros mintát a zöld háttérre.
4. Mentse el a képet a mappában a picture1.gif néven (GIF formátumban).
5. Hozzon létre egy új rajzot (Fájl ► Új). Válasszon egy piros háttérszínt. Töltse ki a rajzot háttérszínnel.
6. Válassza ki a kefe eszközt és a zöld színt. Rajzolj egy tetszőleges zöld mintát a vörös háttérre.
7. Mentse a képet a mappában a picture2.gif néven (GIF formátumban), és zárja be a Paint programot.
8. Ha ezt a feladatot nem közvetlenül az előző után hajtja végre, nyissa meg az 1.htm dokumentumot a Jegyzettömbben.
9. Törölje az összes szöveget a címkék között
és . A cím következő címében szereplő szöveget a címke után kell elhelyezni .10. Írja be a szöveget: Képek kezelése.
Különböző attribútumok alkalmazása. A rajzok elhelyezkedése az attribútumtól függ.
11. Adja meg a címkét
.12. Mentse el a dokumentumot image.htm formátumban.
Indítsa el az Internet Explorer programot (Start ► Programok ► Internet Explorer).
14. Válassza a Fájl menü ► Megnyit. Kattintson a Tallózás gombra, és nyissa meg az .htm képfájlt. Nézd meg a kapott dokumentumot, különös figyelmet fordítva a képre.
15. Visszatérés a jegyzettömbhöz, új szöveg hozzáadása:
Módosítsuk az attribútumot. A szöveg után adjon hozzá egy címkét
és mentse el a fájlt ugyanazon a néven, mint a picture.htm16. Térjen vissza az Internet Explorer programba és nyissa meg a picture.htm fájlt. Nézd meg a kapott dokumentumot, különös figyelmet fordítva a képre. Nézze meg, hogyan változik a kép helyzete, amikor beírja a "TOP" attribútum értékét.
17. Visszatérés a jegyzettömbhöz, új szöveg hozzáadása:
Ismét módosítsa az attribútumot. A szöveg után adjon hozzá egy címkét
és mentse el a fájlt ugyanazon a néven, mint a picture.htm.18. Térjen vissza az Internet Explorer programba, és frissítse az információkat az eszköztáron, vagy nyomja meg a CTRL + R. billentyűt. Nézd meg az oldal megjelenésének változását az attribútumok megváltoztatásakor.
19. Térjen vissza a Jegyzettömb programhoz és adja hozzá a szöveget:
A képhez képest eltérő képet és attribútumot használunk.
A szöveg után adjon hozzá egy címkét
és mentse el a fájlt ugyanazon a néven, mint a picture.htm.20. Térjen vissza az Internet Explorer programba, és frissítse az információkat az eszköztáron, vagy nyomja meg a CTRL + R. billentyűt. Nézze meg, hogyan változott a kép helyzete.
21. Térjen vissza a Jegyzettömb programhoz, és adja hozzá a szöveget:
Módosítsa a kép helyzetét. Ehhez a szöveg után adjon hozzá egy címkét
és mentse el a fájlt ugyanazon a néven, mint a picture.htm.22. Térjen vissza az Internet Explorer programba, és frissítse az információkat az eszköztáron, vagy nyomja meg a CTRL + R. billentyűt. Nézze meg, hogyan változott a kép helyzete.
Ebben a gyakorlatban megtudtuk, hogyan helyezzen be képeket egy dokumentumba. Megtudtuk, hogyan befolyásolja a címke attribútumait a kép megjelenítési módja.