Üdvözöljük a SpeedPC Informatika ügyfelei között!

Átírás

1 Üdvözöljük a SpeedPC Informatika ügyfelei között! Szeretnénk, ha cégbemutatkozó oldala elkészítése és frissítése során ki tudná használni a program által kínált összes lehetőséget. Leírásunkkal igyekszünk egyértelmű segítséget nyújtani azok számára is, akik még sosem használtak szövegszerkesztő/weboldalkészítő programot így ez a leírás a tapasztaltabbak számára kissé szájbarágósnak tűnhet. Kérjük, olvassa el ezt a pár oldalt - lehet, hogy tapasztalt felhasználóként is talál benne hasznos információkat cégbemutatkozó oldala elkészítéséhez. I. AZ ALAPOK, ÉS A MENTÉS FONTOSSÁGA 1.) Lépjen be saját adminisztrációs felületére az alábbi linken: 2.) Egy másik lapon (új böngésző lap, vagy új böngésző ablak) nyissa meg saját domainjét: 3.) Saját adminisztrációs felületén válassza a Domain menüpontot, majd a saját domainnevére kattintva a szerkesztőhöz jut (amennyiben több domainneve is nálunk van, úgy listából tudja kiválasztani, hogy mely oldal tartalmát szeretné szerkeszteni) 4.) Keresők számára is fontos alapadatok és a weblap színének megadása: Fontos dolog, hogy weboldalunkat ne csak azok találják meg, akik tudják a weblap címét, hanem keresőkből is megtalálhassanak minket. A keresőoptimalizálás ugyan bonyolult folyamat, azonban ez a 3 adatot (title, meta description, meta keywords) semmiképpen sem árt, ha megadjuk weblapunkon 1 / 1

2 Title (oldal címe): Böngészőnk minden oldal megnyitásakor kiírja számunkra a weboldal címét. Pl. cégünknél a oldalon: SpeedPC Informatika Tárhely, Domain, Virtuális szerver stb Célszerű ide írni cégnevünket, valamint a főbb tevékenységi köröket, keresőszavakat (ez keresők számára hasznos információ!) Meta description: Ide írhatunk egy rövid leírást cégünkről, szerepeltetve benne néhány számunkra fontos kereső kifejezést is. Amikor a kereső megjeleníti weblapunkat a találatok között, akkor ezt a leírást fogja weboldalunk címe alá kiírni ezért célszerű figyelemfelkeltően fogalmazni. Kerüljük azonban a csupa nagy betűs szavakat! Ha nem töltjük ki ezt a mezőt, akkor a keresőrobot automatikusan kiválasztja azt a pár releváns mondatot oldalunk információi közül, amelyet meg fog jeleníteni a találati listában. Meta keywords: A kulcsszavakat vesszővel tudjuk elválasztani egymástól, célszerű tevékenységi körünket, a forgalmazott márkákat, keresőben fontos kulcsszavakat akár ékezetes, akár ékezet nélküli formában is megadni. Túl sok kulcsszó megadása nem vezet eredményre, azonban normális keretek között ez is befolyásolhatja a keresőben elért eredményünket. Keret háttérszíne: Ha az FFFFFF mezőbe kattintunk, feljön egy színskála, ahol kiválaszthatjuk weblapunk keretének színét (weblapunk 1000 pixel széles, az ezen kívül eső rész színét tudjuk itt megadni) Amennyiben tudjuk a használni kívánt színkódot (nem kiválasztani szeretnénk, hanem konkrét kóddal rendelkezünk), úgy az FFFFFF helyére kell azt beírnunk. Belső oldal háttérszíne: Ha az FFFFFF mezőbe kattintunk, feljön egy színskála, ahol kiválaszthatjuk weblapunk háttérszínét (weblapunk 1000 pixel széles, az 1000 px-en belüli háttérszínt tudjuk itt megadni) Amennyiben tudjuk a használni kívánt színkódot (nem kiválasztani szeretnénk, hanem konkrét kóddal rendelkezünk), úgy az FFFFFF helyére kell azt beírnunk. 5.) Az adatok megadása után a szerkesztőfelületen azonnal elkezdhet gépelni, pl. beírja, hogy Üdvözöljük honlapunkon!, a szöveget kijelöli (a kijelölés kezdőpontjánál lenyomja a bal egérgombot, melyet folyamatosan lenyomva tartva húzza az egérmutatót a kijelölés végpontjáig, ahol is felengedi azt), félkövérre formázza, középre igazítja, majd a mentés gomra kattint. 6.) Most nézze meg azt a böngészőablakot, amelyben a saját domainneve van megnyitva. Az F5 billentyűt lenyomva frissítheti az oldal tartalmát (egyes esetekben előfordulhat, hogy a gyorsabb oldalbetöltés miatt az Ön böngészője úgy lett beállítva, hogy nem minden látogatáskor tölti le a legfrissebb tartalmat, kérjük, ha nem lát változást, egymás után többször is nyomja le az F5 billentyűt) 2 / 1

