Institutul National de Cercetari Economice

INSTITUTUL DE ECONOMIE NATIONALA

WEBSITE IEN

MANUALUL ADMINISTRATORULUI

Cuprins
1. Descriere site Front end 3
2. Panoul de administrare a site-ului 4
2.1.Modulul de administrare a meniului 4
2.2.Modulul de administrare a paginilor 6
2.3.Modulul de administrare a casetelor de informatii 9
2.4.Modulul de administrare a uneltei marquee (info) 10
3. Alte informatii utile pentru administrarea site-ului 11
3.1.Mici aspecte de tiut 11
3.2.Detalierea modului de funcionare a unor instrumente 11
3.2.1. Realizarea unui link 11
3.2.2. Inserarea altor elemente 12

1. Descriere site Front end

Website-ul www.ien.ro este o aplicatie puternic care ascunde n spatele interfeei grafice un motor
complex i un panou de administrare foarte flexibil.
Desi ien.ro prezint aparent o structur (hart a site-ului) fix, administratorii acestuia au
libertatea de a o modifica n totalitate, pornind de la categoriile principale i pn la ramurile
secundare ale site-ului.

Fig.1

Header Site

n completarea impactului vizual, headerul site-ului (Fig.1) include i o animatie flash, un element
care red mai mult dinamism i astfel devine mai atrgtor.
De asemenea, tot din header utilizatorii pot
accesa meniul i submeniurile aferente fiecrui
buton, dar i de a comuta ntre versiunile n limba
engleza, franceza i, bineneles romn a
coninutului.
Site-ul dispune i de un forum la care vizitatorii
se pot nregistra gratuit pentru a dezbate diverse
teme propuse de ctre moderatorii acestuia sau
altele la alegere.
Pagina de contact (Fig.2) este un alt element unic
al site-ului, aceasta incluznd, pe lng datele de
contact, adresa i o hart electronic, un
formular de contact prin care vizitatorii pot
trimite e-mail-uri catre IEN direct de pe site.
Restul paginilor, fie ele principale sau secundare,
pot
include
absolut
orice
coninut
vor
administratorii s publice, de la text, pan la
poze, animaii flash sau link-uri (legturi) ctre
alte pagini/documente.

Pentru detalii despre administrarea paginilor site-ului, citii capitolul 2: Panoul de administrare a
site-ului.

2. Panoul de administrare a site-ului

Fig.2 Pagina Contact

Panoul de administrare a site-ului poate fi accesat de la adresa www.ien.ro/admin i reprezint

locul de unde administratorii ien.ro pot aduce practic orice modificare la site de tipul:
adaugare/modificare coninut, tergere pagini, creeare categorii noi, reordonare elemente din
meniu etc.
Este foarte important ca aceast adresa, mpreuna cu username-ul i parola (care v vor fi
furnizate separate) sa nu fie lasate la ndemna oricui, ntrucat oricine deine aceste informaii
poate realiza modificrile mai sus menionate.
2.1.

Modulul de administrare a meniului

Fig.3 Modulul de administrare a meniului

n figura 3 este prezentat panoul principal de administrare a meniului, care afiseaz titlurile aflate
deja n meniu i paginile lor de referin (link-urile, legturile ctre alte pagini). De aici putei
modifica ordinea titlurilor in meniu, sau s le stergeti pe cele care nu mai sunt valabile.

Fig.4 Adugarea unei pagini n meniul principal

Pentru a adauga o pagin n meniul principal (de exemplu Publicatii), se introduce titlul (eventual
n toate cele trei limbi), se alege pagina de referin, i se alege ca parinte Meniul principal. Dupa
aceasta se apasa butonul Salveaza i operaiunea este complet.

Fig.5 Adugarea unei pagini ntr-un submeniu, Pasul 1

