UNIVERSITATEA BABES-BOLYAI CLUJ-NAPOCA

Caiet de practic
Curs de WebDesign C.A.T.

Vatamanu Mihaela
25.07.2014




Facultatea de tiine Economice i Gestiunea Afacerilor
Informatic economic
Grupa 5
Semigrupa 2
Am facut practica la Centru de Afaceri Transilvania Cluj-Napoca, str. Nicolae Titulescu
nr.4., unde am luat parte la cursul de WEBdesign - 4 - WEBiz (Webdesign for Webusiness).
Practica s-a desfasurat pe parcursul a 90 de ore, incepand de pe data de 30 iunie pana pe 24 Iulie,
unde am realizat un site web si am facut un set de task-uri pe platform e-Learning.
In cele 18 zile am lucrat 5h/zi la site si am participat la cursul de WebDesign. In cea de-a 18-a
zi am mers la sediu pentru a imi ridica adeverinta de practica.

I. Despre Centrul de Afaceri Transilvania
Istoric:

Centrul de Afaceri Transilvania (C.A.T.), a fost constituit n 1992 la initiativa unui grup de firme
private clujene. Initial a functionat n temeiul Legii nr. 15/1990, iar n martie 1994 s-a
transformat n asociatie nonprofit-ONG de intreprinztori conform Legii nr. 21/1924.



Membri:

CAT are 23 de membri fondatori, peste 1000 de membri, observatori si invitati - firme cu capital
privat si mixt care si acord facilitti comerciale pentru produse si servicii. Numrul membrilor,
observatorilor si invitatilor este n continu crestere datorit sistemului de facilitti compensatorii
practicat att de asociatie ct si de membrii si, n cadrul E-CAT, a Primei Piete Electronice
Transilvane, a Pietei Comune CAT si a programelor de dezvoltare regionale.

Obiective si functii:

Obiectivul principal al CAT este dezvoltarea activittii economice si a investitiilor n zon
prin:
* sprijinirea agentilor privati si publici n activitatea lor economic;
* amplificarea relatiilor economice ntre companiile locale si strine;
* dezvoltarea relatiilor cu organismele guvernamentale si neguvernamentale din tar si
strintate;
* accelerarea privatizrii si atragerea de investitori n zon;
* cercetarea si dezvoltarea mecanismelor pietei libere;
* armonizarea si promovarea intereselor societtilor comerciale asociate;
* recunoasterea surselor generatoare de fonduri pentru dezvoltarea organizatiei.

Functiile CAT sunt:

* initierea, organizarea si dezvoltarea contactelor directe ntre parteneri de afaceri din tar si
strintate n scopul ncheierii de tranzactii comerciale si realizrii de investitii;
* acordarea de servicii de consultant si organizarea de cursuri de pregtire ;
* cercetarea si construirea de bnci de date n vederea sprijinirii activittii proprii si a firmelor
membre;
* realizarea de consultant n design pentru produse sau reproiectare de produse;
* organizarea de expozitii sau de alte activitti de promovare a produselor pe piat, publicitate,
editarea de buletine informative si a publicatiei periodice "Transilvania Business Review".
* dezvoltarea de mecanisme de cooperare si concurent loial.

Organizare:

CAT este organizat pe patru departamente de specialitate care asigur desfsurarea activittilor
decizionale si de colaborare orizontala:

* Departamentul "Consulting" are ca scop acordarea de consultant persoanelor fizice si
juridice din tar si strintate n domeniile marketing, management, investitii, comert exterior,
precum si alte domenii economice si tehnice de interes; organizarea de seminarii, simpozioane si
cursuri de pregtire cu participarea unor specialisti din tar si strintate; activitati de cercetare si
creare de baze de date.

* Departamentul "Relatii" are ca scop dezvoltarea relatiilor cu membri, precum si cu publicul;
amplificarea relatiilor cu organisme similare si persoane fizice si juridice din tara si strintate;
organizarea activittilor de promovare a produselor si firmelor pe piat; organizarea de misiuni
economice n tar si strintate; asigurarea relatiilor cu mass-media.