3 Önnek most ezt kell látnia weboldalán (ha már kitöltötte a Title (oldal címe) mezőt, akkor a pirossal írt AZONDOMAINJE.HU szöveg helyén a Title mezőbe beírt sor jelenik itt meg): FIGYELEM! MENTSÜNK SOKSZOR, MAJD MINDEN MENTÉS UTÁN F5-EL FRISSÍTVE ELLENŐRIZZÜK SAJÁT DOMAINNEVÜNKÖN A WEBLAPUNK TARTALMÁT! Kérjük, hogy a lehető legtöbbször használja a mentés gombot, és ellenőrizze weboldalán, hogy a kívánt tartalmat látja-e Több okból is fontos ez: - az adminisztrációs felületen lévő szerkesztő ablak mérete és a weboldal mérete között eltérés van ezért nem ugyanazt az elrendezést látja az admin szerkesztő ablakban, mint mentés után a weboldalán (pl. egy adott sor vége máshol van a szerkesztő ablakban, mint az éles weblapon, ez azért van, mivel a weblapokat 1000px-re optimalizáljuk, és ahogy látja, az adminisztrációs felület jobb oldalán még vannak boxok ebből adódik a kb. 350 px eltérés) Kérjük, sűrűn ellenőrizze a munkafolyamat során, hogy a honlapján megjelenő kinézet megfelel-e az elvárásainak - ha sokáig csak az adminisztrációs felületszerkesztő mezőjébe ír, és nem formáz vagy ment, úgy a szerver úgy érzékelheti: nem történik semmi, ezért biztonsági okokból kilépteti Önt. Ekkor a nem mentett munkája el fog veszni! Amennyiben tehát pl. úgy gondolja, hogy előbb begépel 5 oldalnyi szöveget, majd megformázza és utána menti, akkor szinte garantált, hogy minden el fog veszni. Ezért vagy gépelés közben formázzon (használjon gombokat a formázásra), vagy sűrűn mentsen gépelés közben is, majd ezt követően formázzon. II. AZ ALAP IKONOK ISMERTETÉSE Mentés: ezzel menthetjük el eddig elkészített munkánkat, weblapunkon ellenőrizhetjük (F5-el frissítünk), hogy az elkészült oldal megfelel-e számunkra Új dokumentum: az ikonra kattintva teljesen üres lapot kapunk (amennyiben csak véletlenül kattintottunk rá, úgy ne válasszuk a mentést, csak lépjünk ki, és megmarad minden eddigi munkánk illetve a visszavonás gombot is használhatjuk kilépés helyett) Kivágás, Másolás, Beillesztés: Az itt szereplő ikonokkal egy adott kijelölést, képet, szöveget stb. tud kivágni, másolni, vagy beilleszteni az oldal más pontjába. 3 / 1

