Proiectarea Si Dezvoltarea Unui Magazin Online Pentru Piese
CUPRINS
1. Ce inseamna domeniul virtual actual
1.1. Ce inseamna Internetul
1.2. Conectarea la internet
1.3. Servicii internet
1.4 Importanta de a exista in mediul online
1.5 Posibilitatea de a lucra de acasă
Cum se realizeaza un web site
Importanta unui web site
Alegerea unui domeniu
2.3 Constructia generala a unui site
3. Informatii despre site-ul nostru
3.1 Portalul nostru este un magazin online in domeniul Auto
3.1.1 Avantajele unui magazin online
3.1.2 Transportul produselor catre cumparatori
3.1.3 Preturi si oferte speciale
3.2 Tehnologia folosita pentru contructia site-ului
3.2.1 Platforma WordPress V 4.2
3.2.2 Istoric
3.2.3 Vulnerabilități
3.3 Module folosite pentru WordPress
3.3.1 Woocommerce. Modul pentru magazin online
3.3.2 WordPress: Akismet și Database Backup
3.4 Realizarea design-ului
3.4.1 Alegerea unei teme profesionale
3.4.2 Cum am ales tema
3.5.1 Realizarea meniunilor
3.5.2 : Realizarea paginilor
3.5.3 Realizarea stilurilor
3.5.4 Responsive design
3.5.4.1 Ce este web design responsive
3.5.4.2 Ce presupune crearea unui design responsive
3.5.4.3 Avantajele
3.5.4.4 Dezavantajele
4. Implementare functii
4.1 Implementarea functiilor ajutatoare
4.1.1 Cosul de cumparaturi
4.1.2 Functia de plata la livrare
4.1.3 Functia de emitere factura proforma
4.2.1 SEO și marketing
4.2.2 Istoria SEO modificare
4.2.3. La ce ajută SEO
4.3 Cum se face SEO
4.3.1 On-Page SEO
4.3.2 Off-Page SEO
4.4 Etapele principale pentru optimizarea în motoarele de căutare – SEO
4.4.1 . Analiza și întocmirea unei strategii SEO
4.4.2. Examinarea profesională a site-ului
4.4. 3. Implementarea propriu-zisă a strategiei SEO
4.4.4. Generare rapoarte și statistici
5 : Ce putem aduce nou la magazinul nostru
5.1 Strategii de marketing online
5.2. Marketingul dispozitivelor mobile
5.3 Affiliate marketing
5.4 Video marketing
6: Concluzia dupa realizarea site-ului
7 : Care platforme sunt cele mai populare
8: Bibliografie
Bibliografie:
Jason Beaird – The Principles of Beautiful Web Design – 2007
Kilmer, William – Rețele de calculatoare si Internet, Ed. Teora – 2002
Kris Jamsa – Programarea în Web – 1997
Paul Chin – Best Practices for Developing a Web Site – 2008
www.utm.ro
http://www.davidia-int.hr/
http://www.trilulilu.ro/
http://ro.wikipedia.org/wiki/Culoare
http://www.w3schools.com/browsers/browsers_display.asp
http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/
http://ro.wikipedia.org/wiki/WordPress
http://www.cnet.ro/2007/01/08/wordpress-akismet-si-database-backup/
http://www.logicecomsol.ro/cum-se-alege-o-tema-wordpress/#sthash.22AAm3Hl.dpuf
http://www.logicecomsol.ro/cum-se-alege-o-tema-wordpress/
http://conceptie.ro/5-strategii-de-marketing-online-promovare-site/
=== lucare ===
PROIECTAREA ȘI DEZVOLTAREA UNUI MAGAZIN ONLINE PENTRU PIESE
CUPRINS
1. Ce inseamna domeniul virtual actual
1.1. Ce inseamna Internetul
1.2. Conectarea la internet
1.3. Servicii internet
1.4 Importanta de a exista in mediul online
1.5 Posibilitatea de a lucra de acasă
Cum se realizeaza un web site
Importanta unui web site
Alegerea unui domeniu
2.3 Constructia generala a unui site
3. Informatii despre site-ul nostru
3.1 Portalul nostru este un magazin online in domeniul Auto
3.1.1 Avantajele unui magazin online
3.1.2 Transportul produselor catre cumparatori
3.1.3 Preturi si oferte speciale
3.2 Tehnologia folosita pentru contructia site-ului
3.2.1 Platforma WordPress V 4.2
3.2.2 Istoric
3.2.3 Vulnerabilități
3.3 Module folosite pentru WordPress
3.3.1 Woocommerce. Modul pentru magazin online
3.3.2 WordPress: Akismet și Database Backup
3.4 Realizarea design-ului
3.4.1 Alegerea unei teme profesionale
3.4.2 Cum am ales tema
3.5.1 Realizarea meniunilor
3.5.2 : Realizarea paginilor
3.5.3 Realizarea stilurilor
3.5.4 Responsive design
3.5.4.1 Ce este web design responsive
3.5.4.2 Ce presupune crearea unui design responsive
3.5.4.3 Avantajele
3.5.4.4 Dezavantajele
4. Implementare functii
4.1 Implementarea functiilor ajutatoare
4.1.1 Cosul de cumparaturi
4.1.2 Functia de plata la livrare
4.1.3 Functia de emitere factura proforma
4.2.1 SEO și marketing
4.2.2 Istoria SEO modificare
4.2.3. La ce ajută SEO
4.3 Cum se face SEO
4.3.1 On-Page SEO
4.3.2 Off-Page SEO
4.4 Etapele principale pentru optimizarea în motoarele de căutare – SEO
4.4.1 . Analiza și întocmirea unei strategii SEO
4.4.2. Examinarea profesională a site-ului
4.4. 3. Implementarea propriu-zisă a strategiei SEO
4.4.4. Generare rapoarte și statistici
5 : Ce putem aduce nou la magazinul nostru
5.1 Strategii de marketing online
5.2. Marketingul dispozitivelor mobile
5.3 Affiliate marketing
5.4 Video marketing
6: Concluzia dupa realizarea site-ului
7 : Care platforme sunt cele mai populare
8: Bibliografie
1: Ce inseamna domeniul virtual actual.
Ce inseamna internetul
Daca intrebi “ce inseamna Internet”, poti primi cele mai variate raspunsuri:
-o retea de calculatoare raspandite in intreaga lume;
– o sursa imensa de informatii;
– un sistem de comunicatii, prin care oricine si oricand poate sa comunice cu orice utilizator Internet de pe planeta;
– un “drog”, care provoaca cea mai mare dependenta;
– libertatea de a comunica, de a te informa, de a-ti impartasi experienta, opiniile sau doar preferintele;
– o revolutie informationala.
Toate aceste “definitii” sunt oarecum corecte, deoarece fiecare din ele exprima un aspect caracteristic Intenet-ului. Termenul de Internet a fost definit in 1995, de catre FNC (Federal Networking Council), astfel: Internetul reprezinta un sistem informational care: utilizeaza in mod unitar acelasi spatiu de adrese bazat pe IP (Internet Protocol) sau pe viitoarele sale extensii; este capabil saã asigure comunicarea prin suita de protocoale TCP/IP (Transsmission Control Protocol/Internet Protocol) sau prin viitoarele sale extensii; ofera acces, public sau privat, la servicii de comunicatii de inalt nivel.
Internetul a aparut, in SUA, initial ca sistem distribuit de informatii din domeniul guvernamental si educational (ARPANET) extinzand-se ulterior la un sistem complex de circulatie a informatiilor primare din toate domeniile vietii cotidiene. Prin introducerea retelei mondiale de informatii (World Wide Web) accesul la Internet a crescut intr-un mod exploziv, ajungandu-se in acest moment la situatia paradoxala ca nu se mai stie exact numarul de utilizatori.
Faptul ca in decursul a trei decenii retelele s-au transformat din niste curiozitati de laborator in instrumente folosite practic de catre toata lumea demonstreaza avantajele incontestabile ale utilizarii acestora.
1.2 Conectarea la Internet
A fi conectat la Internet inseamna a avea acces la un calculator gazda (host computer), care este un nod al retelei Internet si are o adresa Internet. Cand esti conectat la Internet ai acces la toate facilitatile retelei si poti comunica cu orice calculator din retea.
Conectarea la Internet se poate realiza in mai multe moduri:
Conectare permanenta (dedicata) – este procedeul folosit de marile companii, organizatii guvernamentale si universitati. Conectarea se face printr-o linie telefonica dedicata, de mare viteza.
Conectarea e-mail – permite folosirea numai a postei electronice.
Emularea de terminal la distanta (dial-up) – impune existenta unui modem si a programului de comunicatii care sa aiba capacitatea de emulator de terminal. Prin intermediul modemului se poate apela calculatorul unui furnizor de servicii Internet (ISP – Internet Service Providers) care ofera un cont de acces la Internet. Astfel se obtine accesul la stiri, la transferul de fisiere, la postã electronica etc.
Conectare directa, numita si dial-up IP – presupune conectarea directa a unui calculator la Internet. Este necesara obtinerea unui contract de acces de la un furnizor de servicii. Calculatorul este practic in Internet, atata timp cat conexiune este deschisa si se pot transmite pachete de informatii prin intermediul unor programe specializate.
Indiferent de modul de conectare adoptat, fiecare utilizator are un cont. Contul este identificat printr-un nume (acesta va fi numele de conectare al utilizatorului – login name) si este protejat printr-o parola.
Parola este o succesiune de caractere despre care se presupune ca este cunoscutaã doar de posesorul contului respectiv. Ori de cate ori un utilizator doreste sa se conecteze la Internet va trebui sa indice numele contului, apoi sa tasteze parola. La alegerea unei parole se va tine cont de urmatoarele:
Orice parola trebuie sa contina cel putin 6 caractere, dintre care cel putin 4 sa fie diferite. Este indicat ca parola sa contina atât litere mari, cat si litere mici, cifre si simboluri speciale (de exemplu, %, +, ? etc.);
Servicii Internet
Principalele servicii asigurate de Internet sunt urmatoarele:
a. Posta electronica (e-mail) – permite utilizatorilor sa trimita rapid mesaje si fisiere (care pot conþine si imagini) oricarui utilizator cuplat la Internet, indiferent de localizarea sa geografica. Asigurarea serviciului e-mail necesita: un modem pentru cuplarea la calculatorul furnizorului de servicii, adresa destinatarului si un program care sa gestioneze transmiterea si receptionarea mesajelor (de exemplu, Eudora, Netscape, Pine).
b. Telnet – asigura conectarea la distanta (remote login) la un calculator din retea, situat oriunde in lume. Calculatorul la care se va face conectarea trebuie sa permita accesul privat sau public. Dupã conectare, calculatorul conectat devine un terminal al calculatorului la care s-a facut conectarea, avand acces la toate informatiile de pe acel sistem, in limita drepturilor de acces impuse de administratorul de sistem.
c. FTP (File transfer Protocol) permite transferarea unor fisiere (text sau binare) pe/de pe un alt calculator din reþea. Acest serviciu poate fi utilizat pentru transferuri private sau in sesiuni de lucru anonime.
d. WWW (World Wide Web) este, probabil, cel mai utilizat si mai atractiv serviciu si permite consultarea informatiilor de pe Internet prin intermediul unui sistem urias de documente legate intre ele (denumite hipertexte). Consultarea informatiilor WWW se numeste navigare si se realizeaza prin intermediul unor programe speciale, denumite browser-e.
7
e. Finger – facilitate prin se poate afla mai multe informatii despre o persoane pentru care se cunoaste doar adresa Internet. Informatiile furnizate sunt cele retinute in configuratia contului si pot fi numele, prenumele, data ultimei conectari, eventual planurile pentru viitorul apropiat.
f. Talk – permite discutia directa cu un alt utilizator al retelei, de oriunde de pe planeta. Conditia este ca in momentul lansarii apelului de talk, persoana sa fie conectata si sa accepte discutia. Ecranul va fi impartit in doua zone, o zona in care se introduc mesajele si o zona in care se pot citi mesajele interlocutorului.
g. Chat – o forma mai complexa de talk, foarte des folosita, in care la discutie pot participa mai multe persoane.
h. Newsgroups – serviciu de informatii cunoscut si sub denumirea de grupuri de stiri, cu ajutorul caruia puteti participa la discutiile din grupurile de stiri existente pe calculatorul la care sunteti conectat. Mesajele din grupul de stiri se numesc articole si apartin unor persoane cu preocupari comune (fizica, gradinarit, arta, poezie etc.). Exista multe grupuri de stiri, cu teme foarte variate, unele chiar bizare. Pentru a folosi acest serviciu, trebuie solicitat administratorului de sistem lista grupurilor de stiri disponibile.
i. BBS (Bulletin Board System) – colectii de produse software, care contin o mare varietate de programe, din toate domeniile. Programele existente intr-un BBS sunt gratuite (freeware) sau versiuni promotionale (shareware), care nu functioneaza cu toate facilitatile pana cand nu sunt cumparate.
j. Gopher – sistem de meniuri care permite consultarea informatiilor din retea. Exista sute de servere Gropher, care permit acces public, deci oricine poate extrage informatii prin intermediul meniurilor afisate.
World Wide Web
Exista mai multe denumiri pentru World Wide Web: WWW, Web (nume care va fi folosit in continuare), W3 etc. Unii oameni, in special mass-media, considera ca Web-ul este chiar Internet-ul. Acest lucru nu este totusa adevarat; Web-ul reprezinta doar una din multele tehnologii care fac posibil Internetul.
Web a aparut în 1980 la CERN (European Laboratory for Particle Physics, Elvetia). Cercetatorul Tim Berners-Lee a creat un program numit Enquire Within Upon Everything (Enquire) pentru urmarirea documentelor asociate prin legarea lor impreuna. Intr-un interviu dat în 1994, el a spus ca a vrut sa reprezinte informatia printr-un procedeu asemanator creerului. In 1989, Berners-Lee a propus o extindere globala a ideii sale care va lega documentele hypertext din toata lumea. Contþinutul va trebui pus pe servere si oamenii vor folosi browsere pentru a le vizualiza. De atunci, Web-ul s-a dezvoltat in mod exploziv. Chiar din primele luni Web-ul a depasit in utilizare Gopher-ul. Pentru a folosi Web-ul, este necesar un browser Web. Unul din primele browsere Web a fost Mosaic, creat de catre Netscape. In prezent cele mai utilizate browsere Web sunt Netscape Navigator si Internet Explorer.
Terminologia Web:
Cele mai importante parti ale Web-ului sunt elementele, cum ar fi serverele, paginile, legaturile “fierbinti” etc. In continuare se dau cateva explicatii referitoare la termenii cei mai utilizati in Web: Web site – O colectie de documente Web, care in mod normal cuprinde o pagina initialq (home page) si cateva pagini corelate. Puteti considera site-ul Web ca fiind o carte electronica interactiva. Home page – Pagina initiala (“coperta” unui anumit site Web) este pagina principala sau prima pagina afisata dintr-un site Web. Contine informatii generale cu caracter introductiv si legaturile cu celelalte pagini ale site-ului Web. Uneori este numita si pagina de intampinare (welcome page). Link – Reprezinta o prescurtare pentru "hypertext link". Legatura asigura o cale de conectare dintr-o parte a documentului Web la o alta parte a aceluiasi document, la un document diferit sau la o alta resursa. In mod normal, legatura apare sub forma unui cuvant colorat pe care se executa clic. Anchor – O legatura care conduce la o alta parte a aceleeasi pagini Web. Image map – O facilitate disponibila pe Web care permite executarea de clicuri in diverse locuri ale unei imagini grafice pentru a inlantui diferite documente. Frame – O forma de afisare a textului, legaturilor, imaginilor si a altor elemente in portiuni separate ale afisajului browserului. Unele sectiuni raman nemodificate, in timp ce altele expun documentele corelate.
8
Table – O modalitate de a prezinta textul documentului, imaginile si alte elemente intr-un format tabelar. Bordura tabelului poate fi vizibila in unele documente dar invizibila in altele. HtML (Hypertext Markup Language). HtML este un limbaj de codificare pentru Web care informeaza browserele cum sa afiseze textul documentului, legaturile, imaginile si alte elemente. Acest limbaj formeaza fundamentul paginilor Web. Webmaster – Persoana (colectiv) care raspunde de intretinerea si actualizarea continutului unui document Web. Rreprezinta forta creativa din spatele Web-ului. Domain name – Numele dat oricarui calculator inregistrat pe Web ca un furnizor oficial de informatii și fisiere. Numele de domeniu este format, in mod normal, din doi sau mai multi termeni separati prin punct. De exemplu, aol.com sau www.msu.edu. URL (Uniform Resource Locator) – Un URL serveste ca identificator pentru toate documentele unui site Web. Uneori URL este referit ca adresa de pagina Web. Orice site si pagina de pe Web are un URL. Formatul catorva tipuri comune de URL-uri de pe Internet este prezentat in continuare: Serviciu Tip server si numele domeniului URL complet Web http://www.server.name Gopher gopher://gopher.server.name FTP ftp://ftp.server.name Telnet telnet://server.name E-mail mailto:[anonimizat] Browser – Un program care solicita, interpreteza si prezinta documente Web. Cele mai utilizate browsere sunt: Internet Explorer, Netscape Navigator, Opera si Mosaic. Client – Un client poate fi un calculator conectat la un server din reteaua de calculatoare sau un program soft care solicita si primeste informatii din calculatoarele care stocheaza documentele Web si fisiere. Browserele Web sunt clienti. Hotlist – O optiune (numita si lista de interes) disponibila în majoritatea browserelor Web pentru a intretine o lista a celor mai accesate pagini initiale. De asemenea, lista de interes refera o listã a paginilor initiale care au legatura cu un anumit subiect ce a fost publicat pe o pagina initiala a unei organizatii.
Web-ul reprezinta cel mai utilizat si mai atractiv serviciu Internet. Intr-o traducere literarã, World Wide Web inseamna “tesatura raspandita in intreaga lume”. Aceastã metafora este foarte sugestiva, deoarece servicul Web acopera ca o panza de paianjen intreaga lume; “panza” fiind formata dintr-o colectie de documente specifice acestui serviciu, conectate logic intre ele, denumite hipertexte. Un hipertext este un document care poate sa contina text, imagini, elemente multimedia (secvente audio si video) si legaturi catre alte documente acelasi tip, ce pot fi localizate pe orice server Web din reteaua Internet.
Hipertextele sunt denumite deseori si pagini Web. Sa presupunem, de exemplu, ca vreti sa creati o pagina Web despre autoturismele unui producator. Probabil ca in cadrul paginii veti crea o legatura catre alte pagini ce contin principalele categorii de autoturisme (sport, de teren etc.). In cadrul paginii fiecarei categorii, veti crea o legatura catre paginile care contin date despre fiecare tip de masinã.
O legatura dintr-un hipertext poate sa conduca astfel catre un alt hipertext, dar si catre o alta resursa, cum ar fi un fisier ce contine text, imagini sau sunete, un grup de stiri, un server FTP etc. In plus, aceasta resursa se poate afla pe oricare calculator din reteaua Internet. Consultarea hipertextelor se realizeaza cu programe speciale, numite browsere. Prin intermediul unui browser utilizatorii serviciului Web se pot “misca liber” pe retea, de la un document la altul, indiferent de serverul pe care se gasesc documentele respective, motiv pentru care aceasta operatie a fost denumita navigare.
Astfel, World Wide Web reprezinta un mod nou de organizare a informatiilor din reteaua Internet, un spatiu informational universal, comun tuturor, o modalitate de comunicare flexibila si creativa.
Importanta de a exista in mediul online:
Internetul oferă omului modern o grămadă de avantaje, care îi ușurează sau îi îmbunătățesc viața, fie îl ajută să economisească timp, bani, fie să-și găsească un partener de viață, fie îi oferă modalități de a-și petrece timpul simțindu-se mai bine (cel puțin pe moment) etc. Din păcate însă utilizarea internetului prezintă și anumite probleme, pericole, pe care este foarte bine ca oricine intră pe net să le știe, să le conștientizeze, și să se ferească de ele. Astfel, după părerea mea, iată care sunt principalele avantaje și pericole ale internetului în prezent:
Avantaje internet (ce beneficii oferă internetul):
Acces foarte rapid și facil (de regulă) la toate avantajele internetului, la un PREȚ RELATIV MIC: în jur de 10 euro pe lună, în funcție de abonament. Internetul oferă:
Tot felul de INFORMAȚII, DIN TOATE DOMENIILE (politica, administrație, sport, agricultură, vreme, informații juridice – legi, hotărâri etc) prezentate sub tot felul de forme: știri, articole, imagini, videoclipuri etc. Te poți abona gratuit la tot felul de newslettere, prin care vei primi pe mail doar informațiile din domeniile care te interesează. Bogăția informațiilor care există pe internet te poate ajuta să-ți formezi păreri într-o mai bună cunoștință de cauză, și să acționezi în consecință. Un om informat este un om mai bogat (cel puțin spiritual).
MERSUL TRENURILOR și altor mijloace de transport (autobuze, autocare, microbuze, avioane etc)
ȘTIRI
ÎNFORMAȚII DE INTERES PUBLIC (care sunt publicate pe internet)
STAREA VREMII (meteo)
COMUNICARE cu instituțiile publice și companii private (găsirea numerelor de telefon și fax, posibilitate de comunicare prin mail – poștă electronică etc)
COMUNICARE rapidă și facilă cu oameni de oriunde de pe glob (SOCIALIZARE), prin: MAIL, siteuri de socializare, messenger, skype etc; există posibilitatea de a vorbi ca la telefon, gratuit; comunicare cu rude și prieteni, comunicare cu colegi de școală/facultate/serviciu, comunicare cu profesori etc
Acces la CURSURI ONLINE (unele gratuite), și alte informații/documente utile în pregătirea profesională și carieră (valabil în perioada școlii, liceului, facultății, serviciului și tot restul vieții)
Căutarea și găsirea unui serviciu
1.5 Posibilitatea de a lucra de acasă
Acces la ”RESURSE-DROG” care să ne relaxeze(”drogheze”) creierul: cărți, poze, filme, muzică, shopping, jocuri, jocuri de noroc, siteuri de socializare, forumuri, blogging, pariuri etc
Comerț electronic – posibilitatea de a găsi și cumpăra produse de care ai nevoie, la cel mai mic preț de pe piață. Posiblitatea de a vinde chiar tu diferite produse, ca persoană juridică, sau chiar fizică.
Posibilitatea de a da, gratuit, ANUNȚURI referitoare la orice: cumpărări-vânzări, matrimoniale, evenimente, proteste etc
PUBLICITATE – posibilitatea de a-ți face reclamă produsului pe care vrei să-l vinzi, fie prin anunțuri, fie printr-un web-site sau blog personal, fie prin reclame pe alte siteuri etc
Posibilitatea de A-ȚI face publică o părere (de a te face auzit) – prin comentarii la diferite știri, articole, pe forumuri, pe diferite siteuri etc, prin administrarea unui propriu site de internet / blog, unde poți posta(poți publica) ce informații dorești.
Posibilitatea de a ÎNVĂȚA LIMBI STRĂINE GRATUIT; posibilitatea de a învăța gratuit să faci tot felul de chestii utile vieții cotidiene (prin videoclipuri, tutoriale, prezentări, puse la dispoziție oricui pe internet)
TIMP – internetul îți poate asigura o foarte mare economie de timp. În loc să pierzi timpul (în diferite moduri), pentru a obține ceva/a rezolva ceva, prin intermediul internetului foarte multe probleme se rezolvă mult mai rapid:
în loc să CAUȚI UN NUMĂR DE TELEFON, O ADRESĂ SAU O FIRMĂ în pagini aurii de exemplu, vei găsi informațiile respective mult mai rapid pe google
în loc să CAUȚI TOT FELUL DE INFORMAȚII pe suport de hârtie (șapte seri, ziare, reviste etc), sau deplasându-te în anumite locuri/clădiri pentru a afla ce te interesează, le poți găsi mai rapid pe internet (atâta timp cât ele există pe internet)
în loc să PLĂTEȘTI FACTURILE deplasându-te până la punctele de încasare facturi, le poți plăti de acasă, pe internet, fără deplasare, fără timp pierdut (este necesar un card bancar)
în loc să FACI CUMPĂRĂTURI din magazine, supermarketuri (timp, nervi, consum de benzină etc), poți face cumpărături de acasă, pierzând mult mai puțin timp.
în loc să DEPUI DIFERITE ACTE, CERERI, PETIȚII tipărite (în relația cu instituțiile administrației publice), le poți trimite în format electronic, prin MAIL (în cazurile în care se acceptă acest lucru)
în loc să te deplasezi pentru CUMPĂRAREA DE BILETE de tren, avion, la concerte, evenimente, expoziții, teatru, opera, balet etc, le poți cumpăra, sau măcar rezerva pe internet.
1.5: Statistici .
Legat de internet trebuie specificate de la început anumite lucruri care sunt importante:
1.Statistici internet (conform eurostat)
-47% dintre familiile din România au la dispoziție o conexiune la internet
-31% dintre gospodăriile din România cu acces la internet de mare viteză (broadband)
-64% dintre românii din mediul urban folosesc internetul, iar dintre ei 71.4% îl folosesc zilnic
-54% dintre românii cu vârste cuprinse între 16-74 de ani nu au utilizat niciodată internetul, cel mai ridicat procentaj din UE, față de o medie europeană de 24%
-doar 13% dintre utilizatorii de internet din România fac comerț online (cumpără și/sau vând pe internet)
Alte statistici internet aici: GFK 2010 , Eurostat 2012 (47% dintre români nu au folosit niciodată internetul)
2.Internetul are avantaje și dezavantaje
3.Internetul trebuie utilizat cu inteligență pentru a evita manipulări, țepe etc
4.Internetul ar trebui să aibă drepturi pentru a fi protejat de oamenii proști, de rea credință, infractori etc
5.Internetul ar trebui să fie gratuit.
6.Pentru dreptul de a utiliza internetul ar trebui să se absolve un curs (care să te învețe lucrurile de bază despre internet, cât și despre avantajele, dezavantajele si pericolele internetului)
7.Internetul ar trebui să fie cât mai răspândit, din prisma accesului la informație, care este de bază pentru o societate democratică.
2: Cum se realizeaza un web site:
2.1 Importanta unui web site.
Cu scopul de a-si promova activitatea si de a-si face reclama, administratorii opteaza pentru crearea si promovarea site-ului de prezentare inainte de a incepe sa-si desfasoare activitatile. Aceasta tehnica de marketing ajuta la dezvoltarea viitoarei companii. Suspansul creat de existenta unui site bun, promovarea lui in retelele de socializare si nu numai, garanteaza succes unei viitoare afaceri.
Primul pas in realizarea unui website
Primul pas in realizarea unui website consta in studiul online. Ce inseamna acest lucru? Acest lucru inseamna studierea unor posibile site-uri concurente. Trebui sa sti cum isi desfasoara activitatea si cum se prezinta concurenta ta. Studind celelalte oferte, vei putea sa-ti creezi o imagine de ansamblu a site-ului tau. De asemenea, extrem de important este sa cauti defectele concurentei, sa gasesti punctele sensibile si lipsurile. Daca doresti sa te impui pe piata cu o imagine la superlativ, site-ul tau trebuie sa fie la superlativ.
Nu uita ca primul impact consta in imaginea de ansamblu. Daca imaginea este pozitiva, daca transmite siguranta, inovatie si stabilitate, vizitatorul va apasa si butonul de "Servicii".
In cazul in care site-ul tau a fost creat doar de dragul de a avea un site, exista riscul ca vizitatorii sa inchida pagina web doar dupa cateva secunde, acest aspect afectand afacerea ta.
Ce urmeaza dupa realizarea site-ului?
Odata cunoscuta concurenta, poti spune ca stii deja ce doresti de la viitorul tau site. Vrei sa te caracterizeze, sa exprime siguranta, seriozitate. Vrei sa prezinte clar domeniile tale de activitate, datele de contact. De asemenea, un mic istoric al activitatii, poate un portofoliu, sigur iti va garanta succesul. In acelasi timp, nu trebuie sa uiti ca, crearea unui site web de calitate inseamna si informatie aerisita, domeniu bine ales, intretinere foarte buna si optimizare.
Degeaba iti creezi un site pentru afacerea ta daca nu stii sa-l promovezi. Fara sa-l promovezi, nu va fi cunoscut. Si nefiind cunoscut, afacerea ta are de suferit.
Dupa stabilirea tehnicilor de promovare, poti incepe sa cauti specialistul potrivit pentru crearea site-ului mult dorit. Cunosti piata, sti de vrei! Pasul urmator este acela de a cauta oferte de webdesign. Si daca tot vrei sa ai succes, indicat este sa pornesti la drum cu o firma specializata in servicii de webdesign si IT. Aceasta iti poate pune la dispozitie o serie de informatii utile pentru viitorul tau site, oferindu-ti si servicii SEO. De asemenea, o firma de webdesign va raspunde mereu la telefon si iti va putea oferi chitanta pentru serviciile prestate.
Importanta unui website in afaceri.
De ce afacerea mea are nevoie de un website? Aceasta este intrebarea pe care foarte multi oameni de afaceri o pun. Beneficiile pe care le va avea afacerea ta sunt foarte numeroase, iar indifferent de marimea afacerii tale, un website care sa te reprezinte este absolut necesar. In acest articol voi atinge principalele avantaje pe care le va aduce un website afacerii tale.
O imagine profesionista
Un website te va ajuta sa ajungi la clienti care altfel, ar fi inaccesibili tie. Mai multi clienti inseamna noi oportunitati de afaceri, deci o sansa sa obtii venituri mai mari. Sa presupunem ca afacerea ta a fost bazata pe oferirea unui anume produs sau serviciu destinat unui anumit grup de clienti tinta, iar acum doresti sa promovezi un alt produs sau serviciu destinat unui public tinta diferit. Un website bine construit te poate ajuta sa promovezi intr-un mod pozitiv orice produs doresti. Mesajele vor fi transmise in asa fel incat sa creeze cel mai mare impact, vizitatorii websiteului putand afla foarte usor ca acel produs constituie o solutie pentru nevoia lor. Dupa ce au descoperit acest lucru, de la un simplu vizitator la un client platitor mai este un singur pas.
Un website este un mijloc prin care iti poti reprezenta afacerea si ideile in fata clientilor. Este singurul mediu in care poti expune intr-un singur loc si intr-un timp foarte scurt majoritatea caracteristicilor si beneficiilor produselor sau serviciilor oferite vizitatorilor. Un website atragator, usor de navigat, in care vizitatorul se simte confortabil si gaseste informatiile dorite iti poate propulsa afacerea dincolo de barierele geografice in care te gasesti in acest moment.
Ramai competitiv
In zilele noastre clientii nu se mai arunca sa cumpere la prima oferta. Au invatat sa analizeze mai multe oferte pana sa ia o anumita decizie. Cel mai usor pentru acestia este sa faca acest lucru pe internet. Astfel, ei pot compara cu usurinta diferite produse sau servicii intr-un timp rezonabil. Daca afacerea ta nu are un website, acest lucru va duce la o scadere a credibilitatii in ochii posibililor cumparatori. O incredere scazuta se traduce in sanse mai mici ca acestia sa cumpere vreodata ceva de la tine.
In cazul in care afacerea ta este una mica, sau te pregatesti sa lansezi una, poate doresti sa o faci sa para mai mare decat este. Un website te poate ajuta sa faci acest lucru. Daca este bine creat, aspectuos, usor de navigat si cu informatii utile, el poate oferi senzatia vizitatorilor ca afacerea ta este mai mare si mai veche. Pe langa acestea castigi si un plus de incredere.
Publicitate
Ca si proprietar de afacere sunt sigur ca stii cat de importanta este publicitatea si promovarea a produselor si serviciilor oferite. Gandeste-te cati bani aloci pentru publicitate si care este procentajul acestora din totalul cheltuielilor. Un website creat intr-un mod profesionist este disponibil clientilor 24 de ore pe zi cu ultimele informatii despre afacerea ta. Ganditi-va la impactul pe care il poate aduce afacerii dumneavoastra un numar mai mare de posibili clienti.
Sunt foarte multe lucruri de spus despre cum sa-ti cresti traficul pe un site si cum sa tranformi acest trafic in clienti platitori. Tocmai de accea am scris un ghid care contine peste 30 de pagini de informatii care te vor ajuta sa vinzi mai mult. Acest ghid il primesti gratuit daca te abonezi la newsletterul nostru.
Serviciu clienti
De cate ori raspunzi la telefon pentru a da exact aceasi informatie iar si iar? Un website poate furniza toate aceste informatii. Se spune ca “o poza face cat o mie de cuvinte”.
Gandeste-te cat de util este pentru viitorul client sa afle toate aceste informatii intr-un mod vizual. In plus, unii oameni, din cauza comoditatii sau timiditatii, prefera sa nu mai sune. Acest lucru dispare cand vine vorba de accesarea websiteului. Vor afla astfel exact informatia dorita si daca vor dori sa o revada, o pot face in orice moment. Un website nu numai ca iti va imbunatati vanzarile, dar el poate reduce costurile si maximiza productivitatea.
Atragerea de clienti
Daca afacerea ta ofera produse sau servicii profesionale, atunci clientii se asteapta sa te gaseasca pe internet. In zile noastre oamenii folosesc internetul sa cerceteze si sa afle informatii despre aproape orice. Daca firma ta nu are un website, atunci poti rata cumparatori care cautau produse sau servicii pe care tu le oferi.
Nu conteaza cat de mica este afacerea ta, poti profita foarte mult de pe urma unui website. Un website iti poate aduce clienti din regiuni geografice la care tu nu ai acum acces. Acest lucru nu va duce decat la cresterea numarului de vizitatori, potentiali clienti, ceea ce va insemna mai multe sanse de a-i converti in clienti platitori. In plus, un website iti ofera posibilitatea mentinerii unui contact cu vizitatorii. Pe langa informatiile pe care le vei oferi, tu poti primi si un feedback care este foarte valoros pentru dezvoltarea afacerii tale. Cu ajutorul acestui feedback poti dezvolta produse mai bune si astfel sa iti cresti competitivitatea pe piata.
2.2 Alegerea unui domeniu
Numele domeniului joacǎ un rol foarte important în stabilirea identitǎții brand-ului online a firmei. Este important de luat în calcul modul în care numele domeniului va fi interpretat, nu scris, ci în vorbit. În scris, probabilitatea de a greși adresa este foarte micǎ, în principiu datoritǎ faptului ca adresa va fi oferitǎ pe cale oralǎ.
Așadar, înainte de a înregistra un nume al domeniului, trebuie urmate anumite indicații pentru ca acesta sa fie ales cu succes:
Pentru firme, un domeniu .ro în cazul în care se adreseazǎ doar clienților din România este perfect. Pentru clienți din afara granițelor, un domeniu .com este recomandat.
Dacǎ domeniul .com este deja înregistrat, e de preferat evitarea unui nume al domniului identic dar cu altǎ extensie (.biz, .net, etc.).
Un nume al domeniului trebuie ales încât sǎ se evite:
Folosirea numerelor în nume – pentru a fi evitate nevoile de a oferi detalii suplimentare (e cifra 3 / 3 în litere).
Folosirea literelor ce pot substitui altele – pentru a fi evitate nevoie de a puncta detalii suplimentare (exemplu: ‘magik’ cu ‘k’ la sfârșit).
Menținerea unui domeniu cât mai scurt – cu cât are mai puține caractere numele domeniului, cu cât e mai bine – “AcmeDesigns.com” este spre exemplu ok, dar “AcmeIncWebSiteDesignAndDevelopment.com” este mult prea lung.
Folosirea ‘liniuței despǎrțitoare’. Dacǎ nu e alta variantǎ, e obligatoriu sǎ se foloseascǎ doar o singurǎ liniuțǎ – “super-multimedia.ro” este ok, dar “super-multi-media.ro” este neindicat de folosit.
Nu în ultimul rând trebuie ținut cont de aranjarea cuvintelor în nume. Un exemplu cunoscut este cel al grupului Exterts Exchange. Ei au folosit liniuța în numele site-ului pentru a deveni: experts-exchange.com. Dacǎ nu ar fi folosit aceastǎ liniuțǎ, site-ul ar fi putut fi citit/interpretat ca: ExtertSexChange.com. Chiar și lucruri minore precum aranjarea cuvintelor pot afecta imaginea unui brand.
2.3: Constructia generala a unui site
Conform lui Jason Beaird (2007), site-urile de succes au nevoie sǎ respecte anumite reguli cu provire la:
Layout-ul si compoziția
Procesul de design
În procesul de design, primul (și cel mai important) pas este descoperirea clientului. Prin aceastǎ descoperire se va identifica cu ce se ocupǎ compania. Doar dupǎ ce s-au adunat destule informații legate de cine este clientul și despre modul în care își desfǎșoarǎ activitatea, abia atunci se poate demara procesul de design a unui site.
Definirea unui design bun
Existǎ douǎ tabere de care poate orice utilizator sǎ se alǎture. Dar acest punct de vedere este strict din cel de utilizabilitate, ce se focuseazǎ pe funcționalitate, prezentarea informației într-o maniera eficace și eficiențǎ.
Apoi, vine aspectul pur estetic, ce se concentreazǎ pe modul de prezentare, prin animații și obiecte grafice atrǎgǎtoare. Pentru a ajunge la inimile utilizatorilor și a le capta interesul, este esențial sǎ fie maximizate.
Cel mai important lucru în procesul de design este comunicarea. Degeaba se concepe un site ce funcționeazǎ și prezintǎ informația corect dacǎ este inestetic sau dacǎ nu se muleazǎ cu brand-ul clientulu. Idem, dacǎ se concepe un site atrǎgǎtor din punct de vedere al interfeței, dar nu e folosibil sau accesibil, nimeni nu se va uita la el. Într-adevǎr, elementele și funcționalitatea la sfârșitul unei zile trebuie sǎ se completeze una pe cealaltǎ încat sa se obținǎ un produs final cu adevǎrat reușit.
Cu toate cǎ orice companie are propria sa viziune a unui website, majoritatea proiectelor au același set de componente, oarecum standard, ce trebuie incluse. Totodatǎ, e necesar sǎ se rezolve toate nelǎmuririle ce pot surveni în acest sens, indiferent de tipul de business implicat.
Anatomia paginilor web
În ciuda faptului cǎ se poate aranja conținutul în paginǎ in milioane de feluri, doar anumite aranjamente au cu adevǎrat sens. Cu toate cǎ site-ul e la rândul sǎu împarțit în mai multe zone, majoritatea site-urilor folosesc aceleași componente, așa cum se poate observa în Figura 7:
Figura 7: “Componentele folosite în majoritatea site-urilor web”.
Sursǎ: http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/
Container-ul (cunoscut și sub numele de Containing block) este regǎsit în orice paginǎ web. El permite plasarea conținutului în site. Dacǎ nu ar fi prezent, elementele ar fi putu fi organizate în vreo ordine. Dimensiunea container-ului poate fi de tip ‘liquid’, însemnând ca se poate extinde pentru a oferi o acoperire a întregii ferestre a browser-ului sau fixǎ, astfel încât conținutul va fi același indiferent de marimea ferestrei browser-ului.
Logo-ul este unul dintre brand-urile care definesc identitatea firmei, alaturi de slogan, mascota și culorile folosite în companie (folosite în diferite forme de marketing).
Sistemul de navigație (cunoscut și sub numele de Navigation Bar sau Meniu) trebuie sa fie cât se poate de simplu de identificat si folosit.
Content-ul (cunoscut și sub numele de Conținutul Paginii) este cel mai important lucru din pagina web accesata de utilizator. Un user obișnuit, dupǎ ce vizualizeazǎ content-ul, vǎ hotǎrî dacǎ va ramâne pe site în continuare sau nu.
Footer-ul (cunoscut și sub numele de Subsolul Paginii) conține de obicei informații generale cu privire la site – informații copyright, contact sau alte informații legale, împreunǎ cu câteva link-uri cǎtre secțiunile importante ale site-ului.
Whitespace (cunoscut și sub numele de Spațiul Gol) se referǎ strict la zona din paginǎ ce nu este acoperitǎ de vreun text sau imagine. Cu toate cǎ mulți design-eri și clienți simt nevoia sǎ umple fiecare colț din pagina web cu informații de tip text, imagine sau tabele, trebuie reținut cǎ spațiul gol este la fel de important (dacǎ nu, chiar și mai important) decât spațiul ocupat cu informație. Acest spațiu ajutǎ design-ul sa ‘respire’, oferindu-i utilizatorului timp de a verifica și alte informații (spre exemplu cele laterale) si ajutǎ întreg site-ul prin a îi oferi un echilibru vizual.
Teoria grid-ului
Când facem referire la un grid, majoritatea oamenilor cred cǎ este vorba despre inginerie și arhitecturǎ dar, defapt, grid-ul este un instrument esențial în design-ul grafic. Mulți cunoscǎtori ai artei îl considerǎ pe pictorul olandez Piet Mondrian ca fiind pǎrintele design-ului grafic datoritǎ modului sofisticat în care acesta a folosit grid-urile. Concepul divizǎrii elementelor în secțiuni egale dateazǎ încǎ din antichitate.
Ideea de bazǎ a grid-ului este ilustratǎ mai jos, în Figura 8:
Figura 8: “Ideea fundamentalǎ a grid-ului”.
Sursǎ: Jason Beaird – The Principles of Beautiful Web Design – 2007, pag. 23
Conform figurii de mai sus, o linie (în exemplul, aceasta are o dimensiune de 100 cm) poate fi împǎrțitǎ la valoarea 1.62 (valoare ce este consideratǎ ca fiind o rație de aur) astfel încât sǎ se obținǎ o proporționare cât mai plǎcutǎ a elementelor în site.
Dezvoltând acest concept al gridului s-a ajuns la regula treimilor. Aceasta presupune împǎrțirea content-ului în 3 arii egale, atât pe verticalǎ, cât și pe orizontalǎ, si plasarea restul obiectelor ce constituie site-ul în aceste arii.
Menținerea echilibrului
Dacǎ elementele din paginǎ au dimensiuni proporționale, ele se echilibreazǎ reciproc. Existǎ douǎ tipuri de astfel de echilibre – simetrice si asimetrice.
Echilibrarea simetricǎ (cunoscutǎ și sub numele de echilibrare formalǎ) are loc atunci când sunt simetrice fie pe verticalǎ sau orizontalǎ.
Echilibrarea asimetricǎ (cunoscutǎ și sub numele de echilibrare informalǎ) este puțin abstractǎ dar în general mai interesantǎ din punct de vedere vizual decât cea simetricǎ. Aici obiectele sunt aranjate astfel încât, în ciuda diferențelor, ele echilibreazǎ pagina. Spre diferențǎ de echilibrarea simetricǎ, cea asimetricǎ este foarte versatilǎ, fiind folositǎ din ce în ce mai mult pe web.
Unitatea
În teorie, unitatea este descrisǎ ca fiind modul în care diferite elemente de compoziție interacționeazǎ unul cu celǎlalt. Un design de succes este acela care funcționeazǎ ca un întreg, și nu este caracterizat de obiecte individuale.
Proximitatea
Proximitatea este modul în care obiectele sunt plasate încât sǎ ofere impresia ca aparțin unui singur întreg. Aceasta este evidentǎ dar adesea trecutǎ cu vederea.
Repetiția
De fiecare datǎ când se folosește un anumit numǎr de elemente împreuna, ele formeazǎ un grup. Astfel, prin folosirea repetatǎ a anumitor culori, figuri, texturi sau obiecte similare, pagina web devine legatǎ uniform și conferǎ impresia unui întreg. Repetiția este adesea întâlnitǎ în domeniul design-ului web pentru unificarea elementelor din layout.
Accentuarea
Într-o strânsǎ relație cu ideea de unitate este accentuarea (sau dominația). Concentrându-se la integrarea obiectelor încât acestea sǎ se îmbine armonios, accentuarea se referǎ la aducerea în prim plan a unui anumit obiect pentru a capta atenția utilizatorului. În procesul de design al unei pagini web, orice designer va dori sǎ scoatǎ în evidențǎ un obiect din content (sau, de ce nu, din tot layout-ul). Acest obiect poate fi, spre exemplu, un buton ce ar trebui ca user-ul sǎ îl apese sau un mesaj ce e recomandat sǎ fie citit. Cea mai eficientǎ metodǎ de folosire a accentuǎrii este plasarea obiectului într-un punct focal (focal point).
Plasarea
Cu toate cǎ apar constrângeri în ceea ce privește folosirea acestei caracteristici, trebuie reținut faptul cǎ punctul central al compoziției este punctul în care utilizatorii web vor privi prima oarǎ. Așadar, este cel mai recomandat punct focal pentru folosirea accentuǎrii. Cu cât obiectul este mai îndepǎrtat de centru, cu atât este mai puțin probabil este ca utilizatorul aflat pe pagina web sǎ îl observe.
Continuitatea
Ideea din spatele continuitǎții este cǎ, odatǎ ce ochii incep sǎ se deplaseze intr-o direcție, ei tind sa continue pe acea direcție pânǎ când apare o figurǎ mai dominantǎ.
Continuitatea este și una dintre cele mai des întâlnite metode pe care designerii web o folosesc pentru a unifica un layout.
Contrastul
Contrastul este definit ca fiind o tehnicǎ de juxtapunere a unor obiecte grafice diferite, fiind cea mai des întâlnitǎ metodǎ de a realiza accentuarea într-un layout. Conceptul este unul simplu: cu cât diferența dintre un obiect grafic și învecinǎtatea sa este mai mare, acel obiect va ieși mai mult în evidențǎ. Contrastul este creat prin folosirea de diferențe la nivel cu culoare, dimensiune și formele folosite.
Inspirații
În procesul de design, oricine are nevoie de inspirație, fie cǎ este o creație a imaginației sau cǎ este rezultatul unei idei venite din altǎ sursǎ. Existǎ multe surse de inspirații precum imagini, filme, clipe trǎite, care pot înclina balanța cǎtre un site de succes, dar cele mai folositoare sunt site-urile care sunt deja de succes. În acest sens s-au create site-uri precum (http://www.csszengarden.com/) sau CSS Beauty (http://www.cssbeauty.com/) care înglobeazǎ idei noi și originale pentru elaborarea unui design pentru un website.
Poziționare și redimensionare
În mare, se cunosc douǎ tipuri de poziționǎri:
Poziționare fixǎ – Aceasta are ca avantaje faptul cǎ design-erul are mai mult control asupra design-ului, poate planifica singur whitespace-ul si poate redimensiona bucǎțile de content pentru a vizibilitate sporitǎ. Ca dezavantaj, acest tip de poziționare tinde sǎ fie prea îngust in ferestrele mai mari de browser.
Poziționare relativǎ (lichidǎ) – Are ca avantaje faptul cǎ se adapteazǎ dupǎ rezoluția folositǎ de browser și dispozitiv și reduce necesitatea de a da ‘scroll’. Ca dezavantaj, planificarea whitespace-ului nu se mai poate efectua, apar linii lungi de text ce pot fi dificil de citit și este mai greu de elaborat un astfel de design.
Rezoluția optimǎ
Conform discuției de mai devreme despre poziționare si redimensionare, cel mai bun design este acela care poate fi vizualizat integral chiar și pe cea mai micǎ rezoluție. În Figura 9 putem observa tendința pe care o are rezoluția folositǎ de browserele web în ultimii treisprezece ani.
Figura 9: “Rezoluțiile folosite de browsere web în perioada 2000-2013”
Sursǎ: http://www.w3schools.com/browsers/browsers_display.asp
Conform tabelului de mai sus, putem observa cǎ rezoluția a avut un apogeu de 57% în anul 2006 dar a scǎzut, încet și sigur, cedând teren rezoluțiilor mai mari. În 2013, în jur de 90% din rezoluțiile folosite de browsere sunt mai mari decât cea care a avut apogeul acum 7 ani. Rezoluțiile astfel tind sa creascǎ de la an la an în mare datoritǎ evoluției constante a tehnologiei.
Culorile folosite
Psihologia culorilor
Este vital sǎ se aleagǎ culoarea potrivitǎ în dezvoltarea unui website. Psihologia culorilor are ca scop cercetarea și analizarea impactelor emoționale si comportamentale ale culorilor și combinațiilor de culori. Cu toate cǎ multe culturi au percepții diferite asupra unor culori și majoritatea oamenilor filtreazǎ anumite culori prin prisma propriilor experiențe din trecut, e important de reținut cǎ existǎ anumite efecte psihologice pe care unele culori le pot avea asupra utilizatorilor site-ului, astfel:
Roșu – culoare cunoscutǎ drept un stimulator al adrelinei, tensiunii și metabolismului. Este consideratǎ și culoarea pasiunii, așadar este des întâlnitǎ pe site-urile de tip ‘dating’.
Portocaliu – asemea lui roșu, este o culoare activǎ si energicǎ. Aceastǎ culoarea adesea exprimǎ fericire, entuziasm și creativitate. Orange-ul este o culoare mai puțin formalǎ și deoarece stimuleazǎ apetitul, e o culoare bunǎ pentru promovarea mâncarurilor sau arta culinarǎ.
Galben – culoare foarte activǎ și vizibilǎ. Din acest motiv este folositǎ de mașinile de taxy și este folositǎ ca luminǎ intermitentǎ la semafor. Folositǎ excesiv, aceastǎ poate ruina un design.
Verde – culoare asociatǎ cu natura. Este asociatǎ si cu prospețime, creștere și speranțǎ. Este mult mai ușoarǎ la ochi decât galben și este foarte versatilǎ, putând fii folositǎ în mai multe circumstanțe.
Albastru – culoare ce simbolizeazǎ deschiderea la nou, inteligențǎ și încredere. Conform cercetǎrilor, psihologii afirmǎ cǎ albastru ajutǎ la calmare și la reducerea apetitului. Deoarece în fructe și legume, aceastǎ culoare este rareori întalnitǎ, este asociatǎ cu un râu sau cerul, ce conferǎ sentimente de relaxare si stabilitate. Acesta e un motiv pentru care companii mari precum IBM, Dell, HP sau Microsoft au ales ca logo-ul lor sa conținǎ aceastǎ culoare.
Mov – aceastǎ culoare a fost asociatǎ, din punct de vedere istoric, cu roialitatea si puterea. Fiindcǎ este intâlnitǎ la flori, pietre prețioase si apusuri de soare este întâlnitǎ în domeniul de web design în momentul în care dorești sa creezi un site care sa iasa în evidențǎ cu prin design, și mai puțin prin funcționalitate.
Alb – culoarea ce reprezintǎ curǎțenia. Este si consideratǎ ca fiind o culoare a perfecțiunii, luminii și puritǎții. Datoritǎ acestor considerente, site-uri celebre precum Google.com, Microsoft.com sau Yahoo.com au în componența site-ului predominant aceastǎ culoare.
Negru – culoare ce are adesea conotații negative, aceasta are în unele circumstanțe simbolul puterii și eleganței. De aceea, aceastǎ culoare este întâlnitǎ în site-uri pentru companii de avocaturǎ și instituții.
Temperaturile culorilor
Un atribut al culorii care existǎ în toatǎ gama culorilor este cel al temperaturii. Aceste temperaturi sunt induse atât de culturǎ, cât și de naturǎ. În Figura 10 prezentatǎ mai jos, putem observa diferența.
Figura 10: “Temperaturile culorilor”
Sursǎ: Creație proprie
Culorile calde sunt cele de la roșu la galben, incluzând portocaliu, roz și maro. Datoritǎ asocierii lor cu soarele și focul, culorile calde repezintǎ cǎldura și mișcarea. Plasate alaturi de culorile reci, culorile calde tind sǎ iasǎ în evidențǎ, astfel producând contrastul.
Culorile reci sunt cele de la verde la albastru, incluzând și culoarea mov. Culoarea violet este una intermediarǎ între roșu și albastru, astfel poate fi în același timp și caldǎ și rece în funcție de cât de mult tinde spre cele douǎ. Culorile reci calmeazǎ și reduce tensiunea.
În domeniul web design-ului, culorile reci tind sǎ fie tot mai folosite pe post de culori de fundal sau folosite pentru elemente de dimensiuni mai mari ale unei pagini, pentru a scoate în evidențǎ mai ușor conținutul.
Valoarea culorilor
Mǎsura folosita de luminozitate aplicatǎ unei culori este recunoscutǎ ca fiind valoarea unei culori. Aplicarea unei luminozitate corespunzǎtoare în folosirea culorii poate face o mare diferențǎ într-o paginǎ.
Aici putem discuta despre saturația (intensitatea) culorilor folosite. Saturația definește intensitatea unei culori. Culori ce pot fi mai luminoase sau mai întunecate.
Teoria culorilor
Pentru a putea înțelege ce culori trebuie alese într-un website, trebuie folosit conceput de sintezǎ aditivǎ.
Sinteza aditivă a unei culori constă în obținerea luminii de o anumită culoare prin combinarea unor surse de lumină de diferite culori fixate, numite culori primare. Culorile primare sunt Roșu (Red), Verde (Green) și Albastru (Blue), într-un cuvânt – RGB. Așadar, orice culoare prezentǎ pe site va fi o combinație între aceste 3 culori. Modelul RGB este ilustrat în Figura 11.
Figura 11: “Sinteza aditivă a culorilor”
Sursǎ: http://ro.wikipedia.org/wiki/Culoare
Tipografia
Modelul unui design de success este cel care oferǎ o comunicare cât mai bunǎ cu utilizatorii. Fie cǎ este vorba despre un site de comerț electronic, un site de prezentare pentru o companie sau un site de tip rețea de socializare, tipografia folositǎ este o componentǎ extrem de importantǎ.
Când vine vorba despre alegerea unui text pentru un site, nu conteazǎ dacǎ designerul are 5 sau 5000 de fonturi instalate, ci conteazǎ care dintre ele le folosește. În anii ’90, trend-ul era folosirea fonturilor ieșite din comun, dar cu mențiunea: “Acest site este conceput cu font-ul ‘x’, click aici pentru a îl downloada”, având link direct cǎtre font-ul respectiv pentru ca user-ul sǎ îl instaleze. Acest trend nu s-a menținut deoarece user-ul trebuia sǎ trecǎ prin prea multe pentru a putea vizualiza un singur site.
Acum se folosesc fonturi de tip ‘standard’ și cele speciale sunt integrate în imagini, iar în situația în care e nevoie de un font special, acela poate fi folosit, integrat și referențiat (în momentul afișǎrii site-ului) pe server și browser-ul îl poate folosi de acolo.
Conform teoriei lui Robin Williams (2004) atât textul cât și orice alt element din design trebuie sa respecte anumite standarde:
Contrastul – folosit corect, poate face diferența dintre un design obișnuit și unul de excepție. Presupune folosirea unui font mai proeminent pentru titlu și un font mai mic pentru conținutul paragrafurilor.
Repetiția – constǎ în repetarea unei pǎrți din design în întregul website. Repetarea poziționǎrii titlurilor, repetarea fonturilor folosite pentru obiecte, etc. Repetiția este elementarǎ în realizarea unui website de succes.
Alinierea – nimic nu ar trebui plasat în mod arbitrar pe vreo paginǎ. Fiecare element ar trebui sǎ aibe o conexiune vizualǎ cu alt element din paginǎ. Principiul alinierii face designerii conștienți cǎ alinierea conținutului face o diferențǎ enormǎ în procesul de design al oricǎrui site.
Proximitatea – constǎ în gruparea obiectelor asemǎnǎtoare sub formǎ de grupuri. Exemple de astfel de grupuri sunt titlurile, subtitlurile și textul propriu-zis.
Cu cât mai mult este întrebuințat internetul, cu atât apar mai multe site-uri noi, pagini web, portaluri internaționale ș.a.m.d. Pentru elaborarea site-urilor sau a paginilor web sunt folosite mai multe tehnologii și limbaje de programare precum: HTML, CSS, SGML, JS, XML, PHP etc.
HTML (Hypertext Markup Language) – Unul din primele elemente fundamentale ale WWW (World Wide Web) care descrie formatul primar în care documentele sunt distribuite și văzute pe Web. Multe din trăsăturile lui, cum ar fi independentă față de platforma, structurarea formatării și legăturile hipertext, fac din el un foarte bun format pentru documentele Internet și Web. Standardul oficial HTML este World Wide Web Consortium (W3C), care este afiliat la Intrenet Engineering Task Force (IETF). W3C a enunțat câteva versiuni ale specificației HTML, printre care și HTML 2.0, 3.0, 3.2, 4.0 și cel mai recent, HTML 5. 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 /> browserul interpretează aceste etichete afișând rezultatul pe ecran. HTML-ul nu este un limbaj case sensitiv (nu face deosebirea între litere mici și mari). Pagina principala a unui domeniu este fisierul index.html respectiv index.htm Această pagină este setată a fi afișată automat la vizitarea unui domeniu. De exemplu la vizitarea domeniului www.nume.ro este afișată pagina www.nume.ro/index.html.
CSS (Cascading Style Sheets) – Permite o afișare mai clară, mai flexibilă a informațiilor stocate în cadrul unui document. Acest limbaj este un standard pentru formatarea elementelor unui document de tip HTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere externe (ce au extensia .css) sau în cadrul documentului, prin intermediul elementului <style> și/sau atributul style. Acest limbaj folosește selectori pentru a identifica pe ce atribut se aplicǎ un anumit format. Un selector poate fi aplicat pentru orice atribut dintr-o paginǎ sau pentru un singur atribut prin folosirea unui „id” sau o „clasǎ”.
SGML (Standard Generalized Markup Language) – Standard internațional pentru definirea unor metode de reprezentare a textelor în format electronic, independent de dispozitiv și de sistemul de calcul. În seria de articole referitoare la acest standard vom încerca sa prezentăm istoricul și caracterizarea generala ale SGML-ului, plus structurile, declarațiile, proiectele și aplicațiile bazate pe SGML.
JS (Javascript) – Limbaj de programare orientat obiect, folosit mai ales pentru introducerea unor funcționalități în paginile web. Codul Javascript din aceste pagini fiind rulat de către browser-ul web. Acest limbaj este folosit și cu scopul de a permite accesul la obiecte încastrate in site (embedded objects) sau în alte aplicații. Limbajul Javascript are o sintaxǎ apropiatǎ de cea a limbajului C, având mai multe în comun cu limbajul ‚Self’ decât cu cel ‚Java’. Ajuns la versiunea 1.7.
Header fixat
Folosirea componentei header cu valoarea fixatǎ, astfel încât, oricât de mult s-ar folosi opțiunea de scroll, header-ul ramane vizibil si folosibil. Un exemplu de site care are acest tip de trend aplicat este trilulilu.ro, exemplu ce este ilustrat in Figura 12:
Figura 12: “Header fixat”
Sursǎ: http://www.trilulilu.ro/
Imagine de fundal extinsǎ pe tot site-ul
Aceast concept are tot mai mulți adepți, fiind o modalitate excelentǎ de a capta atenția utilizatorului. Un exemplu de un astfel de site care are o imagine de fundal extinsǎ este vizibil în Figura 13.
Figura 13: “Imagine de fundal extinsǎ pe tot site-ul”
Sursǎ: http://www.davidia-int.hr/
Transparența elementelor
Una dintre noile proprietǎți disponibile în CSS3 este schimbarea opacitǎții oricǎrui element din pagina web. Astfel pentru a oferi anumitor elemente un anumit grad de transparențǎ, nu mai e nevoie de niciun program de editare foto. Un exemplu de punere în valoare a transparenței elementelor cu CSS 3 poate fi observatǎ în Figura 14:
Figura 14: “Blog-ul Squarespace”
Sursǎ: http://blog.squarespace.com/
Codurile QR
Abundența dispozitivelor mobile, în special a smartphone-urilor a condus la dezvoltarea aplicațiilor de tip QR Code. Codurile “Quick Response” sunt urmașii codurilor de bare, care sunt încǎ atașate de produse. Prin scanarea unui astfel de QR Code, se poate accesa spre exemplu un anumit website, un anumit videoclip sau o anumitǎ melodie. Sunt din ce în ce mai folosite pentru campanii publicitare pentru cǎ redirecționeazǎ utilizatorul rapid și fǎrǎ efort cǎtre site-ul companiei. Un exemplu de QR Code este afișat în Figura 15.
Figura 15: Cod QR pentru “www.utm.ro”
Sursǎ: Cod realizat cu ajutorul generatorului: http://qrcode.kaywa.com/
Spațiul web a cunoscut o constantǎ schimbare și evoluție în ultimii ani, devenind mai sofisticat cu fiecare an. Sofisticat deoarece a crescut în același timp cu toate celelalte tehnologii multimedia precum videoclipuri și imagini în format HD sau aplicații de top ‘data-driven content’. Partea componentǎ de tip ‘data-driven content’ a devenit partea elementarǎ în multe aplicații si proiecte web. Avantajul acestuia este cǎ reflectǎ cele mai noi informații și statistici, acestea fiind extrase dintr-o baza de date la momentul în care utilizatorul a plasat cererea.
Dupǎ ‘explozia’ comerțului electronic, spațiul de tip ‘intranet’ s-a dezvolat foarte rapid, ajungând pe locul 2 la nivelul de creștere în domeniul de ‘web development’. Intranet-ul este o rețea de calculatoare unde toate își partajeazǎ informația între ele sau cu un server, prin internet, dar care îndeplinește anumite standarde de securitate. O datǎ cu aplicarea componentei de tip ‘data-driven content’, companii și de ce nu, întregi industrii au ajuns sǎ-și dezvolte activitatea permițându-le angajatilor sǎ aibe access la informații de oriunde, prin internet, dar mai exact, prin intranet. Rezultatele au apǎrut imediat în ariile precum eficiențǎ și productivitate.
Tema site-ului
Prin tema site-ului ne referim la identificarea temei site-ului în funcție de obiectul de activitate. Consider cǎ tema site-ului trebuie sǎ se afle în concordanțǎ cu scopul și motivul pentru care se realizeazǎ site-ul. Tema site-ului trebuie sǎ înfǎțișeze cât mai elocvent domeniul de activitate, utilizatorii țintǎ și mesajul ce trebuie transmis acestora.
Prin temǎ ne referim la aspectul de ansamblu al site-ului ce poate cuprinde culori dominante, imagini specifice, grad de formalitate, sunet fundal, organizare layout, etc. În cazul de fațǎ ne referim la un website din domeniul academic, cu scopul, așa cum am amintit mai sus, de a pǎstra o relație cu studenții și de a informa persoanele interesate de obiectul de activitate. Așadar trebuie creat un cadru al site-ului, relativ formalizat, dar cu elemente interactive.
Așa cum amintim mai mult, problema principalǎ o constituia gradul înalt de sobrietate al site-ului, însǎ nu putem renunțǎ întru totul la nota de sobrietate, fiind vorba de domeniul academic ce impune seriozitate și încredere. Totuși vom reduce gradul de sobrietate fațǎ de site-ul exist și îi vom da un grad de creativitate printr-o schimbare totalǎ a interfeței.
Astfel, pentru conturarea temei site-ului voi avea în vedere realizarea unui cadru specific academic și instituțional folosind:
culori predominante care denotǎ calm și seriozitate
un font care sǎ inspire formalitate
imagini care sǎ inspire calitate, performanțǎ și prestanțǎ
meniu structurat într-un mod accesibil
conținutul textul sǎ fie cât mai concis și expresiv
conținutul paginilor sǎ fie cât mai bine structurat pentru o cercetare rapidǎ
layout optimizat pentru a fi ușor accesibil și de conexiuni slabe de internet
Planificarea stucturii site-ului
“Construirea unui site este asemenea contruirii unei case. Dacǎ acest proces începe cu o schițǎ, fiecare etapǎ va fi clar delimitatǎ și trecerea la pasul urmǎtor va fi mult mai ușoarǎ. Pentru un site web se folosește Arhitectura Informaționalǎ (IA – Information Architecture). Acest proces presupune împǎrțirea a tot conținutul site-ului în “bucǎți” și apoi aranjarea acestora într-o ordine logicǎ și ierarhicǎ.”
În elaborarea design-ului am aplicat acest concept, conform figurii 16, organizând tot conținutul de pe site-ul actual într-un meniu cu 4 elemente principale, fiecare având douǎ sau trei submeniuri.
Figura 16: Organizarea meniului dupǎ modelul IA
Sursǎ: Creație proprie
În pagina principalǎ aș vrea sa plasez doar un meniu principal care sǎ fie împǎrțit în 4 elemente: Prezentare, Oferta Educaționalǎ, Secretariat și Contact.
În sectiunea “Prezentare” aș dori sǎ vorbesc exclusiv despre facultate, împǎrțind conținutul în trei pagini:
Despre noi (1.a) – Paginǎ ce sǎ conținǎ o prezentare a facultǎții, obiectivele și dotǎrile sale, oportunitǎțile studenților.
Conducere (1.b) – Paginǎ ce sǎ conținǎ o prezentare atât a decanului facultǎții, cât și a membriilor din consiliul facultǎții și departamentului de informaticǎ, membrii ai senatului universitǎții și comisia pentru asigurarea calitǎții.
Cadre didactice (1.c) – Paginǎ ce sǎ conținǎ o prezentare a tuturor cadrelor didactice titulare și asociate, prezentând numele și disciplinele predate.
În secțiunea “Oferta Educaționalǎ” doresc sǎ realizez o prezentare a celor 2 cicluri de studii universitare:
Licențǎ (2.a) – Paginǎ ce sǎ conținǎ informații cu privire la programul de studii de licențǎ, precum: durata studiilor, formele de învǎțǎmânt disponibile, locurile disponibile, discipline studiate, orarul tuturor anilor de studiu și informații cu privire la examenul de licențǎ.
Master (2.b) – Paginǎ ce sǎ conținǎ informații cu privire la programul de studii de master, precum: durata studiilor, forma de învǎțǎmânt disponibilǎ, locuri disponibile și o prezentare a programului (sau a viitoarelor programe) de master cu referire la obiective, discipline studiate și informații cu privire la examenul de disertație.
În secțiunea “Secretariat”, doresc sǎ furnizez informații importante atât pentru studenții actuali, cât și pentru viitorii studenți:
Admitere (3.a) – Paginǎ ce sǎ conținǎ informații esențiale pentru oricine e interesat de programul de admitere, precum: perioadele de înscrieri, taxele de înscrieri, acte necesare la înscriere (atât pentru cetǎțeni români, cât și pentru cei din strǎinǎtate) și modalitatea de admitere.
Ghiduri și taxe de studiu (3.b) – Paginǎ ce sǎ conținǎ “Ghidul de licențǎ și disertație al studentului” și “Taxe de studii 2012-2013”.
În secțiunea “Contact”, doresc sǎ furnizez informații cu privire la modalitǎțile de contact:
Localizare (4.a) – Paginǎ ce sǎ conținǎ adresa și numǎrul de telefon al universitǎții Titu Maiorescu și o localizare a acesteia pe o hartǎ online de tip Google Maps.
Formular de contact (4.b) – Paginǎ ce sǎ conținǎ un formular de contact care sǎ conținǎ elemente precum câmpuri de Nume, Adresa de e-mail, Subiect și Conținutul mesajului.
3 : Informatii despre site-ul nostru :
3.1 Portalul nostru este un magazin online in domeniul Auto. Suntem un magazin online cu piese auto. Magazinul nostru este specializat in a va oferi posibilitatea de a cumpara piese auto dezmembrate de pe masini intr-un mod rapid si sigur.
http://firme365.ro/dezmembrariauto/
este preocupat sa asigure o gama mare de piese auto sh la o calitate buna si un pret mic iar in cazul in care aveti nevoie de sfaturile consilierilor de vanzari nu ezitati sa sunati sau sa trimiteti un email prin pagina de contact. In oferta puteti gasi piese auto din dezmembrari cat si piese originale, acest lucru fiind un argument puternic pentru a va hotara sa va echipati masina cu piese oferite.
3.1.1 Avantajele unui magazin online
Avantajele de a detine un magazin online sunt numeroase si mentionam aici doar cateva dintre cele mai importante:
un magazin online poate fi tinut "deschis" 24 de ore pe zi, 7 zile pe saptamana
personalul necesar conducerii si intretinerii unui magazin online este net mai putin numeros decat cel necesar intretinerii unui magazin clasic
chiria necesara unui magazin online este infima, comparativ cu cea necesara pentru a avea un maazin clasic, la strada, sau intr-un mall.
"rafturile" cu produse ale unui magazin online pot fi rearanjate prin cateva click-uri de mouse, direct din biroul dvs., fara a necesita inchiderea magazinului, pe cand rearanjarea produselor intr-un magazin clasic poate fi anevoioasa si de durata.
pentru un vizitator, saltul de la sectiunea de alimente la sectiunea de electrocasnice se face instant, printr-un click, fara a fi nevoie sa parcurga "drumul" de la raionul de bacanie la cel de electrocasnice.
comparatia intre diverse produse este facila, in cazul unui magazin online, ea putand fi cacuta pe ecranul monitorului, pentru mai multe produse simultan.
in cazul unor produse apreciate de cumparatorii precedenti, parerile acestora pot determina potentialii clienti sa intre in magazinul dvs. online si sa cumpere, si ei, aceleasi produse, pe baza recenziilor existente.
sortarea produselor in functie de diverse criterii, cel mai important fiind pretul, lucru practic imposibil de realizat intr-un magazin clasic.
un cumparator intr-un magazin online, nu numai ca nu este nevoit sa impinga caruciorul de cumparaturi de-a lungul si de-a latul magazinului, dar il si poate lasa cu plin cu produse si continua cumparaturile dupa o perioada de timp, timp in care produsele adaugate in cosul sau de cumparaturi este pastrat pentru a fi adaugate altele sau pentru a le plati.
3.1.2Transportul produselor catre cumparatori
Produsele ce se pot comercializa in cadrul unui magazin online sunt dintre cele mai diverse, pentru unele, precum serviciile online sau produsele software, nefiind necesar transportul acestora catre cumparatori, pe cand, pentru altele, precum articlolele de imbracaminte sau incaltaminte, produsele electronice sau electrocasnice, carti, DVDuri etc, este necesar transportul lor catre cumparator.
Cele mai multe tipuri de magazin online ao o sectiune dedicata gestionarii acestui aspect, punand la dispozitia operatorului magazinului diverse unelte de automatizare a transportului produselor comandate de clienti.
3.1.3 Preturi si oferte speciale
In cadrul unui magazin online, preturile sunt gestionabile direct din panoul de administrare a magazinului, modificarile fiind vizibile instantaneu, imediat dupa modificarea lor. Preturile pot fi afisate astfel incat sa includa diverse taxe sau nu (tva, timbru verde etc). Preturile produselor dintr-un magazin online pot fi variabile, in functie de diverse criterii pe care le poate alege operatorul magazinului, precum: cantitate cumparata, culoare, greutate etc.
Ofertele speciale sunt usor de introdus in panoul de administrare a unui magazin online, acestea putand fi, intocmai ca si intr-un magazin clasic, scoase in fata, la vedere, pe prima pagina a magazinului online sau putand fi afisate pe fiecare pagina a acestuia.
3.2 Tehnologia folosita pentru contructia site-ului.
3.2.1 Platforma WordPress V 4.2
Pentru constructia acestui magazin online am folosit una din cele mai moderne tehnologii din domeniul IT, este vorba de scriptul Open source WordPress folosit in toata lumea.
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. Avantajele 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.
3.2.2 Istoric
WordPress a apărut prima dată în 2003 ca precursor al b2/cafelog, care era utilizat de 2 000 de bloguri la acea vreme.
3.2.3 Vulnerabilități
De la începuturi și până acum, WordPress a fost etichetat în nenumărate rânduri ca fiind vulnerabil la atacuri ce vizau adăugare de conținut malițios pe blogurile sau site-urile ce foloseau această platformă. Au fost create numeroase programe automate ce căutau pe internet site-uri care foloseau această platformă și, folosindu-se de vulnerabilitățile acesteia, reușeau să introducă în conținut, fără acordul proprietarului, link-uri către site-urile celor ce foloseau aceste programe.
În ultimul timp însă, dezvoltatorii platformei au reușit să aducă WordPress într-o stare în care atacurile de acest tip sunt aproape imposibil de realizat. În momentul de față WordPress este printre cele mai sigure si mai puternice CMS-uri la ora actuală.
Sursa : http://ro.wikipedia.org/wiki/WordPress
Module folosite pentru WordPress
3.3.1. Woocommerce. Modul pentru magazin online
Modulul Woocommerce este folosit si compatibil cu WordPress pentru realizarea unui magazin online. Pentru deschiderea unui magazin online bazat pe platforma WordPress aveți nevoie de un plugin eCommerce gratuit sau premium. Acesta vă va ajuta să vindeți produse direct de pe blog, cele două funcționalități de blog și magazin online fiind astfel compatibile și în strânsă legătură încă din start.
WooCommerce este un plugin Gratuit de tip Shopping Cart ce se instalează rapid și are foarte multe opțiuni de configurare. Bătrânul lider WP e-Commerce are acum un concurent puternic, WooCommerce care, deși este un plugin relativ nou pentru WordPress, a contorizat rapid aproape 1,5 milioane de descărcări iar comunitatea WooCommerce este în continuă creștere, fapt ce are ca urmare maturizarea și perfecționarea rapidă a pluginului.
WooCommerce se instalează ușor, este compatibil cu orice temă WordPress, permite multiple variante pentru produse, prețuri, cupoane, discounturi și livrare, are opțiuni de plată PayPal și Google Checkout, posibilitatea de promovare a produselor pe rețele sociale, etc. Utilizatorii pot vedea după logare comenzile trimise. Căutarea produselor este înlesnită cu ajutorul filtrelor. Comenzile se pot efectua rapid pe o singură pagină cu validare în timp real a formularului și aflarea costurilor de livrare. Opțiunile merg până acolo încât se pot recompensa până și acțiunile de tip Share sau Review !
3.3.2 WordPress: Akismet și Database Backup
WordPress vine din start dotat cu două pluginuri: Akismet și Database Backup. Interesant, majoritatea lumii nu le activează, deși sunt printre cele mai utile (de aceea sunt și incluse). Recunosc că nici eu nu am folosit pluginurile – Akismet cel puțin – multă vreme. Tocmai de aceea nu cred că este inutil să ne oprim puțin asupra lor. Să începem cu Akismet despre care puteți citi la Akismet.com. Veți afla că Akismet urăște spamul.
Pluginul Akismet pentru WordPress este o soluție excelentă antispam. Nu este singura și de fapt există o serie întreagă de pluginuri, dintre care, după Akismet, cel mai celebru fiind cred Spam Karma 2. Există desigur și pluginuri care luptă împotriva spamului cu captcha. Dar să ne oprim acum la Akismet. Faptul care îi face pe cei mai mulți să nu folosească Akismet este că cere o cheie API. Pentru blogurile care generează mai mult decât 500usd pe lună cheia costă; pentru noi toți ceilalți este gratuită. Pentru a o lua este însă nevoie de un cont pe WordPress.com. Deschiderea unui cont nu costă, iar eu unul mi-am deschis un cont acum mai bine de un an și, deși nu îl folosesc, este tot activ. Esențial este însă că îmi furnizează o cheie API. Ea se găsește mergând în meniu la Users apoi Your Profile. Veți vedea cheia API indicată acolo, un șir lung de cifre și litere. Copiați cheia și reveniți în blogul Dvs (da, ea poate fi folosită în alt
Mergeți deci în blogul Dvs WordPress la Plugins, și apoi Akismet Configuration. Introduceți acolo cheia și… gata! Pluginul va începe să funcționeze. Dacă mergeți din meniu la Manage, Akismet Spam veți vedea lista comentariilor „prinse” de plugin. Celebrul blog TechCrunch semnala cu bucurie la 5 ianuarie a.c. faptul că Akismet depășise capturarea unui milion de comentarii spam. În cazul blogului meu personal (de fapt nu al meu, ci al familiei mele), în doar o săptămână a prins cam 150 de comentarii spam. Nu pot să nu fiu mulțumit.
Desigur, pluginul Akismet este util doar dacă folosiți facilitatea comentariilor în situl realizat cu WordPress. Apoi este util doar dacă permiteți să comenteze articolele oricine, nu doar membri. Soluția limitării comentariilor doar la membri este desigur o foarte bună soluție antispam, dar în acest caz se pot pierde multe comentarii: dacă cineva este doar în trecere și dorește să comenteze ceva – credeți că va sta 2-3 minute până devine membru al sitului Dvs? După cum spuneam, pe CNet.ro am lăsat acum comentariile să fie… libere. Oricine poate să comenteze, nu doar membri. De aceea este esențial Akismet, pentru că dând liber la comentarii se dă de fapt liber la spam. Akismet însă – este opinia altora și începe să devină experiența mea – reușește să se descurce foarte bine cu spamul. Este recomandat totuși ca în Options, Discussion să setați ca 1) oricine să poată comenta, dar 2) fiecare comentariu să fie moderat. Veți mai găsi în acea pagină și alte opțiuni utile vizavi de comentarii și spam. În fine, să mai spunem că Akismet, ca orice instrument antispam, învață, deci puteți să îi indicați și Dvs ce este spam și ce nu, pentru a ști mai bine pe viitor.
Sursa : http://www.cnet.ro/2007/01/08/wordpress-akismet-si-database-backup/
Realizarea design-ului.
Alegerea unei teme profesionale.
WordPress vine la pachet cu 3 teme instalate, care insa nu pot fi compatibile cu pluginul de comert electronic. Trebuie sa alegem o tema gratuita sau profesionala pentru acest lucru. Riscul de a alege o tema gratuita este faptul ca poti sa fi infectat cu anumiti virusi care sunt prezenti in codul sursa al paginii. In acelas timp nu beneficiezi de nici un fel de support din partea dezvoltatorilor. Cel mai recomandat este faptul sa achzitionezi o tema profesionala.
Tema WordPress se va alege in functie de framework-ul folosit. Multe framework-uri ofera asa numitele child-themes la preturi destul de mici si, in afara de aceste teme, gasiti si altele, create de companii independente, gratuite sau contra cost.
La instalare, WordPress vine cu 2 teme deja instalate, teme care sunt destul de rapide, insa ofera foarte putine optiuni de customizare. Asta duce la folosirea unui numar destul de mare de plug-in-uri si, chiar daca plug-in-urile sunt bune, ele pot cauza conflicte si pot mari viteza de incarcare a paginilor.
Este de preferat sa alegem o tema care sa fie cat mai completa si, in continuare, va voi prezenta cum se alege o tema WordPress:
tema sa fie noua, dar veche … sa fie suficient de noua incat sa foloseasca cele mai noi si moderne tehnologii, insa sa fie suficient de veche incat sa aiba majoritatea (daca nu toate) bug-urilor rezolvate; o varianta pe care o apreciez este o tema creata acum 1-2 ani, care a suferit mai multe update-uri majore in ultimul an; asta denota ca respectiva companie care a creat tema este dedicata mentinerii si updatarii ei;
sa fie dezvoltata continuu pentru a fi compatabilia cu cea mai noua versiune WordPress;
compania sau persoana care a creat tema trebuie sa aiba review-uri bune de la clienti;
tema trebuie sa aiba review-uri bune;
documentatia oferita sa fie cat mai completa (text si video);
suportul sa fie oferit cat mai rapid si intr-o maniera profesionala;
sa aiba cat mai multe posibilitati de modificare din interfata de administrare: tag-urile, font-urile, layout-ul, culorile;
sa aiba posibilitatea de organizare a continutului pe 3 sau 4 coloane; exemplu: daca vreti ca o pagina normala din site sa aiba o parte de continut si un sidebar, atunci aveti nevoie de 2 coloane; daca vreti o parte de continu cu un sidebar in stanga si un sidebar in dreapta, atunci va trebuie o tema cu 3 coloane; monitoarele insa si-au marit radical dimensiunile in ultimii ani si acum vedem des monitoare cu rezolutii de peste 1280 pixeli (ma refer la latime); in acest caz prefer sa folosesc cat mai mult din latimea ecranului, pentru a nu forta userul sa foloseasca scroll whell-ul des;
sa fie widget ready si sa ofere cat mai multe widget-uri deja instalate si customizate; widget-urile sunt niste module care contin anumite informatii si care pot fi plasate fie in sidebar, fie in footer; aceste informatii pot fi: “ultimele articole”, “ultimele lucrari”, “facebox”, “linkuri utile” etc.;
sa aiba incluse shortcodes; aceste shortcodes sunt niste prescurtari pe care le puteti folosi pe pagini sau in postari si care va ofera acces la multe module deja scrise; spre exemplu, pe prima pagina a site-ului nostru am folosit shortcode-ul
, care prezinta, prin rotatie, review-urile de la cativa clienti; folosind acest cod prezentam review-urile intr-o forma frumoasa, fara sa trebuiasca sa stam noi si sa scriem codul pentru respectivele review-uri;
sa aiba posibilitati de inserare a anunturilor (bannere si anunt text AdSense sau bannere normale); daca credeti ca veti avea un trafic cel putin mediu, probabil veti dori sa castigati si ceva in plus, si asta o puteti face vanzand spatiu publicitar; pentru ca inserarea reclamelor in site sa decurga cat mai facil, ar fi bine sa alegeti o tema care va ofera si aceasta optiune;
sa fie responsive; in zilele noastre, adaptabilitatea layout-ului la mai multe dimensiuni de display-uri este o conditie obligatorie;
sa aiba custom CSS; cu siguranta veti dori sa faceti modificari care nu se pot face din interfata de administrare si, pentru a face aceste modificari intr-un mod sigur si a nu avea probleme la urmatoarele update-uri de framework sau tema, va trebuie neaparat optiune de custom CSS inclusa in tema;
sa aiba un scor PageSpeed cat mai bun si sa se incarce cat mai repede; asta inseamna ca tema este scrisa corect si este optimizata pentru o incarcare cat mai rapida a paginilor.
– See more at: http://www.logicecomsol.ro/cum-se-alege-o-tema-wordpress/#sthash.22AAm3Hl.dpuf
Cum am ales tema ?
sa nu fie gratuita … o tema gratuita nu-mi va satisface niciodata exigentele, asa ca am incetat de mult sa caut “free”;
sa aiba rating minim 4,8/5 si sa fie updatata in permanenta;
sa aiba un forum pentru suport, iar suportul venit de la dezvoltatorii temei sa fie rapid, corect si profesional;
sa fie responsive;
varianta default sa se incarce foarte repede;
scorul PageSpeed pentru varianta default sa fie de minim 93;
sa aiba Custom CSS;
sa foloseasca child theme pentru a putea face update fara a pierde modificarile pe care le-am adus fiserelor;
sa ofere cat mai multe layout-uri pentru pagini si postari;
sa ofere mai multe variante de header;
sa pot face numeroase modificari direct din interfata de administrare, si aici ma refer la modificari de: font (sa aleg eu orice Google web font sau sa uploadez orice font comercial doresc), culoare (sa setez culori pentru orice in parte, folosind codul HEX sau RGB), layout (sa modific layout-ul la fiecare pagina in parte);
sa fie widget ready si sa aiba incluse cat mai multe widget-uri;
sa aiba incluse cat mai multe shortcodes;
sa fie retina-ready, adica sa aiba suport pentru imaginile vizualizate de pe dispozitive iOS;
sa aiba incluse mai multe tipuri de slidere;
sa ofere posibilitatea de a seta layout-ul sa fie boxed sau wide;
sa fie translation-ready, adica sa ofere fisierele .mo si .po pentru traducere; se evita astfel varianta hard-coding-ului in fisiere;
sa aiba incluse cat mai multe icon-uri pentru web.
Dupa cum vedeti, lista mea de cerinte nu este scurta si pana acum nu am gasit nici o tema care sa le indeplineasca pe toate, insa sunt sigur ca va aparea o astfel de tema WordPress in viitorul apropiat. nu am nici o cerinta referitoare la design deoarece, in clipa in care tema este responsive, nu ma intereseaza ca headerul sa fie pe sidebar-ul din stanga. Deci merg pe varianta clasica de site, care are header, content area si footer, iar restul se modifica fie prin interfata de administrare, fie prin rescrierea codului in fisiere.
Sursa: http://www.logicecomsol.ro/cum-se-alege-o-tema-wordpress/
Elementele constructive ale site-ului.
În acest subcapitol doresc sǎ prezint elementele componente ale site-ului, împreunǎ cu modul în care acestea au fost realizate. Elementele componentele pe care vreau sa le prezint sunt: meniul, imaginile, tipografia, culorile și localizarea pe Google Maps. De asemenea voi dezvolta și pǎrțile componente de tip header și footer.
Elementele trebuie sǎ se integreze bine în site și reunite sǎ creeze un ansamblu omogen. Este foarte important ca toate componentele sǎ susținǎ stilul site-ului prin modul în care acestea au fost create (sau alese) și implementate.
3.5.1. Realizarea meniunilor
Prima și cea mai importantǎ parte a fost design-ul meniurilor. Din punct de vedere a design-ului, am decis sǎ folosesc meniuri mari, în formǎ dreptunghiularǎ, cu dimensiuni mai mari, font-size de 21 px.
Fig. 1
Sursa : creatie proprie
Meniul trebuie sa faca trimitere catre paginile site-ului care pot ajute vizitatorul / cumparatorul sa navigheze cat mai facil pe magazinul nostr virtual.
Culoarea meniului : Am ales aceasta culoare pentru o mai buna vizibilitate a textelor. Statisticile spun clar ca un design cu un contrast pe o culoare deschisa este mult mai eficienta decat culorile mai inchise.
Unitate – fiecare dintre cele 4 pǎrți compononete ale meniului vor fi folosite ca unul singur.
Plasarea – Faptul cǎ tot meniul este plasat în mod central este dovada unei experiente in domeniu. Astfel, punctul focal este exploatat la maxim.
Logoul, este realizat urmarind tendintele IT din ziua de astazi si culoarea folosita este una care sa ajute vizitatorul sa inteleaga mai bine tematica site-ului.
3.5.2 : Realizarea paginilor.
Pentru crearea paginilor am folost tehnologia folosita de tema instalata pe wordpress. Fiind o tema 100% profesionala cu un cod sursa scris si validat de serviciul W3 Validator ne confera posibilitatea de a creea paginile cu ajutorul unor blocuri de texte, imagini, etc. Tema ne ofera enorm de multe posibilitate de a aranja elementele componente cat mai bine si mai eficient in site.
Pentru ca site-ul sa confere o usurinta cat mai mare, am folosit un font foarte usual si anume .
Fig. 2
Sursǎ: Creație proprie
Alinierea – Alinierea paragrafelor din partea superioarǎ a paginii și alinierea un pic diferitǎ în partea inferioarǎ a paginii conferǎ design-ului în același timp și o respectare a standardelor de aliniere, dar și de contrast în aliniere.
Proximitatea – Gruparea informației din partea superioarǎ în 2 paragrafe și gruparea informației din partea inferioarǎ într-un singur paragraf dar sub formǎ de enumerație sunt dovada respectǎrii standardelor de proximitate.
Culorile predominante din cadrul site-ului sunt negru, si un verde deschis.
Negru este gandit ca avand un contrast mult mai mare si mai vizibil pe site.
Verde deschis ajuta la vizualizarea mai buna a textului de catre vizitator.
Asa cum se vede in fig. 2 contrastul este unul foarte efficient.
3.5.3 Realizarea stilurilor.
Pentru realizarea stilurilor site-ul foloseste foaia de stiluri si anume style.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 atributul 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 variantele browserelor noi.
CSS3 – Borduri
Acum CSS3 oferă posibilitatea de a crea borduri cu colțurile rotunjite fară a folosi elemente grafice de fundal așa cum se folosea anterior acestui upgrade.
Proprietatea CSS3 border-radius definește prin valorile exprimate in pixeli cat de rotunjite vor fi colțurile unui element HTML sau unei imagini. Fiecare colț poate avea o alta valoare exprimată in pixeli diferită de un alt colț al aceluiași element. Prin urmare putem folosi pana la 4 valori diferite atribuite unui element HTML sau imagine.
Exemplu:
border-radius: 5px ;
– definește valoarea de 5px radius pentru toate cele 4 colțuri ale elementului.
border-radius: 5px 7px 12px 4px;
– aceste valori multiple definesc cat de mult vor fi rotunjite colțurile elementului HTML, iar pentru fiecare colt este specificata valorarea. Colțul stanga-sus are valoarea border-radius de 5px, colțul dreapta-sus are valoarea border-radius de 7px, colțul dreapta-jos al elementului HTML are valoarea de 12px iar colțul din stanga-jos are valoarea de 4px.
CSS3 – Borduri Rotunjite – Optimizat
Varianta ne-comprimată sau ne-optimizată:
border-radius-left: 5px;
border-radius-right: 7px;
border-radius-top: 12px;
border-radius-bottom: 4px;
Varianta mimificată, compresată/optimizată:
border-radius: 5px 7px 12px 4px;
Ambele variante sunt corecte și acceptate de clientul browser.
CSS3 – Borduri Rotunjite – Compatibilitate Browser
Pentru compatibilitatea cu diferite browsere se folosesc prefixe: -webkit- , -moz- , -o-
Compatibilitate: Internet Explorer (IE) – 0.9 , Chrome folosește prefixul -webkit- pentru 4,0 , Firefox folosește prefixul -moz- pentru versiunea 3.0, Safari folosește prefixul -webkit- pentru versiunea 3.1, Opera 10.5 prefix -o-
Exemplu CSS3 border-radius:
div {
border: 2px solid #333333;
padding: 10px 40px;
background: #dddddd;
width: 300px;
border-radius:25px;
}
Elementul HTML div este definit de urmatoarele proprietăți CSS: dimensiunea in lungime este redată de valoarea in pixeli a proprietății width, folosește o bordură de 2 pixeli, o bordură solidă de culoare gri-inchis definită de caloarea HEX #333333. Culoarea de fundal este gri deschis definită de HEX #dddddd. Bordura rotunjită este de 25 pixeli pentru toate cele 4 colțuri.
Tema noastra ofera posibilitatea de a edita foarte usor foaia de stiluri fara a fi nevoit sa te conectezi la serverul une sunt situate paginile site-ului. Acestea pot fi activate direct din panoul de administrare al site-ului.
Mai jos gasiti parti din foaia de stiluri realizate de mine pentru a creea un design cat mai profesional pentru magazinul nostru.
Fig. 3
Sursa : creatie proprie
Pentru meniul din partea dreapta am folosit clasa de stil creeata de noi care spune serverului conditiile de afisare, si anume :
Fontul de 14 px
Culoarea : negru
Sa fie incadrat intro bordura
Sa fie la 50 px fata de marginea din stanga
Sa aibe culoarea de fundal un verde deschis
Fontul folosit este
Clasa de stil poarta numele « categorii » deoarece a fost aplcata pe bara din partea stanga unde sunt afisate categoriile ( in cazul nostru marcile auto ) ale magazinului nostru online.
O alta clasa de stil care a fost creata de noi si folosita pe prima pagina poarta numele de « .shop » Aceasta clasa a fost folosita la afisarea produselor pe prima pagina si afisarea acestora cu un design placut si profesional.
Puteti observa in fig. 4 acelas lucru ca in fig. 3 unde stilul declarat de noi aplica designul in blocul droit
Fig.4 :
Sursa : creatie proprie
3.5.4 Responsive design.
La acest site este folosita cea mai noua tehnologie din domeniul IT si anume « Responsive design »
Toata lumea vorbeste in ultima vreme despre responsive web design. Practic, nu mai facem versiune de mobil a website-ului sau magazinului online, ci il gandim cu totul responsive, de la inceput.
Acest concept a aparut pentru prima data in anul 2010 intrun articol scris de catre Ethan Marcotte si inseamna „Design responsabil”. Aceasta se refera la capacitatea unui web site de a se adapta la diferite dimensiuni pe diferite platforme mobile ( tablete, smartphonuri, iPhon, Windows mobile ) si fara a suferi modificari care ar putea sa impiedice vizitatorul sa perceapa informatia cat mai bine.
3.5.4.1 Ce este web design responsive?
Un website este responsive daca are capacitatea sa-si adapteze layout-urile (designul) paginilor in functie de mediul de vizionare (mai precis de rezolutia ecranului – desktop, laptop, tableta, telefon), fara a suferi degradari majore, pentru a le oferi utilizatorilor o experienta excelenta de navigare.
Conceptul de Responsive Design a fost prima data introdus in 2010 de Ethan Marcotte in articolul sau scris pe AListApart insa a castigat popularitate in ultimii 2 ani. El se bazeaza pe 3 elemente esentiale:
Griduri fluide, care iau in considerare o paleta larga de rezolutii. Pe masura ce rezolutia se schimba, elementele din pagini se redimensioneaza / rearanjeaza
Imagini flexibile, care isi pot modifica inaltimea sau latimea in functie de grid,
Media queries
3.5.4.2 Ce presupune crearea unui design responsive?
Gridurile fluide au luat inevitabil locul celor fixe datorita multitudinii de rezolutii existente in prezent. Acestea se bazeaza pe calculul proportiilor si isi pot modifica latimea si inaltimea in functie de rezolutie. Dimensiunile nu se mai masoara in pixeli, ci in procente si unitati relative.
Imaginile flexibile isi pot modifica dimensiunile in functie de rezolutia dispozitivului si dimensiunea gridului. Este indicat sa fie salvate pe server mai multe dimensiuni pentru fiecare poza, iar mai apoi sa fie incarcata dimensiunea potrivita rezolutiei.
Interogarile media (media queries) reprezinta un procedeu eficient de a incarca diferite proprietati CSS in functie de rezolutie. Site-ul recunoaste automat tipul dispozitivului si rezolutia acestuia incarcand proprietatile CSS corespunzatoare.
Ca modalitate de lucru, ce presupune crearea unui design responsive? Se mareste timpul alocat crearii designului si implementarii acestuia HTML CSS. In loc sa se creeze o singura versiune de layout, se creeaza de la 3 la 5, fiecare dintre ele trebuind si implementate. In loc sa ai o singura imagine (o singura dimensiune) pentru un anume loc in layout, ai aceeasi imagine la mai multe dimensiuni, uploadate pe server, de unde se va incarca imaginea potrivita in functie de rezolutie.
3.5.4.3 Avantajele
Accesibilitate – exista o versiune de site functionala pe toate dispozitivele! Nu mai sunt necesare versiuni speciale de mobil, care trebuie dezvoltate separat, prin urmare se eficentizeaza costurile.
Simple sharing – un singur URL pentru toata lumea!
Experienta buna de navigare – fiindca se adapteaza rezolutiei, se elimina erorile de nagivare, aparitia scroll-urilor orizontale, intalnirea butoanelor prea mici pentru a fi apasate, etc
3.5.4.4 Dezavantajele
Costuri! – creste volumul de munca, dupa cum am specificat mai sus, prin urmare, cresc si costurile.
Compatibilitate – pot aparea mai usor incompatibilitati intre browsere sau erori de afisare.
Fig. 5
Orice gadget ai avea, orice marca de telefon mobil ai folosi, orice dimensiune ar avea PC-ul sau laptopul tau, un design responsive va permite site-ului tau sa se ‘modeleze’ dupa fiecare dispozitiv de pe care e deschis, indiferent de marime sau rezolutie. Mai jos puteti vedea codul css pentru implementarea acestei functii.
Realizarea stilului responsive se realizeaza cu ajutorul filei style.css localizata insursa paginii care ofera serverului informatiile necesare pentru a se adapta la anumite dimensiuni.
/*–––––[RESPONSIVE LAYOUTS]––––-*/
/*––––––––––––––––*/
@media only screen and ( min-width: 1405px ) {
.et_boxed_layout.et_vertical_nav #page-container { width: 1425px; }
.et_vertical_nav .et_pb_column_1_4 .et_pb_audio_module .mejs-time.mejs-currenttime-container.custom { margin-left: 0; }
.et_vertical_nav.et_right_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page #content div.product div.images { width: 315px !important; }
.et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_audio_container .mejs-time-total { width: 140px !important; }
.et_vertical_nav .et_pb_column_3_8 .et_pb_blog_grid .et_audio_container .mejs-time-rail { width: 155px !important; }
.et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_pb_post { width: 327px; }
.et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_pb_post { width: 185px; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1) { clear: both !important; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n) { margin-right: 60px !important; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n) { margin-right: 0px !important; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1) { clear: none !important; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item,.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item { width: 193px; }
.et_vertical_nav.archive.et_right_sidebar ul.products li.product { margin-right: 50px !important; }
}
@media only screen and ( min-width: 981px ) {
.et_vertical_nav #page-container { position: relative; }
.et_vertical_nav #main-header { position: fixed; padding-top: 40px !important; top: 0 !important; left: 0; width: 225px; height: 100%; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); }
.et_vertical_nav #et-main-area, .et_vertical_nav #top-header { margin-left: 225px; position: relative; }
.et_vertical_nav #top-header { z-index: 9999; }
.et_vertical_nav #main-header .container { width: auto; margin: 0 40px; }
.et_vertical_nav #main-header nav#top-menu-nav, .et_vertical_nav #main-header #top-menu, .et_vertical_nav #main-header #et-top-navigation, .et_vertical_nav #main-header #logo, .et_vertical_nav #main-header #et_top_search { float: none; }
.et_vertical_nav #main-header nav#top-menu-nav { padding-top: 10px; display: block; }
.et_vertical_nav #main-header #top-menu li { display: block; padding-right: 0; }
.et_vertical_nav #main-header #top-menu li.mega-menu > ul { top: 190px; left: 185px !important; }
.et_vertical_nav #main-header .nav li ul { top: -32px; left: 185px; }
.et_vertical_nav #main-header #top-menu > li > a { padding-bottom: 19px; margin-right: -40px; padding-right: 40px; }
.et_vertical_nav #main-header #top-menu > li > a:after { right: 40px; }
.et_vertical_nav #main-header .nav li ul ul { top: -23px; left: 220px; }
.et_vertical_nav #main-header .nav li.mega-menu ul { left: auto; top: auto; }
.et_vertical_nav #main-header #logo { margin-bottom: 28px; padding: 0; max-height: none; }
.et_vertical_nav #main-header .et-search-form { top: -35px; right: auto; left: 185px; }
.et_vertical_nav.et_header_style_centered #main-header .et-search-form { left: 121px; }
.et_vertical_nav #main-header .nav li ul, .et_vertical_nav #main-header .et-search-form { border-top: none; border-left-width: 3px; border-left-style: solid; }
.et_vertical_nav #et-top-navigation .et-cart-info { float: none; display: block; }
.et_vertical_nav #et_search_icon:before { top: -3px; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1) { clear: none; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n) { margin-right: 60px; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n) { margin-right: 0px; }
.et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1) { clear: both; }
.et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n+1) { clear: both; }
}
@media only screen and ( min-width: 1200px ) {
.et_boxed_layout #page-container { margin: 0 auto; position: relative; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }
.et_boxed_layout #page-container, .et_boxed_layout #page-container #main-header, .et_boxed_layout #page-container #top-header { width: 1200px; }
.et_boxed_layout.et_vertical_nav #page-container #top-header { width: auto; }
.et_boxed_layout #page-container #top-header { left: auto; right: auto; }
}
Functionarea si optimizarea site-ului. Magazinului online.
4.1 Implementarea functiilor ajutatoare
Pentru a optimiza cumparaturile unui clinet de pe site-ul nostru a fost nevoie de a implementa anumite functii si anume:
4.1.1 Cosul de cumparaturi : este functia cea mai utila a cumparatorului care acceseaza magazinul online. Acesta trebuie sa fie situat cam mai vizibil pe site si sa fie accesibil pe orice pagina a portalului. Cosul serveste la adaugarea produselor selectate care urmeaza sa fie platite in magazin. Fig.6
Sursa : Creatie proprie
4.1.2 Functia de plata la livrare
Pentru a oferii clientilor nostri o siguranta si o garantie a platii, folosim modalitatea de plata la livrare. Un colet livrat prin posta, in sistem ramburs va putea fi ridicat de dvs. doar dupa ce achitati oficiantului contravaloarea inscrisa pe Avizul postal, in campul Ramburs.
4.1.3 Functia de emitere factura proforma
Implementarea acestei functii transmite cumparatorului o factura proforma cu toate informatiile despre comanda acestuia. Deasemenea transmite si administratorului de magazin informatii cu privire la comanda realizata. Aceasta functie informeaza ambii actori pe adresa de e-mail acest lucru.
Optimizarea site-ului pentru motoarele de cautare
Un element foarte important in mediul online este optimizarea acestuia pentru toate motoarele de cautare. In limbaj tehnic se numeste SEO.
Optimizare pentru motoare de căutare sau Search Engine Optimization (SEO), este un proces de perfecționare (favorizare) a vizibilității site-urilor web sau paginilor web în cadrul ordonării rezultatelor căutării în lista făcută de motorul de căutare. SEO este o subcategorie a marketing-ului online SEM, practică apărută în anul 1990, odată cu apariția primelor site-uri pe Internet, și care reprezintă totalitatea tehnicilor prin care un site web este adus la o formă în care este propulsat mai sus în lista de rezultate date de un motor de căutare pentru diverse cuvinte-cheie. Cu timpul, optimizarea unei pagini web a unui site a devenit un serviciu oferit de unele companii și/sau corporații.
4.2.1 SEO și marketing[modificare
La începuturile Internetului, motoarele de căutare afișau în urma unei căutari, pagini în a căror descriere se află cuvântul de căutare. Deoarece webmaster-ii (proprietarii de site-uri) au făcut abuz de acest factor, motoarele de căutare au alcătuit algoritmi mult mai complecși, care includ:
Textul cuprins între etichetele <title> și </title>
Nume de domeniu
Elementele HTML
Etichetele HTML
Frecvența unui cuvânt cheie, atât în pagină cât și global
Sinonime ale cuvântului cheie
Atributele ALT pentru imagini
Titlul link-urilor
Numărul total de hyperlink-uri de la și spre o pagină
Calitatea site-urilor de la care pleacă link-uri spre o pagină
Vechimea unui site
În sens larg, SEO reprezintă o componentă a Marketing-ului prin faptul că necesită înțelegerea modului în care funcționează algoritmii de căutare și ce ar căuta vizitatorii, pentru a stabili o corespondență cu site-urile care oferă ceea ce aceștia caută. Anumite tehnici SEO pot implica optimizarea codării unui site, fără a face modificări vizibile pentru vizitatori, precum ierarhizarea structurii site-ului, evitarea sau rezolvarea unor probleme care ar putea împiedica motoarele de căutare să indexeze complet site-ul. Alte eforturi mai vizibile ar fi includerea de conținut unic care este ușor indexat și extras de pe site-uri web.
Termenul SEO poate să se refere și la "Optimizatori pentru Motoare de Căutare", un termen adoptat de industria consultanților care se ocupă de optimizarea site-urilor în numele clienților precum și de angajații proprietarilor de site-uri care pot lucra SEO în interiorul firmei.
Consultanții SEO propun adesea SEO ca un serviciu singular, făcând parte dintr-o campanie mai mare de marketing. Deoarece un proces de optimizare eficient poate cere schimbări în codul sursă al site-ului, este recomandat să fie inclus în dezvoltarea inițială și design-ul site-ului pentru a ajunge să fie "Search Engine Friendly". Termenul de "Search Engine Friendly" ( "Prietenos Motoarelor de Căutare") este folosit pentru a descrie design-ul, meniurile, sistemul de management al conținutului și al coșului de produse care poate fi optimizat ușor și eficient.
Se spune că Google are peste 300 de factori în componența algoritmului de afișare a rezultatelor, ceea ce a creat numeroase polemici legate de tacticile folosite pentru SEO, în rândul webmaster-ilor. Iar într-un sondaj de opinie, peste 120 de experți în SEO au oferit opinii despre importanța a peste 80 de factori de ranking.
4.2.2 Istoria SEO modificare
Webmaster-ii și furnizorii de conținut au început să optimizeze situri pentru motoarele de căutare începand de la mijlocul anilor 1990, cand primele motoare de căutare catalogau rețeaua Web timpurie.
Inițial tot ce trebuia făcut de webmasteri era să adauge pagina, sau URL, la diferitele motoare de căutare, care trimiteau un "paianjen" (en: "spider") pentru a "se târî" (en: "crawl") prin pagină, extrage legaturi către alte pagini și să returneze informațiile de pe o pagină pentru a fi indexate. Procesul presupune copierea paginii de către paianjeni și stocarea pe propriile servere, unde un al doilea program, numit "indexator " (en: "indexer"), extrage diferite informații despre pagină, precum cuvintele conținute și locul lor în pagină, precum și orice ponderi pentru cuvinte specifice, dar și legaturile către alte pagini, care sunt adăugate printr-o manieră de programare care le face adecvate pentru târâre la o dată ulterioară.
Proprietarii de situri au început să recunoască valoarea clasificării superioare și a vizibilității, creând o oportunitate pentru practicanții SEO "white hat" (pălărie albă) și "black hat" (pălărie neagră).
Printre "White hat" se numără acele companii care folosesc tehnici considerate "legale" pentru promovarea site-urilor în cadrul motoarelor de căutare. În mare parte, acestea se bazează pe optimizări aduse structurii paginilor conținute în cadrul site-ului pentru a fi corect interpretate și evaluate de algoritmii de atribuire a rangurilor folosite de motoarele de căutare.
Un număr mare de bloguri și de forumuri de discuții au apărut, inclusiv în limba româna, care oferă creatorilor de site-uri îndrumări și sfaturi referitoare la cum trebuie construite paginile web pentru a fi optimizate din punct de vedere al motoarelor de căutare.
Cea mai devreme folosire a frazei "search engine optimization" a fost într-un mesaj spam postat pe Usenet pe data de 26 Iunie 1997.
4.2.3. La ce ajută SEO
Optimizarea corectă a unui site conduce la o mai bună prezență în motoarele de căutare la căutări relevante efectuate de utilizatori, legate de informațiile, serviciile sau produsele prezentate pe site. Acest lucru conduce la mai mulți vizitatori, mai multe persoane interesate și mai multe vânzări. Însă asta nu este tot ceea ce face SEO, impactul lui fiind unul mult mai vast și mai benefic.
SEO ajută: motoarele de căutare să își facă mai bine treaba
oamenii să găsească informațiile, imaginile, produsele de care au nevoie
firmele mici să concureze cu marile companii
o adevărată industrie de specialiști și traineri să aiba locuri de muncă
la reducerea cheltuielilor cu promovarea online
Fără SEO un nevăzător ce navighează pe Internet folosind un screen reader – program care îi citește conținutul site-urilor, nu ar reuși să înțeleagă ce conține un site sau altul, în special dacă ele sunt formate din imagini denumite sub forma pic2054.jpg în loc de baston-pliabil.jpg
4.3 Cum se face SEO?
4.3.1 On-Page SEO
În ceea ce privește SEO On-Page, trebuie să avem în considerare o serie de activități:
Crearea unui design SEO Friendly, care să capteze utilizatorii și să îi țină cât mai mult pe site, urmând să îi facă să revină
Domeniul web – vârsta și relevanța acestuia
Vârsta fiecărui link din site și redirectul linkurilor vechi către cele noi pentru a transmite din autoritatea acestora
Scrierea codului pentru un site web optimizat
Scrierea codului cât mai eficient posibil astfel încât citirea și implicit, încărcarea paginii, să fie cât mai rapidă;
Dimensiunea totală a codului să nu fie foarte mare;
Existența atributelor alt și title pentru imagini;
Folosirea tagurilor heading: h1, h2, h3, h4, h5, h6;
Ideal ar fi să existe un singur fișier CSS;
Evitarea linkurilor către alte site-uri, întrucât dați din autoritatea site-ului dumneavoastră către aceste site-uri;
Nu folosiți prea multe linkuri interne pe o singură pagină;
O singură intrare în site: www.site.ro sau site.ro; redirectul unuia dintre ele către celalalt;
Redirectarea paginilor care nu mai există către homepage-ul site-ului; veți transfera astfel și din autoritatea paginilor care nu mai există și evitați situațiile neplăcute de a trimite utilizatorul către o pagină inexistentă;
Scrierea META Titlurilor (60-70 caractere), a META Descrierilor (150-160 de caractere) și definirea cuvintelor cheie pentru fiecare pagină – acestea trebuie să fie cât mai relevante și să se regăsească în pagină (pentru tagul TITLE este recomandat un maxim de 56 caractere, ori un echivalent a maxim 6 cuvinte);
Rescrierea linkurilor care să conțină cuvintele cheie alese (dar care să aibă legatură cu tot conținutul paginii);
Redirectarea linkurilor vechi către cele noi (redirect 301) pentru a transfera autoritatea;
Implementarea toolurilor Google Analytics și Google Webmaster pentru monitorizarea site-ului;
Existența faviconului (logo-ul dumneavoastră trebuie să se regasească sus în bara de browser;
Existența fișierului robots.txt;
Existența sitemap.xml și a sitemap.html.
Conținutul site-ului
Scrierea unui conținut relevant pentru utilizator, folosind cuvintele cheie după care dorim să se facă indexarea;
Nu folosiți conținut duplicat;
Pagina trebuie să aibă cât mai mult conținut și să fie updatat frecvent.
Imaginile
Imaginile trebuie să aibă o dimensiune cât mai mică, să fie făcute special pentru web (spectru de culoare RGB, rezoluție adaptată pentru web sau monitor adică 72 ppi valoarea medie a rezoluției sistemelor de operare), astfel încât să se încarce cât mai rapid de pe server;
Imaginile trebuie denumite conform cuvintelor cheie alese.
Mărimea site-ului
Cu cât este mai mare, cu atât un site este mai important. Trebuie să ne concentrăm în permanență asupra adaugării unor pagini noi și a unui conținut nou pe paginile existente.
Rețele Sociale
Existența rețelelor sociale în site este foarte importantă; încercați să postați cât mai mult pe rețelele de socializare si să atrageți cât mai mulți utilizatori către site.
Găzduirea
Site-ul trebuie găzduit pe servere de încredere astfel încat să se încarce repede, să nu intrăm în blacklist și să fie în permanență activ.
4.3.2 Off-Page SEO
In ceea ce priveste SEO Off-Page, putem face o serie de activitati care sa ne ajute la indexarea site-ului in motoarele de cautare. Este o activitate in continua desfasurare, dar care ne poate aduce foarte mult trafic organic. Gasiti mai jos cateva activitati pe care le puteti face:
Comunicate de presa
Filmulete urcate pe diferite site-uri
Retele sociale
Inscrierea in directoare relevante domeniului nostru
Campanii AdWords
Crearea de discutii pe forumuri, retele sociale
Prezentari power point
Stiri
Articole diverse
Etapele principale pentru optimizarea în motoarele de căutare – SEO:
4.4.1 . Analiza și întocmirea unei strategii SEO:
În cadrul acestei etape specialiștii efectuează cercetările necesare întocmirii strategiei SEO prin utilizarea unor unelte specifice pentru căutarea și identificarea celor mai reprezentative cuvinte cheie pentru compania dvs. și realizeaza un studiu de piață asupra concurenței și strategiei acestora.
4.4.2. Examinarea profesională a site-ului
Site-ul va fi analizat pentru examinarea structurii și conținutului, prin diferite instrumente specializate, care pot identifica diferite erori sau probleme atât de programare cât și de structură a site-ului; urmatorul pas urmând a fi rezolvarea acestor probleme de către echipa de specialiști.
În ceea ce privește examinarea conținutului se urmărește: acuratețea, originalitatea, utilitatea, structurarea în pagini, factori care pot influența în mod favorabil/nefavorabil procesul de optimizare SEO.
De asemenea, se oferă suport pentru înțelegerea modului în care trebuie realizat conținutul pentru ca ulterior acesta să reprezinte un punct forte.
4.4. 3. Implementarea propriu-zisă a strategiei SEO:
La baza unei strategii SEO de succes stă realizarea corectă a campaniei de Link Building, care constă în direcționarea a cât mai multor link-uri către site-ul dvs, aducând o serie de beneficii acestuia. Pentru întocmirea de Link Building corect, natural și legal sunt necesare idei practice și strategii de promovare a site-ului.
Calitatea conținutului din site-ul dvs., în special utilitatea conținutului va avea impact direct asupra vizitatorilor, din acest punct se va forma o piramidă, în vârful căreia va fi poziționată compania dvs, apoi vizitatorii mulțumiți de resursele oferite de site-ul dvs. se vor transforma în clienți multumiți, care la rândul lor vor aduce noi clienți, contribuind astfel prin recomandări la promovarea afacerii dvs.
4.4.4. Generare rapoarte și statistici:
În urma aplicării strategiei SEO se va putea observa efectul acesteia din punct de vedere al traficiului și a creșterii poziției din rezultatele motoarelor de căutare prin rapoartele și statisticile generate lunar clienților noștri; avantajul rapoartelor lunare – punere în evidența a creșterii graduale de la o lună la alta sau imbunătățirile necesare ce trebuiesc adoptate pentru creșterea eficienței optimizări
În munca de optimizare toate eforturile sunt îndreptate înspre plasarea site-ului dvs. între primele rezultate ale motoarelor de căutare, ceea ce va conduce la un numar mai mare de vizitatori pe site-ului dvs și în continuare la un numar mai mare de clienți. Statisticile în acest domeniu estimeaza că 99% dintre vizitatori vor accesa prima pagina a rezultatelor specific căutate în timp ce 97% dintre vizitatori vor accesa doar primele 3 rezultate, considerându-le suficiente pentru a-și crea viziunea clară asupra pieței de interes.
5 : Ce putem aduce nou la magazinul nostru.
5.1 Strategii de marketing online
Pentru a fi in trend, trebuie sa fi la zi cu ultimele noutati despre in domeniul IT, trebuie sa ne informam cat mai corect si cat mai mult cu privire la strategiile de marketing din Romania, modalitati de a atrage cal mai multi clienti de pe piata.
Strategiile de marketing online (promovarea site-ului) nu sunt diferite de cele tradiționale, atunci când vorbim de scopul urmărit. Ambele tipuri de marketing urmăresc creșterea notorietății unei firme mici (produsele, serviciile sau chiar numele firmei care furnizează acele produse sau servicii) și creșterea numărului de clienți.
Marketingul online (sau marketingul digital – adică promovarea site-ului) are câteva componente care trebuie să acopere fiecare aspect al promovării online, de la crearea de conținut până la vânzări. Aceste componente pot fi combinate pentru a forma 5 strategii care să te ajute să obții mai mult trafic către site-ul tău și să câștigi mai mulți clienți.
5.2. Marketingul dispozitivelor mobile
Creșterea accelerată a numărului de dispozitive mobile (smartphone-uri și tablete) face ca importanța promovării site-ului pentru aceste dispozitive să crească. Chiar Google spune că marketingul mobil nu e o opțiune, ci o obligativitate pentru orice business; câteva statistici recente despre utilizarea dispozitivelor mobile întăresc declarația Google:
– 3 din 4 căutări pe mobil duc la acțiuni cum ar fi: căutarea aprofundată, o vizită la magazin, un telefon, o decizie de cumpărare sau distribuirea (sharing) informației găsite;
– 75% dintre căutările pe mobil au loc după-amiaza sau seara;
– 45% dintre căutările pe mobil sunt orientate către un scop anume și au ca rezultat luarea unei decizii din partea utilizatorului.
Care e scopul marketingului pentru dispozitivele mobile? Acela de a le oferi vizitatorilor site-ului tău o experiență plăcută atunci când vor intra pe site de pe un dispozitiv mobil.
Cum: Cum poți obține o “experiență plăcută”? În primul rând (cel mai important) trebuie ca site-ul tău să arate foarte bine și să fie ușor de navigat și de citit pe un dispozitiv cu un display mic (asta înseamnă ca site-ul tău să folosească o modalitate optimizată de afișare pe dispozitivele mobile). În al doilea rând, ai putea să creezi aplicații de sine stătătoare (aplicații care furnizează informații despre produsele sau serviciile tale), pe care utilizatorii le pot descărca din magazinele specializate (AppStore, Google Play, Windows Store etc).
5.3 Affiliate marketing – inrudit cu Refferal Marketingul, affiliate marketingul sau marketingul prin afiliati este acea forma de marketing in care o serie de parteneri web (companii cu website-uri din domenii complementare, blog-uri) promoveaza produsele sau serviciile companiei, care la randul acesteia ii recompenseaza pentru fiecare vanzare reusita
5.4 Video marketing – cum noul Internet permite viteze mari de transfer la costuri relativ reduse, aceasta forma de promovare a devenit accesibila, si din punct de vedere tehnic dar si economic. Prin video marketing, compania dobandeste practic posibilitati nelimitate de exprimare si transpunere a mesajelor menite sa isi atinga obiectivele
6: Concluzia dupa realizarea site-ului
Site-ul realizat de mine este o platforma de magazine online care reprezinta posibilitatea clientilor de a achizitiona piese auto intrun mod cat mai facil pozibil.
Limbajele de programare folosite în crearea acestui site au fost:
HTML (Hypertext Markup Language) – Aplicat în organizarea elementelor în paginǎ și în redactarea conținutului;
CSS (Cascading Style Sheets) – Aplicat în formatarea elementelor din layout și la formatarea textelor, culorilor și a imaginilor;
JS (Javascript) / jQuery – Aplicat pentru a introduce anumite funcționalitǎți elementelor ce le fac sǎ devinǎ interactive;
PHP (Hypertext Preprocessor) – Aplicat în formularul de contact, pentru a putea trimite informațiile furnizate de utilizator cǎtre adresa de e-mail asociatǎ site-ului.
Elementele site-ului au fost create și implementate în paginǎ sub forma mai multor tag-uri de tip html:
Layout-ul a inceput cu tag-urile ‘head’, ‘title’ și apoi ‘body’. În tag-ul ‘body’ au fost introduse toate div-urile, așadar aici a fost implementat div-ul cu id-ul ‘layout’, ce a definit dimensiunile site-ului.
Header-ul a fost implementat prin div-ul cu ID-ul ‘header’.
Meniul a fost creat prin div-uri având aplicate clasele ‘cc_menu’, ‘cc_item’, ‘cc_submenu’, împreunǎ cu clasa auxiliarǎ ‘span.cc_title’.
În elaborarea design-ului, dar și în aplicarea tipografiei și imaginilor am respectat standardele de simetrie, unitate, proximitate, repetiție, accentuare, plasare, continuitate, contrast.
Ca si o concluzie generala consider ca magazinul online realizat de mine, ofera o platforma online foarte utila pentru comercializarea pieselor auto si comenzile se pot comanda de pe calculator sau orice platforma mobile care foloseste IOS sau Android datorita numarului foarte mare de utilizatori de SmartPhone si/ sau tablete. Panoul de administrare confera o usurinta administratorului de magazin in a adauga prouse si a onora comenziile.
7 : Care platforme sunt cele mai populare ?
8: Bibliografie:
Jason Beaird – The Principles of Beautiful Web Design – 2007
Kilmer, William – Rețele de calculatoare si Internet, Ed. Teora – 2002
Kris Jamsa – Programarea în Web – 1997
Paul Chin – Best Practices for Developing a Web Site – 2008
www.utm.ro
http://www.davidia-int.hr/
http://www.trilulilu.ro/
http://ro.wikipedia.org/wiki/Culoare
http://www.w3schools.com/browsers/browsers_display.asp
http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/
http://ro.wikipedia.org/wiki/WordPress
http://www.cnet.ro/2007/01/08/wordpress-akismet-si-database-backup/
http://www.logicecomsol.ro/cum-se-alege-o-tema-wordpress/#sthash.22AAm3Hl.dpuf
http://www.logicecomsol.ro/cum-se-alege-o-tema-wordpress/
http://conceptie.ro/5-strategii-de-marketing-online-promovare-site/
Copyright Notice
© Licențiada.org respectă drepturile de proprietate intelectuală și așteaptă ca toți utilizatorii să facă același lucru. Dacă consideri că un conținut de pe site încalcă drepturile tale de autor, te rugăm să trimiți o notificare DMCA.
Acest articol: Proiectarea Si Dezvoltarea Unui Magazin Online Pentru Piese (ID: 150204)
Dacă considerați că acest conținut vă încalcă drepturile de autor, vă rugăm să depuneți o cerere pe pagina noastră Copyright Takedown.