Author Archives: Cristian Gănescu
-
Web Design – Un dicționar rapid pentru începători
Leave a CommentWeb Design-ul este un proces complex de colectare a ideilor și cerințelor și aranjarea elementelor într-o manieră estetică, ținând cont de anumite principii specifice scopului care este urmărit. Web Design este un proces similar cu cel de creație, al cărui intenție este de a prezenta conținutul pe o pagină web, pe care utilizatorul o poate accesa prin intermediul unui Browser Web.
Web Design-ul cuprinde o sferă largă de aptitudini și discipline care au ca scop crearea și întreținerea site-urilor web. Dintre zonele care se ocupă cu design-ul web amintim:
– Design grafic;
– Design de interfață;
– Crearea codului standardizat și aplicații proprietare;
– Interfață pentru utilizator;
– Experiența utilizatorului;
– Optimizare pentru motoarele de căutare (SEO).
După cum se poate observa, aria foarte largă de activități necesită, în majoritatea cazurilor, acoperirea acestor zone de către mai multe echipe specializate.
În general, noțiunea de Web Design este folosită pentru descrierea procesului de design al interfeței de client/utilizator (front-end). Web Design-ul se suprapune, la un anumit punct cu proiectarea web, care este un domeniu mai extins al Web Development.
Care sunt principalele elemente ale Web Design-ului?
Design-ul web folosește foarte multe dintre elementele vizuale cheie, pe care le regăsim și în alte domenii ale design-ului:
Layout: Este modul în care elementele grafice, reclamele și textele sunt distribuite și aranjate. Cea mai mare provocare a designerilor web este să amplaseze informația astfel încât să fie rapid accesibilă și depistată imediat. Acest lucru include și menținerea unui echilibru, consecvență și integritatea design-ului per ansamblu.
Culorile: În ceea ce privește alegerea culorilor, acest proces depinde de scopul proiectului și preferințele clientului. Opțiunea poate fi un design simplu, cu 2 culori sau un design multicolor, care să exprime personalitatea brandului, persoanei sau, după caz, a organizației.
Elemente grafice: Elementele grafice includ logo-urile, imaginile, elementele vectoriale sau compuse din cod css, ale căror scop este de a îmbunătăți design-ul paginii. Pentru a oferi o experiență cât mai plăcută pentru utilizator, aceste elemente trebuie amplasate corect, alături de elementele de text care compun pagina, fără a fi îngrămădite, lucru care ar spori, spre exemplu, timpul de încărcare al paginii.
Font-urile: O componentă importantă în afișarea elementelor de text din pagină o constituie alegerea fontului potrivit. Browserele web pot interpreta anumite fonturi folosite pentru web, iar fonturile speciale trebuie integrate pe server pentru a fi livrate atunci când se încarcă pagina web.
Conținut: Scopul principal al conținutului este de a îmbunătăți maniera de livrare a mesajului prin intermediul elementelor vizuale grafice și a textelor. Textele trebuie să fie cât mai relevante, la subiect, fără a induce utilizatorul în eroare, oferind informația pe care acesta o caută. Conținutul trebuie optimizat pentru motoarele de căutare.
Dacă vrei să lucrezi alături de noi și să ai parte de un design orientat către o experiență captivantă și utilă pentru publicul tău țintă, scrie-ne și haide să programăm 25 de minute de consultanță gratuită la telefon, Skype sau WhatsApp.
-
Web Development sau drumul de la idee la site, aplicație sau forumuri
Leave a CommentWeb Development este un termen folosit pentru o arie foarte largă de aplicabilitate. Rezultatul unui proces de web development poate varia de la o pagină de internet statică sau un landing page, până la aplicații complexe, cum ar fi site-uri de știri, forumuri de discuții sau aplicații web la comandă, potrivite pentru activitatea clientului.
În acest articol ne vom concentra pe de o parte pe punctele cheie, pe de altă parte pe principalele unelte cu care un web developer lucrează.
Pentru a înțelege pe deplin ce înseamnă Web Developmentul și ce este un web developer, trebuie, înainte de orice, să înțelegem ce este un Site web.
Ce este un Site Web?
Site-ul Web (website) este o colecție de documente individuale compuse din elemente text, grafice și multimedia, care sunt formate în așa fel încât să creeze o cât mai bună experiență a utilizatorului.
Orice site este atribuit unui domeniu. Spre exemplu, site-ul pe care acum îl vizualizezi acum este atribuit numelui de domeniu noobz.ro. În acest fel, browserul știe unde trebuie să se ducă pentru a afișa toate fișierele site-ului căruia îi este atribuit domeniul noobz, cu extensia “.ro”.
Site-ul web este accesibil prin intermediul unei rețele publice care folosește un protocol de internet, cunoscut drept IP (Internet Protocol). Acest IP este echivalentul adresei fizice, unde locuiește fiecare. Ca exercițiu, când spunem “mergem acasa la Daniel”, casei lui Daniel îi este atribuită o adresă fizică (Strada X nr.Y, ap.Z). Pe același principiu funcționează și browser-ul.
Atunci când un utilizator introduce un domeniu, browser-ul accesează rețeaua publică unde sunt listate toate adresele de internet, vede care este IP-ul atribuit, după care trimite o solicitare către serverul care deține fișierele atribuite domeniului respectiv, urmând ca acestea să fie afișate. Numele de domeniu este același lucru cu URL (uniform resource locator). Data viitoare, când cineva vă cere URL-ul site-ului, trebuie să știi că se referă la numele de domeniu.
Ce este un browser?
Browserul este unealta (sau aplicația) prin care site-urile web pot fi accesate. Browserul web are capacitatea de a descărca și afișa fișierele și componentele care alcătuiesc un site web.
Cele mai folosite browsere sunt Google Chrome, Mozilla Firefox, iar pentru utilizatorii dispozitivelor iOS, Safari. Numele de domenii sunt resurse de informații care sunt identificate prin URL sau URL (Uniform Resource Identifier/Locator). Hyperlinkurile, care se regăsesc în alte fișierele de pe un site, permit utilizatorilor să navigheze către alte resurse.
Deși scopul principal al browserului este să acceseze resurse prezente pe rețeaua publică World Wide Web (www), acestea pot fi folosite pentru accesarea unor adrese locale, servere private, care nu sunt deschise rețelei publice (Intranet).
Ce este un server web?
Pentru ca fisierele atribuite unui domeniu să fie accesibile rețelei publice, acestea trebuie să fie stocate pe niște calculatoare denumite servere web.
Serverele web trebuie să fie legate la rețeaua publică pentru a putea prelua solicitările utilizatorilor și să trimită fișierele necesare către browser-ul utilizatorilor în vederea afișării unui site web.
Trebuie menționat faptul că, serverele sunt diferite de computerele personale pe care le folosim noi acasă, iar acest aspect nu se limitează doar la anumite componente, cum ar fi mediile de stocare mai rapide și procesoarele. Serverele web sunt conectate la internetul de mare viteză, care le oferă capacitatea de a deservi sute, uneori chiar și mii, de utilizatori în același timp. Platformele foarte mari, cum ar fi rețeaua de socializare Facebook, sunt stocate pe întregi data-center-uri, cu sute de astfel de calculatoare, capabile să livreze informația către milioane de utilizatori, în același timp.
Pentru afișarea conținutului, browserele se bazează pe interpretarea limbajului de programare HTML. Cu toate acestea, pentru operarea serverelor web, acestea folosesc mai multe limbaje de programare și unelte care ajută la interpretarea și afișarea acestor fișiere prin intermediul HTML.
Ce este limbajul de programare HTML?
Toate site-urile folosesc limbajul de programare HTML. Practic, HTML este acronimul Hypertext Markup Language. HTML este un set universal de comenzi, sau instrucțiuni, pe care orice browser web este capabil să-l urmeze.
Limbajul de programare HTML poate reda fișiere precum text, imagini sau tipuri de formatare. Toate aceste instrucțiuni sunt transpuse în cod HTML, cod stocat în interiorul unor documente cu extensie “.html”, pe care browserul va ști exact cum trebuie să le afișeze.
Ce este un Web Developer?
Un Web Developer este un programator care creează programe și aplicații pentru a fi utilizate pe rețeaua de internet sau intranet. Programatorul este capabil să realizeze un site web cap-coadă. Poate crea cod personalizat fiecărei cerințe, acesta dezvoltând absolut tot ce înseamnă layout și funcționalități.
Pentru început, acestea ar fi componentele și actorii Web Development-ului. Va urma să discutăm, în alte articole pe care le vom publica pe blog despre primii pași necesari pentru a realiza o pagină web și multe alte subiecte care ar putea fi utile în dezvoltarea unei afaceri online.
Dacă doriță să aflați mai multe informații direct de la noi, puteți profita de cele 25 de minute de consultanță gratuită prin telefon, Skype sau WhatsApp. Scrieți-ne un mesaj și haideți să ne cunoaștem.