Pentru a adauga o pagina intr-un submeniu, se introduce titlul (eventual n toate cele trei limbi), i
se alege pagina de referin (Fig.5), dupa care se selecteaza ca parinte una din titlurile deja
existente in meniul principal (Fig.5),

Fig.6 Adugarea unei pagini ntr-un submeniu, Pasul 2

2.2 Modulul de administrare a paginilor

Fig.7 Modulul de administrare a paginilor

In figura 7 este prezentat panoul principal de administrare a paginilor, care afiseaz titlurile
paginilor deja existente in site. De aici puteti muta unul din articole pe prima pagin , sau sa le
stergeti pe cele care nu mai sunt valabile. Facnd click pe oricare dintre titluri vei fi redirecionat
ctre coninutul complet al paginii respective, pe care-l vei putea modifica dupa cum dorii.
De asemenea, pentru a adauga pagini noi, avei la dispoziie butonul Adauga, poziionat deasupra
listei.

Editarea unei pagini

n editarea coninutului unei pagini (Fig.8) avei la dispoziie mai multe instrumente:
- Campurile principale in care se introduce coninutul (text, poze etc) in romn, engleza i
Fig.8 Editare pagina
francez;
- Link-ul paginii (daca dorii sa facei o legatura interna catre pagina respectiva din alt articol,
folosii adresa indicat in partea de sus a paginii de editare a paginii.);
- Bara de instrumente care va ofer posibilitatea de formatare a textului cu unelte precum:
bold, italic, underline, align, marimea fontului, culoare, inserare caractere speciale, data,
ora, culoare fundal text, printare, cutare n text etc (similar cu programul Word din Office),
dar i unele precum: introducere a pozelor, inserarea animaiilor flash etc, dupa cum este
indicat n lista urmatoare:

- salvare
- document nou
- bold (ngroare)
- underline (subliniere)
- strikethrough
- aliniere la stanga
- aliniere centrala
- aliniere la dreapta
- aliniere tip justify
- cut (taiere)
- copy (copiere)
- copiere text simplu
- copiere din word
- cautare
- cauta i nlocuiete
- marcare list
- numerotare list
- deplasare text la stanga
- deplasare text la dreapta
- anulare comanda
7

- refacere comanda
- inserare/editare link (legatura catre alta pagina)
- anulare link
- inserare imagine
- inserare data
- inserare ora
- previzualizare pagina
- culoare text
- culoare fundal text
- inserare table nou
- proprietati randuri tabel
- proprietati celule tabel
- inserare rand inainte
- inserare rand dup
- stergere rnd
- inserare coloana inainte
- inserare coloana dup
- stergere coloana
- functia split celule tabel
- functia merge celule tabel
- inserare linie orizontal
- stergere formatare
- comut intre a arata sau nu elementele invizibile
- lucrul cu indici
- lucrul cu puteri
- inserare caracter special
- emoticons
- inserare animatie flash
- inserare rigla orizontala
- printare
- direcia de la stnga la dreapta
- direcia de la dreapta la stnga
- vizualizare full screen (pe tot ecranul)
NOTA BENE:

Pentru a stapni cu adevarat aceste instrumente, cel mai indicat este sa le testai ulterior
pn ajungei s le stapnii! Din momentul n care vei face acest lucru, editarea site-ului
v va deveni foarte uoar!
Pentru detalii suplimentare despre modul de funcionare al unora dintre
instrumentele enumerate mai sus, consultai capitolul 3: Alte informatii utile pentru
administrarea site-ului!

2.3 Modulul de administrare a casetelor de informatii

Fig.10 Panou editare caseta in cele trei limbi

Dup cum se poate observa din figurile 9 i 10, administrarea casetelor de informaii este similar
ca si metodologie celei de la editorul de pagini, avnd ns in minus uneltele de formatare a
textului, din motive lesne de neles. Drept urmare, nu este nevoie de expliaii suplimentare pentru
aceast seciune.
2.4. Modulul de administrare a uneltei marquee (info)

