CMS - Tartalomkezelő rendszer

FIGYELEM!

A Tartalomkezelő rendszer kipróbálható a következő elérhetőségen:
http://www.ametiszt.com/cms/admin.php

Felhasználónév: cms
jelszó: demo

Az cms-felület használatához szerezze meg az Internet Explorer legújabb változatát, de legalább a 6.0-ás verziót.

Az cms-felületen keresztül a saját felhasználónév és jelszó megadása után egyénileg módosítható, frissíthető a weboldala bármikor.

Figyelem!! A szerkesztőfelületen az enter megnyomása szakaszhatároló elemet illeszt be a dokumentumba. A SHIFT+ENTER egyidejű megnyomásával lehet sortörést létrehozni. Az CMS-felület tartalomszerkesztésre való, az alap design-hoz tartozó színsémák és képi elemek megváltoztatására nincs lehetőség. Ha az oldal szerkezete láthatóan szétesne a szerkesztés közben, akkor használja az "Undo" gombot. Ha ez nem segít, akkor a "Mentés" gomb megnyomása nélkül zárja be az ablakot, és kezdje elölről a szerkesztést. Ha a feltöltésre szánt anyag Excel-ben vagy Word-ben készült, vegye figyelembe a következőket: a Word és az Excel nem alkalmas arra, hogy CMS-be másoljanak belőle dokumentumot, szöveget. Ha mégis másolni szeretne Word-ből, vagy Excel-ből, előtte át kell másolnia NOTEPAD-be (Jegyzettömb)(Figyelem! Nem Word Pad!), hogy elveszítse a Word-ös, ill. az Excel-es formátumát a szöveg, illetve dokumentum, és innen lehet tovább a CMS-be bemásolni a következőképpen: a szöveget itt megint ki kell jelölni, és a másolás parancsot kiadni, és ezután beilleszteni. Ha nem így teszik, akkor a módosítások nem lesznek elmenthetők, ezért elvesznek. A megtervezett design miatt nem lehet a betűméretet s a típust tetszőlegesen megváltoztatni, csak az előre meghatározott készletből lehet választani lásd "stílus" menüpont.

Indítsa el az Internet Explorer-t. Gépelje be a címsorba a megadott elérhetőséget. Írja be a kapott felhasználónevet és jelszót.

A szerkesztendő oldal kiválasztása:
Ha bejelentkezett, akkor a QuickStudio Kft. weboldalát fogja látni.

1. Módszer: Az oldal felső részén látható egy mező: "Kérem válassza ki a szerkesztendő oldalt". Le kell nyitni ezt a mezőt, és itt fogja megtalálni a weboldalához kért CMS-felülettel rendelkező oldalak listáját. Amelyiket szerkeszteni szeretné, kattintson rá, majd a "Kérem válassza ki a szerkesztendő oldalt" mező mellett balra talál egy ikont, (SZERKESZTÉS). Erre rákattintva tudja szerkeszteni a kiválasztott oldalt. Ha ismeri az oldal nevét, amit szerkeszteni akar, de nehezen találja meg a legördülő listában, a "gyorskeresés" mezőbe a név első pár betűjét beírva a választómező automatikusan oda ugrik, ahol az ezzel a betűkkel kezdődő oldalak találhatóak.

2. Módszer: Az alsó előnézeti mezőben, ahol kezdetben a quickstudio oldala látszik, a kívánt oldalra navigálunk, majd az "Aktuális oldal szerkesztése" (jobb szélső ikon a gyorskeresés mező mellett) gombra kattintva szerkeszthetjük azt az oldalt, amelyik éppen az előnézeti mezőben látható.

Belépés után meg kell győződni arról, hogy teljesen betöltődött-e az oldal. Ha nem várja meg a kész betöltött állapotát, ellenkező esetben adatveszteség lehetősége áll fenn. Ha mégis így történne, akkor ne nyomja meg a (MENTÉS) gombot, csak zárja be a CMS-rendszert az X (BEZÁRÁS) gombbal.

A szerkesztőfelület menüpontjai (balról-jobbra haladva), és azok használata:




(MÁSOLÁS): A kijelölt tartalmi elemeket a vágólapra másolja.

