Hogyan Lehet Képet Elhelyezni Egy Weboldalon

Tartalomjegyzék:

Hogyan Lehet Képet Elhelyezni Egy Weboldalon
Hogyan Lehet Képet Elhelyezni Egy Weboldalon

Videó: Hogyan Lehet Képet Elhelyezni Egy Weboldalon

Videó: Hogyan Lehet Képet Elhelyezni Egy Weboldalon
Videó: Kép mentése weboldalról, jobb klikk, kép mentése, bármi hasonló 2024, December
Anonim

Mindent, amit a webes szörfös lát a webhely oldalain, a böngésző biztosítja neki a webszerver által küldött részletes információk alapján. Ezt az információt az oldal html-kódjának hívják, és külön utasításokból - "tagekből" áll össze, amelyek leírják az egyes elemek megjelenését és helyét. Új elem (például kép) hozzáadásához a webhely oldalához megfelelő utasítást (címkét) kell elhelyeznie a forráskódjában.

Hogyan lehet képet elhelyezni egy weboldalon
Hogyan lehet képet elhelyezni egy weboldalon

Utasítás

1. lépés

Ha lehetősége van a tartalomkezelő rendszer használatára, adjon hozzá egy képet az oldalhoz az oldalszerkesztő segítségével. Először töltse be a kívánt oldalt a szerkesztőbe, és ellenőrizze, hogy a vizuális szerkesztési mód engedélyezve van-e. Időnként angol rövidítésnek nevezik WYSIWYG (amit látsz, amit kapsz). Vizuális módban az oldal ugyanúgy néz ki, mint a webhelyen. Kattintson az egérrel arra a helyre, ahová be kell illesztenie a képet, és nyomja meg a "kép beszúrása" gombot a szerkesztőpanelen.

2. lépés

Válasszon ki egy képet a szerveren már elérhető listából, amely megnyitja a vizuális szerkesztőt a képek beszúrására szolgáló párbeszédablakban. Ha még nem töltötte le, akkor kattintson a kívánt fájl keresési gombjára a számítógépén ("Tallózás"), keresse meg és nyissa meg, majd kattintson a "Feltöltés" (vagy "Letöltés") gombra. A fájl szerverre történő feltöltésének végén a kép felkerül a listára, és kiválaszthatja azt is.

3. lépés

Adja meg a kép körüli keret szélességét és színét, a kitöltési színt és a keret és a kép közötti távolságot, az előugró eszköztipp szövegét az egérrel. Nem árt megadni a kép méretét, bár ez, csakúgy, mint a párbeszédpanelen található összes beállítás (kivéve a kép kiválasztását), opcionális. A párbeszédpanel összes szükséges mezőjének kitöltése után kattintson az "OK" gombra. Ezzel befejeződik a kép beszúrásának eljárása, csak a szerkesztett oldal mentése marad.

4. lépés

Ha nem tudja használni a vezérlőrendszer oldalszerkesztőjét, vagy annak nincs vizuális szerkesztési módja, akkor össze kell állítania és hozzá kell adnia a szükséges HTML-címkét a forráskódhoz. A legegyszerűbb lehetőség így nézhet ki: Itt az img a címke neve, és a böngésző arra használja a következtetést, hogy itt képet kell megjeleníteni. Az src attribútum tartalmazza a képfájl címét és nevét. Ha a fájl ugyanabba a mappába kerül, mint az oldal, akkor a teljes URL nem szükséges. Felfelé mutató tippet vehet fel az egérmutatón a title attribútum használatával, és a szegély szélessége megadható a border attribútumban: Cserélje ki a szükséges attribútumokat az értékeire, és illessze be a címke eredményül kapott HTML-kódját az oldal forrásába. Ezt egy egyszerű szövegszerkesztőben lehet megtenni úgy, hogy letölti a forrást a webhely szerveréről, majd újra feltölti.

5. lépés

Töltse fel a képfájlt a webhelyre. Ezt megteheti a vezérlő rendszer fájlkezelőjével vagy a tárhelyszolgáltató paneljével, vagy használhatja a rezidens programot - az FTP klienst. Az első lehetőség könnyebb, mivel nem igényli a program telepítését és beállítását - a fájlkezelő közvetlenül a böngészőben működik.

Ajánlott: