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

Kép létrehozása és használata weboldalon
.

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

Kép létrehozása és használata weboldalon
és mentse el a fájlt ugyanazon a néven, mint a picture.htm

16. 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

Kép létrehozása és használata weboldalon
é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

Kép létrehozása és használata weboldalon
é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

Kép létrehozása és használata weboldalon
é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.

Kapcsolódó cikkek