Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress ) Coordonator științific, Conf. univ. dr. Eugen… [603896]

Ministerul Educației Naționale și Cercetării Științifice
Universitatea OVIDIUS Constanța
Facultatea de Matematică și Informatică
Specializarea Informatică

Lucrare de Licență

Intermedierea on -line a licitatiilor
si a tranzactiilor libere bazata pe CMS
(Joomla!, WordPress )

Coordonator științific,
Conf. univ. dr. Eugen Zaharescu

Absolvent: [anonimizat], 2018

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

2
CUPRINS
1. Introducere
2. Content Management System
2.1. Noțiuni introductive CMS
2.2. Caracteristicele CMS WordPress
2.2.1 Studiu de caz – Instalarea WordPress pe un CPanel Server
2.3. Teme WordPress
2.4 Caracteristicele unui plugin
2.4.1 Folosirea Pluginului Metaslider Pentru realizarea unui Slider
2.5 Widget
2.5.1 Folosirea widget -urilor pentru a plasa o lista de orase in sidebar
3. Limbaje de Programre
3.1 HTML
3.1.1 Exemple de html in site
3.2 CSS
3.2.1 Exemple de css
3.2.2 Reponsive
3.3 Javascript
3.3.1 jQuery
3.4 PHP
3.4.1 Exemple de php in site
3.5. SQL
3.5.1 Exemple de SQL
4. Softwareuri Folosite
4.1 Photoshop
4.1.1 Realizarea unui Logo in Photoshop
4.2 Filezila
4.3 Notepad++
5. Concluzii
6. Webgrafie
7. Biografie

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

3
Capitolul 1. Introducere

In prezent, WordPress gazduieste mai mult de 66 de milioane de websiteuri. Cateva
dintre cele mai renumite siteuri sunt: CNN, TechCrunch, Forbes s i multe alte siteuri pe care le
vizitati zilnic, din acest motiv am ales ca studiu de caz un site realizat in WordPress in care
vom incerca sa exemplificam aplicativitatea acestui sistem de administrare a conținutului pe o
platforma de licitaii online.
Scopul acestui site este de a avea diferite nivele de utilizatori: administrator, utilizatori
normali si vizitatori, acestia avand diferite roluri si acess la siteul nostru. Administrator este
cel ce va avea aces global la site, va putea sterge si crea pagin i noi, licitatii noi cat si
utilizatori din panoul special de WordPress. Utilizatorii vor fi nevoiti sa se logheze pe site
pentru a putea crea licitatii si a participa la licitatiile altora. Vizitatorii vor putea sa vada ce
este postat pe site dar nu vor p utea lua parte la licitatii pana nu isi vor crea un cont de
utilizator.
Datorita functionalitatilor „pe tava” date de WordPress am ales sa customizam
fisierele contact.html, thankyou.php si connection.php pentru a exemplifica limbaje de
programare folosit e.
Deoarece in ziua de azi este foarte important pentu clasare in motoarele de cautare ca
un site sa aiba vizibilitate si lizibilitate pe toate dispozitivele: calculator, laptop, tableta si
telefon; indiferent de rezolutia ecranului acestora si orientare; am dec is sa creem un site
responsive. [1]

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

4

Capitolul 2. Content Management System

2.1 Noțiuni introductive CMS
Un sistem de administrare a conținutului sau CMS (în engleză Content Management
System , CMS) este un sistem software creat pentru automatizarea cât mai deplină a gestiunii
conținutului, în special a site-urilor web . Scopul este de a reduce sau elimina intervenția
programatorilor la editarea și administrarea site -urilor lor. CMS -ul facilitează organizarea,
controlul și publicarea de d ocumente sau alt tip de conținut, cum ar fi imagini și resurse
multimedia. Un CMS facilitează adesea crearea in comun de documente. Un "CMS web" este
un CMS cu facilități adiționale pentru ușurarea publicării de conținut pe diversele site -uri.
Date fiind c omplexitatea site -urilor web și inexistența unui model standard, definirea
unitară a CMS precum și a părților sale componente este foarte greu de realizat. Granițele
dintre portale, sisteme CMS, DMS (Document Management System – Sistem de Administrare
a Do cumentelor) și ECS (E-commerce Systems – Sisteme de Comerț Electronic) nu sunt
evidente și acestea adesea se suprapun.
Sistemele de administrare a conținutului web sunt folosite adesea pentru stocarea și
controlul documentelor cum ar fi articole, manuale tehnice sau de alte naturi, ghiduri de
vânzări și broșuri de marketing . Un CMS poate avea următoarele funcții:

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

5
 Crearea și transferul de documente și material multimedia
 Identificarea utilizatorilor cheie și a rolului lor în gestionarea conținutului
 Atribuirea de roluri și responsabilități diferitelor categorii de conținut
 Definirea de sarcini de lucru, adesea cuplate cu trimiterea de mesaje în funcție de
eveniment, astfel încât managerii de conținut sunt alertați automat când intervin schimbări
ce îi privesc
 Urmărirea și organizarea mai multor versiuni ale aceluiași element de conținut.
 Publicarea conținutului într -o bibliotecă , pentru a sprijini accesul la conținut. În ultima
vreme biblioteca ( bază de date ) este o parte tot mai importantă a sistemulu i; ea poate fi
ușor interogată. [2]

De ce e important ca o agentie web sa puna la dispozitia clientilor un sistem de
administrare a site -ului?
Nimic mai simplu. Pentru ca astfel nu se mai pierde timp si resurse atat din partea
clientilor cat si a agentiei. O chestiune e clara un site trebuie actualizat. Trebuie sa contina
zone care prezinta noutati, proiecte noi, clienti noi, solutii noi, produse noi, certificari noi…
Scopul acestor noutati este pe cat de simplu pe atat de util. Ele arata clientilo r /
potentialilor clienti ca firma este activa pe piata ca lucreaza si ca o face bine. Nu e nimic mai
grav decat un site static.

2.1.1 Cum e un CMS bun?
Un CMS bun are 2 scopuri:
Scopul 1. sa fie usor de folosit de catre clienti si sa fie cat mai flexibil – permitand o
usoara administrare a tot ce tine de site
Scopul 2. sa fie usor de implementat – pentru ca costurile (in timp) de implementare
ale agetiei sa nu se rasfranga financiar asupra clientului.

Scopul 1
Un bun CMS nu permite doar administrarea te xtelor sau titlurilor si descrierilor
produselor unui site.
Un bun CMS da dreptul administratorului:
 sa defineasca drepturi de acces pentru utilizatori
 sa defineasca formularul pe baza caruia alti utilizatori introduc produsele
 sa configureze search -ul pentru a se potrivi cat mai bine produselor din site
 sa afiseze si sa poata edita baza de date atat dupa categorii (ca in site) cat si dupa
criterii cum ar fi producatorul sau alte detalii valabile pentru toate item -urile din baza
de date dupa care se pot clasifica itemii

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

6
 sa mute item -uri din baza de date dintr -o categorie in alta
 sa adauge si sa editeze diferite tipuri de item -uri: articol, categorie, galerie multimedia,
item catalog, categorie catalog, formular, link, fisier, set, newsletter sau original
 sa editeze nu doar formularul de contact sau alte formulare cat si emailul care se
trimite specificand forma si campurile din formular trimise
 sa controleze data publicarii si data la care un item dispare din site – control asupra
aparitiei item -ilor in si te
 sa administreze multilingv – atat continutul site -ului cat si platforma de administrare
 sa administreze bannerele din site, sondaje, promotii sau orice alte zone interactive
Ar mai fi si altele dar lista aceasta este suficienta pentru a va face o idee.
Scopul 2
De ce e important ca un CMS sa fie usor de implementat. Pai pentru ca astfel nu dureaza
mult timp, nu costa mult si eficientizeaza munca agentiei. Cu alte cuvinte – decat sa taxezi
clientul mai mult, mai bine construiesti o platforma pe care sa po ti implementa site -urile
clientilor repede. Astfel esti mai rapid, lucrezi mai mult, oferi solutii care aduc mult mai multi
bani clientului decat ii scot din buzunar si esti capabil sa dezvolti baza de clienti executand
mai multe lucrari decat concurenta, in acelasi timp 😀 .
In final concluzionez ca cu cat mai multe agentii inteleg importanta unei platforme
flexibile si usor de implementat cu atat industria noastra va evolua mai rapid si mai bine. Spor
la codat! [3]
2.2. Caracteristici CMS WordPress

WordPress este o platformă de tip sursă deschisă pentru publicarea
blogurilor. Platforma WordPress este scrisă în limbajul PHP, folosind pentru
gestionarea bazelor de date sistemul MySQL. Dispune un sistem de șabloane
scrise în limbajele HTML și CSS. Ava ntajele majore prezentate de WordPress
sunt simplitatea și numeroasele plugin -uri create de către comunitate care pot
modifica funcționalitatea WordPress -ului tranformându -l în aproape orice tip de
site web. De asemenea interfața poate fi schimbată foarte ușor cu ajutorul
multitudinii de teme gratuite sau premium cu doar un clic. [4]
Proiectul WordPress în Română este în întregime o realizare a comunității
WordPress din România, nici unul dintre noi nu este angajat Automattic și cu
toții lucrăm din plăcere și benevol. [5]
Întreținerea traducerilor se face în timpul nostru liber. În mod normal
facem tot posibilul ca acestea să fie la zi.
Anul trecut, platforma destinata bloggingului sau gazduirii site -urilor,
WordPress, a implinit 10 ani. Exista cateva lucruri interesante de stiut despre
aceasta renumita platforma, care este folosita de un numar mare de utilizatori la
nivel mondial. Iata zece dintre aceste lucruri:

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