(KIVÁGÁS): A kijelölt tartalmi elemeket törli, és a vágólapra helyezi

(BEILLESZTÉS): A vágólapon lévő tatalmi elemeket a kurzor aktuális helyére beilleszti

(VISSZA): az utolsó módosítás visszavonása

(ELŐRE): a visszavont művelet visszaállítása

(STÍLUS): a listából kiválasztva, amely az előre definiált szöveg stílusokat tartalmazza, meg tudja adni a kijelölt szövegrész kívánt stílusát

(FÉLKÖVÉR): a kijelölt szövegrészt ezen parancs megadásával félkövérré szedi

(DŐLT): a kijelölt szövegrészt ezen parancs megadásával dőltté szedi

(ALÁHÚZÁS): a kijelölt szövegrészt ezen parancs megadásával aláhúzza

(ÁTHÚZÁS): a kijelölt szövegrészt ezen parancs megadásával áthúzza

(FELSŐ INDEX): a kijelölt szövegrészt ezen parancs megadásával felső indexbe teszi

(ALSÓ INDEX): a kijelölt szövegrészt ezen parancs megadásával alsó indexbe teszi

(BEHÚZÁS VISSZAVONÁSA): Annak a szakasznak a behúzását csökkenti, amelyikben éppen a kurzol áll, vagy amelyek ki lettek jelölve. Szakaszhatároló elem beszúrása a kurzor aktuális helyére: ENTER billentyű megnyomásával. Sortörés beszúrása (nem szakaszhatároló elem) a SHIFT+ENTER egyidejű megnyomásával.

(BEHÚZÁS): Annak a szakasznak a behúzását növeli, amelyikben éppen a kurzol áll, vagy amelyikek ki lettek jelölve.

(SZÁMOZOTT LISTA): az aktuális (amelyikben a kurzor áll) vagy a kijelölt szakaszokat megszámozza. A számozás a szakaszhatároló elemek szerint történik. Minden egyes szakaszhatároló elemmel elválasztott szövegrész eggyel nagyobb számot kap.

(SZÁMOZATLAN LISTA): az aktuális (amelyikben a kurzor áll) vagy a kijelölt szakaszokat számozatlan listává alakítja. A lista egyes elemei a szakaszhatároló elemek szerint lesznek beszúrva. A szakaszhatároló elemekkel elválasztott szövegrészek új listaelemek lesz.

(BALRA IGAZÍTÁS): az aktuális (amelyikben a kurzor áll) vagy a kijelölt szakaszokat balra zárja.

(KÖZÉPRE IGAZÍTÁS): az aktuális (amelyikben a kurzor áll) vagy a kijelölt szakaszokat középre zárja

(JOBBRA IGAZÍTÁS): az aktuális (amelyikben a kurzor áll) vagy a kijelölt szakaszokat jobbra zárja

(SORKIZÁRT): az aktuális (amelyikben a kurzor áll) vagy a kijelölt szakaszokat sorkizárttá teszi.

(HYPERLINK): ki kell jelölni a szöveget, és erre a gombra rákattintva lehet megadni, hogy melyik weboldalra hivatkozzon a link. Itt ki lehet választani, hogy ugyanebben az ablakban nyissa meg (az "ebben" kiválasztásával) a linket, illetve új ablakban (az "újat nyit" kiválasztásával). A "szülő" és "legfelső" opció csak szakembereknek van. Ha nem tudja mit jelent, akkor ne használja.












Meglévő link hivatkozási címének megváltoztatása: a linket tartalmazó szöveg közepébe kell kattintani, aztán a link gombra kattintva a felpattanó ablakban módosítani kell a kívánt paramétereket. Hyperlink hozzáadása képhez: Kattintsunk bal gombbal a képre, ekkor megjelennek a kép körül az átméretező fülek,



ezután egyel jobbra kell vinni a kurzort(a billentyűzeten lenyomni a jobbra nyilat, ekkor az átméretező fülek eltűnnek), majd a SHIFT billentyű nyomva tartása mellett le kell nyomni a billentyűzeten a balra mutató nyilat(ha mindent jól csinált, akkor a kép besötétedik).