4 Egyes böngészők ezeket a gombokat nem támogatják, kérjük, ott másoláshoz a Ctrl+C, beillesztéshez a Ctrl+V billentyűkombinációt használja az alábbiak szerint: - kijelöljük a másolni kívánt részt, folyamatosa nyomva tartjuk a Ctrl gombot, és rövid ideig hozzányomjuk a C billentyűt is - felengedjük a Ctrl és C gombokat, majd a dokumentum azon részére kattintunk, ahová be szeretnénk illeszteni, - ekkor folyamatosan nyomjuk a Ctrl gombot, valamint eközben rövid ideig a V billentyűt. Beszúrás szövegként: Lehetőségünk van a vágólapon lévő információk szövegként való beszúrására, ekkor minden formázás elvész, kizárólag a szöveges tartalom marad meg (a vágólapon lévő információt a fent leírt módon, a Ctrl+V billentyűkombinációval szúrhatjuk be) Beszúrás word-ből: Lehetősége van akár arra, hogy az egész oldalt elkészítse word-ben, majd a gomb megnyomása után a Ctrl+V billentyűparancsra az egész dokumentumot be tudjuk szúrni weboldalunkba (természetesen ehhez wordben már a Ctrl+C-t kellett alkalmazni előtte!) Ezen gomb használatakor szinte a teljes formázást át tudjuk venni a word dokumentumból, utána már elég néhány simítással webre igazítani azt. Visszavonás engedélyezés: Előző lépéseink utólagos visszavonására vagy engedélyezésére van lehetőségünk ezen két ikon használatával III. A SZÖVEG FORMÁZÁSA 1.) Melyik ikon mire való? (ahogy pl. word-ben is megszokhatta, ha az ikon fölé viszi az egeret és pár másodpercig ott tartja, a program automatikusan kiírja, hogy az adott ikon mire való amire itt nem térünk ki, azt később részletesebben fogjuk bemutatni) 2.) Az alábbiakban néhány fontos funkciót mutatunk be, mellyel a lehető legegyszerűbben elkészítheti / frissítheti céges bemutatkozó oldalát. Nézzük tehát a kezelőfelület legfontosabb ikonjait: Félkövér: A kijelölt szövegrészt félkövérré változtatja Dőlt: A kijelölt szövegrészt dőltté változtatja Aláhúzott: A kijelölt szövegrészt aláhúzottá változtatja Áthúzott: A kijelölt szövegrészt áthúzottá változtatja Természetesen a fenti ikonok közül többet is használhat egy-egy adott szövegrészen (pld. félkövér-dőlt) 4 / 1

5 Szövegek, szövegrészek igazítása: Akár a kijelölt szövegrész utólagos igazítására van lehetőségünk, akár eleve X irányba igazítva gépelhetjük weblapunkra a szöveget. Balra igazított Középre igazított Jobbra igazított Sorkizárt Alapból beállított formázások: Egyes formázások alapértelmezetten szerepelnek a programban nyugodtan kísérletezzünk velük - így pld. a címsorok mindig ugyanúgy fognak kinézni. Amennyiben egyik alapértelmezett formázás sem felel meg számunkra, úgy célszerű megjegyezni, hogy pl. a címsort mindig 14-es Verda zöld színnel, a tartalmi szövegrészeket 12-es Verdana kék színnel írjuk. Így egyszerűen megvalósítható és megőrizhető az oldal összképe. Felsorolás és számozás: Értelemszerűen az adott szövegrész felsorolásszerű, vagy számozott megjelenítésére van lehetőségünk új sor az Enter gombbal kezdhető Behúzás növelése csökkentése: Ugyanazt a célt szolgálja, mint pl. wordben a TAB billentyű, az adott szövegrészt a margótól balra vagy jobbra tolja el, vagy húzza vissza. Használhatjuk akkor is, amikor a felsorolás/számozás nem a számunkra megfelelő helyen kezdődne! Dátum és idő beszúrása: Egy gombnyomásra beszúrhatjuk a mai dátumot, vagy az aktuális időt. Hasznos lehet például, ha időtartamra vonatkozó akciókat jelenítünk meg oldalunkon. Alsó index, felső index: Pl. m 3 megjelenítéséhez beírjuk a m3-t, majd a 3-t kijelölve a felsőindex gombra kattintunk. Ha folyamatosan írunk (nem utólag jelölünk ki), akkor az alsó/felső indexbe történő írás után ne felejtsük el kikapcsolni az ikonját. Erre ikonra kattintva speciális karaktereket szúrhatunk be a szövegbe: 5 / 1