7
1. In prezent, WordPress gazduieste mai mult de 66 de milioane de
websiteu ri. Cateva dintre cele mai renumite siteuri sunt: CNN, TechCrunch,
Forbes sai multe alte siteuri pe care le vizitati zilnic.

2. Aproximativ 20 000 de persoane castiga bani din WordPress zilnic.
Daca nu aveti deja un site WordPress si sunteti dornici sa av eti un profit lunar,
puteti apela la crearea unui site gazduit pe aceasta platforma.

3. Aproximativ 17 % din websiteurile din intreaga lume functioneaza
gratie gazduirii WordPress. WordPress este cea mai mare platforma de acest gen
din lume.

4. Mai mult de 19 000 de pluginuri WordPress sunt valabile pe aceasta
platforma.

5. Pluginurile de pe platforma WordPress au fost downloadate de peste 285
000 000 times de ori!

6. WordPress exista in variantele urmatoarelor limbi: germana, croata,
japoneza, norvegia na, slovena, ebraica, spaniola, indoneziana, engleza (Canada),
suedeza, slovaca, romana, poloneza, rusa, scotiana, italiana, olandeza, macedona
si franceza – Macedonian, French, dar si alte limbi care nu le -am enumerat aici,
fiindca sunt foarte multe.

7. Cunoasterea platformei WordPress reprezinta un plus, daca vorbim
despre aptitudinile care trebuie trecute intr -un CV. WordPress isi ajuta
utilizatorii in acest sens extrem de bine, sectiunea de FAQ fiind foarte bine
dezvoltata.

8. WordPress depaseste Joom la si Drupal, daca vorbim despre gradul de
folosire al platformelor de gazduire pentru site -uri.

9. WordPress este sursa preferata de bloggeri si freelanceri. De fapt, cei
care lucreaza ca si designeri la WordPress, castiga 60 de dolari pe ora.

10. Prin urmare, putem afirma ca WordPress este cea mai buna platforma
de acest gen, in prezent (conform si statisticilor). [1]

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

8
2.2.1 Principalele avantaje ale platformei WordPress

Numerele vorbesc – pe site -ul wordpress.org se mentioneaza ca 27% din toate site-
urile de internet sunt realizate pe aceasta platforma. Nu am cum sa verific daca intr -adevar e
asa sau nu DAR, din experienta proprie (empirica) un numar foarte mare de site -uri din
Romania sunt realizate in WordPress. Pot spune clar ca este site -ul pe care il intalnesc cel mai
des la noi in tara.
Daca nu era foarte flexibila si usor de folosit, nu cred ca platforma ar fi fost atat de
populara. E adevarat ca mult nu inseamna neaparat bun, dar confera cateva avantaje majore.

Suport excelent si costuri mici cu intretinerea
Ganditi -va la o Dacie, mai ales din modelele mai vechi. Toata lumea se pricepe sa le
repare. Fiind de departe cea mai populara platforma, exista foarte multi
programatori/utilizatori care cunosc foarte bine modul in care wordpress func tioneaza asa ca
suportul este foarte usor de obtinut.
In plus, fiind foarte multi “mecanici” care se pricep, costul pentru modificari sau
mentenanta este mai mic decat la alte tipuri de site -uri. Nu spun ca este foarte mic, doar mai
mic decat la marea majo ritatea platformelor.

Gama FOARTE variata de extensii (plugin -uri)
Este greu sa vrei o functie pe WordPress care nu a fost deja realizata de cineva pana
acum. Daca ti -l imaginezi, probabil ca deja exista. WordPress.org spune ca exista aproape 50
de mii de plugin -uri care pot fi accesate si folosite. Cele mai populare dintre acestea au sute
de mii sau milioane de instalari asa ca e cat se poate de clar ca exista o piata foarte bogata
aici.

Extensiile ne ajuta prin faptul ca putem personaliza foarte usor si te-ul nostru si ca de
cele mai multe ori putem reduce semnificativ costul realizarii unui site. Decat sa platim pe
cineva sa faca o functie, o putem instala gratuit sau sa platim un cost de maxim cativa zeci de
dolari.

Excelenta pentru continut
Initial, W ordPress s -a vrut a fi o platforma de blogging. Este foarte usor sa realizam
articole sau pagini de continut, foarte usor sa le stergem sau sa le modificam si in general sa
administram continutul site -ului. Un site de prezentare este putin mai mult decat u n blog, asa
ca pentru site -uri simple de prezentare este probabil cea mai buna platforma existenta. Luam
in calcul si faptul ca se indexeaza foarte usor in Google.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

9

Interfata foarte usoara si flexibila
Odata instalat, este foarte usor, chiar si pentru cine va complet atehnic, sa isi
administreze continutul site -ului sau. Evident, exista si aspecte mai dificile ale administrarii
unui site in wordpress, INSA management -ul continutului de zi cu zi (sa zic asa) este foarte
foarte usor.
Se pot adauga foarte usor articole, se pot modifica pagini existente din site sau categorii,
meniuri, etc… Asta inseamna costuri minime pe partea de administrare a site -ului.

Principalele dezavantaje ale site -urilor in WordPress
Acum, aspectele negative – pentru ca exista si probleme. O sabie cu doua taisuri este
chiar gama foarte variata de extensii pe care le are platforma.

Numar prea mare de plugin -uri neverificate si insuficient testate
Da, stiu. Am spus ca numarul foarte mare de plugin -uri (extensii) este un avantaj. Si
este! Cu conditia sa stii ce faci. Nu tot ce zboara se mananca. Nucleul platformei WordPress
este foarte bine si eficient programat. Cand vorbim insa de o piata de zeci de mii de plugin -uri
e clar ca NU toate vor fi la acelasi standard de calitate. Unele s unt foarte bune, altele… mai
putin.
Din pacate ca intotdeauna unde exista o piata libera, vor fi produse bune, medii si
slabe. Daca nu te pricepi si instalezi tot ce iti vine la indemana, poti face mai mult rau decat
bine. Foarte multe din extensiile grat uite nu sunt bine testate si au greseli de programare.
Altele sunt abandonate si nu mai sunt actualizate de ani – caz in care apar erori sau alte
probleme.
In concluzie, pentru a naviga in oceanul de extensii gratuite pentru WordPress e
necesara un pic de experienta. Din cate stiu, marea majoritate a problemelor de securitate sunt
generate nu de platforma WordPress in sine, ci de extensiile prost programate/fara actualizari.

Necesita resurse mai mari de la server
WordPress este un site pe structura dinamic a. Sa explic: un site in WordPress este
construit cu ajutorul unei baze de date. Practic, de fiecare data cand accesam o pagina, ea nu
exista efectiv, ci e construita pentru fiecare utilizator in parte. Exista multe avantaje, insa
principalul dezavantaj es te ca un astfel de site va consuma mai multe resurse din partea
serverului. Problema cea mai mare apare atunci cand sunt foarte multi vizitatori simultan pe
site. In acest caz, serverul trebuie sa construiasca pentru fiecare in parte pagina accesata.
Din a cest motiv, multe din site -urile foarte mari (cu trafic foarte mare) renunta la
aceasta platforma in favoarea unei solutii personalizate, care insa costa semnificativ mai mult.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

10
Care este limita maxima pentru WordPress? Din pacate, raspunsul este foarte rel ativ si
depinde de cateva variabile principale: cat de bine este intretinut site -ul, cat de multe (sau
putine) extensii sunt instalate si cat de puternic (performant) este serverul care tine site -ul.
Pe site -ul wordpress.org – https://wordpress.org/showcas e/ exista o lista cu site -uri
mari construite pe aceasta platforma. Veti vedea ca sunt multe cu trafic mare, asa ca platofrma
poate fi impinsa la limite mari.
As traduce insa intrebarea: care este numarul maxim relativ care poate fi sustinut de
WordPress C U un buget relativ normal. Evident ca daca am la dispozitie resurse financiare
foarte mari, atunci pot impinge mult limitele maxime.
Personal, cred ca un site in wordpress cu un hosting mediu ca si pret si fara erori sau
plugin -uri gresite, poate suporta f ara probleme un trafic de 3 -500 mii de vizitatori lunar. Cea
mai mare problema nu este insa volumul total, ci numarul de accesari simultane.
Ca si volum efectiv, WordPress poate suporta usor peste un milion de accesari pe luna,
DAR problema este ca, uneori , aceste accesari nu sunt distribuite uniform pe parcursul unei
zile. Este foarte posibil ca la un moment dat sa avem pe site cateva sute de accesari simultane
(poate de la o reclama, de la o stire preluata, o postare pe Facebook devenita virala, etc…). In
acest caz site -ul se va incarca vizibil mai greu.
Daca insa nu avem un trafic de cateva sute de mii de vizitatori, in mod normal, cu un
site bine intretinut si cu un host ok (4 -8 eur/lunar) nu ar trebui sa ne facem probleme.

Ceva mai dificil de utilizat in cazul magazinelor online
WordPress a fost gandita initial ca platforma pentru bloguri/site -uri de continut, nu
magazine. Asta inseamna ca nu are nativ implementate o serie de functii absolut necesare unui
magazin online, cum ar fi management -ul produselor, categoriilor de produse, descrieri,
adaugari in cos, etc…

Din fericire exista WooCommerce!
WooCommerce este o extensie gratuita pentru WordPress, care ofera majoritatea
functiilor necesare unui magazin online. Aspectul negativ este ca extensia vine cu o serie
aditionala de setari si un set aditional de extensii (plugin -uri WooCommerce) care trebuie
configurate. Este ceva mai dificil pentru cineva fara cunostinte sa gestioneze si acest aspect.

Strict ca platforma pentru un magazin online, WordP ress nu este platforma cea mai
simplu de utilizat.

In concluzie daca suntem o companie mica sau medie sau daca nu avem un buget
mare, atunci platforma WordPress poate fi alegerea numarul 1.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

11
Chiar si in cazul unui magazin online exista cateva avantaje. St rict management -ul
produselor (pe parte de client si administrator) poate fi mai eficient la alte platforme. Insa
WordPress ofera o serie de avantaje datorita numarului foarte mare de plugin -uri. Marketing –
ul, lucrul cu bazele de date, colectarea si gestio narea email -urilor si altele vor fi in general mai
ieftine pe un site in WordPresss. Si, in plus, costurile cu intretinerea vor fi de asemenea in
general mai mici.
Altfel spus alte aspecte care tin de promovarea unui magazin vor fi mai usor sau mai
ieftin de implementat in WordPress.
Daca insa suntem o companie mai mare sau avem un trafic mare, atunci este posibil ca
o platforma personalizata sa ofere o solutie mai buna sau mai eficienta decat WordPress. [6]

2.2.2 Studiu de Caz –
Cum instalam WordPress pe un CPanel Server:

Ne logam in contul de Cpanel
Accesam sectiunea subdomeniu
Cream un subdomeniu,in cazul nostru ion -alexandru
Accesam sectiunea MySQL
Cream o baza de date, in cazul nostrum ion -alexandru,si un user ion cu
parola ion12345
Atribuim user -ul creat la baza de date

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

12
Descarcam WordPress de pe site -ul official
Dupa ce descarcarea s -a terminat,vo m accesa sectiunea File Manager
Uploadam arhiva si dezarhivam
Accesam subdomeniul creat,in cazul nostru ion -alexandru.infinity –
vision.tk

Rulam instalarea
Introducem titlu site ”Intermedierea on -line a licitatiilor si a tranzactiilor
libere bazata pe CMS”,nume utilizator si parola admin,iar dupa ce instalarea s -a
terminat,ne logam in panoul de admin .[6]

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

13
2.3 Ce este o tema de WordPress?

Temele WordPress sunt fișiere care lucrează împreună pentru a crea
designul și funcționalitatea unui site WordPress. Fiecare temă poate fi diferită,
oferind mai multe opțiuni pentru proprietarii de site -uri pentru a schimba
instantaneu aspectul site -ului.

Poate doriți să dezvoltați teme WordPress pentru propria utilizare, pentru
un proiect client sau pentru a vă trimite la WordPress Theme Directory. De ce
altceva ar trebui să construiți o temă WordPress?

Pentru a crea un as pect unic pentru site -ul dvs. WordPress.
Pentru a profita de șabloane, etichete de șabloane și buclă WordPress
pentru a genera rezultate diferite ale site -ului și arată.
Pentru a oferi șabloane alternative pentru anumite funcții ale site -ului, cum
ar fi pagini de categorii și pagini cu rezultate ale căutării.
Pentru a comuta rapid între două layout -uri de site -uri sau pentru a profita
de o schimbare de temă sau stil pentru a permite proprietarilor de site -uri să
schimbe aspectul site -ului.
O temă WordPres s are și multe beneficii.

Se separă stilurile de prezentare și fișierele șablon din fișierele de sistem,
astfel încât site -ul să se actualizeze fără modificări drastice la prezentarea
vizuală a site -ului.
Permite personalizarea funcționalității site -ului unică pentru acea temă.
Permite modificări rapide ale designului vizual și a aspectului unui site
WordPress.
Elimină nevoia unui proprietar tipic al site -ului WordPress de a învăța
CSS, HTML și PHP pentru a avea un site web minunat.
De ce ar trebui să vă c onstruiți propria temă WordPress? Aceasta este
adevărata întrebare.

Este o oportunitate de a afla mai multe despre CSS, HTML și PHP.
Este o oportunitate de a vă oferi expertiza cu CSS, HTML și PHP pentru a
funcționa.
E creativ.
Este distractiv (de cele ma i multe ori).
Dacă îl publicați publicului, puteți să vă simțiți bine că ați împărtășit și ați
dat ceva înapoi comunității WordPress. [6]

2.3.1 Importanta unei teme de WordPress pentru un blog

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

14
Probabil cea mai importanta parte a unui blog WordPress, tema guverneaza tot ceea ce
tine de blogul respectiv, incepand de la interfata prin care vizitatorii acceseaza continutul
blogului propriuzis, pana la usurinta cu care reuseste sa asigure lucrabilita tea si totodata
profitabilitatea blogului respectiv.
Nu putem vorbi despre teme de calitate fara sa mentionam damnlol wordpress theme
care la vremea actuala este una dintre cele mai profitabile teme de WordPress din lume.
Frumoasa si cu un design minimali stic, aceasta tema faciliteaza trei abilitati pentru vizitatori
si anume cea de a vizualiza cat mai multe imagini, abilitatea de a impartasi si comenta
imaginile respective prin intermediul retelelor de socializare, si nu in ultimul rand abilitatea
de a da click pe cat mai multe reclame.
Un blog de succes e un blog monetizat cum se cuvine, iar atunci cand vine vorba de a
incasa de pe urma traficului obtinut, putine interfate reusesc sa ofere ceea ce damnlol
wordpress theme poate oferi prin designul sau prietenos. Majoritatea bloggerilor incep cu o
tema gratuita si lipsita de culoare in timp ce altii exagereaza prin detalii care nu ajuta cu nimic
blogul propriu -zis. Cand vine vorba de monetizarea unui blog, probabil cea mai buna alegere
este implementarea unei teme premium precum cea amintita mai sus prin prisma faptului ca
astfel de teme, spre deosebire de cele prestabilite, au capacitatea de a maximiza expunerea
blogului la motoarele de cautare si incidental la un numar mai mare de vizitatori. [7]

2.4 Ce este un plugin de WordPress?

Pluginurile WordPress vă permit să modificați, personalizați și
îmbunătățiți cu ușurință un site WordPress. În loc să schimbați codul programului
de bază al WordPress, puteți adăuga funcționalități cu WordPress Plugins. Iată o
definiție de bază.

Un plug -in WordPress este un program sau un set de una sau mai multe
funcții scrise în limbajul de scripting PHP, care adaugă un set specific de funcții
sau servicii pe site -ul WordPress. Puteți integra fără probleme un plugin cu site-
ul utilizând punctele de acces și metodele furnizate de aplicația WordPress
Plugin Application Interface (API).

Doriti ca WordPress sa aiba functionalitati noi sau modificate? Primul
lucru pe care trebuie să -l faceți este să căutați diferite depozit e WordPress Plugin
și surse pentru a vedea dacă cineva a creat deja un Plugin WordPress care să se
potrivească nevoilor dumneavoastră.

Conform statisticilor Zelist, în România, WordPress este a doua platformă de blogging
folosită, după Blogspot. De asemen ea, WordPress este unul din principalele CMS -uri pentru
website -uri și bloguri, folosit la nivel global.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

15

Cum această platformă este în continuă dezvoltare, plugin -urile (modulele) se
înmulțesc și apar mereu variante îmbunătățite. În acest articol am decis să scriu despre plugin –
urile pe care le folosesc în mod activ peste tot unde am avut ocazia să administrez sau să
instalez bloguri.

Plugin -uri pentru promovare și optimizare

1. Akismet – unul din cele mai bune plugin -uri pentru a proteja site -ul de atac uri spam.
Atacurile spam pot fi prin e -mail, prin comentarii sau link -uri cu trackback către site -ul tău.

2. TF Social Share – este unul din cele mai facile plugin -uri pentru sharing pe rețelele
sociale dintre cele pe care le -am folosit până acum. În maxim două minute (instalare +
configurare) ai un sistem de sharing pentru fiecare articol și pagină. Este instalat și pe acest
blog și îl poți vedea în lateralul articolelor și paginilor.

3. SEO Friendly Images – este un plugin care îți actualizează aut omat imaginile cu
atributele ALT și TITLE. Foarte util, pentru că poți prinde ceva vizite venite din Google
Images.

4. WordPress SEO – este momentan plugin -ul meu preferat de SEO pentru
WordPress. Ușor de configurat, foarte user friendly are și breadcrumbs.

5. Mailchimp List Subscribe – am folosit acest plugin pe blogurile pe care le -am
administrat și aveau newsletter prin Mailchimp. Acest plugin te ajută să legi un widget care
afișează un formular de abonare la lista ta de email.

6. Facebook Page Promoter Lightbox – informează -ți toți vizitatorii site -ului despre
pagina ta de Facebook printr -un pop -up simplu și elegant care apare pe anumite pagini, după
un interval de timp setat de tine.

Plugin -uri pentru navigabilitate

7. Jetpack by WordPress.com – acest plugin îți oferă o gamă largă de funcționalități
complet configurabile: statistici de monitorizare trafic, butoane de social share, abonare la

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

16
newsletter, personalizare profil utilizatori site, sugestii gramaticale pentr u conținutul
articolelor (în limba engleză), galerie foto și editor pentru CSS direct din panoul de
administrare.

8. WordPress Popular Posts – articolele cele mai populare reprezintă de -a lungul
“vieții” unui blog și sursele de trafic cele mai bune, de ac eea recomand utilizării unui widget
care să afișeze cele mai populare articole. Sunt mai multe criterii după care poți alege
articolele care să se afișeze, deci te poți juca destul cu el, până ajungi la mixul dorit.

9. WordPress Related Posts – un plugin foarte util, dacă vrei să faci cititorul să rămână
în continuare pe blogul tău după terminarea articolului. Eu folosesc intens acest plugin și de
obicei este printre primele pe care le instalez.

10. WP Smush it – este un plugin care optimizează imaginile de pe blogul tău
ajutându -te să mai salvezi câțiva kilobytes pe fiecare imagine.

11. WP Polls – este cel mai popular plugin de Poll -uri (voturi) pentru WordPress de
până acum. Are peste 1.268.000 de descărcări.