* Departamentul "Dezvoltare" are ca scop organizarea bazelor de date si sistemul de
comunicatii; coordonarea si dezvoltarea programului Piata Comun CAT; ndrumarea activittii
centrelor si reprezentantelorCAT.

* Departamentul "Administratie" are ca scop desfsurarea activittii financiar-contabile,
secretariat si administrarea patrimoniului asociatiei.
Centrul de Afaceri Transilvania este un organism economic independent, apolitic si non-profit,
deschis tuturor ntreprinztorilor care doresc s promoveze o economie modern si eficient n
spatiul transilvan si prin aceasta s contribuie efectiv la dezvoltarea Romniei n contextul
european. CAT este recipient de asistent nerambursabil din tar si strintate.
Proiectul PractiCAT isi propune sa amelioreze calitatea procesului de formare profesionala a
studentilor prin activitati practice.
Centrul de Practica Studenteasca creat de CAT Cluj are misiunea continua de a facilita legatura
dintre mediul academic si piata business, lansand oportunitati pe de o parte, de orientare si
formare profesionala in vederea angajarii viitoare. Acest deziderat se realizeaza anual prin
programul de antrenament (training&coaching) practic si gratuit, necesar studentilor pentru a
patrunde pe piata muncii ca si angajati full-time sau part-time, la firmele asociate la CAT,
interesate de forta de munca tanara si creativa.
Centrul de Practica Studenteasca faciliteaza accesul la aplicatii practice avansate in
m/eMarketing, m/eCommerce, noi tehnici de cercetare aplicate in domeniul tehnologiilor de varf
- ICT, modelul PECS = Penetration - Eruption - Capture Storage, crearea Birourilor de pe
Internet si a Depozitelor Virtuale de Cunostinte (Knowledge Warehouse)
Alaturi de cursuri de training pentru studenti, in domenii precum tehnologii de informare si
comunicare, marketing, elemente de mobile business si knowledge management, tutoriat,
activitatea practica a studentilor in firme membre CAT, prin transferul de know-how, ofera un
avantaj competitiv consistent pe piata muncii din tara si strainatate.
Centrul de Practica Studenteasca se adreseaza atat studentilor care beneficiaza sau nu de
programe europene, cum ar fi POSDRU, cat si studentilor interesati de realizarea lucrarilor de
licenta, disertatie, teze de doctorat, sau freelancer-ilor si voluntarilor interesati sa
obtinaCertifiCAT-ul de eOperator in 17 domenii .
Programul de practica pentru studenti include:
Task-uri de baza Task-uri personalizate
1. Workshop e-Marketing 1. Workshop Webdesign
2. Promovarea firmei prin directoarele web 2. Call Center
3. Promovarea firmei prin CATaloagele
online
3. Video Stiri
4. Promovarea ofertei prin site-uri de
anunturi online
4. eConsulting
5. Promovarea ofertei prin Newsletter la
clientii virtuali
5. Traduceri in limbile: engleza, franceza,
germana, rusa, spaniola, maghiara ...
6. Promovarea prin retelele sociale 6. Editarea manualelor, documentelor
7. Cercetarea concurentei online 7. Monografii pentru localitati, destinatii.
8. Gestionarea e-clientilor. Baze de date.
Biroul virtual.
8. Fise ale targurilor internationale
9. Participarea la targuri si vizite la firme 9. Publicarea articolelor pe web; blogg
10. Realizarea paginilor web 10. Cercetarea tematica

II. Site-ul meu Web

