Capitoul 1: Considerente teoretice privind site-urile web [302694]

INTRODUCERE

Prezenta lucrare își propune să analizeze un subiect de strictă necesitate în procesul de dezvoltare a [anonimizat], articole, comentarii și opinii cu privire la desfășurarea activității unui fotograf.

Având în vedere evoluția omenirii și faptul că trăim într-o [anonimizat] o [anonimizat] a plecat de la acest aspect. [anonimizat], din punctul meu de vedere îl reprezintă fotografia.

Considerând că cele două domenii: [anonimizat], am ales ca tema a prezentei lucări de licență „Dezvoltarea unui site web pentru prezentarea portofoliului și a blogu-ului unui fotograf”. [anonimizat]-o parte teoretica și una practică a aplicației și a tehnicilor utilizare în procesul de realizarea a acesteia.

[anonimizat], un mijloc important de atragere a clienților, [anonimizat]. Astfel, [anonimizat]-ul web și respectiv un blog îți cresc șansele de reușită în domeniu.

Site-ul web este o oportunitatea de a [anonimizat]. [anonimizat] a [anonimizat], de a-ți vinde serviciului/produsul și de a te promova.

[anonimizat], putem spune că acesta este catalogat ca fiind un ”jurnal pe Internet”, deoarece este format din totalitatea articolelor, a informațiilor, [anonimizat]. [anonimizat]-se astfel o comunitatea a blog-ului respectiv.

[anonimizat], care este încă în proces de exploatare de către pasionații de fotografie. Prin partea practică a [anonimizat], dar și a modului de prezentare. Bază a acestei activități o reprezintă cunoștințele și fundamentele dobândite de-a [anonimizat].

Capitoul 1: [anonimizat]

1.1 [anonimizat], [anonimizat].

Raportându-[anonimizat]-line în anul 2016 aproximativ 11 [anonimizat] 2014 la circa 56%.

[anonimizat] o [anonimizat].

Ca o previziune a [anonimizat]-urile avea în componență doar două componente: [anonimizat], urmând ca pe parcurs până în prezent acestea să fie mai complexe și să încadreze posibilitatea formatării textului, link-urilor, prezența imaginilor și a animațiilor. Pentru a putea crea aceste site-uri, este necesar de mult mai multe cunosștințe, deoarece în spatele acestora sunt utilizate scripturi scrise ce folosesc anumire limbaje de programare, prelucrări și interogări ale bazelor de date, filtrări logice, automatizări ingenioase, etc.

Pe Internet în funcție de modul cum sunt construite, există două mari tipuri de site-uri web:

Site-uri statice – acestea nu necesită cunoștințe avansate de programare fiind cele mai simple site-uri web de realizat, utilizând doar limbajul HTML și Css.

Site-uri dinamice – acestea se crează pe baze de date de tip PHP sau MySQL, deoarece cuprind pagini complexe cum ar fi site-uri de prezentare, blog-uri, portaluri de știri.

Având în vedere multitudinea criteriilor de utilizare a site-urilor: scopul, complexitatea, obiectivele, volumul informațiilor, nișe, etc., acestea se împart în mai multe categorii:

Site de prezentare – acestea la rândul se împart în:

Personale;

Business;

Corporate;

Portofoliu;

Pentru promovarea unui produs.

Site-ul de prezentare de obicei cuprinde cel puțin 5 pagini și are o structură relevantă tipului de afaceri ajutând la promovarea imaginii firmei. Pe lângă acestea, cuprinde și informații despre deținător, cum ar fi biografie, galerie foto, jurnal sau chiar CV-ul.

Acest tip de site este utilizat în mare măsură pentru promovarea talentelor, cunoștințelor sau pasiunilor dintr-un anumit domeniu.

Site de tip rețea de socializare

Rolul acestora este de a stabili relații între oameni, grupuri și organizații; aceștia având posibilitatea de a-și crea un profil public pentru a interacționa cu persoane ce împart același tip de interese și pasiuni.

Site de tip blog

Blog-ul cuprinde articole complexe, cu o structură bine definită și text bine structurate, ce permite transmiterea informației către grupul țintă dorit. Blog-ul este reprezentat de obicei de persoane interesate de un anumit domeniu și care prin intermediul acestuia are ceva de spus. De altfel, cu ajutorul acestuia bloggeri își dezvoltă tehnica scrisului și a prezentării în scris a informațiilor de calitate.

Site de tip broșură sau catalog – acest tip de site este utilizat de obicei de restaurante sau baruri (campanii mai mici), ce pot conține informații cu privire la locație, serviciile și produsele oferite, chiar și poze cu acestea. Scopul site-urilor de tip catalog este de a vinde anumite produse, ce fac parte din campanii mari de piață. Din categoria beneficiarilor de site catalog, majoritatea optează pentru prezentare produselor fără vânzare on-line, astfel prezența unei platforme e-commerce nefiind necesară.

Mazinele online – acestea sunt folosite în cazul acțiunii de vânzare-cumpărare și care necesitată în comparație cu celelalte site-uri o mai mare complexitate și mai multă muncă pentru crearea lor. Ca și componente complementare magazinele online au nevoie de: panou de administrare, o metodă de filtrare și sortare a produselor, design personalizat, interfață pentru contului clienților, flux la comandă și un sistem de plată.

1.2 Funcțiile site-ului web

Chiar dacă tipologia site-urilor web este variată, acestea îndeplinesc concomitent aceleași funcții:

Funcția informativă

Site-urile web pun la dispoziție informații depre companie în orice moment și concomitent multor persoane din diferite colțuri ale lumii. În funcție de domeniul specific fiecărui site web creat volumul informației furnizate va fi bine dimensionat. În funcție de mărimea volumului de informații se poate stabili necesitatea creării unui site web. Prin intermediul unui site web clientul găsește informația de care are nevoie într-un volum mare, în termen scurt și comod.

Componența profilului oricărui site web, trebuie să conțină cel puțin următoarele informații:

Domeniul de activitate = indiferent de domeniul în care beneficiarul activează detaliile despre serviciile sau produsele prestate de companie trebuie să se regăsească cât mai specific, organizate după anumite criterii, pentru o căutare și vizualizarea cât mai ușoară orietată spre client.

Date de contact = este necesar ca pe orice site web să se regăsească adresa și informațiile de contact, chiar și o hartă cu recomandarea mijloacelor de transport ce conduc la locația companiei/beneficiarului.

Portofoliul companiei = având în vedere că toți clienții doresc să interacționeze cu entități serioase, este util să dovedești acest lucru chiar printr-o prezentare a afacerii, precum și rezultatele obținute până în prezent.

Feedback = pentru a te putea adresa nevoilor și necesităților clienților și pentru a identifica exact cee ace aceștia doresc și cum doresc ar reprezenta un avantaj prezența formularului de feedback pe site-ul web, în care la orice oră să se poată adresa întrebări sau să se plaseze o comandă, o reclamație sau o mulțumire.