6 Formázás eltávolítása: Ha egy adott szövegrészből el szeretnénk távolítani pl. a kiemelés színét, úgy jelöljük ki a szövegrészt, majd kattintsunk a Formázás eltávolítása gombra. Vízszintes vonal beszúrása: Kattintsunk az ikonra, majd a felugró ablakban adjuk meg a vízszintes vonal paramétereit (a weblap szélessége ahogy azt már írtuk a bevezető elején 1000px, így ennél nagyobb értéket értelemszerűen nem lehet megadni!) Szövegszín kiválasztása: A legördülő menüből kiválaszthatjuk a számunkra leginkább megfelelőt, illetve ha tudjuk annak kódját (pl. céglogóban lévő színt szeretnénk használni), úgy a Szín: mezőbe a # után írhatjuk be a kódot. Szövegkiemelő színe: Ugyanúgy működik, mint a szövegszín kiválasztása ezzel hátteret adunk egyegy szövegrésznek, mint ha egy szövegkiemelővel emelnénk ki valamit a papíron. 6 / 1

7 IV. EGYÉB FUNKCIÓK Keresés-Csere: A nagyító ikonra kattintva kereshetünk a dokumentumban lévő kifejezésekre, a mellette lévő csere ikonra kattintva a megkeresett szövegrészt egy másik szövegre cserélhetjük. Pl. cégünk telefonszáma megváltozott, eddig volt (valamint ezt mindig ugyanilyen formátumba írtuk be a dokumentumba), akkor a Mit keres mezőbe beírjuk a szöveget, a Mire cseréli mezőbe az új telefonszámot, pl , majd az Összes cseréje gombra kattintva a program az összes helyen kicseréli a régi telefonszámunkat az újra. LINKEK ÉS HORGONYOK Linkek (1. ikon a link hozzáadása, 2. a link eltávolítása) és horgonyok (3. ikon): Linkekről elsősorban akkor beszélhetünk, ha külső weblapokra mutató szövegrészt helyezünk el oldalunkon de ide tartozik pl. címünk megjelenítése olyan formában, hogy weblapunkon az Írjon nekünk szöveg szerepel, amire ha rákattintanak, akkor megnyílik a kliens gép levelező programja, egy új üzenettel mely címzettje az általunk megadott cím. Horgonyokról akkor beszélhetünk, ha az adott oldalunkon szeretnénk navigálni a látogatónkat (pl. az oldal elején felsoroljuk, hogy Röviden rólunk, Elérhetőségeink, Forgalmazott márkák stb. majd a látogatónk az Őt érdeklő információra kattintva az oldal azon részére jut, ahol pl. Elérhetőségeink szerepelnek így nem kell görgetnie és keresnie, azonnal megtalálja a számára hasznos információt) 7 / 1

8 LINKEK KEZELÉSE Jelöljük ki azt a szövegrészt, vagy képet, amelyhez linket szeretnénk társítani, majd válasszuk ki az alábbi ikont: A következő ablak fog megjelenni: A Link URL-hez írjuk be azt az oldalt, ahová szeretnénk, hogy eljusson a látogatónk, ha az adott szövegrészre kattint. Fontos, hogy ha külső hivatkozásról (nem a szerkesztett weblapra mutatunk, hanem máshová) van szó, úgy a teljes link szükséges, tehát pld: A Target mezőt legörgetve választhatjuk, hogy a látogató a linkre kattintva elhagyja-e az oldalunkat (ez az Azonos ablakban/keretben megnyitás), vagy a linkre kattintva a hivatkozott oldal új lapon nyíljon-e meg nála (ez az Új ablakban megnyitás ) Tapasztalatunk alapján inkább a második verziót érdemes választani külső linkek esetén, így a mi weblapunk akkor is nyitva marad látogatónk számára, ha a hivatkozott linken lévő lapot bezárná) cím hozzáadásához írjunk be egy tetszőleges szöveget, pl: Írjon nekünk, vagy Kapcsolatfelvétel, jelöljük ki ezt a szövegrészt, majd kattintsunk a link hozzáadása gombra. Itt írjuk be a Link URL mezőbe a használni kívánt címet, pl: info@azondomainje.hu, majd kattintsunk a Beszúrás gombra. A program ekkor kiírja Önnek: A beírt URL e- mail címnek tűnik, kívánja a szükséges mailto:-t elé tenni?, erre mondjuk, hogy OK, így az adott szövegrészre kattintva a már említett új üzenet írása fog feljönni látogatónknak (természetesen ha van a gépén levelezőprogram telepítve). 8 / 1