In cadrul acestui curs am realizat un site Web in Wordpress. Am inceput prin a imi crea
un cont pe un site de hostig, Award Space, un subdomeniu si apoi un cont de
Wordpress.
Web hosting-ul este un serviciu ce ofera persoanelor fizice sau juridice sansa de a avea
un website vizibil pe internet (WWW-world wide web).
Wordpress reprezinta o unealta gratuita folosita pentru creare si administrare de continut
online lansata pentru a oferi utilizatorilor posibilitatea de a crea bloguri personale, site-uri
de prezentare sau magazine online personalizate, fara a detine cunostinte avansate de web
design.




Site-ul www.mihaelavatamanu.atwebpages.com promoveaza un salon si anume : Beauty Studio.
Salonul nu este unul real, ci este unul fictiv, m-a ajutat doar la realizarea site-ului.
Structura este urmatoarea:
Header
Meniu orizontal
Continut + Sidebar
Footer



Layout-ul este urmatorul:

a) Headerul

Antetul este primul element pe care vizitatorii il vad cand intra pe site, astfel ca
este esential pentru stabilirea tonului si mesajului site-ului.

Acesta contine numele salonului, este un header simplu, care nu incarca pagina
pentru ca fundalul este deja unul incarcat.

b) Meniul

Deoarece navigarea este o parte necesara a site-ului, meniul este principala locatie
de realizare a acestei operatiuni. In cadrul acestuia sunt prezentate butoanele spre
continutul site-ului. Forma butoanelor este data de tema.

Acesta este unul orizontal care cuprinde 5 pagini separate: Despre noi,
Evenimente, Preturi make-up, Vizualizaeaza Beauty-Studio, Contact, plus pagina
de Home care contine toate articolele paginii web si nu este prezentata in meniu
deoarece este de ajuns ca atunci cand se acceseaza pagina sau cand se da click pe
header, pagina home se va deschide, iar daca era pusa in meniu nu dadea bine.
c) Continutul si Sidebarul

Continutul siteului (textul) este structurat intr-o singura coloana, iar sidebarul in
coloana din dreapta.
Textul a fost scris de mine in proportie de 51%, iar in proportie de 49% a fost luat
de pe net, precizandu-se sursa pentru ca, Google sa permita incarcarea lui.
Paginile contin numeroase imagini, atat imagini incarcate in galerie, cat si imagini
cu link, care ne duc pe alte pagini web. Sunt incarcate de asemenea site-uri web,
link-uri youtube, sau trimiteri la Facebook in pagina de Contacte.
Este inclus chiar si un formular in pagina Contacte pentru ca utilizatorul sa
poata trimite imediat un email firmei.
Formularul este inclus cu un cod HTML in sectiunea Text.



Una din pagini contine si subpagini care ajuta site-ul web la organizarea si la structurarea cat mai
usoara a informatiilor. Clientul in acest mod va gasi mai repede informatia, aceasta metoda fiind
una foarte eficienta atat pentru client cat si pentru cel ce a realizat pagina.



In sidebar am atasat 5 widget-uri care mi s-au parut mai relevante, si care l-ar ajuta pe utilizator
sa gaseasca mai repede informatia, cum ar fi: calendarul, categoriile articolelor, postarile cele
mai recente, statisticile paginii, bara de Search si widget-ul de Log in.


d) Footer
Footer-ul unei teme WordPress este zona care apare, dupa cum ii spune si numele,
in partea de jos a fiecarei pagini, dupa continut. In footer am atasat un widget care
numara cele mai populare topic-uri si topic-urile fara raspuns.


Site-ul contine doua categorii Produse si Reviews pentru a structura postarile de pe pagina
Home. Categoriile au rolul de a organiza informatia si a crea o ierarhie in site-ul meu. Widget-
ul cu Categories se gaseste in sidebar-ul din dreapta , imediat la indemana utilizatorului.

Inrealizarea articolelor am avut in vedere urmatoarele:
-respectarea normelor gramaticale ale limbii romane
-utilizarea cuvintelor cheie (keywords)
-originalitate
-structurarea si coerenta continutului