Noutăți = este important pentru client să regăsescă informația mereu actualizată și să afle ultimele noutăți.

Funcția de marketing

Având în vedere că pe site-urile web sunt prezentate informații despre activitatea derulată de către entitate bine structurată cu scopul atragerii atenției clientului, acestea devin instrumentul de publicitate.

Prin intermediul internetului publicitatea se realizează în special la nivelul clienților cu adevărat interesați de domeniul respectiv. Marketingul on-line poate fi prezentat prin text link-uri, publicarea informațiilor pe alte site-uri web, prin bannere publicitare.

Raportându-ne la funcția de marketing, site-urile web se clasifică în:

Magazine on-line, care trebuie să conțină obligatoriu o rubrică destinată clienților – coș de cumpărături, în care să-și regăsească produsele alese, modalitățile de plată și detaliile livrării. De regulă, magazinele on-line au o interfață ce permite editarea acesteia, pentru nevoia reînnoirii categoriilor de produse și a prețurilor.

Site-ul corporativ trebuie să corespundă obligatoriu cu domeniul de activitate al respectivei entități și este cea mai reușită alegere în situația unei companii serioase, care se adresează către un grup țintă bine definit. Cea mai importantă funcție a site-ului corporative este reprezentată de faptul că oferă clientului șansa de a primi cu ajutorul internetului, fără nevoia de a se deplasa, serviciile sau produse necesare. Avantajul acestui tip de site este definit de faptul că clientul poate primi toate informațiile necesare legate de serviciu/produs, chiar și pregătirea, achitarea și livrarea comenzii și economisirea personalului.

Site promo, ce are rolul de a ține clienții la curent cu cele mai recente promoțiin și care trebuie să conțină informații despre condițiile de participare și desfășurare a promoției, termenul acesteia, premiile oferite și modul de a intra în posesia acestora. Site-ul promo mai este folosit și în situația în care s-a lansat o afacere și trebuie să se facă cunoscută pe piață sau în situația în care o companie existentă lansează produse noi pe piață. Importanța atragerii atenției clienților prin acest site se va face prin utilizarea obligatorie a tehnologii multimedia și a flash-animațiilor și prin prezența sondajelor și a diferitelor tombole.

Funcția de promovare a imaginii entității

Deținerea unui site web a devenit o necesitate în procesul de menținere a afacerii pe piață, iar cel mai important aspect în deținerea unui îl reprezintă modul de diferențiere prin intermediul site-ului de ceilalți concurenți.

Imaginea este prioritară în cazul următoarelor site-uri:

Site personal = conține biografia, gândurile și ideile persoanei ce deține site-ul, rezultatele muncii, cărți, citate sau articole scrise chiar de aceasta. Este posibil ca pe acest tip de site să se regăsească un forum și/sau un chat.

Site carte de vizită = este acel site web mic și informativ, ce reprezintă cartea de vizită a entității suficient de convingător pentru client. Prețul creării acestui tip de site web este mai mic în comparție cu celelalte site-uri web.

1.3. Elemente componente ale site-ului web

Crearea unui site web reprezintă un proces complex care trebuie să respecte în special o anumită ordine și de altfel claritate în execuție. Înainte de crearea site-ului web este necesar să avem o imagine bine conturată cu privire la aspectul pe care-l dorim sa-l aibă site-ul web.

Practic, un site web reprezintă interfața dintre deținătorul acestuia și clienți, iar aspectul site-ului trebuie să fie impecabil și bineînțeles să funcționeze fără erori.

De cele mai multe ori structura unui site web respectă un șablon clasic, ce prezintă taburi ușor de navigat, precum și pagini corespunzătoare. Însă, pe parcurs structura de bază poate suferi modificări, în plus chiar se pot adăuga alte pagini în meniu, în funcție de nevoia prezenții acestora.

Elementele componente ale unui site web sunt următoarele:

Logo – ce reprezintă cel mai important element al site-ului și se afișează într-un loc vizibil, de obicei într-un colț, și care apare pe toate paginile.

Culorile – la fel ca și logo-ul, culorile sunt un element vizual specific. În funcție de mesajul ce dorești să îl transmiți, alegerea culorilor se face astfel:

Roșu – dând senzația de entuziasm și energie, însă atrage imediat atenția

Negru – transmite putere, mister și eleganță;

Alb – creând efectul de calmitate

Verde – este asociat cu natura, adaptabilitate și regenerare;

Galben – atrage atenția imediat a clientului și transmite optimism;

Albastru – transmite încredere, securitate, relaxare, înțelegere

Violet – simbol al misterului, luxului și creativității;

Roz – transmite feminitate și romantism.

Lista de culori utilizate poate fi extinsă, în funcție de preferințe.

Prima pagină – ”Home” – este cea care te ajută să-ți formezi prima impresie despre scopul entității. Prima pagină trebuie să cuprindă o mică descriere și generală a entității și a serviciului/produsului oferit. Este important ca această să se încarce repede și să aibă un aspect plăcut pentru ca clientul să-și formeze o impresie pozitivă, în caz contrat acesta poate să plece de pe site înainte să se încarce și să nu se mai reîntoarcă niciodată, rămânând cu o impresie neplăcută. Acest element este părțit la rândul său în alte elemente:

Antet

Corpul paginii

Subsol

Despre – în cadrul acestei pagini trebuie să se prezinte istoricul, misiunea și obiectivele entității.

Portofoliu – în această pagini sunt prezenți clienții cu care s-a colaborat sau proiectele/lucrările/activitățile realizate

Servicii – este important ca această pagină să aibă un conținut convingător și să includă videoclipuri/poze atractive și interesante pentru potențialii clienți.

Contact – aici se regăsește adresa exactă a entității, numărul de telefon și adresa de e-mail, poate chiar și un formular de contact și de preferat o hartă cu locația exactă.

Structura unui site web poate să nu urmărească structura clasică poate fi chiar una complet originală, în funcție de preferințele, personalitatea, domeniul de activitate sau tipul de site web pe care entitate îl dorește.

Diferențierea de alți competitori se realizează în funcție de design-ul utilizat, care trebuie să surprindă plăcut clientul.

1.4 Tehnologiile utilizate în procesul de dezvoltare site web

În procesul de dezvoltare a paginilor și aplicațiilor web, cele mai frecvente tehnologii utilizate sunt: PHP & MySQL și ASP.NET. În funcție de complexitatea și preferințele clientului se alege și tehnologia utilizată.

Tehnologiile folosite pentru dezvoltarea site-urilor web sunt:

PHP & MySQL – limbaj de programare web ce rulează pe server oferind posibilitatea dezvoltatorilor să creeze site-uri web dinamice, având un conținut care se modifică automat în scurt timp. Pentru susținerea traficului unui site web cel mai important element reprezintă conținutul web, deoarece vizitatorii, de regulă nu mai reveni pe o pagină web care are aceleași informații întâlnite și la ultima vizită. Astfel că, site-urile web care sunt frecvent actualizate pot atrage trafic în cantități enorme. În utilizarea acestui limbaj, cel mai folosit server este Server Apache. Pe lângă PHP, cel mai folosit server de baze de date este MySQL ce permite stocarea datelor în baza de date. MySQL ce are implementate funcțiile SQL este utilizat pentru accesarea, prelucrarea și adăugarea datelor în baza de date.

ASP.NET – este un framework construit pe limbajul Runtime (CLR), ce permite să scrie coduri ASP.NET, utilizând orice limbaj .NET. Deseori această tehnologie este folosită în aplicații web complexe, deoarece permite dezvoltarea aplicațiilor care lucrează cu baze de date. ASP.NET este o tehnologie dezvoltată de Microsoft și care se definește prin rapiditatea de dezvoltare și viteza de încărcare a paginilor web în browser.

Atât PHP & MySQL, cât și ASP.NET sunt tehnologii ce interacționează în crearea site-urilor web cu alte limbaje de programare, cum ar fi: HTML, JavaScript, Css, Ajax, XML, jQuery, Flash și ActionScript

HTML – ”Hyper Text Markup Language” este un limbaj de marcare a documentelor web ce permite afișarea paginilor web într—un browser. Prezentarea documentelor text se realizează pe o singură pagină, utilizând un soft de redare specializat – agent utilizator HTML (browser-ul web).

Css – ”Cascading Style Sheets” este un limbaj utilizat pentru a descrie formatarea și aspectul unui document scris în general într-un limbaj markup. Cea mai comună aplicare a sa este în paginile scrise în XHTML și HTML, însă putând fi folosit la orice document de tip XML.

XML – ”Extensible Markup Language” face parte din familia de limbaje HMTL, care este mult mai utilizat pentru schimbul și configurarea de date.

JavaScript – acest limbaj ce se folosește la dezvoltarea aplicațiilor web, în majoritatea cazurilor este proiectat ca o aplicație client side ce rulează într-un browser. Având în vedere că este un limbaj client side, calculele și funcțiile JavaScript se execută rapid, deoarece informațiile nu navighează pe Internet.

Ajax și jQuery – ”Asynchronous JavaScript” este o grupare de tehnici ce permite crearea aplicațiilor web interactive, prin schimbul de date cu serverul, fără reîncărcarea paginii la fiecre acțiune. În schimb, limbajl jQuery este utilizat pentru a realiza interacțiuni Ajax în paginile web.

Flash – este o tehnologie ce permite includerea de animații, sunete, video și a conținutului interactiv în aplicațiile și site-urile web.

ActionScript – este un limbaj de programare, asemănător limbajului JavaScript, care este utilizat pentru realizare de flash-uri dinamice și complexe.

Structura unui site web:

Evoluția creării site-urilor web

Site-urile web au recunosc de-a lungul anilor o evoluție continua, astfel că pe la sfârșitul anilor 90 am început să se studieze în facultăți tehnicile de creare a paginilor web, și aici vorbim despre paginile simple în HTML, ce avea conținutul, cu linii de cod în HTML și Css, încadrate în fișierele existente. Ca și explicație la această situație, un cod HTML are rolul de a-i oferi site-ului structura de bază, în timp ce codul Css realizează stilizarea tuturor elementelor: dimensiunea fontului, culorile, distanțiere, etc. Cu toate acestea, conținutul unui site web și liniile de cod în HTML și Css nu trebuie să fie amestecate, însă așa era situația la început.

Cu timpul, lucrurile au evoluat, iar de la programarea și toate limbajele de programare din domeniului IT-ului ce te ajutau să creeză un site web, dezvoltatorii au trecut la utilizarea platformelor de tip Content Management System – CMS, adică platforme de administrare a conținutului unui site web.

Platformele de acest tip au rolul de a ajuta administratorul site-ului web să poată să modifice conținutul acestuia (poze, text, filmări, etc.) fără a modifica și fișierele sursă ale site-ului web. Astfel, accesibilitatea utilizării acestor platforme este oferită de ușurința cu care se poate lucra, este foarte ușor de a introduce informații, de a modifica, de a șterge, de a adauga sau altele dec ătre orice persoană, fără a fi nevoie să apelăm la un specialist în acest domeniu. Pe lângă acestea, riscurile sunt minimizate față de modul în care trebuia să folosești limbajele de programare, în care site-urile web se editau direct din fișierele HTML și orice mică modificare putea să schimbe tot aspectul respectivului site web.

În prezent, conform statisticilor furnizate în mediul on-line (administrarea a 72,4 milioane de site-uri web în lume) cea mai utilizată și populară platforma a site-urilor web este WordPress.

WordPress este un CMS – Content Management System, fiind cea mai accesată și populară platformă de creare a site-urilor web și a blog-urilor, folosită cum menționat și anterior de cel puțin 72,4 milioane de site-uri web (inclusiv blog-uri) de jurnaliști, bloggeri, scriitori, firme și mulți alții. Accesibilitatea crescută este oferită și de faptul că platforma WordPress este licențiată open source GPL, fiind așadar o platformă gratuită pe care o poți instala, modifica și distribui.

Crearea de site-uri web o putem face cu ajutorul platformei prin două metode: wordpress.org și wordpress.com. Pentru a nu face confuzii între cele două, în următoarele paragrafe am să prezint scopul fiecăreia.

WordPress.org este site-ul care ne permite să descărcăm aplicația WordPress pe care o instalăm în PC sau încărcăm pe un server, neavând o limită în ceea ce privesc descărcările aplicației. De atfel, dacă dorești să modifici ceva la site-ul web, în primă fază acest lucru se face local, respectiv pe aplicația instalată pe PC, iar apoi server (dacă este cazul).

WordPress.org este utilizată de toți cei care doresc să facă o temă sau să modifice una existentă, să le facă exact cum și le doresc. Acest site le oferă utilizatorilor libertatea de exprimare în ceea ce privește designul unei teme, însă pentru asta tot acesta se va ocupa de securitate și celelalte atribuții.

Platforma reprezintă alegerea ideală în situația în care dorești să creezi un site web sau un blog, fără a întâmpina dificultăți în procesul de personalizare și chiar de configurarea a acestuia. Aceasta îți permite să instalezi oricâte teme dorești, de altfel și să poți face schimb între ele.

Temele utilizate în wordpress te ajută să schimb aspectul, chiar și funcționalitatea site-ului/blog-ului, fără a afecta conținutul. Însă în momentul schimbării temei vor apărea bineînțeles modificări în raport cu modul aranjării widget-urilor. Pe lângă acestea, wordpress îți permite să poți să-ți extinzi caracteristicile cu ajutorul modulelor (plugin), ce pot oferi funcții și caracteristici customizate, spre exexmplu: widget-uri, forme de contact, SEO și altele.