Ezután a link gombra kattintva a felpattanó ablakban módosítani kell a kívánt paramétereket. Ha egy képhez adunk linket, egy kék vagy más színű keret megjelenhet a kép körül (nem a szerkesztőfelületen kell megnézni, hanem a módosított éles oldalon), ha ezt el akarjuk tüntetni, jobb gombbal a képre kattintva a pop-up menüben a "kép tulajdonságai"-ra kell kattintani, és a "keret" tulajdonságot 0-ra kell állítani (akkor is, ha már látszólag annyi volt).






Menüpontok és hiperlinkek elnevezéseinek módosítása (pontos végrehajtást igényel):

1. A linket tartalmazó szöveg közepébe kell állni a kurzorral.
   
2. Ezután be kell írni az új szöveget.
   
3. Majd az új szöveg első karaktere elé állva a backspace gomb segítségével ki kell törölni a régi szöveg első felét.
   
4. Ezután az új szöveg végére állva a delete gomb segítségével ki kell törölni a régi szöveg második felét

1. Elérhe/tőség
   
2. Elérhekapcsolatok/tőség
   
3. elérhe/kapcsolatoktőség (a kurzorral ideállva, a backspace gombbal törölni az első 6 karaktert)
   
4. kapcsolatok/tőség (a kurzorral ideállva, a delete gombbal törölni az utolsó 5 karaktert)

1. a kívánt szöveget, vagy képet ki kell jelölni (ez az a szöveg, illetve kép fog lenni, ahova majd ugrik a link), rákattintani a horgony ikonra az eszközsoron, majd a megjelenő párbeszédablakban pedig bírni egy nevet, hogy mi legyen a neve a hivatkozásnak, pl.: olaj. Az elnevezés teljesen mindegy, a lényeg, hogy mi emlékezzünk rá, illetve ne tartalmazzon ékezetes karaktereket csak az angol ABC betűit. Megnyomom az OK gombot.
   
   
   
   
   
   
   
   
   
   
   
2. Kijelöli a szöveget vagy a képet, amelyről szeretné, hogy odaugorjon az oldalon belül a böngésző (ez a szó legyen például: "Olajkereskedelem"), majd rákattint a Hyperlink ikonra
   
3. Az URL-hez beírja az előbb a horgonynál megadott hivatkozási nevet, az "olaj"-at a következőképpen: Ki kell törölni a http:// -t, és beírni helyette: #olaj, majd OK-t nyomni. Ha egy másik oldalról szeretné a kívánt szövegrészt megjeleníteni egy oldalon, akkor az "#olaj" elé még be kell írni az oldal pontos elérését is. Pl.: http://www.cegnev.hu/kereskedelem.html#ola
   
4. Ezután elmentjük a módosítást a "MENTÉS" ikonra kattintva, és tesztként kipróbálhatja. Rákattint az "Olajkereskedelem" szóra (illetve arra amit Ön használt), és arra a szövegrészre fog ugrani, amelynek az olaj nevet adta.

1. a kurzorral oda kell állni, ahova a táblát szeretné beszúrni, majd rákattint erre az ikonra:
   
2. a következőket fogja látni, amely mezőket ki kell tölteni (csak azokat kötelező, amelyekben már eleve található valamilyen érték):
   • oszlopok: oszlopok száma
   • sorok: sorok száma
   • tábla szélesség: a tábla szélessége (ezt százalékban és pixelben is megadhatja. Ha százalékot ad meg, akkor a tábla szélessége az őt befoglaló táblázathoz képest lesz mérve. Például: ha a tábla egy 50% szélességű táblába lesz belerakva, és 50% szélességet adunk meg, akkor a tábla szélessége a teljes oldal szélességéhez képest csak 25% lesz)
   • keret szélesség: a tábla keret vastagsága
   • cella behúzás: cellamargó
   • cella távolság: cellák közötti távolság
   • háttérszín: háttérszín
   • keretszín: keretszín
   • vízszintes igazítás: megadhatjuk a tábla vízszintes elhelyezését az őt befolglaló táblázaton belül. (balra, középre, jobbra )
3. OK-t kell nyomni, és beilleszti a táblázatot
   