12. WP Facebook Comments – Facebook este o metodă de login pe majoritatea site –
urilor pentru useri. Dacă vrei să dai o mână de ajutor să comenteze celor care au cont de
Facebook, folosește acest plugin. Îl văd foarte util în integrarea în landing page -uri pentru
produse care au dat rezultate foarte bune și oamenii sunt dispuși să ofere testimoniale sau
impresii pe loc. Îl poți vedea și la finalul acestui articol.

13. Broken Link Checker – este un plugin foarte util ca să descoperi ce link -uri de pe
site-ul tău nu mai sunt bune. Singura problemă es te atunci când ai foarte mulți comentatori pe
blog care pun link -uri proaste, acest plugin semnalizându -ți orice link care nu mai
funcționează.

14. upPrev – un plugin simplist, dar care poate aduce multe click -uri pe articolele
precedente. Apariția sa se face din partea dreapta jos, iar momentul apariției este complet
configurabil. Când ajungi la finalul acestui articol, poți vedea acest plugin „în acțiune” chiar
și pe acest blog.

15. WPTouch – în câteva minute, blogul tău va fi complet adaptabil pentru
dispozitivele mobile precum smartphone -uri și tablete.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

17

16. Google Analytics – vrei să monitorizezi traficul propriului site folosind Google
Analytics? E simplu! După ce instalezi acest modul, îi inserezi codul Web Property ID oferit
din contul de Google An alytics și urmărești instant statisticile!

17. WordPress Download Monitor – acest modul este foarte util pentru a oferi
posibilitatea utilizatorilor să descarce gratuit, de la un link dat, documentele pe care le oferi.

18. Better Search – cu acest plugin poți insera un buton de căutare pe site -ul tău,
pentru ca utilizatorii să găsească informațiile dorite. Este unul din cele mai exacte plugin -uri
de căutare pe care le -am folosit și îl puteți testa pe acest blog.

Plugin -uri pentru galerii foto

19. NextGe n Gallery – este un plugin destul de complex de WordPress, dar foarte util.
Impresia care mi -a lăsat -o când am văzut cum acționează pe alte bloguri este că merită să
încerci acest plugin.

20. Easing Slider „Lite” – Unul din cele mai eficiente plugin -uri p entru slideshow
animat, simplu și complet configurabil. Poți vedea acest modul „în acțiune” chiar și pe pagina
principală a acestui blog.

Deși am făcut mai multe recomandări de plugin -uri îți recomand să folosești doar
strictul necesar. Dacă ești utilizat or avansat, poți face anumite modificări direct din cod, nu
are rost să instalezi orice plugin cu scopul de a -ți rezolva problemele minore.

Totodată, îți recomand să instalezi plugin -uri care te ajută să îți îndeplinești mult mai
ușor obiectivele propuse (creșterea numărului de abonați, creșterea traficului, scăderea bounce
rate-ului, ș.a.). [8]

2.4.1 Folosirea Pluginului Metaslider
Pentru realizarea unui Slider

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

18

Cu Metaslider, puteți să vă creați propriul slideshow optimizat SEO, într -o
chestiune de secunde!

Cu pluginul slider -ului cel mai popular pentru WordPress, îmbunătățirea
blogului sau a site -ului dvs. nu ar putea fi mai ușoară: pur și simplu selectați
imagini din Biblioteca dvs. WordPress Media, trageți -le în loc și apoi setați
subtitrările di apozitivelor, linkurile și câmpurile SEO toate dintr -o singură
pagină.

Funcționalități

Interfață simplă, ușor de utilizat – perfectă pentru utilizatori individuali,
dezvoltatori și clienți!
Creați slideshow -uri responsive, SEO optimizate în câteva secunde
Suport nerestricționat pentru diapozitivele de imagini (acceptă legendă,
link, text titlu, alt text)
Suport de slideshow pe toată lățimea
Rapid – numai JavaScript / CSS minim este inclus pe pagina dvs.

2.5 Ce este un widget ?

Widgeturile WordPress adaugă conținut și caracteristici pentru Sidebars.
Exemple sunt widget -urile implicite care vin cu WordPress; pentru anumite
categorii, Tag cloud, căutare etc. Plugin -uri vor adăuga adesea propriile lor
widget -uri.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

19

Widget -urile au fost concepute inițial pentru a oferi utilizatorilor o
modalitate simplă și ușor de utilizat de a oferi controlului asupra designului și
structurii temei WordPress, care este acum disponibil pe temele WordPress
corespunzătoare "widgetized" pentru a include antetul, foot erul și în altă parte în
Designul și structura WordPress. Widgeturile nu necesită experiență sau
expertiză în cod. Acestea pot fi adăugate, eliminate și rearanjate în Tema
Customizer sau Aspect> Widgets din ecranele de administrare WordPress.

Unele Widget uri WordPress oferă personalizare și opțiuni, cum ar fi
formulare pentru a completa, include sau exclude date și informații, imagini
opționale și alte caracteristici de personalizare. [8]

2.5.1 Folosirea widget -urilor
pentru a plasa o lista de orase in sidebar

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

20

Cap itolul 3.
Limbaje de programare

3.1 Html

HyperText Markup Language (HTML) este un limbaj de marcare utilizat
pentru crearea paginilor web ce pot fi afișate într -un browser (sau navigator).
Scopul HTML este mai degrabă prezentarea informațiilor – paragrafe, fonturi,
tabele ș.a.m.d. – decât descrierea semanticii documentului.

Specificațiile HTML sunt dictate de World Wide Web Consortium (W3C).

HTML este o formă de marcare orientată către prezentarea documentelor
text pe o singura pagină, utilizând un software de redare specializat, numit agent
utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web.
HTML furnizează mijloacele prin care conținutul unui document poate fi adnotat
cu diverse tipuri de metadate și indicații de redare. Indicațiile de redare pot varia
de la decorațiuni minore ale textului, cum ar fi specificarea faptului că un anumit
cuvânt trebuie subliniat sau că o imagine trebuie introdusă, până la scripturi
sofisticate, hărți de imagin i și formulare. Metadatele pot include informații
despre titlul și autorul documentului, informații structurale despre cum este
împărțit documentul în diferite segmente, paragrafe, liste, titluri etc. și informații
cruciale care permit ca documentul să poa tă fi legat de alte documente pentru a
forma astfel hiperlink -uri (sau web -ul).

HTML este un format text proiectat pentru a putea fi citit și editat de
oameni utilizând un editor de text simplu. Totuși scrierea și modificarea

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

21
paginilor în acest fel solici tă cunoștințe solide de HTML și este consumatoare de
timp. Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver,
Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate
asemănător cu documetele Word, dar cu observația că aceste programe generează
un cod HTML care este de multe ori de proastă calitate.

HTML se poate genera direct utilizând tehnologii de codare din partea
serverului cum ar fi PHP, JSP sau ASP. Multe aplicații ca sistemele de gestionare
a conținutului, wiki -uri și forumuri web generează pagini HTML.
HTML este de asemenea utilizat în e -mail. Majoritatea aplicațiilor de e -mail
folosesc un editor HTML încorporat pentru compunerea e -mail -urilor și un motor
de prezentare a e -mail -urilor de acest tip. Folosirea e -mail-urilor HTML este un
subiect controversat și multe liste de mail le blochează intenționat.

HTML este prescurtarea de la Hyper Text Mark -up Language si este codul
care sta la baza paginilor web.

Paginile HTML sunt formate din etichete sau tag -uri și au extensia „.html”
sau „.htm”. În marea lor majoritate aceste etichete sunt pereche, una de
deschidere <eticheta> și alta de închidere </eticheta>, mai există și cazuri în care
nu se închid, atunci se folosește <eticheta />. Navigatorul web interpretează
aceste etichete afișând rezultatul pe ecran. HTML -ul este un limbaj care nu face
deosebire între litere majuscule și minuscule.

Pagina principala a unui domeniu este fisierul „index.html” respectiv
„index.htm”. Această pagină este setată a fi afișată automa t la vizitarea unui
domeniu.

De exemplu la vizitarea domeniului www.nume.ro este afișată pagina
www.nume.ro/index.html. [9]

HTML5 este un limbaj pentru structurarea și prezentarea conținutului
pentru World Wide Web, o tehnologie nucleu pentru Internet propusă inițial
pentru software -ul Opera
Este a cincea revizuire a standardului HTML (creat în 1990 și standardizat
ca HTML4 d in 1997[3]) și din octombrie 2011 este în curs de dezvoltare.
Obiectivele sale principale au fost acelea de a îmbunătăți limbajul cu un suport
pentru cele mai recente apariții multimedia în același timp menținându -l ușor de
citit de oameni și bine înțeles de computere și device -uri (browsere web, parsere,
etc.). HTML5 își propune să însumeze nu numai HTML4, dar și XHTML1 și
DOM 2HTML (îndeosebi JavaScript).

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

22
Urmărind predecesorii săi imediați HTML 4.01 și XHTML 1.1, HTML5
este un răspuns la observația că HTM L și XHTML utilizate în comun pe World
Wide Web sunt un amestec de caracteristici introduse de specificații diferite,
împreuna cu acestea mai sunt și caracteristicile diferite aduse de software, de
browsere, și multe erori de sintaxă în documentele web exi stente. Astfel, HTML5
devine o încercare de a defini un singur limbaj de marcare care poate fi scris în
oricare dintre sintaxele HTML sau/și XHTML. Acesta include modele detaliate
de prelucrare pentru a încuraja mai multe implementări interoperabile; extin de,
îmbunătățește și raționalizează disponibilitățile pentru documentele web și
introduce marcarea și aplicații API (application programming interfaces) pent ru
aplicații web complexe. Din aceste motive, HTML5 este un posibil candidat
pentru aplicațiile de platforme mobile. Multe caracteristici ale HTML5 au fost
create din considerarea că va trebui să devină capabil să ruleze pe dispozitive
cum ar fi smart -phonurile sau tabletele. [10]