WordPress.com, în comparație cu wordpress.org reprezintă serviciul de găzduire în care poți realiza gratuit un site web sau un blog simplu. Prin această condiție nu trebie să plătești nimic, de altfel nici taxă de găzduire sau vreun alt cost, atâta timp cât dorești un simplu site web/blog și nu ai nevoie să modifici temele sau să ai reclame. WordPress pune la dispoziția utilizatorilor 3 pachete de acces pentru aceștia:

Pachetul beginner;

Pachetul premium;

Pachetul business.

WordPress îți pune la dispoziție setări automate, un backup, dar și securitatea, ceea ce înseamnă că platforma va avea grijă de site-ul web/blog-ul creat să nu fie hackuit sau să nu dispară.

Pentru a putea crea un site web sau chiar un blog pe platforma wordpress.com este necesar parcurgerea pașilor enumerați în figura anterioră. Aceeași pași vor fi folosiți atât pentru crearea site-ului web, cât și a blog-ului, însă alegerea temei va fi diferită de la caz la caz, de altfel și denumire (nu neapărat, deoarece atât un site-ul web, cât și un blog pot avea aceesși denumire) și pachetul, care poate fi free sau după preferințe și necesități contra cost și în funcție de serviciile oferite în pachetul respectiv.

Avantajele utilizării platformei WordPress:

Free – platforma WordPress este gratuită, ceea ce înseamnă că se poate descărca gratuit. Se poate utiliza pentru a crea un site web/blog, fiind open source și putând fi folosit de orice persoană. Platforma deține cel puțin 2.500 de teme și 31.000 de plugin-uri gratuite.

Ușor de folosit – ușurința de folosire a platformei și de învățare este justificată constant de numărul în creștere a utilizatori înregistrați, precum și a noilor utilizatori ce se alătură comunității. Pentru crearea unui site web/blog nu este neapărat necesar să ai un nivel de cunoștințe ridicat în acest domeniu.

Multitudinea de teme și plugin-uri – platforma dispune de mii de teme și plugin-uri gratuite, ce vor ajuta la dezvoltare site-ului web/blog-ului. Optimizarea acestora se realizează prin folosirea plugin-uri și printr-un design atractiv, ceea ce va ajuta la creșterea șanselor de accesare de câți mai mulți vizitatori.

Search Engine Friendly – platforma WordPress este concepută astfel încât să poată fi accesată de pe orice motor de căutare.

Siguranță și securitate – WordPress a fost creat astfel încât să ofere un grad ridicat de siguranță și securitate.

Fișiere media – platforma oferă noilor site-uri create să integreze în conținutul acestora diferite imagini și fișiere audio și video (clipuri depe Youtube, fișiereaudio din Spoundclound sau poze de pe Instagram).

Capitolul 2. Modul în care site-urile web pun în valoare arta fotografica

2.1. Fundamentele site-ului web destinat prezentarii artei fotografice

Un site web de prezentare sau tip portofoliu este format din cel puțin o pagină și poate ajunge chiar la sute de pagini, ce sunt grupate în secțiuni dar și sub-secțiuni.

Site-ul web de prezentare reprezintă un număr de pagini unite între ele prin link-uri (legături). Aceste legături sunt constituite din diferite cuvinte subliniate (nu este o condiție obligatorie), care în momentul în care trecem cu mouse-ul peste ele, apar diferite schimbări: se schimb culorile, dispar sau apar cuvinte sau atunci când dăm click ne trimite într-o altă pagină, la o altă fotografie, text sau document, sau uneori chiar și desene/animații care își pot schimba culoarea, forma, etc. Toate aceste sunt link-uri, comenzi sau legături care ne pot trimite în altă parte a site-ului. La rândul lor aceste link-uri sunt împărțite în două categorii, astfel:

Link-uri interne – sunt acele link-uri care te direcționează spre aceleași pagini ale site-ului.

Link-uri externe – sunt link-urile contrare celor interne, astfel că acestea te direcționează spre alte site-uri, părăsindu-l pe cel actual.

Indiferent de numărul paginilor pe care un site web le are, acestea se pot deschide având următoarele extensii:

Index.html

Index.htm

Index.php

2.2. Importanța unui astfel de site pentru artist/fotograf

Site-urile de prezentare sunt cel mai întânite site-uri dinamice, cu rolul de a prezenta următoarele:

Categoriile prezentate anterior, bineînțeles că pot suporta diferite modificări, poate chiar completări în funcție de diferite aspect relevante în procesul de alegerea a dezvoltării unui site web de prezentare, cum ar fi în funcție de scopul pentru care se crează site-ul, domeniul de activitate sau chiar grupul țintă vizat de acest tip de site, respectiv: persoane publice/fizice, ONG-uri, culte religioase, HORECA, diferite concepte sociale și multe altele.

Site-ul web de prezentare reprezintă practic cartea de vizită din mediul on-line, ceea ce te va ajuta să te faci cunoscut. Pe lângă acestea, site-ul constituie un mijloc de comunicare cu clienții/vizitatorii, iar în situația dezvoltării rețelei globale, precum și oportunitățile oferite de rețeaua on-line ce este utilizată ca și instrument strategic de marketing.

Având în vedere că Internetul este într-o continua dezvoltare, ceea ce înseamnă un trafic mare de date și de utilizatori on-line, site-ul de prezentare oferă o promovare non-stop a obiectului dorit. Astfel aceste aspecte fundamentând faptul că un site web de prezentare reprezintă canalul de vânzare și instrumental de promovare, publicitate și chiar cercetare de piață.

Un punct forte privind sporirea gradului de profesionalism și de încredere în rândul clienților vizat de către site, reprezintă existența unui site modern, în ton cu ultimele tendințe și informații pe care aceștia le considere importante.

Caracteristicile unui site web de prezentare identificate sunt următoarele:

Compatibilitatea – site web de prezentare trebuie să fie compatibil cu dispozitivele mobile, deoarece tot mai mulți utilizatori folosesc telefonul, în detrimentul laptopului;

Accesibilitatea – toți utilizatorii trebuie să aibă acces la site, indiferent de abilitățile acestora.

Organizarea – site-ul trebuie să aibă o bună ”arhitectură”, iar informația să fie bine planificată. Secțiunile unui site web de prezentare trebuie să ofere informații ușor de găsit.

Viteza de încărcare – viteza de încărcare a unui site web de tip prezentare trebuie să fie de maxim 3 secunde, iar sporirea acesteia se poate face prin optimizarea imaginilor, a bazei de date, a codului sursa al site-ului web, de altfel se poate utiliza și Content Delivery Network (CDN).