Am folosit cuvintele cheie atat in titlul articolului, in continutul acestuia cat si in optimizarea
articolului prin elementele META (META title, META description, META keywords).
Cuvintele cheie le-am ingrosat pentru a le vedea mea bine de cel care mi-a dat nota.


Metode de identificare a cuvintelor cheie:

1. prin motoarele de cautare

2. prin accesarea www.google.ro/trends/






In urma cautarii cuvintelor mele pe Google Trends, rezultatul a fost urmatorul:


Permalinks ofera posibilitatea de a va crea un URL in care sa includeti caractere precum
semnul intrebarii sau cifre. De aceea am facut o setare care sa permita afisarea in bara linkurul a
numelui paginii si nu un ID, pentru ca utilizatorul sa poata gasi mai repede pagina.


III. Participarea la CURSUL WEBdesign - 4 - WEBiz

Am participat la acest curs unde ni s-au prezentat de catre tutorele de practica Radu
Mlesnita urmatoarele teme:

1. WEBdesign - eTools
2. mBIZ mobile Business
3. mKM mobile Knowledge Management(POCC)
4. Freelancer Part-time
5. Outsourcing
6. TM Total Mobility ( 4A: anytime-anywhere-anything-anyone)
7. Mobile LyfeStyle

IV. Task-uri realizate in decursul orelor

Voi enumera cateva dintre ele:

Introducere Webdesign - 4 Webiz: participarea la curs

Structura HTML - ni s au prezentat cateva informatii de baza legate de HTML, cum
se lucreaza in el, care este editorul de text, si extensia, notiunea de tag si tag-uri
imbricate:
Meta-informatie HTML
Tabele HTML
Formatare HTML

Realizarea siteului
Crearea contului Wordpress
Editarea /structurarea siteului
Activarea siteului creat
Instalare Wordpress

Testare - Certificare Webdesigner - 4 - Webiz
Trimiterea adresei siteului
Unelte virtuale personalizate (minim 5 e-tools)
O scurta descriere a tematicii siteului (maxim 10 randuri)
Solicitarea programarii la examenul oral, care va consta din prezentarea siteului
tau.


Task: Promovarea Centrului de Practica Studenteasca
Operatiunea 1 contacte prieteni si colegi: sa intocmesc o lista cu minim 10
colegi, prieteni, din grupa-facultate-universitate si de la alte universitati, si sa le
trimit la fiecare cate un e-mail, sa le dai un telefon sau sa te intalnesti direct cu ei
pentru a le prezenta ce castiga daca se inscriu la Centrul de Practica Studenteasca:
www.CentrulDePractica.ro;
Operatiunea 2 facebook: OIN la grupul CAT Centrul de Practica Studenteasca
Operatiunea 3 sa raportez un email trimis la Helpdeskcat@gmail.com

Formular Evaluare Curs


Instructiuni de realizare a taskului WEBdesign: designarea unui site este operatiunea
prin care poti sa-mi fac vizibile si accesibile pe Internet informatiile, datele si
cunostintele pe care doresc sa le fac publice.

Optimizarea on-page
SEO = Search Engine Optimization (Optimizarea pentru motoarele de cautare)
Cine nu e pe Net nu exista ! Cine nu are un site optimizat nu poate fi gasit !
Optimizarea siteului este tehnica prin care posesorul unui site efectueaza operatiunile
necesare pentru ca siteul sau sa poata fi gasit cu motoarele de cautare pe primele pagini si in
cel mai scurt timp posibil
Optimizarea pentru motoarele de cautare este de doua feluri: on-page si off-page .
Optimizarea on-page se refera la elementele de optimizare efectuate direct asupra paginilor
websiteului.
Optimizarea off-page se refera la elementele de optimizare externe, care nu tin de structura
interna a site-ului web, dar care afecteaza pozitionarea siteului in cadrul rezultatelor
motoarelor de cautare.
Pentru ca un site web sa fie plasat in primele rezultate afisate de motoarele de cautare este
necesar sa fie optimizat atat prin elementele on-page cat si prin cele off-page .