Unul din scopurile Html 5 e de a separa idea de prezentare a continutulu i
html. Din acest motiv se face o organizare a directivelor noi, in care se disting
cele care diferentiaza sectiunile de text cum ar fi <nav>, <aside> sau <article>.
Unele dintre aceste directive, din punct de vedere tehnic, sunt similare cu
directivele <d iv> y <span> insa au o semnificație semantică.

Cu directiva <body> se delimiteaza corpul documentuluui si functioneaza ca un
recipient ce inglobeaza toate elementele vizibile utilizatorului ca si paragrafele, imaginile,
listele etc…
Cu directiva < section> se poate delimita o arie intr -un document html, arie ce dorim sa
scoatem in evidenta. E o directiva noua in Html si functioneaza la fel ca directiva <div>.
Introducerea sa in Html sa datorat faptului ca existau prea multe directive <div> in
docume ntele html. Prezenta sa structureaza mai bine codul html din punct de vedere estetic si
vizual, diminuand astfel prezenta <div>. In mod normal prin delimitarea unei ariei (sectiuni)
cu directiva <section>, aceasteia din urma ar trebui sa -i acordam un nume utilizand atributele
"id" sau "class" in vederea identificarii sale ulterioare in formatarea cu CSS. In exemplu de
mai jos, directiva <section> numita "sectiuneA' delimiteaza paragraful.
Directiva <nav> e o directiva noua in Html si e utilizata ca recipien t in inglobarea
elementelor de navigatie intr -un document html. Aceste elemente de navigatie pot fi: meniul
principal de navigatie, meniul lateral de navigatie etc… Introducerea sa in Html, sa datorat
faptului ca existau prea multe directive <div> in doc umentele html. Prezenta sa delimiteaza
zonele de navigatie a paginii oferind o vizualizare mai buna a codului html.
Directiva <article> noua deasemenea in Html, creaza o sectiune ce delimiteaza sau
defineste continutul unei paginii web provenit dintr -o sursa externa. Continutul extern poate fi
de exemplu: un articol de presa, un text dintr -o alta pagina web sau un blog, un text dintr -un
forum sau orice alt continut ce provine dintr -o sursa externa.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

23
Chiar daca pentru a crea acest tip de sectiune in pagina se poate utiliza si directiva
<div>, faptul ca se repeta la nesfarsit a dus la crearea directivei <article> pentru a facilita
munca webmaster -ilor.
Directiva <aside> noua deasemenea in Html, delimiteaza o sectiune in pagina web
unde se poate adauga contin ut aditional sub forma unei explicatii sau a unei completari a
textului principal la care face referinta. Directiva <aside> poate fi privita ca un comentariu pe
margine a unui text sau articol.
Html dispune, de la primele versiuni ale limbajului, de un mij loc de a delimita
secțiunile antet de importanță diferită în text, chiar daca in practica au fost utilizate pentru a
evidenția titluri cu fonturi variabile și stil ingroșat (bold). Pentru a permite utilizarea titlurilor
multi -nivel (de exemplu, secțiuni și subsecțiuni) se oferă șase anteturi diferite idetificate litera
"h" urmate de un numar (de la 1 la 6). Astfel, la directiva <h1> ar fi utilizata pentru titlul de
nivel superior și <h6> pentru titlul cel mai mic.
Aspectul titlurilor se poate modifica cu me canisme proprii ale foilor de stil.
Directiva <hgroup> pur si simplu defineste un grup de antete <h1> – <h6>, mai bine
spus, grupeaza un titlu si un subtitlu intr -un singur bloc. Pe langa asta <hgroup> reseteaza
valoarea inaltimii literii la nivelul de <h1 >, adica, daca intr -o arie delimitata de <hgroup> si
</hgroup> se introduce doua titluri: unul de nivel 2 (h2) si unul de nivel 3 (h3), navigatorul
reseteaza (schimba) dimensiunile "h2 si h3" in "h1 si h2".
Directivele <header> si <footer> reprezinta antet ul si subsolul unei pagini web.
Antetul poate contine titluri, subtitluri sau comenzile de navigare. Directiva <header> no se
puede fi pusa intr -o arie delimitata de o directiva <footer>, <address> sau alta directiva
<header> .[11]

3.1.1 Exemple de cod H TML Folosite

<!DOCTYPE html> <!– Declaratie Document HTML 5 –>
<html lang="ro -RO"> <!– Deschiderea Blocului HTML si declararea limbii –>
<head> <!– Deschiderea Blocului HEAD – acesta contine detalii ce nu se vad in pagina web dar ofera
diferite declaratii si informatii despre pagina, totodata aici vom alege sa legam fisierele de de style –
css –>
<title>Contacteaza Licitatii Online</title> <!– Titlul Paginii Web –>
<meta name="viewport" content="width=device -width, user -scalable=no , initial -scale=1.0,
minimum -scale=1.0, maximum -scale=1.0"> <!– Declaram pagina noastra ca fiind de tip responsive si
setam dimensiunile echivalente intregului ecran, cu zoomul initial 1 –>[12]
<link href="http://fonts.googleapis.com/css?family=Ral eway:400,300,500,600" rel="stylesheet"
type="text/css"> [13]

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

24
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,300" rel="stylesheet"
type="text/css">
<link rel="stylesheet" type="text/css" media="all" href="http://ion -alexa ndru.infinity –
vision.tk/wp -content/themes/AuctionTheme/style.css">
<!– Desi am ales ca pagina de contact sa fie separata de WordPress pentru a simplifica si
exemplifica fiecare limbaj de cod, am ales totusi sa importam fisierele de still css ale temei de
Wordpress pentru a mentine un aspect omogen pe toate paginile siteului –>
</head>
<body id="contact_page"> <!– Sectiunea body cu un identificator unic paginii de contact –>
<header> <!– Deasemenea am ales sa reutiliza o varianta s implificata pentru headerul pagini,
fara meniul de sus, doar cu logo iar in meniul princilal doar un buton de intoarcere la prima pagina –>
<div id="header">
<div class="top -bar-bg"></div> <!– Meniul de sus – gol –>
<div class="middle -header -bg">
<div class="middle -header main_wrapper">
<div class="logo -holder"> <!– Sectiune pentru logo –>
<a href="/index.php"><img id="logo" alt="Intermedierea on -line a licitatiilor si a
tranzactiilor libere bazata pe CMS Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe
CMS" src="/wp -content/uploads/2017/07/logo -1.png"></a>
</div>
</div>
</div>
</div>
</header>
<div class="content_super_div">
<div class="main -thing -menu"> <!– Meniul Principal doar cu buton de intoarcere –>
<div class="main_wrapper_menu">
<div class="dcjq -mega -menu" id="cssmenu2">
<ul id="menu -meniu -principal" class="menu"> [10]
<li id="menu -item -49" class="menu -item menu -item -type -custom menu -item -object –
custom menu -item -49"><a href="/index.php"> Inapoi Acasa</a></li>
</ul>
</div>
</div>
</div>
</div>
<h1>Formular de Contact</h1> <!– Titlul principal –>
<form action="thankyou.php" method="post"> <!– Fomularul de contact cu redirectie spre
pagina de thank you –>
<input type="text" name="u_name" placeholder="Introduceti numele dvs" required><br> <!–
Camp pentru nume, am ales sa folosim placeholder in loc de label pentru o mai buna asezare –>
<input type="email" name="u_email" placeholder="Introduceti adresa dvs de email"
required><br> [12]
<input type="text" name="subj" placeholder="Introduceti un subiect" required><br>
<textarea name="message" placeholder="Introduceti Mejajul dvs" required></textarea> <!–
Camp pentru Mesaj, am ales sa folosim textarea pentru a face loc unui bloc de text mai mare –>

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

25
<input type="submit" value="Trimite"><br> <!– Butonul ce trimite mesajul, acesta executa
actiunea formului –>
</form>
</body>
</html> [14]

3.2 CSS

CSS (Cascading Style Sheets) este un standard pentru formatarea
elementelor unui document HTML. Stilurile se pot atașa elementelor HTML prin
intermediul unor fișiere externe sau în cadrul documentului, prin elementul
<style> și/sau atribu tul style. CSS se poate utiliza și pentru formatarea
elementelor XHTML, XML și SVGL.

CSS3 reprezintă un upgrade ce aduce câteva atribute noi și ajută la
dezvoltarea noilor concepte in webdesign.

Unele dintre cele mai importante segmente (module) noi adăugate acestui
standard pentru formatarea elementelor HTML aduc un plus considerabil in
dezvoltarea activități webdesign.

Mai jos sunt prezente in listă cele mai importante modulele adăugate in
CSS3: Selectors , Box Model , Backgrounds and Borders , Image Values and
Replaced Content , Text Effects , 2D/3D Transformations , Animations , Multiple
Column Layout , User Interface

Deși au apărut unele deficiente de compatibilitate intre browsere,
majoritatea proprietăților CSS3 au fost implementate cu succes in varia ntele
browserelor noi.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

26

Fisierul CSS este o parte importanta a intregului proiect deoarece poate adauga un plus
de clasa si profesionalism la fel de usor cum poate sa strice impresia generala a utilizatorului.
Iata cateva lucruri simple care pot imbunatati considerabil calitatea CSS -ului site -ului tau
web:

1. Incercati sa organizati selectorii intr -o structura descendenta similara celei HTML. Va fi
mult mai usor de citit fisierul in viitor daca elementele se gasesc acolo unde este evident ca ar
trebui cautate. In plus nici nu prea are sens sa gasesti regulile definite pentru footer la
inceputul fisierului. Un exemplu bun de organiza re de acest fel este urmatorul: clase gene rice
(body, h1, h2, a, p, etc.), header, navigare, continut, footer

