Aki nem alkalmaz új megoldásokat, új bajokra számíthat, mert az idő a legnagyobb újító. Francis Bacon Tartalomjegyzék 1. Általános tudnivalók 1.1. Egy kis kitérő: Mi is az a CMS? 1.2. Fogalmak 2. CMS rendszer/admin felület alapvető funkciói 2.1. Belépés 2.2. Navigáció 2.3. Tartalom kiválasztása/szerkesztése 2.4. Kulcsszavak/leírás megadása 2.5. Új tartalom feltöltése 2.6. Meglévő tartalom módosítása 2.7. Mentés 2.8. Létrehozott/Módosított tartalom megtekintése 2.9. Vissza és mégsem gomb használata 2.10. Törlés gomb használata 3. Új oldal hozzáadása 3.1. Egyes funkciók értelmezése 3.2. Dokumentumszerkesztő és használata 3.2.1. Egyszerűbb formázási lehetőségek ismertetése (félkövérítés, dőltté alakítás ) 3.2.2. Bonyolultabb formázási lehetőségek ismertetése 4. Egyéb kiegészítő funkciók 4.1. Sorbarendezés 4.2. Képfeltöltés 5. Hasznos tippek 1.oldal
Általános tudnivalók 1.1. Egy kis kitérő: Mi is az a CMS? A CMS egy úgynevezett tartalomkezelő rendszer, melynek a segítségével programozói tudás nélkül tudunk szerkeszteni weblapokat az adminisztrációs felületen keresztül. 1.2. Fogalmak: admin felület: Az a kezelőfelület, melynek a segítségével tudjuk weblapunkat módosítani, szerkeszteni, új tartalmat hozzáadni kulcsszó: Maguk a kulcsszavak az oldalra vonatkozó főbb szavakat jelentik, melyeket a keresők, mint példéul a Google, értelmez. Példa: cipőwebáruház esetén ilyen kulcsszavak lehetnek a Nike, Adidas, Puma, cipő, bakancs kulcsszavak. leírás: Ugyancsak a keresők számára fontos. Ezt azért célszerű kitölteni, mert ha beírjuk a keresőbe a keresendő kifejezést, akkor a kattintható cím alatt ezt a két soros leírást olvashatjuk. Ennek hossza ne haladja meg a 165 karaktert, valamint amennyiben lehetséges foglaljuk bele a kulcsszavainkat is, de ne csak azokból álljon! adatbázis: Természetesen ezeket az adatokat valamibe el kell menteni, hogy ahhoz később is hozzáférhessünk kiolvasásra és módosításra, ezt teszi lehetővé az ún. adatbázis. 2.oldal
CMS rendszer/admin felület kezelése 2.1. Belépés: Az admin felület* belépéséhez az erre kijelölt aloldalon van módunk. Ehhez szükségünk van a belépési felhasználónevünkre, valamint a jelszavunk megadására. Ha ezeket beírtuk a belépés gombra kattintsunk. 2.2. Navigáció: Az admin felületre belépve ezt láthatjuk az oldalhoz alakított stílussal: Amennyiben tovább lépkedünk más szerkesztési oldalakra észrevehetjük, hogy a felirat megváltozik, le tudjuk követni éppen hol vagyunk. 2.3. Tartalom kiválasztása/szerkesztése: Belépés után több csoport tárul a szemünk elé. Ezek közül választhatjuk ki azt, amelyet szerkeszteni szeretnénk, mindezt a Tartalom gombra kattintva tehetjük meg: 2.4. Kulcsszavak/leírás megadása: Még ugyan itt a belépést követően adhatjuk meg a teljes weblapra, azaz minden aloldalára vonatkozó kulcsszavak*at és leírás*t. 2.5. Új tartalom feltöltése: Új tartalom feltöltése esetében töltsük ki az egyes űrlapmezőket! Ez alatt azt értem, hogy a szövegmezőbe belekattintunk és begépeljük az adatokat. Figyeljünk arra, hogy a *-al megjelölt elemeket kötelző kitölteni. Mindezt a lentebbi képen szemléltetjük a pirossal vastagított vonallal. 3.oldal
2.6. Meglévő tartalom módosítása: A módosítani kívánt tartalomhoz a mező elemeit egész egyszerűen csak írjuk át. 2.7. Mentés: Az új tartalom hozzáadása és a módosítások elvégzése után mindig a tárolás gombra kattintsunk (fenti képen látható elhelyezkedése), ekkor történik meg az adatok feldolgozása és adatbázis*ba mentése. 2.8. Létrehozott/Módosított tartalom megtekintése: Az új tartalom létrehozása és a módosítások elvégzése után lehetőségünk van ezen oldalak megtekintésére is, erre a fényképező ikon kattintásával van mód: 2.9. Vissza és mégsem gomb használata: Ha nem megfelelő csoportba kattintottunk, vagy mégsem szeretnénk rajta változtatni, akkor a vissza/mégsem gombbal léphetünk az előző oldalra: 2.10. Törlés gomb használata: Az admin felületen lehetőség van az egyes kategóriák, felhasználók, tartalmak törlésére is, mindezt a piros X-el jelölt törlés gombra kattintva tehetjük meg: Új oldal létrehozása 3.1. Egyes funkciók értelmezése: A szerkesztő felületen legfelül mindig megjelenik mikor lett létrehozva az adott tartalom. Ez alatt töltsük ki a név mezőt az előbb leírtak szerint, így ez lesz az aloldal főcíme. Külső link generálása funkcióval akár a számítógép által generált oldal nevet is megkaphatjuk, de mi magunk is megadhatjuk, esetleg a régit is megtarthatjuk, mindezt könnyen ki lehet választani. Amennyiben a régit szeretnénk megtartani, semmi dolgunk nincs, hiszen ez az alapértelmezett (ebben helyezkedik el a pötty). Ha generáltatni szeretnénk, akkor eltűnik a régi és újat fogunk kapni. Ehhez kattintsunk ebbe a körbe, a pötty ide fog átugrani, ekkor ez lesz az aktív. Abban az esetben pedig mikor saját magunk szeretnénk beírni, erre váltsunk át ugyan így, majd alatta megadhatjuk, hogy mire szeretnénk lecserélni. Az oldal állapotát is könnyen beállíthatjuk. Az aktív állapot jelzi, hogy azonnal életbe lép a módosítás, ellenben ha a szerkesztés alatt jelölőt választjuk ki (kattintunk rá). Ekkor mi 4.oldal
látni fogjuk a változtatásokat alul a megtekintés gombbal, de maguk a látogatók a szerkesztés alatt feliratot fogják látni. Az előbb leírtakat az alábbi ábrával szeretnénk szemléletesebbé tenni: 3.2. Dokumentumszerkesztő és használata: Még lejjebb haladva pedig láthatunk egy nagy szerkesztőfelületet. A rajta található gombok teljesen hasonlítanak a Word vagy bármely ingyenesen használható szövegszerkesztő gombjaira, így azokkal könnyen és egyszerűen formázhatjuk, alakíthatjuk felvitelre szánt szövegünket. 5.oldal
3.2.1. Egyszerűbb formázási lehetőségek ismertetése: Ha ezen gombokra ráhúzzuk az egeret, megjelenik egy rövid szöveg, mely ismerteti a funkciót. Felsorolás szintjén a fontosabb egyszerű elemeket megemlítjük: - Mentés: el lehet vele menteni az addigi munkánkat - Új oldal: mindent kitöröl a munkaterületről, tiszta lappal kezdhetjük a szerkesztést - Előnézet: megmutatja egy új lapon, hogy néz ki az általunk felvitt és formázott szöveg - Sablonok: előre megadott sablonok (kinézetek, elrendezések) közül lehet választani - Kivágás: szöveg kivágása (vágólapra helyezi a kijelölt szöveget, majd ahova a kurzort mozgatjuk beilleszthetjük oda azt) - Másolás: szöveg másolása (vágólapra helyezi a kijelölt szöveget, majd ahova a kurzort mozgatjuk beilleszthetjük oda azt) - Beillesztés: vágólapon elhelyezett szöveg beillesztése a kurzor után - Nyomtatás: ha ki szeretnénk nyomtatni a munkaterületet, akkor erre kattintsunk - Helyesírás-ellenőrzés: Erre a gombra kattintva leellenőrzhetjük szövegünket - Visszavonás: ha valamit elrontottunk ezzel vissza mehetünk a még jó lépéshez - Ismétlés: ha visszavontunk már, de mégsem szeretnénk, akkor a következő lépésre ugorhatunk ezáltal - Keresés: írjuk be, hogy mire keresünk és nyomjuk meg a Keresés gombot - Csere: ezzel a funkcióval szavakat és szószerkezeteket cserélhetünk ki. Ha megnyomjuk ezt a gombot felugrik egy ablak. A keresett szöveg részbe írjuk be a keresett szót vagy kifejezést, majd a Csere erre mezőbe pedig, hogy mire szeretnénk kicserélni. Ekkor lehetőségünk van arra, hogy a legelső előfordulást cseréljük csak ki, vagy pedig az egész dokumentumban levőt. Előzőhöz a Csere gombot, míg az utóbbihoz az összes cseréje gombot nyomjuk meg. - Mindent kijelöl: A teljes munkaterületet kijelöli - Formázás eltávolítása: eltünteni a kijelölt szöveg formázását - Felkövér: Kijelölt szöveg félkövérítése, pl.: Szöveg - Dőlt: Kijelölt szöveg dőltté alakítása, pl.: Szöveg - Aláhúzott: Kijelölt szöveg aláhúzott lesz, pl.: Szöveg - Áthúzott: Áthúzott szövegforma, pl.: Szöveg - természetesen ezek variációjára is szükség lehet és meg is oldható: Szöveg - Alsó index: Kijelölt szöveg alsóindexbe tétele, pl.: X 2 - Felső index: Kijelölt szöveg felsőindexbe tétele, pl.: X 2 - Számozás beillesztése/törlése: Számozott felsorolás lista készítése/törlése - Felsorolás beillesztése: Számozatlan felsorolás lista készítése/törlése - Behúzás csökkentése: Tabulátor visszahúzása 1-el (ha aktív és kattintható, akkor a bekezdést el lehet távolítani általa) - Behúzás növelése: Tabulátos behúzása eggyel (lényegében bekezdés készítése) - Idézet blokk: Szöveg idézésekor így formázzuk 6.oldal
- Balra: Bekezdés balra igazítása - Középre: Bekezdés középre igazítása - Jobbra: Bekezdés jobbra igazítása - Sorkizárt: Bekezdés sorkizárttá alakítása - Insert/Edit YouTube: Ezzel a kis funkcióval youtube videókat illeszthetünk be odlalunkra; az URL részbe írjuk be a videó internetes elérhetőségét, pl.: http://www.youtube.com/watch?v=grdjshgjlf0 Eldönthetjük, mekkora szélességet (width) és magasságot (height) szeretnénk neki, valamint, hogy a gyengébb (Low) vagy a jobbik (High) minőséget szeretnénk választani - Belső link beszúrása: ekkor saját aloldalunkat kell kiválasztani és a link arra fog mutatni - Bevezetés beszúrás: bevezető szöveget fogja beilleszteni - Elválasztóvonal beillesztése: vízszintes vonalat szúr be a kurzor utáni sorba - Hangulatjelek beillesztése: Nevető, mosolygó, síró, szomorú stb. jeleket illeszthetünk be vele - Speciális karakterek beillesztése: Ez a funció a speciális karakterek beszúrását teszi lehetővé Az utolsó 2 jel szerepe: : Bevezetés vége beszúrása. Olyan helyeken használjuk, ahol nem akarjuk a teljes tartalmat megjeleníteni, csak a cikk első pár sorát (pl. híreknél, újdonságoknál), a jel utáni rész csak a bővebben vagy részletek linkre kattintva érhető el. : Extratartalom megjelenítése. A fejlesztő által beszúrt elemek megjelenítését biztosítja. Ilyen pl. egy kapcsolatfelvételi űrlap. A jel elé felvitt egyéb tartalmak az űrlap felett jelennek meg. - Oldaltörés beillesztése: Oldaltöréssel látja el szövegünket - Következő sor a szöveg formázását biztosítja: Stílus, Formátum, Betütípus, Méret - Betüszín: kijelölt szöveg színét választhatjuk meg vele - Háttérszín: kijelölt szöveg hátterét lehet itt beállítani - Maximalizálás: teljes képernyőbe tehetjük ki a szerkesztői felületet, amennyiben vissza szeretnénk eredetibe (kicsibe) állítani, úgy ugyan erre a gombra kattintsunk - Blokkok megjelenítése: Az egyes paragrafusokat mutatja meg 3.2.2. Összetettebb formázási lehetőségek ismertetése: Flash beillesztése/módosítása: flash tartalom (pl. banner) beágyazására van mód, 3 lapfülön találjuk a lehetőségeket: Első az Alaptulajdonságok lapfül URL mezőjébe adjuk meg az internetes elérhetőséget. Ha fejből nem megy, akkor a Böngészés a szerveren gombra kattintva könnyen ki tudjuk választani a már feltöltött flash file-t. Ezután adjuk meg a méreteket: szélesség, magasság. Ekkor az előnézet is megjelenik. Az alábbi képen egy példát mutatunk be az előbb leírtakra: 7.oldal
A második lapfül (Feltöltés) a feltöltést teszi lehetővé; válasszuk ki a fájlt, melyet fel szeretnénk tölteni, majd kattintsunk a Küldés a szerverre gombra: A harmadik, egyben az utolsó lapfül (További opciók) haladóknak javasolt beállításokat tartalmaz, ezért ennek ismertetésétől itt most eltekintünk. 8.oldal
Táblázat beszúrására is van lehetőségünk, ekkor ezzel a dobozzal találkozhatunk: Sorok: írjuk be, hogy hány sort szeretnénk Oszlopok: itt adhatjuk meg az oszlopok számát Szélesség: szélesség paraméterének megadása (lehetőségünk van képpontban és százalékban is számolni, ehhez a legördülő elemet hívhatjuk segítségül) Magasság: magasság méretének megadása Szegélyméret: szegély vastagsága Igazítás: <Nincs beállítva> - ez az alapértelmezett, ezen felül Balra/Középre/Jobbra ütköztethetünk Felirat, Leírás: értelemszerűen töltsük ki Cella térköz, Cella belső margó: térközök, margók beállítására szolgálnak Hivatkozás beillesztése/módosítása: Ha erre a gombra klikkelünk 4 lapfüllel szembesülünk: 1.: Alaptulajdonságok: A hivatkozás típusánál beállíthatjuk, hogy webcímre szeretnénk-e hivatkozni, esetleg egy horgonyra, vagy éppen E-mail-re. Webcím esetében válasszuk ki a megfelelő protokoll-t, mely letöbbször: http://, majd a Webcím helyére írjuk be a címet, pl.: www.domain.hu (amire hivatkozni szeretnénk). Ha ezzel megvagyunk, akkor a Rendben gombra kattintsunk. 9.oldal
2. lapfül a Megjelenítés: megadhatjuk hol szeretnénk megjelenítteni a hivatkozást: új lapfülön, új ablakban vagy egy bizonyos iframe keretbe szeretnénk betölteni: 10.oldal
Harmadik lapfül a Feltöltés, melynek segítségével a már megismert módon tölthetünk fel: Végül, de nem utolsó sorban az utolsó lapfül ismét a haladóknak javasolt beállításokat tartalmazza. Természetesen képek beszúrására is adódik módunk. Ehhez nincs más dolgunk, mint rákattintani a Kép beillesztése/módosítása gombra. A már megismert felugró ablak jelenik meg 4 lapfüllel. Az alaptulajdonságok lapfülön a tárhelyünkön található képek közül választhatjuk ki azt a képet, melyet be szeretnénk illeszteni leírásunk közé. Amennyiben fejből nem tudjuk beírni az elérési utat, úgy válasszuk a Böngészés a szerveren opciót, melynek segítségével tallózhatjuk a beillesztésre szánt képet. A buborék szöveg szolgál arra, ha ráhúzzuk az egerünket a képre, magyarázó szöveg jelenik meg fölötte. Ha nem érhető el a kép, akkor is ez a szöveg lesz látható a helyén. Jobb oldalt ugyancsak az Előnézet részen megjelenik az elérhető kép, melyen bal oldalt tudunk változtatni: szélesség és magasság megadás, keret, valamint igazítás, mindezt szemléltetjük a lenti képen is. A változtatások elvégzése után a Rendben gombbal illesszük be eddigi munkánk. 11.oldal
A lapfüleken sorban haladva a Hivatkozás jön. Ha erre rákattintunk a következőt látjuk: 12.oldal
Ez esetben a képre hivatkozást is tehetünk. Ekkor a Webcím részhez írjuk be, hogy mire szeretnénk mutatni, vagy a Böngészés a szerveren gombbal a korábbiakban bemutatott módon válasszuk ki valamelyik aloldalunkat. A Tartalom megjelenítése listából pedig azt jelöljük meg, amelyiket szeretnénk, például: < nincs beállítás >: ez az alapértelmezett, ez esetben ugyan abban az ablakban jelenik meg a kért linkünk aloldala Új ablakban: Új ablakban nyílik meg a hivatkozásunk aloldala Azonos ablakban: ez esetben ugyan abban az ablakban nyílik meg a hivatkozásunk Ha a tárhelyünkre még nem töltöttünk fel egy képet, akkor ezt itt is megtehetjük a Feltöltés lapfül esetén. Itt is a már többször bemutatott képfeltöltési eljárást vigyük végig, majd nyomjunk rá a gombra. 13.oldal
Egyéb kiegészítő funkciók 4.1. Sorbarendezés: CMS rendszerünk bizonyos elemeknél (például termékek esetében) a sorrend felcserélésére is alkalmas. A felfele mutató nyíl természetesen a feljebbvitelt, míg a lefele mutató nyilak az elemek lefelé mozgatását teszik lehetővé. Nincs más dolgunk, mint ezen nyilakra kattintva léptetni az elemeket. 4.2. Képfeltöltés: Sokszor szükség van képek, katalógusok, de bármi más elem (dokumentumok) feltöltésére is. Képfeltöltéskor a kép neve mezőbe írjuk be a kép nevét. 14.oldal
Majd a fájl tallózásához a Fájl kiválasztása gombra kattintsunk. Operációs rendszer függő a megjelenő ablak, de mindegyiken ugyan úgy jutunk el a kiválasztás műveletéhez. Ha megtaláltuk a fájlt, akkor nincs más dolgunk, minthogy a megnyitás gombra kattintunk. Ezután már csak a tárolás gombra kell kattintsunk, így megtörténik a feltöltés, melyet azon nyomban érzékelni is fogunk, az admin felület ezen oldalán megjelenik a feltöltött kép kicsinyített mása. Mellete a már ismertetett törlés gomb, melyre kattintva eltávolíthatjuk a képet. Hasznos tippek 5.1. Ha véletlenül elkalandoztunk az adminisztrációs felületről az oldalon navigálva, akkor oda ugyan úgy jutunk vissza, mint bejelentkezés előtt. Mivel be vagyunk jelentkezve és nem telt le az időkorlát, bejelentkezve maradunk és egyből elérjük az admin felületet felhasználónév és jelszó megadása nélkül. 5.2. A biztonság érdekében mindig jelentkezzünk ki a kijelentkezés gombra kattintva, miután befejeztük feladatunkat. 15.oldal