(TÁBLA KERET MEGJELENÍTÉSE): ennek a gombnak a megnyomásával válthatunk a tervező nézet és az olyan nézet között, ahogy megjelenik véglegesen az oldal az Interneten. A tervező nézet a táblák szerkesztését könnyíti meg, ez az alapértelmezett nézet.

(KÉP VAGY FÁJL BESZÚRÁSA): Eőször a kurzorral odaállunk, ahová a képet szeretnénk beszúrni. Megnyomjuk ezt a parancs-ikont, erre megjelenik egy párbeszédablak, ahol több művelet elvégzésére is lehetőség van. Az oldalba csak olyan fájlok vagy képek beillesztésére van lehetőség, amelyek előzőleg már fel lettek töltve a szerverre.

Képek feltöltése a szerverre: a képeket még a sajátgépben át kell nevezni a következők szerint: (ne legyen benne ékezet, csupa kis betűs legyen, szóköz ne legyen benne) a "Tallózás" gomb segítségével kiválasztjuk a kívánt képet, majd megadjuk a méreteit, és megnyomjuk a "Feltöltés" gombot. A képek méretezésénél a következő szabályokat be kell tartani: javasolt maximális méret: 700 pixel széles, és 500 pixel magas. Ugyanis, ha ennél nagyobb méretű, akkor lelassul a weboldal. A weboldalba be van helyezve egy általunk megadott sablon kép, és ennek a méretei alapján javasoljuk a feltöltésre szánt kép méretezését is. A sablonkép méretét a következőképpen lehet megnézni: a weboldalon (de nem az CMS-felületen keresztül) a képre rá kell kattintani jobb egérgombbal, és a Tulajdonságok menüpontban megtalálja az erre vonatkozó adatokat. A következő kiterjesztésű képek átméretezését támogatja az CMS-felület: .jpg és .png. Ha nem ad meg méretre vonatkozó paramétereket, akkor a kép a sajátgépben meglévő mérettel töltődik fel. Ha csak szélességet ad meg, akkor a magasság automatikusan hozzáigazodik, hogy ne torzuljon. Ha csak magasságot ad meg, akkor a szélesség automatikusan hozzáigazodik, hogy ne torzuljon. Ha mindkettőt magadja a weboldalon szereplő általunk megadott képek paraméterei alapján, akkor az adott méretű téglalapba beilleszkedik a kép, és a mérete akkora lesz, mint az eredetileg elfogadott tervben levőé.

Fájlok feltöltése a szerverre: megegyezik a képek feltöltésével, annyi különbséggel, hogy nem szabad széleeséget és magasságot megadni, mivel az itt nem értelmezhető.

Feltöltött fájlok törlése a szerverről: a feltöltött fájlok jobb alsó sarkában levő szemétkosár ikonra kattintva törölhetjük a kívánt fájlt a szerverről.

A már feltöltött fájlok beillesztése a kurzor aktuális helyére: A párbeszédablakban láthatjuk azokat a fájlokat, amelyeket már feltöltöttünk a szerverre. A fájlok beillesztése típus szerint 3 különböző módon történik.

Képek (jpg,png,gif): rákattintva a beillesztendő képre, a párbeszédablak alján megjelennek a kép beillesztésére vonatkozó további paraméterek: "kép igazítás": Ez a paraméter akkor használható, amikor a kép szövegen belülre kerül beillesztésre. A balra vagy jobbra paraméterek kiválasztása esetén a kép a választástól függően bal vagy jobb oldalra kerül, és a szöveg körbefolyik mellette. A fent, lent, vagy középen opciók választása esetén a kép a bal oldalra kerül, és mellette csak egy sor szöveg lesz, a választástól függően a kép tetejével, aljával, vagy közepével egyvonalban. "Keret": itt megadhatjuk, hogy a kép köré milyen vastagságú keretet szeretnénk. "Kép leírása": Ez akkor fog megjelenni, amikor az egeret a kép fölé húzzák. "popupba": ha ezt a funkciót akarjuk használni, akkor először ki kell jelölni egy szövegrészt vagy képet. Ha ezután ezt a mezőt bepipáljuk, akkor a beillesztett kép nem a szerkesztett oldalban fog megjelenni, hanem a kijelölt szövegrészre kattintással egy új popup-ablakban jelenik meg. "Email-mellékletbe": Ez a funkció csak akkor működik, ha a CMS felület weben keresztüli levelezésre lett beállítva. Ebben az esetben a dokumentumba egy fájlmellékletet jelző ikon fog bekerülni. A levél elküldése esetén az ikonok által jelölt fájlok kép vagy fájl mellékletként lesznek csatolva.