2. De foarte multe ori mai multe elemente folosesc aceleasi atribute si sunt definite
independent unele de altele. Este foarte util sa inlantuiti aceste elemente si sa definiti o serie
de atribute comune:
h1, h2, h3{font -family:Arial; color:blue; padding:0 5px;}

3. Veti descoperi ca o metoda foarte buna de a salva timp de dezvoltare este sa scrieti mai
intai partea de HTML. Desi pare mai logic sa dezvoltati si partea de CSS in paralel cu cea de
HTML, de fapt este mult mai usor si rapid sa le faceti pe rand.

4. Nu ezi tati sa folositi clase CSS multiple, in fond ii spune cascading style sheet, nu?

5. Pentru fiecare element incercati sa grupati atributele pe o singura linie. In felul acesta veti
obtine un fisier mult mai usor de citit si prin urmare m ai usor de modifica t in viitor.
.element{background:blue; color:black; font -size:14em; border: 1px solid green;}

6. Adaugati comentarii pentru a delimita sectiunile si pentru a sublinia ele mentele mai
avansate folosite:
/*Incepe sectiunea din partea stanga*/
styles…
/*Sfarsit sectiune partea stanga*/

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

27
7. Folositi clase generice pentru a nu adauga acelasi atribut la fiecare element pentru care este
necesar. Clasele generice folosite impreuna cu adaugarea de clase multiple in HTML poate
salva foarte mult timp pentru des ignul site -ului web.
.stanga{float :left;}
.dreapta{float:right;}

8. Incercati sa evitati folosirea mai multor selectori decat sunt necesari. In loc de:
body #meniu .cevaClasa ul li {….}
puteti folosi:
.cevaClasa ul li {….}

9. Incercati sa scrieti cod CSS care poate fi interpretat foarte bine de toate browserele. Este
mult mai bine decat sa folositi hack -uri care functioneaza doar pentru un anumit browser.

3.2.1 Exemple de cod CSS folosite

/* Contact */

/* Stilizarea Zonei formularului de contact */
.corp_contact {
background: #ffffff;
/* Fundal + codul hexazecimal pentru coloarea alba */
max -width: 985px;
margin: 0 auto;
/* Margine exterioara, – auto – pe stanga si dreapta are rolul de a aseza diviziunea
pe contrul paginii din browser */
padding: 40px;
box-sizing: border -box;
/* Spatirea continului fata de margine nu se va adauga la dimensiunea interioara
prestabilita (total width = content width + 2x padding) */
}

.corp_contact form input, .corp_contact form textarea {
width: 100%;

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

28
margin -bottom: 10px;
/* margine jos */
padding: 5px;
border: solid 1px #aaa;
/* bordura de tip linie continua de grosime un pixel si culoarea gri deschis */
background: #fff;
box-sizing: border -box;
font -family: inherit;
/* resetarea fontului prin mostenirea stilului general */
}

.corp_contact form {
max -width: 500px;
/* aceasta diviziune nu va depasii valoarea indicata de max dar poate fi mai mica
daca ecranul este mai mic – exemplu: telefon */
margin: 0 auto;
box-sizing: border -box;
border: solid 1px #000;
padding: 40px;
}

.corp_contact form text area {
height: 120px;
/* inaltimea zonei de mesaj */
}

.corp_contact form input[type="submit"] {
background: #72AA09;
color: #fff;
font -weight: bold;
line -height: 2;
font -size: 14px;
cursor: pointer;
/* vom seta ca in zona de actiune a butonului de trimite cursorul va lua forma unei
maini */
}

/* Reasezarea in meniul principal al butonului de inapoi acasa */
#contact_page .main -thing -menu ul li a {
width: 100%;
/* Latime */
text -align: center;
/* Alinierea textului */

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

29
font -weight: bold;
/* Boldare */
display: block;
padding: 0;
/* Spatiere interiorara */
line -height: 2;
/* inaltime rand */
}

/* Folosim pseudoclasa before pentru a adauga o sageata in fata butonul ui */
#contact_page .main -thing -menu ul li a:before {
content: " \2190" /* Cod CSS (ISO) pentru simbolul – sageata spre stanga – */
}

/* Centrarea si stilizarea butonului de intoarcere la pagina de start */
#contact_page .main -thing -menu ul li {
width: 100%;
padding: 0;
}

3.2.2 Responsive

Web design personalizat, cunoscut sub acronimul englez RWD
(Responsive Web Design) este o filozofie de design și dezvoltare destinată
adaptării apariției de pagini web pentru dispozitivul utilizat pentru vizualizare.
Astăzi paginile web sunt afișate pe mai multe tipuri de dispozitive, cum ar fi
tablete, Smartphone -uri, cărți electronice, calculatoare, și asa mai departe. Mai
mult, fiecare dispozitiv are caracteristicile sale specifice: dimensiunea ecranulu i,
rezoluție, putere CPU, capacitatea de memorie, printre altele. Această tehnologie
își propune ca, deși cu un design unic sa poată fi vizualizată de pe orice
dispozitiv.

Proiectantul american și autor Ethan Marcotte a creat și furnizat această
tehnică p rintr -o serie de articole publicate pe A List Apart, o publicație
specializată în design și dezvoltare web, pentru ca apoi sa includă ideea în cartea
sa Responsive Web Design.

Atât idea cât și rolul responsive web design au fost discutate și descrise în
prealabil de World Wide Web Consortium (W3C) în iulie 2008 în recomandarea
sa "Mobile Web Best Practices" având subtitlul "One Web".

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

30

Această recomandare, deși specifica pentru dispozitive mobile, subliniază
ca este făcuta în contextul One Web, și, prin urm are include nu numai experiența
de navigare pe dispozitive mobile, ci și pe dispozitive cu rezoluție a ecranului
mai mare cum ar fi desktop -ul.

Conceptul One Web face referire la idea de a realiza un “Web pentru Toți”
(Web for All) și accesibil de pe oric e tip de dispozitiv (Web on Everything).

În ziua de azi, varietatea tipurilor de dispozitive existente pe piață a făcut
ca informația sa nu fie accesibilă pe toate tipurile de dispozitive, sau, mai bine
spus, este accesibilă, dar navigarea pe acestea este foarte greoaie.

Avantajele RWD
Utilizarea de dispozitive mobile este în creștere, dispozitivele de genul
tabletelor și telefoanelor inteligente mărindu -și vânzările în ultimii ani și în acest
fel, navigarea pe internet pe astfel de dispozitive a devenit din ce în ce mai
comuna. Acesta este motivul pentru care responsive web design a devenit atât de
popular, deoarece aceasta este o tehnologie ce propune o soluție web ce permite
vizualizarea web atât pe un dispozitiv desktop cât și pe unul mobil.

Cu o sing ura versiune în HTML și CSS se acoperă toate versiunile de
ecran, adică, site -ul web creat va fi optimizat pentru toate tipurile de dispozitive:
PC, tablete, telefoane mobile, etc. Acest lucru va îmbunătăți experiența
utilizatorului spre deosebire de ceea ce se întâmplă cu site -urile fixe atunci când
sunt accesate de pe dispozitive mobile.

În acest fel se reduc costurile de creație și administrare atunci când design
ul ecranului este similar pe dispozitive de mărimi diferite.

Se presupune de asemenea ca e vita dezvoltarea de aplicații ad -hoc pentru
versiuni mobile, sau nu, de exemplu o aplicație specifica pentru iPhone, alta
pentru mobile Android, etc, deși în ziua de azi site -urile pentru mobile nu pot
realiza aceleași funcții ca și aplicațiile native.

Din punctul de vedere al optimizării pe motoarele de căutare, ar apărea
doar un URL în rezultatele de căutare, prin intermediul cărora se șterg
redirectările și erorile ce deriva din acestea. Se evită de asemenea erorile la
accesarea site -urilor web, în spec ial de pe social links, adică, de pe link -urile pe
care utilizatorii le distribuie pe rețelele sociale de genul Facebook sau Twitter și
care pot sa sfârșească eronat, depinzând de link -ul ce a fost copiat (de pe ce
dispozitiv a fost copiat) și de dispoziti vul de pe care se accesează.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

31
Modul de funcționare al RWD
Web Design -ul Responsiv este posibil datorita introducerii de Media
Queries în proprietățile stilurilor CSS în versiunea numărul 3. Media querie -urile
sunt o serie de comenzi ce se includ în pagina de stiluri ce face indica
documentului HTML cum trebuie sa se comporte pe diferite tipuri de ecrane.

Pentru a înțelege mai bine această tehnologie, design -ul paginii web, ca și
ziarele și revistele, se bazează pe coloane. Astfel că, după filozofia design -ului
responsive, dacă o pagina web la rezoluția de PC (1028×768 px) are 5 coloane,
pentru o tabletă (800×600 px) ar fi necesare doar 4 și în cazul unui telefon
inteligent care are de obicei o lățime de 320 pana la 480 pixeli ar folosi doar 3
coloane. [15]

3.3 Javascript
JavaScript este un limbaj de programare orientat obiect bazat pe conceptul
prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web,
codul Javascript din aceste pagini fiind rulat de către browser. Limbajul este binecunoscut
pentru folosirea sa în construirea siturilor web, dar este folosit și pentr u acesul la obiecte
încastratem în alte aplicații. A fost dezvoltat inițial de către Brendan Eich de la Netscape sub
numele de Mocha, apoi LiveScript, ș i denumit în final JavaScript.
În ciuda numelui și a unor similarități în sintaxă, între JavaScript și limbajul J ava nu
există nicio legătură. Ca și Java, JavaScript are o sintaxă apropiată de cea a limbajului C, dar
are mai multe în comun cu limbajul Self decât cu Java.
Până la începutul lui 2005, ultima versiune existentă a fost JavaScript 1.5, care
corespunde cu Ediția a 3 -a a ECMA -262, ECMAScript, cu alte cuvinte, o ediție standardizată
de JavaScript. Versiunile de Mozilla începând cu 1.8 Beta 1 au avut suport pentru E4X, care
este o extensie a limbajului care are de a face cu XML, definit în standardul ECMA -357.
Versi unea curentă de Mozilla, 1.8.1 suportă JavaScript versiunea 1.7

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