9 HORGONYOK KEZELÉSE Először is vigyük fel a tartalmat weblapunkra, majd próbáljuk ezt tematizálni: Pl. pár bekezdésen keresztül írunk arról, hogy kik vagyunk, mivel foglalkozunk ez lesz a Cégbemutató, következő bekezdésekben írunk árainkról ez lesz az Árlista, következő bekezdéseinkben írunk néhány akciónkról ez lesz az Akciók, a legvégén pedig feltűntetjük cégünk összes elérhetőségét ez lesz a Kapcsolat. Ha oldalunk elején a fejlécet követően beírjuk tehát pl. felsorolással, hogy - Cégbemutató - Árlista - Akciók - Kapcsolat és jól alkalmazzuk a horgonyokat, akkor a felhasználó pl. az Akciók szóra kattintva weblapunk azon pontjára kerül, ahol az akcióinkról írunk nem kell előtte átolvasnia a Cégbemutatót és az Árlisát, ha ez Őt nem érdekelné. Ilyen formában a horgonyok mintegy almenüpontokat képeznek cégbemutatkozó oldalunkon. Használatuk a következő: Ha már felvittük tehát az összes információt, és nagyjából kitaláltuk, hogy minek mi lesz az elnevezése (pl. Cégbemutató), akkor a szövegben menjünk a Cégbemutató bekezdések elejére, és ott kattintsunk a horgony ikonra. Ekkor feljön egy ablak, ahol elnevezhetjük a dokumentum adott pontját pl. beírhatjuk, hogy Cégbemutató, vagy horgony Ezt végezzük el a többi horgonyként használni kívánt ponton is. Most gépeljük be a felsorolást, amelyben szeretnénk használni a horgonyokat (lsd. fent) Jelöljük ki pld. a Cégbemutató szót, és válasszuk a link hozzáadása ikont. Itt azonban ne egy külső linket adjunk meg, hanem a Horgonyok mezőt legörgetve válasszuk az adott szövegrészhez tartozó horgonyt. A Beszúrás gombra nyomva véglegesíthetjük a horgonyt, majd a többi kulcsszónál is elvégezhetjük ezt a műveletet. Horgony vagy link eltávolítása ezzel az ikonnal történik: kijelöljük azt a szövegrészt, amelyből el kívánjuk távolítani a linket/horgonyt, majd egyszerűen a Link eltávolítása ikonra kattintunk. 9 / 1