Flash animációk (swf): ha a kép vagy fájl beszúrása ablakban egy ilyen típusú fájlra kattintunk, akkor a következő további beállítások jelennek meg: "szélesség és magasság": ezt kötelező megadni. Az "Email mellékletbe" funkció ugyanazt jelenti, mint kép kiválasztása esetén.

Egyéb fájlok: ha a kép vagy fájl beszúrása ablakban egy ilyen típusú fájlra kattintunk, akkor két funkció jelenik meg: "popupba" és "Email mellékletbe", ezek ugyanazt jelentik, mint kép kiválasztása esetén. Ha ezek közül egyiket sem jelöljük meg (ez nem javasolt), akkor a dokumentumba egy link kerül beszúrásra, ami a kijelölt fájlra mutat. Ez a link a "hyperlink" funkciónál leírt módon utólag átnevezhető. Ha kiválasztotta a beillesztendő fájlt, és a kívánt további opciókat kattintson az OK gombra.

(SZIMBÓLUM BESZÚRÁSA): ahol a kurzor áll, oda azt a speciális szimbólumot illeszti be, amelyiket kiválasztja a listából.

(HTML FORRÁSKÓD): a html forráskód megtekintése, és szerkesztése. Csak szakembereknek!!.

(OLDAL BESZÚRÁSA): Ezzel a funkcióval tetszőleges mennyiségű új oldalt adhatunk hozzá a weboldalhoz, amennyiben ez engedélyezve van. Erre az ikonra kattintva a párbeszédablakban megjelennek a már hozzáadott oldalak, valamint a rendelkezésre álló opciók. "Oldal neve": itt adhatja meg, hogy az új oldal, milyen néven legyen eltárolva a szerveren. Az elnevezésre a szerverre feltölteni kívánt fájlokra vonatkozó elnevezési szabályok érvényesek. A név elé automatikusan odakapcsolódik a "__user__" előtag a könnyebb azonosítás érdekében A beszúr gombra kattintva létrejön az új oldal, vagy dokumentum a szerveren, amely a "Kérem válassza ki a szerkesztendő oldalt" listából ezután kiválasztható és szerkeszthető lesz. "Sablon típusa" választómező: új oldal létrehozásakor az itt megjelenő, előre elkészített sablon-oldalak közül lehet választani. Az "előnézet" gomb segítségével vizuálisan is megtekinthető, hogy melyik sablonoldalt választottuk. A létrehozott új oldalak hyperlinkek segítségével összekapcsolhatók a már meglévő oldalakkal. "popup" oldalakat a következő módon lehet az oldalba illeszteni: Ki kell jelölni egy szövegrészt, majd az "Oldal beszúrása ikonra kattintva" a megjelenő párbeszédablakban rá kell kattintani a beilleszteni kívánt oldalra, ezután az ablak alján megjelenő "Popupba" jelölőnégyzetet be kell jelölni, majd meg kell nyomni az "OK" gombot. Ekkor a kijelölt szövegrész hyperlinkké alakul, amelyre kattintva a kívánt oldal megnyílik egy popup ablakban. Ha a párbeszédablakban rákattintunk egy oldalra, majd az "OK" gombra a "Popupba" jelölőnégyzet bepipálása nélkül, akkor az oldalba egy hyperlink kerül beszúrásra, ami a kiválasztott oldalra fog mutatni.

(MENTÉS): csak ennek a gombnak a megnyomásával menti el a rendszer a módosításokat a szerverre.