Facilitarea navigării – aceasta se poate realiza prin intermediul unui meniu simplu sau dacă vorbim de un site web de prezentare cu mai multe pagini, este indicat ca pe acaestea să le gărim sub formă de listă. Un alt mod de facilitare a nagivării pe site-ul web de prezentare este posibilitatea de explorara dupa anumite criterii.

Compatibilitatea cu browserele – un site web de prezentare trebuie să fie compatibil pe toate browserele pentru a evita posibelelee efecte negative ce pot îngreuna accesarea site-ului.

Prezentarea – conținutul unui site web de prezentare trebuie să fie ușor de vizualizat la prima vedere. Având în vedere tendința tuturor utilizatori, care de obicei dau un search rapid pe site-uri pentru a observa dacă acestea răspunde nevoilor lor. Așadar, informația cea mai importantă trebuie să se regăsească în prima parte a conținutului, astfel că titlurile, subtitlurile, paragrafele și listele vor ușura citirea conținutului pentru utilizatori.

Luând în calcul caracteristicile unui site web de prezentare (și nu numai) menționate anterior, este puțin probabil ca un astfel de site să nu se bucure de un trafic mare de vizitatori.

2.3. Procesul creării unui site web de prezentare

Etapele principale în vederea creării unui site web de reprezentare:

Crearea unui design inițial (layout) – loyout-ul determină scheletul site-ului și reprezintă spațiul și structura în care toate elementele de design își vor îndeplinii rolul. Această etapă nu este una ușoară, deoarece în vederea creării design-ului trebuie să se ia în calcul discrepanțele dintre browsere și argumentele negative și pozitive ale unui anumit itp de layout. Alegerea layout-ului se face în funcție de aptitudinile designerului și se împart în 4 categorii:

Layout cu lățime fixă – layout static ce este cel mai des utilizat deoarece lațimea fixă permite menținerea proporției dintre toate elementele de design, chiar dacă rezoluția monitorului poate diferi.

Layout fluid – sau layout variabil cum mai este denumit, își schimbă lățimea în funcție de dimensiunea ferestrei browserului. Astfel că acest aspect reprezintă un dezavantaj în cazul unor rezolutii mari, în care spre exemplu liniile de text se pot lungi devenind greu de citit și utilizatorul va putea să vadă doar anumite linii scrie, iar elementele de navigare pot apărea disproporționate.

Layout elastic – prin acest tip de layout se poate ajusta lățimea bazându-se doar pe dimensiunea fontului, nu pe cea a ferestrei browserului. Trebuie să avem în vedere că nu este deloc un tip de layout cu care se lucrează foarte ușor, acesta necesitaă ore întregi de testare pentru a putea găsi combinația perfectă pentru aproximativ toți utilizatorii.

Layout hibrid – încearcă să îmbine toate cele trei tipuri prezentate mai sus.

Crearea logo-ului și a favicon-ului

Logo-ul reprezintă cel mai important element al site-ului și se afișează într-un loc vizibil.

Favicon-ul este reprezentat de un fișier montat pe server de către administratorul site-ului ce servește ca element de identificare.

Instalarea PHP și a unei baze de date MySQL

Combinația dintre o bază de date PHP și una MySQL permite ca informațiile care vor apărea pe site-ul web de prezentare se vor regăsi și în baza de date, astfel informațiile putând fi actualizate mai ușor și prezentate dinamic în cadrul site-ului web. Acestea vor fi necesare pentru platforma wordpress.

Instalarea platformei wordpress

WordPress este cea mai utilizată platformă online de realizarea a site-urilor web sau a blog-urilor. Aceasta este scrisă în limbaj PHP, pentru a putea gestiona bazele de date MySQL. Pe lângă acest aspect, wordpress conține un ansamblu de șabloane scrise în HTML și Css.

Avantajele utilizării platformei WordPress:

Simplitate;

Numeroase plugin-uri, ce pot modifica funcționalitatea platformei în orice tip de site web;

Interfața, ce se poate schimba cu ajutorul varietății de teme gratuite.

Realizarea unei pagini de Start (goală)

Alegerea fonturilor șia culorilor de bază

Crearea meniului principal

Crearea paginii de Start

Crearea paginii interne:

Home Page

Despre

Portofoliu

Blog

Contact

2.4. Elementele componente ale unui site web d eprezentare

Conținutul unui site web cuprinde următoarele cel puțin următoarele elemente:

Texte

Tabele

Liste

Imagini

Animații/sunete

Cadre

Butoane

Ferestre, etc.

În ceea ce privește un site web, există atât elemente vizibile vizitatorului, cât și elemente invizile, astfel:

Elemente vizibile:

Cadrele – ne permit să permit să afișăm în același timp cel puțin două pagini web, prin împărțirea în mai multe secțiuni a ecranului. Practic aceste cadre sunt o macheta a unui site web și o soluție eficientă în vederea aranjării în pagină a conținutului.

Tabelele – la fel ca și cadranele, tabelele pot fi denumite ca fiind o machetă a site-ului web ce-l poate face mai atractiv prin diversele componente ale site-ului. Tabelele permit împărțirea paginii în secțiuni, în cadrul cărora se vor insera textele și imaginile. Cu ajutorul acestora se pot crae borduri și margini de dimensiuni diferite și culori diverse. De asemenea, conținutul poate fi inserat în celulele tabelului, unde se poate alinia textul și limitarea dimensiunilor liniilor.

Title – este afișat de obicei în bara de titlu din fereastra în care apare respectiva apgină.

Headings – sunt afișate de browsere aldine, cu caractere mari sau printr-o altă modalitate de evidențiere. O pagină dintr-un site web poate mai multe headings-uri, ce pot fi îmbrăcate până la șase niveluri (ex. Subtitlu, sus-sutitlu, etc.)

Normal text – textul de bază, care mai este denumit și paragraf, ce cuprinde linii și blocuri ce conțin text normal.

Signature – semnătura de obicei este afișată pe peagină, în partea de jos. Aceasta indică autorul site-ului web și include adresa de e-mail, unde vizitatorii pot trimite întrebări și comentarii referitoare la site-ul web.

Imaginile inline obișnuite

Background pattern – sunt imaginile inline care sunt fundalul paginii, iar textul și celelalte elemente apar deasupra lor.

Animațiile, iamginile sau textul care se mișcă pe pagină.

Hiperlink-urile: către alte pagini web, fișiere document, fișiere multimedia, adrese, etc.

Imagemaps

Listele ce pot fi numerotate

Formularele – în care vizitatorii le pot completa pentru a da comenzi sau pentru a răspunde la chestionare online, etc.

Elemente invizibile:

Identificare – pagina web poate conține diferite informații de identificare, pe care le pot vizualiza doar în anumite condiții.

Comentariile – ce apar sub formă de text, pt fi vizualizat doar în cazul în care codul codul HTML a fost citit direct.

2.5 Costurile realizării unui site web de prezentare