10 HTML szerkesztő: A gombra kattintva oldalunk kódolását láthatjuk kérjük, ehhez kizárólag akkor nyúljon, ha valamit nem tud megoldani a rendelkezésre álló ikonokkal valamint ért a HTML kódoláshoz! TÁBLÁZATOK Táblázatok: Sok esetben jól jöhet, ha tudunk táblázatot készíteni ezzel a programmal. Így például sokkal jobban tudjuk tagolni weblapunkat (pl. fejléc, bal oldali információs sáv, tartalom sáv, lábléc stb. ha nem állítunk keretet, akkor nem is látszik, hogy mindez táblázatos formában készült), vagy elhelyezhetjük árlistánkat is ilyen formában a lapon. Nézzük tehát a legfontosabbakat: Első lépésként válasszuk ki a Táblázat beszúrása/szerkesztése ikont. A megjelenő ablakban megadhatjuk, hogy hány soros és oszlopos táblázatot kívánunk szerkeszteni. A cella belső margó azt jelenti, hogy a cella szélétől hány pixelre kezdődjön a szöveg, még a cella távolság azt, hogy az egyes cellák között hány px távolság legyen. Az igazítás a szövegirányra vonatkozik, a keret pedig a keret szélességére px-ben (ha 0-n hagyjuk, akkor nem jelenít meg keretet a táblázat cellái körül a szerkesztőben azonban ekkor is látszani fog a keret, csak szaggatott vonallal, hogy tudjuk, hol van pontosan a táblázat a weblapunkon azonban ebben az esetben nem lesz kerete a táblázatunknak. Ha szerkesztés közben esetleg zavarna minket ez a keret, úgy a Vezetővonalak /nem látható elemek/ ki-be kapcsolása ikonnal eltűntethetjük azt) Amennyiben úgy érezzük, megfelelő lesz a táblázat, a Frissítés gombra kattintva ismét a weblapszerkesztőbe jutunk. 10 / 1

11 Cellák formázása - Ha készen van a táblázatunk, és ki szeretnénk emelni egy-egy, vagy több cellát a többi közül, úgy a cellák formázása paranccsal tehetjük meg azt ahol lehetőségünk van többek között a cella írásirányának, szélességének, magasságának (általános fület választva), vagy a cellák színének megváltoztatására (a haladó fület választva) Itt még kiválaszthatjuk, hogy csak az aktuális cellára (amelyben éppen vagyunk) vonatkozzanak a változások, vagy akár a teljes sorra/oszlopra/táblázatra. Ugyanilyen beállítások lehetségesek egy adott sorra vonatkozóan is, a Sor tulajdonságai ikont választva: Sorokra vonatkozó egyéb műveletek: Az első ikonnal az aktuális cella elé, a másodikkal az aktuális cella mögé tudunk egy egész sort beszúrni. A harmadik ikonnal az aktuális sort tudjuk törölni. 11 / 1

12 Oszlopokra vonatkozó egyéb műveletek: SZÁMKÖR 2002 Bt. Az első ikonnal az aktuális cella elé, a másodikkal az aktuális cella mögé tudunk egy egész oszlopot beszúrni. A harmadik ikonnal az aktuális oszlopot tudjuk törölni. IDÉZETEK / ALTERNATÍV SZÖVEGTARTALMAK Idézet / alternatív tartalom: Először gépeljük be azt a szövegrészt, amelyhez alternatív tartalmat szeretnénk felvinni, jelöljük ki, majd kattintsunk az idézet ikonra (amíg nincs kijelölt szövegrész, addig nem aktív ez az ikon) Az elem tulajdonságoknál a Cím mezőbe írjuk be, hogy mit szeretnénk, ha látna az oldal látogatója, amikor ez a szövegrész felé viszi az egérmutatót Fontos azonban megjegyezni, hogy ezt az információt nem csak az oldal látogatója láthatja a keresőrobotok számára is hasznos. Próbáljunk ide is megfelelő kulcsszavakat elhelyezni ez természetesen nem helyettesíti az oldal releváns tartalmát mindössze kiegészítheti azt! A leírás végén pedig nézzük meg, hogyan tudunk képeket beilleszteni weblapunkba, a képeket linkként kezelni, illetve videókat beszúrni. A képek színesebbé teszik honlapunkat, élvezetesebbé teszik látogatóinknak a böngészést. Amennyiben nem szeretne grafikust megbízni néhány jó minőségű grafikai elem megszerkesztésével, úgy a GIMP-et ajánljuk ingyenes képszerkesztő programként, melyet innen tud letölteni és sok hasznos információt is olvashat róla! 12 / 1

13 KÉPEK BESZÚRÁSA, FORMÁZÁSA 1. lépésként válasszuk ki a kezelőfelület legutolsó ikonját, az ibrowser-t: Ekkor a következő ablak fog megjelenni: 2. lépésként itt válasszuk a Képek kezelése menüpontot. 3. a kép feltöltéséhez erre az ikonra kell kattintanunk: 13 / 1