32
Cea mai des întâlnită utilizare a JavaScript este în scriptarea paginilor web.
Programatorii web pot îngloba în paginile HTML script -uri pentru diverse activități cum ar fi
verificarea d atelor introduse de utilizatori sau crearea de meniuri și alte efecte animate.
Browserele rețin în memorie o reprezentare a unei pagini web sub forma unui arbore
de obiecte și pun la dispoziție aceste obiecte script -urilor JavaScript, care le pot citi și
manipula. Arborele de obiecte poartă numele de Document Object Model sau DOM. Există
un standard W3C pentru DOM -ul pe care trebuie să îl pună la dispoziție un browser, ceea ce
oferă premiza scrierii de script -uri portabile, care să funcționeze pe toate brow serele. În
practică, însă, standardul W3C pentru DOM este incomplet implementat. Deși tendința
browserelor este de a se alinia standardului W3C, unele din acestea încă prezintă
incompatibilități majore, cu m este cazul Internet Explorer.
O tehnică de constr uire a paginilor web tot mai întâlnită în ultimul timp este AJAX,
abreviere de la „Asynchronous JavaScript and XML”. Această tehnică constă în executarea de
cereri HTTP în fundal, fără a reîncărca toată pagina web, și actualizarea numai anumitor
porțiuni a le paginii prin manipularea DOM -ului paginii. Tehnica AJAX permite construirea
unor interfețe web cu timp de răspuns mic, întrucît operația de încărcare a unei pagini HTML
complete este în mare parte eliminată. [16]

3.3.1 jQuery
jQuery este o platformă de dezvoltare JavaScript, concepută pentru a ușura și
îmbunătăți procese precum tra versarea arborelui DOM în HTML, managementul inter –
browser al evenimentelor, animații și cereri tip AJAX. jQuery a fost gândit să fie cât mai mic
posibil, disponibil în toate v ersiunile de browsere importante existente, și să respecte filosofia
"Unobtrusive JavaScript". Biblioteca a fost lansată in 2006 de către John Resig .[17]
3.4 PHP

PHP este un limbaj de programare. Numele PHP provine din limba engleză
și este un acronim recursiv : Php: Hypertext Preprocessor.
Folosit inițial pentru a produce pagini web dinamice, este folosit pe scară
largă în dezvoltarea paginilor și aplicațiilor we b. Se folosește în principal
înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în
mod „linie de comandă” (CLI), permițând crearea de aplicații independente. Este
unul din cele mai importante limbaje de programare webopen -source și server –
side, existând versiuni disponibile pentru majoritatea web serverelor și pentru
toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane
de site -uri web și pe 1 milion de servere web.
Este disponibil sub Licen ṭa PHP ṣi Free Software Foundation îl consideră a
fi un software liber.

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

33
Inițial, limbajul a fost dezvoltat de inventatorul său, Rasmus Lerdorf.
Odată cu creșterea numărului de utilizatori, dezvoltarea a fost preluată de o nouă
entitate, numită The PHP Group (Grupul P HP). [16]

3.4.1 Exemple de cod PHP folosite

connection.php
<?php // deschiderea documentului connection.php

// functie de contactare la baza de date, vom folosii 4 variablile, hostul in cazul nostru localhost.
numele de utilizator asignat bazei de date, cat si parola, si nu in ultimul rand numele baze de date in
care vom salva variabilele din formularul de contact
function Connect()
{
$dbhost = "localhost";
$dbuser = "randy_ion";
$dbpass = "ion12345";
$dbname = "randy_responses";

// Crearea c onexiunei
$conn = new mysqli($dbhost, $dbuser, $dbpass, $dbname) or die($conn ->connect_error);

// Functia va returna conexiunea la baza date folosind cele 4 variabile
return $conn;
}

?>
thanyou.php

<?php // deschiderea documentului thanyou.php

require 'connection.php';
// acest document va incarca si documentul connection.php inainte de a rula urmatoarele comenz
i
$conn = Connect();
//vom pasa valoarea campului html al forumularului dedicat numelui in variabila $name, vom
proceda la fel resp ectiv pentru fiecare camp din formular
$name = $conn ->real_escape_string($_POST['u_name']);
$email = $conn ->real_escape_string($_POST['u_email']);
$subj = $conn ->real_escape_string($_POST['subj']);
$message = $conn ->real_escape_string($_POST['message']);

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

34
// Crearea queriului SQL pentru a salva informatiile din variabilele de mai sus in tabelul din baza de
date
$query = "INSERT into tb_cform (u_name,u_email,subj,message) VALUES('" . $name . "','" . $email .
"','" . $subj . "','" . $message . "')";

// Daca Queriul a fost executat cu success vom afisa un mesaj.
$success = $conn ->query($query);

if (!$success) {
die("Couldn't enter data: ".$conn ->error);

}

echo "Iti multumim ca ne -ai scris. Te vom contacta in cel mai scurt timp <br>";

// Inchiderea Conexiunii.
$conn ->close();

?> [18]

3.5 SQL

SQL (de la numele englez Structured Query Language – limbaj de
interogare structurat – care se pronunță [es kiu el]) este un limbaj de programare
specific pentru manipularea datelor în sistemele de manipulare a bazelor de date
relaționale (RDBMS), iar la o rigine este un limbaj bazat pe algebra relațională.
Acesta are ca scop inserarea datelor, interogații, actualizare și ștergere,
modificarea și crearea schemelor, precum și controlul accesului la date. A
devenit un standard în domeniu (standardizat ANSI -ISO), fiind cel mai popular
limbaj utilizat pentru creearea, modificarea, regăsirea și manipularea datelor de
către SGBD -urile (Sistemele de Gestiune a Bazelor de Date) relaționale. Pe lângă
versiunile standardizate ale limbajului, există o mulțime de dialec te și variante,
unele proprietare, fiind specifice anumitor SGBD -uri și de asemenea conținând

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

35
extensii pentru a suporta SBD -urile (Sistemele de Baze de Date) obie ctuale
(obiectual -relaționale).
SQL permite atât accesul la conținutul bazelor de date , cât și la structura
acestora.

3.5.1 Exemple SQL
Crearea bazei de date:
CREATE TABLE `randy_responses`.`tb_cform` ( `ID` INT(11) NOT NULL AUTO_INCREMENT ,
`u_name` TEXT NOT NULL , `u_email` TEXT NOT NULL , `subj` TEXT NOT NULL , `message`
TEXT NOT NULL ) ENGINE = MyISAM;
Inserarea in baza de date prin executia unui query SQL intr -un fisier php
$query = "INSERT into tb_cform (u_name,u_email,subj,message) VALUES('" . $name . "','" .
$email . "','" . $subj . "','" . $message . "')";

Capitolul 4. Softuri folosite

4.1 Photoshop

Adobe Photoshop este un software folosit pentru editarea imaginilor
digitale pe calculator, program produs și distribuit de compania americană Adobe
Systems și care se se adresează în special profesioniștilor domeniului.

Adobe Photoshop, așa cum este cunoscut astăzi, este vârful de lance al
gamei de produse software pentru editare de imagini digitale, fotografii, grafică

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

36
pentru tipar, video și Web de pe piață. Photoshop este un program cu o interfață
intuitivă și care perm ite o multitudine extraordinară de modificări necesare în
mod curent profesioniștilor și nu numai: editări de luminozitate și contrast,
culoare, focalizare, aplicare de efecte pe imagine sau pe zone (selecții), retușare
de imagini degradate, număr arbitrar de canale de culoare, suport de canale de
culoare pe 8, 16 sau 32 biți, efecte third -party etc. Există situații specifice pentru
un profesionist în domeniu când alte pachete duc la rezultate mai rapide, însă
pentru prelucrări generale de imagine, întrucât furnizează instrumente solide, la
standard industrial, Photos hop este efectiv indispensabil.

