TUTORIAL CIFNET
Dorim sa va ajutam sa construiti cel mai bun site web posibil. Acest tutorial va arata cum sa editati paginile, sa adaugati pagini noi si sa gestionati paginile deja existente.
Pe scurt, va va arata tot ceea ce trebuie sa stiti pentru a construi un site bun si va pune bazele pentru a folosi diferite optiuni mai avansate ale programului.
Imprimarea acestui tutorial
Va recomandam sa imprimati acest tutorial acum si sa il urmariti in timp ce lucrati la site. Dati click pe „File” si apoi „Print”, in browser-ul Dvs.
Prezentare generala
Pasul 1. Logarea in site-ul Dvs.
Inaintea editarii, trebuie sa fiti logat in site-ul Dvs. Logarea este procedeul prin care site-ul va identifica drept administratorul sau. Administratorul este persoana care are posibilitatea de a edita site-ul.
Sunt deja logat?
Daca tocmai v-ati construit site-ul si vedeti bara de instrumente in partea de sus a paginii, sunteti deja logat.
 
Cum sa va logati:
Mergeti la adresa paginii CifNET: http://www.cifnet.ro/
In partea stanga a paginii aveti campurile de logare.
Introduceti ID-ul Dvs. de site (website ID). Website ID-ul este numele site-ului, pe care l-ati ales atunci cand v-ati inscris.
Este portiunea dintre www. si inainte de „.cifnet.ro”. Spre exemplu, daca site-ul Dvs. este www. mysite.cifnet.ro, atunci trebuie sa introduceti „mysite”.
Introduceti apoi parola. Daca ati uitat-o, probabil ca o veti putea gasi in email-ul pe care vi l-am trimis automat. Daca nu o gasiti, dati click pe rubrica „am uitat parola” din pagina de logare.
Dati click pe butonul „Intra”.
Acum ar trebui sa fiti logat pe site-ul Dvs.
Pasul 2. Editarea paginii
Pentru a edita o pagina web, mergeti la pagina pe care doriti s-o editati, dand click pe ea in meniu. In acest exemplu, meniul apare in stanga, dar pentru site-ul Dvs. poate aparea in partea de sus sau dreapta a paginii. De obicei, primul obiect din meniu este pagina de casa, „Acasa”.
Odata intrati in pagina pe care doriti s-o editati, dati click pe butonul „Editeaza pagina” din bara de instrumente din partea de sus a paginii.
Pagina de editare arata in felul urmator:
Pentru a schimba aspectul paginii Dvs. web (spre exemplu unde apar imaginile in pagina), dati click pe butonul „Aranjare in pagina”.
Pagina de editare arata in felul urmator:
Cele 4 posibile variante va ajuta sa aveti o aranjare profesionala a textului si imaginilor in site. Pentru a selecta un model de aspect, dati click pe el. In acest exemplu, am dat click pe modelul „Doar text”.
Editarea titlului paginii
Pentru a edita titlul, dati click in casuta respectiva (titlu ) si introduceti un nou nume. Nu este necesar sa aveti un titlu; puteti lasa casuta goala daca doriti.
In dreapta titlului dati click pe linkul de editare si veti putea modifica aspectul titlului.
Editarea continutului paginii
Pe pagina de editat, veti vedea o casuta mai mare, spre partea din jos a paginii, cu butoane asemanatoare celor din barele de instrumente Microsoft Word in partea sa inferioara. Acesta este editorul de text si poate avea doua versiuni, Simplu sau Avansat. Editorul simplu va permite sa introduceti text, dar este adresat celor care nu cunosc codul HTML. Pentru scopul acestui tutorial, va vom da instructiuni de folosire a editorului avansat.
Pentru a edita continutul paginii, dati click in casuta editorului de text si apoi tastati textul care doriti sa apara in pagina Dvs. Editorul avansat functioneaza similar procesoarelor de text in genul Microsoft Word, ceea ce-l face familiar si usor de invatat. Veti invata cum sa folositi comenzile speciale in Pasul 3 – Formatarea textului.
Editarea imaginilor (vor urma mai multe informatii...)
Langa casuta de text exista o imagine cu un buton sub ea, cu indicatia „click aici pentru optiuni”. Dati click pentru a alege o imagine din libraria noastra sau pentru a va introduce propriile Dvs. imagini. Vom descrie aceasta mai detaliat in Pasii 4 si 5 ai acestui tutorial.
Salvarea modificarilor
Cand ati terminat de modificat, dati click pe butonul „Adauga” (sau "Actualizare" daca sunteti la modificarea textului introdus) din partea de jos a paginii. Veti vedea acum pagina Dvs. cu modificarile efectuate afisate pe ecran.
Pasul 3. Formatarea textului
Aceasta parte a tutorialului va arata cum sa formatati textul folosind editorul avansat. Acest editor are multe functii, dar in acest tutorial le vom explica doar pe cele mai frecvent folosite.
Dati click pe butonul „Edit Page” din bara de instrumente din partea de sus a paginii pe care doriti s-o editati.
Dati click in interiorul casutei de editare text.
Pentru formatarea textului, acesta trebuie sa fie selectat sau evidentiat. Pentru a selecta textul, pozitionati cursorul mouse-ului in fata textului de selectat. Apasati si tineti butonul din stanga in timp ce mutati cursorul pana la sfarsitul textului de selectat. Apoi eliberati butonul.
Caractere si formatare
Pentru a schimba caracterele – dati click pe sageata in jos de langa „Familie font”
Pentru a schimba dimensiunea textului – dati click pe sageata in jos de langa „Dimensiune font”
Pentru a folosi caractere aldine (ingrosate) – bifati casuta cu simbolul „B”
Pentru a folosi litere inclinate – bifati casuta cu simbolul „I”
Pentru a folosi litere subliniate– bifati casuta cu simbolul „U”
Pentru a folosi litere taiate– bifati casuta cu simbolul „ABC”
Aliniere
Puteti alinia textul spre dreapta, stanga, central sau in mod justificat. Pentru a alinia textul spre:
Stanga – click pe butonul din stanga
Centru – click pe butonul din centru
Dreapta – click pe butonul din dreapta
Integral– click pe butonul „Aliniere Integrala”
Adaugarea unei liste
Pentru a adauga o lista, selectati textul apoi dati click pe icoana corespunzatoare din bara de instrumente:
Lista punctata – click pe icoana cu puncte
Lista numerotata – click pe icoana cu numere
Adaugarea unui link (legaturi)
Pentru a introduce un link spre alta pagina de pe site-ul Dvs. sau de pe alt site, trebuie doar sa tastati adresa si automat textul se va transforma in link.
Sau, daca doriti ca textul pe care se va da click sa fie diferit de adresa link-ului, puteti proceda in felul urmator. Tastati textul pe care vreti sa-l afisati ca link. Selectati-l si dati click pe icoana „Insereaza/editeaza legatura” din bara de instrumente.
Va aparea o fereastra de dialog cu aspectul urmator:
Introduceti adresa paginii catre care va duce link-ul in casuta „URL legatura” sau alegeti o pagina din meniu. Dupa ce ati terminat, dati click pe Insereaza.
Schimbarea culorii textului
Pentru a schimba culoarea textului, selectati textul pe care vreti sa-l colorati si dati click pe butonul „Alege culoarea textului”, apoi selectati culoarea dorita.
Textul isi va schimba culoarea dupa cum doriti.
Salvarea modificarilor
Pentru a salva modificarile, dati click pe butonul „Adauga” (sau "Actualizare" daca sunteti la modificarea textului introdus) in partea de jos a paginii.
Pasul 4: Folosirea imaginilor din libraria foto
Aceasta parte a tutorialului va va arata cum
sa folositi imagini din libraria noastra foto.
Dati click pe butonul „Editeaza Pagina” din bara de
instrumente.
Alegeti un format de text cu imagine dreapta, stanga sau sus.
Dati click pe imaginea respectiva sau pe
butonul de sub imagine unde scrie "Adaugati imagine noua", dupa cum puteti vedea mai jos.
Deasupra ferestrei curente de browser se va
mai deschide una, cu aspectul urmator:
Daca nu doriti sa intrati in Image Manager puteti incarca imaginea de pe calculator daca apasati butonul "Browse". Dupa ce imaginea s-a incarcat puteti sa ii setati:
- latimea imaginii in site
- Alinierea pe verticala fata de textul introdus
- legatura la alta pagina
- modul de dechidere a legaturii
Daca doriti sa folositi Image Manager dati click pe imaginea din dreapta campului URL si se va deschide urmatoarea fereastra:
In partea din stanga a ferestrei veti vedea un
meniul cu directoarele. Acestea sunt categoriile de imagini. Puteti sa rasfoiti imaginile
dand click pe diversele directoare.
Cand ati gasit o imagine pe care o doriti,
plasati cursorul mouse-ului deasupra sa si dati click pentru a o adauga in
pagina Dvs.
Calea si dimensiunea imaginii se va afisa in fereastra anterioara. Aici puteti modifica dimensiunea si stabili o legatuta la o pagina dupa preferinta. Daca ati facut toate modificarile atunci apasati "Actualizare" dupa care "Inchide".
Cand ati terminat de
modificat, dati click pe butonul „Adauga” (sau "Actualizare" daca
sunteti la modificarea textului introdus) din partea de jos a paginii.
Veti vedea acum pagina Dvs. cu modificarile efectuate afisate pe ecran.
Pasul 5: Folosirea imaginilor proprii
Aceasta parte a tutorialului va va arata cum sa folositi propriile imagini in paginile Dvs.
Preluarea imaginilor
Inainte de a introduce imaginile pe pagina va trebui sa le obtineti de undeva. Exista doua posibilitati principale: o camera foto digitala sau internet-ul.
Achizitia de imagini dintr-o camera foto digitala
Pentru a prelua imagini dintr-o camera foto digitala, urmariti instructiunile acesteia. Din pacate, fiecare camera foto are moduri diferite de a transfera imagini pe calculator, deci nu va putem oferi instructiuni detaliate pentru aceasta.
Va trebui sa modificati rezolutia imaginilor la 640x640 pixeli sau mai putin pentru a le putea folosi pe pagina in cel mai optim mod. Imaginile fotografiate cu camera digitala sunt de obicei prea mari.
Va recomandam folosirea programului „Easy Thumbnails” de la producatorul „Fookes” deoarece este usor de folosit si gratuit. Acest program il gasiti aici: Fookes Easy Thumbnails.
Preluarea de imagini de pe internet
Inainte de a prelua o imagine de pe internet, asigurati-va ca aveti permisiunea de a folosi respectiva imagine.
Dupa ce ati gasit imaginea dorita, dati click dreapta si apoi click pe „Save Picture As...”
Daca nu puteti proceda astfel, urmariti acesti pasi:
Pozitionati cursorul mouse-ului peste imaginea dorita. Imaginea trebuie sa fie de pe internet si vizionata in browser-ul Dvs. web.
Dati click dreapta deasupra imaginii si va aparea un meniu; din acest meniu, dati click pe „Save Picture As...”
Va aparea o fereastra care va va intreba unde sa salvati fisierul. Tineti minte locul unde l-ati salvat deoarece de acolo va trebui sa-l luati pentru a-l introduce in pagina.
Folosirea imaginilor
Dati click pe „Editare pagina” in bara de instrumente
Dati click pe casuta de imagini sau pe „Click aici pentru optiuni”. Fereastra de selectie imagini va aparea. Dati click pe „Adauga imagine” in portiunea de sus a ferestrei.
Va aparea pagina de adaugare a imaginilor.
Dati click pe butonul „Browse” langa campul cu indicatia „Upload imagine” pentru a selecta o imagine de pe calculatorul Dvs. Tineti minte sa nu incarcati imagini la o rezolutie mai mare de 640x640 pixeli.
Va aparea fereastra de dialog. Alegeti o imagine de pe calculator folosind aceasta fereastra, apoi dati click pe „Open”.
Cand ati terminat de ales imaginea pentru incarcare, dati click pe „Actualizare” in portiunea de jos a ferestrei.
Acum imaginea va aparea in pagina de editat. Dati click pe „Adauga” (sau "Actualizare" daca sunteti la modificarea textului introdus) in partea inferioara. Imaginea va aparea acum in pagina Dvs.
Pasul 6: Iesirea de pe site (Iesire)
Cand si de ce sa folositi comanda Iesire
Daca folositi un computer personal si sunteti singura persoana care-l foloseste, nu trebuie sa dati logout. Aceasta inseamna ca, data viitoare cand accesati site-ul, veti putea sa-l editati imediat. Totusi, daca impartiti accesul la calculator cu mai multe persoane, va recomandam sa iesiti de pe site („logout”) inainte de a pleca de la calculator. Aceasta va impiedica alte persoane sa va modifice site-ul.
Nu va puteti loga pe site de la doua calculatoare in acelasi timp. Daca ramaneti logat de pe un calculator si va logati din nou de pe altul, veti fi automat scos de pe site pe primul. Aceasta va protejeaza daca uitati sa dati Iesire de la un calculator public (de exemplu intr-un club de internet).
Cum sa dati „Iesire”
Dati click pe „Iesire” in bara de instrumente
Confirmati iesirea dand click pe „Iesire”.
Acum ati iesit cu succes din contul Dvs. Data viitoare cand intrati, va trebui sa va logati din nou.
Succes!
|
N