10

Fig.11 Panou principal editare marquee

Fig.12 Panou editare marquee n cele trei limbi

Dup cum indic figurile 11 i 12 situaia este similara cu cea de la casetele de informaii
prezentate n subcapitolul anterior, drept pentru care nici aici nu este nevoie de explicaii
suplimentare.

3. Alte informatii utile pentru administrarea site-ului

3.1. Mici aspecte de tiut
-

Uneori dac stati logai o perioad mai indelungat in editor se poate intampla ca sesiunea
s expire iar acesta sa nu mai functioneze. n acest caz trebuie sa va relogai.
Nu lasai la ndemna oricui parola i username-ul!
Cand utilizati editorul asteptati ca paginile sa se incarce complet pana sa va apucati sa faceti
modificari!;
Dup ce ai efectuat o modificare din editor, dai refresh in browser (de exemplu Internet
Explorer sau Opera) paginii modificate pentru a putea vizualiza schimbarea n site.

11

3.2 Detalierea modului de funcionare a unor instrumente

3.2.1 Realizarea unui link:
Un link reprezint o conexiune activ (legtur) ctre o alt pagin web, un fiier sau
alt resurs de pe Internet. Selectarea link-ului v duce la noua locaie.

Fig.13 Adaugarea unui link intern

Link-uri interne (catre o pagina din cadrul site-ului ien.ro) (Fig.13)
Sa presupunem ca vrem sa efectuam un link catre pagina Scurt istoric. Mai inti se va accesa pagina
respectiv din editorul de pagini i se va copia (copy) link-ul paginii indicat in partea de sus a editorului. In
cazul acesta link-ul este: index.php?option=articles&cntid=10

Apoi ne vom duce la pagina care dorim sa conin link-ul respectiv, vom introduce un text, il vom
selecta i vom apasa tasta de link (
) . Se va deschide o fereastra noua (vezi figura) in care se va
copia (paste) link-ul copiat anterior in campul Link URL.
Link-uri externe (catre o pagina din cadrul altui site)
Operaiunea este foarte asemanatoare cu cea de la link-urile interne, cu deosebirea c n loc de linkul copiat de la pagina interna, se va introduce direct cel al site-ului indicat.

12

Presupunand ca dorim sa efectuam un link catre site-ul ince.ro, in campul Link URL vom introduce adresa

http://www.ince.ro. Foarte important este sa introducem in fata prefixul http:// pentu ca link-ul
sa functioneze.
De asemenea este indicat ca un link extern sa se deschida intr-o pagina noua pentru ca vizitatorul
sa nu paraseasca ien.ro la executarea link-ului. Pentru aceasta se va selecta din campul Target
opiunea Open in new window (_blank).
Dezactivarea unui link
Pentru a dezactiva un link se va selecta zona ce conine link-ul respective i se va apasa butonul de
anulare a link-ului (

Nota bene: Un link poate fi atribuit i unei poze!

3.2.2 Inserarea altor elemente:

Fig.14 Inserare Imagine

Pentru a insera o imagine ntr-o pagina, mai nti se va uploada imaginea respectiv n
directorul upload de pe server (vei primi instruciuni separate pentru aceasta), iar apoi se va
folosi unealta de inserare imagine in pagina (
) care va deschide fereastra din figura 14.
Presupunand ca imaginea se va denumi ien.jpg, n cmpul Image URL vei introduce adresa:
upload/ien.jpg, iar apoi apsai butonul insert pentru a finaliza inserarea.
Pentru a insera o animaie flash (fiier de tip .sfw), operaiunea este aproape identic. Folosind
unealta de inserare animaie flash (
) se va deschide o fereastra similar. n cmpul Flash-File
(.swf) vei introduce, de exemplu, adresa upload/ien.swf, pentru fiierul ien.swf pe care l-ai
uploadat iniial in directorul upload de pe server.

13

14