Alături de aplicația Photoshop (ajuns la versiunea CC, succesorul versiunii
CS6 , este inclusă și aplicația ImageReady, cu un impresionant set de instrumente
Web pentru optimizarea și previzualizarea imaginilor (dinamice sau statice),
prelucrarea pachetelor de imagini cu ajutorul sistemului droplets -uri (mini –
programe de tip drag and drop) și realizarea imaginilor rollover (imagini ce își
schimbă aspectul la trecer ea cu mouse -ul peste), precum și pentru realizarea de
GIF-uri animate.

4.1.1 Folosirea Photoshop -ului
pentru realizarea unui Logo .

4.2 Filezilla

FileZilla este o aplicație software FTP liberă, multiplatformă, ce constă
din FileZilla Client și FileZilla Server. Aplicația este disponibilă pe Windows,
Linux și Mac OS X. FileZilla suportă FTP, SFTP și FTPS (FTP prin SSL/TLS).
În data de 18 aprilie 2011, Clientul FileZilla era al 9 -lea cel mai popular
download din toate timpurile de pe SourceForge.n et. Suportul SFTP (SSH File
Transfer Protocol) nu este implementat în FileZilla Server.

Printre altele, caracteristicile FileZilla includ următoarele:

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

37
Ușor de folosit, Suporta FTP, FTP prin SSL / TLS (FTPS) si SSH File
Transfer Protocol (SFTP) , Cross -platform. Rulează pe Windows, Linux , BSD,
Mac OS X și multe altele, Suport IPv6, Disponibil în mai multe limbi, Sprijină
reluarea și t ransferul fișierelor mari> 4 GB, Interfața cu utilizator ul interfață,
Puternic manag er de site și coadă de transfer, Valori limită de transfer
configurabile , Filtre de nume de fișiere , Compararea directoarelor , Expertul de
configurare a rețelei , Editarea fișierelor la distanță , HTTP / 1.1, SOCKS5 și
suport FTP -Proxy , Căutarea în directorul sincronizat, Căutarea de fișie re la
distanță

4.3 Notepad ++

Notepad++ este un editor de text gratuit pentru Windows, găzduit la
Sourceforge. Programul permite editarea codului sursă specific unui număr mare
de limbaje de programare, precum C, C++, Pascal, Cobol, HTML, PHP.

Facilități remarcabile sunt:

Colorare sintactică pentru 48 de limbaje de programare (se poate modifica
de către utilizator);
Tipărirea color a codului sursă (WYSIWYG);
Autocompletare = deducerea și întregirea automată a cuvântului de cod din
biblioteca ut ilizată;
Interfață cu mai multe ferestre (utilizează tab -uri);
Suport pentru căutări/înlocuiri cu expresii regulate PERL;

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

38
Suport pentru macroinstrucțiuni.

Notepad++ se bazează pe motorul Scintilla, fiind programat în C++ și
utilizând Win32 API și bibliote ca STL, asigurând astfel o execuție rapidă și un
consum redus de resurse.

Capitolul 5. Concluzii

Pe buna dreptate, Oscar Wilde spunea: “ Experienta este numele pe care il dam
greselilor noastre ”. Oriunde s -ar intampla, in viata persoanala sau in cea profesionala, toti
facem greseli si nici unul dintre noi nu este perfect. Plecand de la acest lucru, voi vorbi despre
greselile clasice pe care le poti evita atunci cand lucrezi cu WordPress, cu prec izarea ca
aceasta concluzie se adreseaza cu predilectie designerilor si detinatorilor de site -uri
WordPress, dar si developerii ar putea sa arunce un ochi in timp ce beau o cafea.
Alege platforma corecta
Este o imensa diferenta intre site -ul WordPress gazduit pe un server (personal sau
platit) si site -ul gazduit pe WordPress.com. Aici este primul loc in care oamenii devin confuzi
si aleg gresit platforma. WordPress.com se preteaza blogerilor, artistilor si fotografilor, dar
poate fi potrivit pentru oric e tip de site. Pe de alta parte, wordpress.org este pentru cei ce vor
sa aiba contr ol deplin asupra site -ului lor.
Actualizeaza WordPress si pluginurile de WordPress la ultimele versiuni
Update -urile sunt o componenta importanta in mentenanta unui site Wor dPress. Site –
urile WordPress trebuie updatate de indata ce noi actualizari sunt lansate. De exemplu, in
2013, au fost 7 update -uri de WordPress, dintre care 4 au rezolvat probleme de securitate.
Atunci cand WordPress lanseaza o noua versiune, majoritatea p luginurilor lanseaza un update
pentru asigurarea compatibilitatii. Nu opta intotdeauna pentru actualizarea automata, deoarece
tema ta s -ar putea sa nu fie compatibila cu ultima versiune de WordPress. Fa de fiecare data
un back -up inaintea fie carei actualiz ari de WordPress.
Creaza back -upuri cu regularitate
Ca si in viata de zi cu zi, ar fi bine ca intodeauna sa ai un plan de rezerva. WordPress
asigura tehnica pentru salvarea bazelor de date, dar poti apela si la un plugin pentru a face
backup la intregul si te (nu doar pentru baza de date). Unul dintre aceste pluginuri este
BackupBuddy, care pe langa baza de date iti salveaza si celelalte plugin uri, teme, widgeturi si
setari.
Nu folosi cuvantul “admin” pentru username

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

39
Atunci cand il instalezi, WordPress -ul se teaza automat numele de utilizator ca si
“admin” cu privilegii de administrator. Acest username comun este primul pe care il vor
incerca hackerii. Asta inseamna ca din start dai hackerilor jumatate din informatia despre
cont. Deci schimba “admin” cat mai c urand posibil, pentru a va apara de cei ce ataca cu
predilectie site -urile cu “admin” ca si administrator.
Fa backup la functions.php
Deoarece functions.php este un fisier “sensibil”, o mica greseala poate distruge o
intreaga tema si nu vei fi in stare sa accesezi sau sa vezi intregul site. De aceea, daca doresti
sa modifici codul in functions.php asigura -te ca faci inainte un backup la acest fisier.
Instaleaza un plugin de caching
Multi dintre utilizatorii de WordPress nu sunt constienti de faptul ca vitez a unui
website joaca un rol important in obtinerea unui loc mai bun in ierarhia motorului de cautare
google. De aceea, pentru a va asigura ca site -ul vostru poate sustine un trafic mare simultan,
ar trebui sa folositi un cache plugin. Caching -ul este folos it pentru a scadea timpii de
incarcare si a creste eficienta site -ului. Pentru cei ce nu vor sa se incurce cu setari avansate d e
caching, recomad Quick Cache.
Genereaza un fisier sitemap.xml
Harta siteurilor a fost creata pentru ca utilizatorii sa vada un index al siteului pentru o
usoara navigare in pagini. De atunci Google a lansat formatul XML pentru sitemap special
pentru indexarea rapida si eficienta a site -urilor. Sitemapul XML este esential in identificarea
de nou continut si cum este structurat aces ta. Poti apela la pluginuri dedicate, dar preferatul
meu este WordPress SEO by Yoast, care pe langa generarea de sitemap -uri, face o treaba
excelenta in optimizarea siteul ui pentru motoarele de cautare.
Foloseste Google Analytics
Panoul de administrare Wor dPress nu este de ajuns pentru a -ti face o idee de ansamblu
asupra site -ului tau. De ce sa nu folosesti un program de analiza ca Google Analytics ce ofera
o gama larga de servicii gratuite? Cu ajutorul Google Analytics poti monitoriza traficul, sa
inveti d espre cuvinte cheie, sa vezi comportamentul vizitatorilor si sa generezi si mai mult
trafic. Trebuie sa folosesti aceasta bijuterie.
Nu ignora securitatea WordPress
Fiind o platforma populara, atrage dupa ea un mare risc de a fi atacata. Cea mai buna
pract ica este de a face setarile de securitate atunci cand se instaleaza site -ul. Poti apela la
tehnici precum schimbarea prefixului sau instalarea de pluginuri precum bulletproof security.
Creaza un formular de contact
De multe ori designerii creaza o pagina de contact unde mentioneaza doar adresa de
email, rezultand un Inbox plin de spamuri. Acesta nu este modul corect de a interactiona cu
vizitatorii tai. Cea mai buna solutie este adaugarea unui simplu formular de contact pentru a
interactina direct cu audie nta. Recomand cu caldura Contact Form 7 cu suport in limba
romana. Si nu uita de codul captcha. [6]

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

40

Bibliografie

HTML and CSS: Design and Build Websites – Jon Duckett
Java Script and jQuery: Design and Build Websites – Jon Duckett
Great Graphic Design in Half the Time – Stephen Beale
Learning PHP, MySQL, and JavaScript – Robin Nixon
Steve Jobs Biografia – Walter Isaacson
THINK BIG – Ben Carson
Citire și învățare rapidă – Vlad Ciocan
Professional WordPress – Brad Williams
WordPress For Dummies – Lisa Sabin Wilson
WordPress SEO Success – Jake Aull
WordPress: The Missing Manual – Matthew MacDonald
Php 5 unleashed – Coggeshall, john
Responsive Web Design with Adobe Photoshop – Dan Rose
Learning Responsive Web Design – Clarissa Peterson
Programming in HTML5 With JavaScript and CSS3 – George Cain
JavaScript & jQuery – Jon Duckett
Brilliant Photoshop CS6 – Steve Johnson

Ion Alexandru – Intermedierea on -line a licitatiilor si a tranzactiilor libere bazata pe CMS (Joomla!, WordPress )

41
Webgrafie
 [1] http://topu.ro/10 -lucruri -de-retinut -despre -wordpress/
 [2] https://2webdesign.ro/ce -inseamna -un-site-cms-sistem -de-administrare -a-
continutului -unui-website/
 [3] http://www.pamdesign.ro/articole -utile/despre -web/importanta -unui-cms-
bun/
 [4]https://biblioteca.regielive.ro/referate/sisteme -de-operare/sisteme –
informationale -de-birou -380688.html
 [5] https://unsitepentrufiecare.ro/greseli -comune -si-recomandari -pentru -site-ul-
tau-wordpress/
 [6] http://hobbydocbox.com/Sci_Fi_and_Fantasy/68064139 -Servicii -si-cursuri –
de-promovare -onlin e-si-marketing -digital -prin-seo-google -adwords -si-
facebook.html
 [7] http://asociatia -profesorilor.ro/importanta -unei -teme -de-calitate -pentru -un-
blog -de-succes.html
 [8] https://romaniancopywriter.ro/plugin -uri-pentru -wordpress/
 [9] https://ro.wikipedia.o rg/wiki/HyperText_Markup_Language
 [10] http://www.mconet.ro/programare -pagini -web-12
 [11] http://www.chakuaizhao.com /2017 -06-06/www.curvelo.cefetmg.br/
 [12] https://pastebin.com/jM4QgMRk
 [13] https://stackoverflow.com/qu estions/10116654/call -a-php-function -after-
onclick -html-event
 [14] https://ro.wikipedia.org/wiki/Responsive_Web_Design
 [15] https://mirajtoto.wordpress.com/
 [16] https://ro.wikipedia.org/wiki/JQuery
 [17] https://www.telekom.ro/oferta -fix-mobil/
https://loredanacostache.wordpress.com/
https://www.blankdesign.ro/web -design -responsive.php
http://www.superfane.ro/acasa/lectii -de-html/87 -html/115 -introducere