Realizarea unui site web de prezentare se poate face prin intermediul platformei WordPress care este cea mai utilizată în prezent. De altfel, pentru a crea un site web este nevoie de achiziționarea unui domeniu: .com, care se găsește pe piață la un cost de maxim 10 dolari/an, iar valoarea hosting-ului de la cel puțin 1 dolar/lună.

Dacă persoana ce realizează site-ul web are cunoștințe în domeniu și experineță în lucrul pe platforma wordpress, site-ul web de prezentare poate fi gata în câteva ore, sau câteva zile în cazul persoanelor începătoare.

În tot procesul de realizare a unui site web de prezentare sunt incluse anumite servicii, cum ar fi:

Design și programare – având în vedere că platforma WordPress oferă teme din diferite domenii pentru crearea site-urilor, acestea nu se vor potrivi în totalitatea nevoilor noastre, astfel că probabil va fi nevoie de contractarea unor servicii privind realizarea unui design personalizat.

Consultanță – pentru a crea un site web de prezentare orientat către clienți, în care aceștia să interacționeze cât mai bine cu el este nevoie de experiența unui consultant pe domeniu.

Copywriting – cuvintele prezente pe paginile site-ului web de prezentare trebuie să se raporteze strict la domeniul de activitate pentru acre a fost creat acesta. Este foarte important să-i atragi atenția vizitatorului de la prima vedere, să transmiți cât mai multe dar prin fraze cât mai ușor de înțeles și de parcurs. Pentru toate acestea este necesar să apelăm la un copywriter pentru a crea un conținut captivant.

Performanța – corelăm performanță cu viteza de încărcare a site-ului web și cu capacitatea traficului de vizitatori, ce sunt aspecte foarte important.

Usability – un aspect deosebit este modul de interacțiune al vizitatorilor cu site-ul web de prezentare. Așadar, fiecare pagină trebuie să aibă obiectivul bine definit și fiecare element al site-ului să interacționeze așa cum trebuie.

Optimizarea ratei de conversie – rata de conversie se cuantifică în funcție de numărul de vizitatori intrați pe site-ul web care finalizează o comandă. Această rata de conversie se poate îmbunătăți printr-un trafic minim de 100 de vizitatori aduși prin intermediul SEO, Adwords sau Facebook Ads, prin care să le urmărești activitatea pe site-ul tău, dar și preferințele acestora.

Trecând prin toate aceste servicii și cu o durată relativă de creare a unui site web de 40-50 ore de muncă, putem estima, bineînțeles și cu analiză a pieței că valoarea realizării unui site web de prezentare optimizat din toate punctele de vedere c ajutorul specialiștilor în domeniu, ne poate conduce la costul de 1.500 de euro în România. Acest preț este unul aproximativ, astfel că poate crește sau scădea în funcție de experiența celui care-l crează, în funcție de țară, în funcție de elementele pe care le conține, etc.

2.6 Particularități site web de prezentare ai fotografiilor profesioniști

Chiar dacă site-urile web se împart în mai multe categorii, sau sunt diferite în funcție de domeniul de activitate, structura acestor nu este foarte diferită.

Partea practică a acestei lucrări va fi crearea unui site web de prezentare destinat unui fotograf, astfel că, după o analiză a mai multor site-uri web de prezentare a unor fotografi profesioniști, am observat ca paginile site-urilor acestora cuprind cel puțin următoarele:

Home

Despre fotograf

Portofoliu

Blog

Contact

3. Prezentarea site-urilor web de tip blog și crearea de comunități în mediul online

3.1. Caracteristicile unui site de tip blog

Blog-ul este un tip de site web pe Internet, ce mai este cunoscut și sub denumirea de jurnal public. Acesta este un instrument de comunicare prin intermediul căruia orice persoană își poate exprima liber toate convingerile și gândurile personale.

Pe blog poți să împărtășești cunoștințe, să povestești întâmplăi chiar să-ți spui părerea cu privire la anumite subiecte. Practic, blog-ul este locul în care poți să scrii cei vrei, iar cei interesați pot vedea acest lucru. Pe lângă faptul că blog-ul îți permite să scrii ceea ce dorești, poți să și adaugi diverse fișiere și texte: articole, citate, poze, melodii, video, etc.

Blog-ul sau ”web log” (publicație pe Internet) este oarecum o cronologie, deoarece absolut ce scrii pe blog (sau ce încarci) apare într-o ordine cronologică inversă, primele fiind întotdeauna cele mai noi postări.

Specialiștii din domeniul afirmă faptul că blog-ul te ajută să te dezvolți, să devii cineva, cu ajutorul priceperii și voinței tale. De altfel, un blog putem spune că este disponibil, doar atunci când este publicată prima postare.

Dacă vorbim de site-ul web blog, trebuie să menționăm faptul că autorul acestuia se numește blogger. Plecând de la acest termen, în jurul lui au apărut alte cuvinte noi: blogosferă, blogging, blogroll, etc.

Ca și site-urile web și blog-urile se împarte în mai multe categorii:

Blog personal – în care poți încărca articole vorbind doar despre tine.

Blog jurnalistic – În care poți încărca și posta informații despre orice subiect dorești

Blog-ul axat pe domeniul de activitate: fotografie, dezvoltare persoanală, fashion, IT, etc.

Dacă ne raportăm la ceea ce se întâmplă acum pe piață, putem spune că blog-ul este cea mai utilizată formă prin care jurnaliștii, scriitorii, autorii, experții, orice altă persoană își exprimă opiniile; în prezent practic a devenit un trend.

Dacă stăm că căutăm definții la ceea ce înseamnă un blog, sigur vom găsi nenumărate având în vedere că nu are o definiție clar definite, de aceea putem spune că blog-ul poate fi un nou mijloc rapid de comunicare, de networking, de ați face noi prienteni și de a socializa, de ați dezvolta nivelul de cunoștințe profesionale, dar și conexe.

Însă, chiar dacă am prezentat blog-ul ca fiind un ”tool” cu multe aspecte pozitive, acesta poate avea și aspecte negative, spre exemplu daca nu este folosit cum trebuie, dacă articolele nu sunt prezentate clar, acesta poate devein o pierdere de timp.

3.2. Scopul și caracteristicile unui blog

Așa cum am prezentat și anterior, blog-ul reprezintă o platformă on-line, care-ți permite să postezi articole, imagini, opinii, etc cu privire la un anumite domeniu dar nu numai.

Având în vedere caracteristicile generale ale blog-ului, acesta poate să fie folositor în mai multe feluri. Categoric pentru gestionarea unui blog sunt necesare cunoștințe minime pentru a-l folosi inteligent, dar totuși există și persoane care-și creează un blog doar pentru a avea unde să-și exprime părerile și nimic mai multe.

De o perioadă scurtă de timp blog-ul a devenit un instrument practic prin intermediul căruia anumite persoane sau chiar companiile îl exploatează în diferite moduri. Dintre acestea cele mai importante sunt:

Instrument de branding – orice persoană își poate dezvolta un blog prin intermediul căruia își va putea consolida secțiunea de branding pe o anumită zonă.

Instrument de comunicare – pe lângă faptul că blog-ul este locul în care îți poți exprima opiniile, acesta este și locul unde comunitatea te poate cunoaște și unde te poate găsi. Blog-ul îți oferă spațiul în care îți poți transforma ideile și părerile din private și personale în idei idei publice.

Instrument prin intermediul căruia faci bani – într-adevăr blog-ul poate fi un mijloc ce-ți poate aduce beneficii bănești. Acest lucru este posibil prin faptul că blogger-ul poate face reclamă pentru diferite companii, iar la rândul lor acestea plătesc în funcție de articolele pe care le postează sau vânzările realizate. Spre exemplu, un blogger poate recomanda un ceas, vizitatorul dă click pe link, cumpără produsul, iar blogger-ul primește un anumit comision (2-10%). Procentul comisionului diferă în funcție de produsul căruia se face reclamă, de domeniul pe care-l promovează, de valoarea vânzărilor, etc.

Instrument de promovare – bloggerii pot promova serviciile pe care le oferă sau serviciile companiei reprezentate. Acest lucru se poate realiza prin reclame sau articole dedicate acestor servicii/produse.

Instrument ce aduce valoare adăugată –pentru unii bloggeri, blog-ul nu este doar un mijloc prin intermediul căruia își fac o imagine sau câștigă bani, ci un mijloc care îi ajută să disemineze întregii comunități informațiile și cunoștințele pe care le deține. Pentru aceștia, blog-ul este o motivație, o satisfacție personală pentru că au adus valoare adăugată pe piață, au contribuit cu ceva.

Toate aceste caracteristici prezentate sunt cele mai întâlnite. Însă în practică, foarte rar putem găsi un blog care să fie folosit ca un singur instrument, de cele mai multe ori blog-urile sunt o combinație de cel puțin două dintre cele prezentate anterior.

3.3. Diferența dintre un site web de prezentare și un blog

Dacă analizăm acest domeniu, observăm că există și companii care au blog, astfel că diferența dintre un site web de prezentare și un blog este dată se scopul fiecăruia. Practic, blog-ul este tot un site web, însă diferă prin abordarea aleasă. Un site web de prezentare este un loc în care își poți prezenta serviciile/produsele clienților, putem spune că este un fel de showroom, cu sau fără platformă e-commerce. Un blog este un jurnal virtual în care autorul își exprimă opiniile, părerile referitoare la un anumit subiect/domeniu, iar vizitatorii le pot vizualiza cronologic.

Având în vedere că un site web de prezentare și un blog se aseamănă foarte mult, aceste pot exista chir și sub același domeniu (nume). Această condiție nu este întocmai obligatorie, astfel ce cele două pot exista și împreună, dar și separat.

Pentru a înțelege mai bine, prezentăm în continuare câteva exemple:

www.dragosasaftei.ro – acesta este un blog personal al unui fotograf, destint pasionaților de fotografie, în care scrie articole despre experiența lui în domeniul fotografiei.

www.paulpetrut.com – acesta este un site web de prezentare al unui fotograf din Brașov, ce are integrat și blog-ul în site.s

www.cipriandumitrescu.com – ca și cel precedent, și acest site web de prezentare include blog.

Dacă vorbim din punct de vedere tehnic, la o primă vedere atât site-ul web de prezentare, cât și blog-ul nu au multe diferențe. Pentru realizarea unui blog la fel ca și realizarea unui site web de prezentare tehnica utlizată este aceeași. Singurul lucru diferențiator pentru cele două mijloace on-line sunt elementele mai complicate care dorești să apară pe acestea.

Spre exemplu, blog-urile prezentate anterior la fel ca și sinte-urile web de prezentare de altfel, tehnic vorbind se realizează la fel. Așadar, cea mai populară și utilizată platformă pentru realizarea acestora este wordpress (prezentată în primul capitol al acestei lucrări). Pentru diferențierea celor două, în procesul de creare ai opțiunea de a posta o pagină de prezentare sau un articol tip cronologie.

3.3. Tehnologiile utilizate

Cum am prezentat și în capitolele anterioare, realizarea unui blog poate fi posibilă atât prin utilizarea limbajelor de programare (PHP și MySQL), cât și cu ajutorul platformei WordPress care este cea mai utilizată.

WordPress conferă un avantaj foarte mare, prin prezența SEO – Search Engine Optimization, astfel că bloggerul trebuie doar să-și așterne gândurile și părerile, iar platforma WordPress se ocupă cu promovarea blog-ului. Eficiența acestui sistem se va putea recunoaște în scurt timp, astfel că prezența unui articol pe motoarele de căutare se va realiza în câteva zile, iar pentru un blog ce se află la început de drum este foarte repede.

Ușurința utilizării platformei WordPress este fundamentată de designul deloc dificil, astfel că interfața blogu-ului se poate schimba din doar câteva click-uri, la fel și așezarea widget-urilor. Scrierea și editarea tuturor articolelor este accesibilă oricui, prin prezența interfeței WYSIWYG – what you see it’s what you get. În concluzie platforma este foarte ușor de administrat, fără a fi nevoie de cunoștințe avansate în domeniul programării.

4. Realizarea unui site de tip portofoliu pentru prezentarea de artă fotografica

4.1. Elementele componente ale site-ului

Partea practică a prezentei lucrări de licență o constituie realizarea unui site web de prezentare, cu blog inclus al unui fotograf.

Alegerea acestei teme a pornit de la pasiunea pe care o împărtășesc cu domeniul fotografiei și faptul că majoritatea timpului asta fac – fotografiez. Realizarea unui site web pentru mine nu reprezintă doar partea practică a acestei lucrări, ci faptul că am ales să realizez site-ul web de prezentare pentru mine personal, pentru dezvoltarea mea profesională și pentru că-mi doresc să împărtășesc cunoștințele și abilitățile cu toți cei care doresc să mă cunoscă. Acest site web de prezentare a muncii mele o să fie funcțional în totalitate și am să-l administrez personal.

Pentru realizarea acestui site web de prezentare am folosit atât limbajele de programare: PHP și MySQL, Java Script, Css și bineînțeles HTML, cât și platforma WordPress.

Etapele ce le-am parcurs în vederea realizării obiectivului propus usnt următoarele:

Descărcarea aplicației WordPress, de pe site-ul WordPress.org și instalarea acesteia.

Alegerea creării unui site web de prezentare cu pagina de blog inclusă;

Crearea unui design inițial (layout);

Crearea unui logo și favicon.

Instalarea PHP și a bazei de date MySQL (necesare îndeosebi pentru partea de incorporarea a paginii de blog);