14 4. A Tallózás gombra kattintva válasszuk ki számítógépünkről a felölteni kívánt képet. 5. A Megnyitás gombbal hagyjuk jóvá, majd 6. lépésként a zöld jobbra mutató nyíllal (kép feltöltése) töltsük fel gépünkről saját webtárhelyünkre a képet: 14 / 1

15 7. A program itt kérni fog még 1 megerősítést, kattintsunk most az OK-ra: 8. A feltöltött képek között most már láthatjuk az imént feltöltöttet (több kép esetén természetesen az összes itt fog megjelenni) Ha a feltöltött kép(ek) közül kiválasztottuk a megfelelőt, akkor a Kép beillesztése a cikkbe gombra kattintva beszúrhatjuk azt weblapunkba. 15 / 1

16 9. A weblap szerkesztőben kattintsunk rá az imént beszúrt képre (ekkor körülötte keret fog megjelenni), majd a Kép beszúrása/szerkesztése ikonra kattintva tovább formázhatjuk azt: 10. Az Általános fülön a Kép helyettesítő szövege és Cím mezőkbe írjunk a képpel kapcsolatos kifejezéseket, vagy akár mondtatot. Kép helyettesítő szövege: ez a szöveg fog megjelenni akkor, ha az oldal látogatójának gépe bármely oknál fogva nem jelenítené meg a képet valamint ezt a szöveget látják a kereső robototok is, ezért célszerű minden esetben kitölteni és hasznos helyettesítő szöveget megadni 16 / 1

17 11. A Megjelenés gombra kattintva a kép további formázására van lehetőségünk. Itt választhatjuk ki a kép szöveghez való igazítását (az egyes igazítási típusok között váltogatva a kis ablakban megjelenik, hogy az adott típus milyen eredményt fog hozni) A Méretek -nél megadhatjuk a kép használni kívánt méretét (ne feledjük, weblapunkon max 1000px széles kép lehet!!), amennyiben az Aránytartás előtti pipa aktív, úgy elég a szélességét (első érték) megadni, a magasság automatikusan igazodni fog hozzá, torzítás nélkül. A Függőleges és Vízszintes távolság px-ben értendő, a kép szövegtől elfoglalt távolságát jelöli (ha tehát 0, akkor a kép szélétől már kezdődik is a szöveg ) A Keret -nél állíthatjuk be, hogy képünknek legyen-e kerete, és ha igen, akkor hány px széles. 12. Képek és linkek: Természetesen lehetőségünk van arra is, hogy az adott képhez linket (külső hivatkozást, vagy horgonyt) adjunk. Ebben az esetben a 9. pontban leírt módon aktiváljuk a képet (kattintsunk rá), majd a Link beszúrása/szerkesztése ikonnal a linkek kezelésénél ismertetett módon külső vagy belső hivatkozást adhatunk a képünkhöz. 17 / 1

18 VIDEÓ FILE-OK MEGJELENÍTÉSE WEBLAPUNKON 1. Válasszuk a Beágyazott média beszúrása/szerkesztése ikont: 2. A legördülő menüből válasszuk ki a Real Media opciót: 3. Tegyük vágólapra a kívánt videó linkjét (pl. youtube-ról a link másolásával, vagy saját webtárhelyünkről a direkt link kimásolásával): 18 / 1

19 4. A Fájl/URL mezőbe másoljuk be a videó linkjét (a mérettel kapcsolatban a képeknél leírtak az irányadók) 5. A Beszúrás -ra, majd a szerkesztőben a mentésre kattintva, 6. weblapján F5 (frissítés) után ellenőrizheti a belinkelt videót Figyelem, amennyiben külső helyről hivatkozik ily módon videót, és azt idő közben eltávolítják, úgy weblapjáról is el fog tűnni a kérdéses videó. A webtárhely szerződésben foglaltak kötelező érvényűek az egész weboldal kialakítása során, különös tekintettel a megjelenített és feltöltött tartalomra! 19 / 1