(VISSZAÁLLÍTÁS): ennek segítségével vissza lehet állítani az oldalt arra az állapotra, amire szeretné. A visszaállítási módban a bal felső sarokban lévő "Előző" és "Következő" nyilakkal lehet választani a dátumok között. (a módosítási dátumok a fenti fejlécsorban találhatók) A 0000-00-00_00:00:00 dátum az eredeti állapotot jelenti, ha ezt választja akkor az oldal a legelső állapotba áll vissza. A címsor alatti részen láthatja az oldalnak azt az állapotát, amelyre vissza fog állni, ha a "Mentés" gombra kattint. A visszaállítás véglegesítéséhez kattintson a "Mentés" gombra.

(SÚGÓ): erre a gombra kattintva megtekintheti a CMS-rendszer leírását.

Ha az oldal tartalmi részében bármelyik képre, vagy egy táblázatnak a szaggatott vonallal jelölt keretrészére kattintunk, akkor az objektum körül megjelennek az átméretező fülek, amelyeknek húzásával az objektum átméretezhető a kívánt méretre. (a képeket célszerűbb már feltöltéskor átméretezni, mivel a weboldal így sokkal gyorsabban fog betöltődni, és a kép minősége is jobb lesz)

Az egér jobb gombjára kattintva, az éppen aktuális tartalmi elemtől függően további menük jelennek meg. Az azonos nevű menüpontok működése megegyezik a felső menüsorban találhatókéval.

A felső menüsorban nem megtalálható, jobb gombbal elérhető menüpontok leírása (az itt leírt menüpontok közül nem biztos, hogy egy időben mind megjelenik, mivel ezek megjelenése az éppen aktuális elemtől függ):

Formázások eltávolítása: A kijelölt szövegrészből eltávolítja a félkövér, dőlt, áthúzott, aláhúzott, alsó index, felső index formázásokat.
Link eltávolítása: eltávolítja azt a hyperlinket, amelyikben éppen a kurzor áll, vagy amelyik(eket) az előzetesen kijelölt szövegrész tartalmaz. Hyperlink: a kijelölt szövegrészre hyperlinket rak.
Oszlop beszúrása elé: az elé a tábla oszlop elé, amelyben éppen a kurzor áll beszúr egy új oszlopot.
Oszlop beszúrása mögé: a mögé a tábla oszlop mögé, amelyben éppen a kurzor áll beszúr egy új oszlopot.
Sor beszúrása fölé: a fölé a tábla sor fölé, ahol éppen a kurzor áll, beszúr egy új sort.
Sor beszúrása alá: az alá a tábla sor alá, ahol a kurzor éppen áll beszúr egy új sort.
Oszlop törlése: azt a tábla oszlopot törli, ahol éppen a kurzor áll.
Sor törlése: azt a tábla sort törli, ahol éppen a kurzor áll.
Tábla törlése: azt a táblát törli, amelyben éppen a kurzor áll.
Tábla tulajdonságai: annak a táblának a tulajdonságait állíthatjuk be itt, amelyben éppen a kurzor áll.
Cella tulajdonságai: annak a cellának a tulajdonságait állíthatjuk be itt, amelyben éppen a kurzor áll. A megjelenő párbeszédablakban a "választás" mezőben megadhatjuk, hogy a módosítások a táblázat mely részén hajtódjanak végre.
Cella: csak azon a cellán, amelyikben a kurzor áll.
Sor: azon a soron, amelyikben a kurzor éppen áll.
O szlop: azon az oszlopon, amelyikben a kurzor éppen áll.
Cella szélesség: a cella szélességét adhatjuk meg a táblázat teljes szélességéhez képest százalékban (%), vagy abszolút módon pixelben (px).
Cella magasság: a cella magasságát adhatjuk meg a táblázat teljes magasságához képest százalékban (%), vagy abszolút módon pixelben (px).
Vízszintes és függőleges igazítás: a cellában levő tartalom pozícionálását adhatjuk meg itt. Háttérszín kiválaszthatjuk a kívánt háttérszínt.
Rendezett lista tulajdonságai: megadhatjuk a felsorolás típusát.
Rendezetlen lista: megadhatjuk a listaelemek típusát.

Kérje ajánlatunkat! Kattintson ide,
vagy hívjon minket a következő telefonszámon:
30-218-3519
e-mail: probert@quickstudio.hu