Realizarea unui pagini de start (inițial goală);

Alegerea fonturilor și a culorilor de bază (ce vor aduce modificări temei inițiale)

Crearea meniului principal

Crearea paginii de start

Crearea paginilor interne:

About

Recent work (home page – în special pentru cele mai recente fotografii)

Beauty

Wedding

Fasion

Blog

Contact (inclusiv link-uri către diverse alte site-uri de socializare)

Pe scurt aceasta va fi structura site-ului web de prezentare, care pe viitor va fi baza dezvoltării mele profesionale și parte din munca mea.

4.2. Realizarea tehnică a site-ului web de prezentare

Interfața site-ului web de prezentare artă fotografică va conține elementele necesare, fără a fi încărcat sau greu de utilizat și vizualizat de către viitorii vizitatori.

Pentru realizarea acestuia am lucrat cu editorul Atom pentru editarea textului și cu limbajele de programare HTML, JavaScript și Css.

Stilizarea conținutului site-ului web de prezentare este scris în limbajul de programare Css, atașat în următoarea prezentare, fiind suficient de explicit. Cu toate acestea, în elaborarea codului este prezentate fiecare element necesar site-ului web, precum și caracteristicile specifice fiecăruia.

body {

margin: 0;

font-family: 'Raleway', sans-serif;

background: #333;

height: 100vh;

background-image: url('../img/latest-cover.jpg');

background-position: 50% 50%;

background-size: cover;

background-repeat: no-repeat;

-webkit-transition: background-image 0.4s ease-in-out;

transition: background-image 0.4s ease-in-out;

}

.separator {

clear: both;

height: 0;

}

.logo {

display: block;

float: left;

line-height: 4rem;

font-size: 2.3rem;

padding: 0 1em;

color: black;

text-decoration: none;

}

.navbar {

background: white;

}

#burgerMenu {

display: none;

float: right;

border: none;

background: white;

width: 3.5rem;

padding-top: 0.5rem;

cursor: pointer;

text-align: center;

-webkit-transition: all 0.4s ease-in;

transition: all 0.4s ease-in;

}

#burgerMenu:hover {

background: #f0f2f4;

}

.menu-link {

display: block;

float: right;

line-height: 4rem;

font-size: 1rem;

padding: 0 1.5rem;

border-left: 1px solid #eee;

color: #999;

text-decoration: none;

-webkit-transition: all 0.4s ease-in;

transition: all 0.4s ease-in;

}

.menu-link:hover {

color: #555;

background: #f0f2f4;

}

#content {

display: block;

max-width: 100%;

height: 100%;

}

.menu {

position: absolute;

top: 100px;

right: 0;

width: 360px;

}

.menu li {

background: white;

display: block;

opacity: 0.75;

padding: 0.7rem 0.3rem;

font-size: 1rem;

border-top-left-radius: 3px;

border-bottom-left-radius: 3px;

margin-top: 0.7em;

cursor: pointer;

-webkit-transition: all 0.4s ease-out;

transition: all 0.4s ease-out;

list-style: none;

}

.menu li:before {

content: '<';

padding: 0 12px;

font-size: 1.4rem;

color: transparent;

-webkit-transition: all 0.4s ease-out;

transition: all 0.4s ease-out;

}

.menu li:hover:before, .menu li.active:before {

color: #333;

}

.menu li:hover, .menu li.active {

opacity: 1;

margin-left: -3em;

}

/* Social menu */

.social {

position: absolute;

bottom: 20px;

right: 20px;

width: 340px;

}

.social a {

display: block;

float: right;

width: 50px;

height: 50px;

margin-left: 12px;

opacity: 0.75;

background: white;

-webkit-transition: all 0.4s ease-out;

transition: all 0.4s ease-out;

}

.social a:hover {

opacity: 1;

}

@media (max-width:640px) {

#mainMenu {

z-index: 100;

display: none;

}

#mainMenu.visible {

clear:both;

display: block !important;

margin-right: 10px;

}

#mainMenu.visible .menu-link {

font-size: 1rem;

line-height: normal;

padding: 10px 10px;

color: #999;

border: none;

}

#burgerMenu {

display: block;

}

.social {

width: 200px;

left: 0;

}

.logo {

padding: 0 0.2em !important;

}

.menu {

width: 240px;

}

}

Site-ul web de prezentare a fost creat astfel încât să fie disponibil și pe mobile. Așadar, atașez și sursa codului JavaScript utilizat pentru această funcționalitate:

Pentru stilizarea fiecărui fișier de bază am optat pentru utilizarea editorului de text – Atom, deoarece permite să modific aproape toate aspectele site-ului web de prezentare.

Astfel, din procesul de realizarea am să atașez editarea cu ajutorul editorului Atom a codurile elaborate pentru fiecare limbaj:

Editor Atom – HTML:

Editor Atom – Java Script

Editor Atom – Css

Site-ul web de prezentare cuprinde următoarele pagini:

About – va cuprinde o descriere despre mine ca persoană și fotograf în același timp, precum și totul despre această pasiune cu fotografia.

Recent work – vor fi încărcate cele mai recente informații și fotografii

Beauty – aici va fi creat un portofoliu cu poze portret în general

Wedding – portofoliu cu poze de nuntă/botez/petreceri

Fashion – portofoliu cu poze fashion, articole vestimentare

Blog – îmi voi exprima părerile despre diferite persoane (modele), diferite tipuri de fotografie, noi oportunități, etc.

Contact – adresa de e-mail, telefon, contact Facebook, Instagram, Gmail

De altfel, pe site se pot observa următoarele efecte:

Opțiunile din dreapta funcționează șimodifică imaginea de fundal (cu ușor efect de fade-in-out);

Site-ul este mobile friendly

Meniul principal dispare atunci când ecranul este mic

Meniul lateral se micșorează atunci când ecranul este mic

Meniul social se mută în stânga (tot pentru mobile)

Efecte când trecem cu mouse-ul peste rubrici: Recent work, Beauty, Wedding, Fashion

4.4. Prelucrarea fotografiilor în vederea prezentarii pe site

Pe lângă structura site-ului, este foarte important și conținutul acestuia, atât textele cât și fotografiile încărcate trebuie să transmită cât mai multe vizitatorului. Site-ul web de prezentare trebuie să se încarce foarte repede, iar primul impact al vizatatorului cu interfața site-ului trebuie să-i capteze atenția și interesul.

Site-ul web de prezentarea al activității de fotograf pe lângă faptul că mă va ajuta să-mi promovez serviciile, mă va ajuta să-mi atrag și noi clienți. Pentru acest lucru fotografiile trebuie să fie impecabile, să conferă claritate și profesionalism. Îndeplinirea acestor trei condiții este realizată cu ajutorul unui alt soft, respectiv programul Photoshop.

Photoshop este

4.5. Imbinarea tuturor elementelor componente, testarea și publicarea site-ului