In ultima vreme am explicat deseori care este diferenta intre domeniul de pe care poate fi accesat un site si hostingul acelui site, sau spatiul de server. Asa ca am decis sa scriu un articol, ca punct de referitnta pentru orice viitoare discutie.

Aceste doua lucruri separate inlesnesc impreuna accesarea unui site si impreuna cu a treia componenta vitala –  fisierele din care se compune acesta, alcatuiesc ceea ce percep utilizatorii cand viziteaza un site cu ajutorul unui browser web.

Acum o sa ma folosesc de o metafora destul de uzitata in domeniu ca sa explic aceste trei componente: metafora mutarii, si voi incerca sa fac asta intr-un limbaj cat mai simplu si mai la obiect. Astept intrebari sau alte interventii in comentarii. 🙂

Domeniul sau Numele Domeniului

exemplu.ro | exemplu.net | exemplu.com

Numele domeniului unui site este adresa web de pe care poate fi accesat un site, si este alcatuit dintr-o insiruire de caractere si cifre plus o terminatie de tip „.” (punct) si „com”; sau „.eu”, „.info” sau „.ro”. Aceste terminatii se numesc TLD: top-level domains, si in general fiecare tara are un TLD specific denumit ccTLD (country code TLD). Romania are .ro, SUA are .us si asa mai departe. Celelalte TLD-uri (gTLD:.com, .edu, .gov, .int, .mil, .net, .org etc.) sunt gestionate de ICANN.

Numele domeniului este de fapt un alias pentru o adresa IP, la care serverele care alcatuiesc internetul si calculatoarele noastre stiu, prin conventie, ca se afla un site. Motivele pentru care s-a trecut de la un sistem de numere (IP-uri), la nume de domenii a fost usurinta mai mare cu care utilizatorii obisnuiti pot tine minte/accesa un site.

Si aici intra in scena metafora:

Numele domeniului este adresa compusa din numele strazii, blocul, scara si orasul unde locuieste cineva. Mentionarea acestor coordonate, va ajuta pe oricine sa navigheze fizic pana in acel loc fie pentru a livra ceva fie pur si simplu pentru o vizita.

Numele domeniului este conventia folosita pentru a naviga pana la un anumit site, de catre utilizatorii/vizitatorii umani. O persoana fizica/juridica poate avea dreptul de folosinta si control al unui nume de domeniu fie temporar (in cazul unui domeniu cu terminatia .com, de exemplu), fie „pe viata”, in cazul unui domeniu cu terminatia .ro in Romania.

De aici, lucrurile se complica:
Internetul foloseste un sistem complex pentru alocarea IP-urilor, managementulul terminatiilor de domenii general-valabile sau locale (de asemenea numite nationale) si a unor servicii cu denumiri si functiolanitati din ce in ce mai complicate. Pentru mai multe detalii va invit sa accesati ICANN — The Internet Corporation for Assigned Names and Numbers.

Hostingul sau Gazduirea

Hostingul, sau gazduirea reprezinta un set de servicii, achizitionate de la o companie specializata, care asociate cu un nume de domeniu inlesnesc punerea online a unui website pentru publicul larg. 

Spun „pentru publicul larg”, deoarece in teorie se poate crea un site si independent de existenta unui domeniu.

Incluse in pachetul de servicii pentru hosting pot fi: spatiul de pe server, gestionarea e-mailurilor, software pentru baze de date, software automatizat pentru construirea diferitelor tipuri de website-uri (joomla, drupal, wordpress), si alte servicii asociate precum backup-uri si monitorizarea serverelor.

Ca sa continui analogia cu mutatul, pot spune ca hostingul reprezinta efectiv spatiul de locuit, care se poate obtine prin inchiriere sau cumparare.

Fara un nume de domeniu un site nu ar putea fi accesat decat prin adresa IP, un site fara hosting nu va putea fi accesat deloc. Cu alte cuvinte, la adresa respectiva nu se afla nimic.

Fisierele Site-ului

Cea de a treia componenta, fara de care un website nu va putea fi accesat va fi efectiv un website sunt fisierele din care acesta este compus.
Fie ca este vorba de un singur fisier html, sau de sute/mii de fisiere (PHP, html, javascript, imagini etc.), un browser nu va putea afisa informatia si un utilizator nu o va putea intelege cum trebuie daca fisierele nu sunt stocate pe server.

Revenind la metafora, fisierele site-ului reprezinta restul de lucruri pe care oricine le are la el/ea acasa. Mobila, haine, carti. Impreuna cu adresa si casa/apartamentul pe care il locuiti toate inseamna „acasa”.

Asa cum spuneam mai sus, am incercat sa mentin lucrurile cat mai simple, si intr-un limbaj cat mai nepretentios. Pe alocuri, cred ca am reusit!

Daca a mai ramas ceva neexplicat, astept cererile in comentarii sau pe facebook!

Aceasta postare Domeniu vs Hosting a aparut prima data pe Corcodus.ro.

Majoritatea celor care au un site sau detin un blog sau care pur si simplu au informatii valoroase pe calculatoare si online cunosc importanta unui backup facut la vreme. Cei care inca nu au aflat asta pe pielea lor, ar face bine sa ne creada pe noi restul, pentru ca altfel ar putea sa le para rau.

Sa trecem la treaba:

Exista mai multe variante (mereu exista!) prin care se pot face lucrurile.

Cum se face un backup de WordPress

Pasul 1

• Pe domeniul tau:

Baza de date:

WordPress stocheaza tot ceea ce inseamna articole, pagini, comentarii si date despre acestea intr-o baza de date. Daca ai instalat WordPress-ul manual, deja cunosti acest aspect. O copie a bazei de date te asigura ca poti repara oricand orice problema aparuta, si asta rapid.

– Daca ai acces la CPanel poti downloada baza de date manual: foloseste Cpanelul site-ului pentru a avea acces la server si pentru a descarca si salva datele de care ai nevoie.

NU copia listele care contin comentariile SPAM, statisticile sau asa-numitele black-lists daca suspectezi ca vor ocupa prea mult spatiu.

• Pe wordpress.com/Sau versiunea pt cei (cele) care se grabesc:

– Daca nu ai acces la cele de mai sus, poti sa folosesti optiunea Export de la Tools, din Dashboard-ul de administrare al site-ului tau.

In cazul in care trebuie sa schimbi hostingul de urgenta:
Daca suspectezi ca vei intampina probleme si cu imaginile si nu le poti descarca, iti sugerez sa ai un blog de wordpress gratuit, ascuns vederii oamenilor pe care sa incarci copia de baza de date, si sa bifezi optiunea de a descarca si incarca si imaginile aferente postarilor.

Pasul 2

Fisierele de WordPress:

O copie dupa fisierele WordPress. Teoria recomanda INTOTDEAUNA sa ai instalata cea mai recenta versiune de WordPress. Este cea mai buna protectie impotriva spammerilor, a hackerilor si a altor pericole de acest tip.

In cazul fericit in care acest lucru este valabil, nu ai nevoie de o copie dupa datele WordPress. Este suficient sa descarci una de pe site-ul lor.

Persoanele mai scrupuloase vor prefera insa fisierele existente pe server, si care alcatuiesc in acel moment baza site-ului lor. Ele pot gasi aceste fisiere in directorul Public_Html, si sunt selectate in imaginea la care duce linkul, daca faceti click pe el. Practic, salvand aceste fisiere si foldere, si arhivandu-le intr-un singur folder (pentru a le pastra ierarhia), alaturi de baza de date, aveti acces la toate datele site-ului.

Daca nu ai acces la ftp/cpanel, poti folosi fisierele de WordPress descarcate, pentru a instala inca o data site-ul, si il poti apoi repopula cu postarile/imaginile/datele existente in fisierul de la pasul 1.

Atentie, daca ai copiat datele initiale pe un alt blog ascuns, pentru a salva si imaginile, va trebui sa descarci de acolo postarile si continutul de pe blog, si apoi sa incarci pe noua instalare proaspata datele. Da, bifand optiunea de a descarca si incarca din nou imaginile. E mai consumator de timp, dar se poate dovedi foarte valoros cand nu ai acces la ftp/cpanel din diferite motive.

Pasul 3

Aspectul:

Pasul trei se aplica doar celor care nu au folosit metoda cu ftp/cpanel, si se refera la aspectul site-ului.

El este controlat de doua mari surse de informatii: fisierele care alcatuiesc tema de wordpress si fisierul de stil CSS. 

Tema de wordpress este accesibila in functie de modul de instalare: prin cautarea printre temele oferite ca sugestie de WordPress, sau achizitionata separat – deci descarcabila dintr-o sursa externa.
In orice caz, ea poate fi obtinuta relativ usor din aceeasi sursa. Daca nu ai copiat continutul site-ului cu totul, noteaza-ti undeva numele temei care este in acest moment activa.

Pasul 4

Pluginurile:

Daca nu sunt multe, si nu ai facut modificari in fisierele lor de baza, poti salva doar lista cu pluginurile aflate in functiune. La nevoie ele pot fi reinstalate.

Daca fie si numai ideea de a le descarca pe toate pe rand este ametitoare, descarcarea prin ftp este solutia salvatoare.

In sens invers: cum restaurezi un site, folosind un backup

Folosind phpMyAdmin, trebuie sa selectezi baza de date care te intereseaza, si sa incarci acolo copia ta pe care doresti sa o folosesti.

Pentru mai multe detalii sau pentru varianta care foloseste comenzi mysql, poti citi acest articol.

Pentru WordPress.com

In cazul in care blogul tau este de forma adresabloguluimeu.wordpress.com, si nu ai achizitionat optiuni suplimentare de la WordPress, lucrurile sunt simple:

Din Dashboard, faci click pe Tools, apoi Export si save. Gata.

Atentie aici, pentru ca exista riscul de a dubla postarile si de a gresi destul de tare. Folositi atentionarile de la Pasul 1 si 2, pentru rezultate optime.

Cat de des trebuie facut un backup?

Asta depinde doar de frecventa cu care se schimba lucrurile pe site-ul/blogul in cauza. Zilnic? Saptamanal?
Raspunsurile variaza, si doar in functie de ele se poate stabili o frecventa anume.

Se recomanda, si eu recomand, un backup inainte de orice modificare majora: update-uri majore, schimbari de continut etc.

P.S. Logo-ul WordPress este luat de aici.

Solutii automate:

Eu folosesc pluginul WordPress Backup to Dropbox, care face exact ceea ce spune.

Alte solutii pot fi: Google Drive for WordPress, sau Simple Backup. Sau poti alege o varianta platita (de la 2 centi/zi) myRepono WordPress Backup Plugin.

Varianta optima poate fi si o combinatie dintre toate cele de mai sus, mai ales daca datele sunt cu adevarat valoroase.

Daca stiii si alte solutii, astept in comentarii tot ce poate fi util.

Aceasta postare Tutorial: Backup de WordPress – Cum sa iti salvezi o copie a site-ului tau? a aparut prima data pe Corcodus.ro.

„Nebunia” mea personala cu Ubuntu a inceput acum multi ani, si magia asta a comunitatii care pune laolalta pentru a prelucra, inova pentru a se ajuta reciproc si pentru a scoate la iveala lucruri noi si mereu mai bune a fost „the biggest selling point” care m-a convins sa fac pasul de la Windows la …aceasta alta lume. 😀

In cele ce urmeaza am sa impart cu voi niste lucrusoare care mie mi-au inseninat viata, si m-au ajutat mult de tot: pensulele gratuite pentru GIMP, si cateva fonturi deja-selectate de mine care sunt gratuite si faine.

Toate scrierile mele sunt sub licenta CC. Creative Commons, din acelasi motiv: al circulatiei informatiei. Al ajutorului reciproc. Al unei altfel de lumi, cu altfel de reguli. La fel si fotografiile. 🙂

Prefer GIMP deoarece este versatil si functional atat pe Windows cat si pe Linux, si pot trece de acasa la job si pot folosi aceleasi fisiere/formaturi/template-uri fara dureri de cap.

Cu ajutorul unor pensule gratuite precum acestea de aici se pot face multe. Ce faci daca nu ai timp sa le cauti?

Le descarci pe cele care sunt selectate de mine dintre pensulele lui hawksmont, dar si din multe alte parti (in general de pe deviantArt).  Fii atent(a) cum se instaleaza pensulele in GIMP.
Toate sunt pentru uz personal nu comercial si nu pot fi atribuite ca fiind creatie proprie, sau folosite pentru a face marfa spre vanzare (cani, tricouri).   Pentru bloguri e in regula. 🙂
Atentie, fisierul are 100MB.  Recomand rabdare.

Pentru ca Arial narrow pur si simplu nu este suficient, si uneori nici macar Helvetica nu e suficient :D, am cautat si fonturi gratuite. Dar frumoase. Si stiu ca se gasesc cu duiumul, insa parca tot e mai bine cand cineva arunca un ochi peste ele, nu?

Primul pachet de fonturi este liber pentru uz personal, si se poate descarca de aici. Al doilea pachet este 100% liber de orice restrictii, multe dintre ele sunt chiar de domeniu public. Dar toate sunt frumusele. Se pot descarca de aici.

Cam asta ar fi. Spor la desenat. Si sa ne citim cu bine. 🙂

Aceasta postare Fonturi gratuite si pensule de GIMP a aparut prima data pe Corcodus.ro.

Am ramas datoare din postarea trecuta cu un template .psd functional si pentru cei care administreaza o pagina de facebook. Am decis pana la urma sa imi incerc si eu maiestria, dupa ce Silviu mi-a dezvaluit misterul.

🙂

Templateul acesta  permite modificarea in photoshop, sau GIMP a pozei de profil si a fotografiei de cover pentru o pagina de facebook, dupa placul si gusturile si nevoile celui care le modifica, evident. 😀

Ei bine, aici aveti linkul la template-ul facut de mine. Sfatul meu e sa nu modificati liniile de ghidaj (dupa ele se face decupajul final), si evident sa nu miscati din loc layerul care contine „profilul de facebook”.

Pentru mine  totul s-a aliniat perfect, insa as fi interesata sa stiu daca si pentru voi a mers totul OK.

P.S. Click pe poza pentru sursa fotografiei cu pietricelele si nisipul. Logo-ul l-am luat de aici: http://so.ee/pyU.

Aceasta postare Template: modifica in mod creativ coverul+poza de profil pe o pagina de facebook (fanpage) a aparut prima data pe Corcodus.ro.

Toata lumea cred ca s-a obisnuit cu ideea ca facebook a introdus noul timeline. Unora le place, altii se acomodeaza inca, altii apeleaza la tot felul de trucuri pentru a evita marea transformare.

Vestea buna este ca din observatiile mele, Facebook nu prea impune schimbarea asta,ba chiar lasa userii sa se obisnuiasca cu el, si sa faca ei schimbarea. Odata trecut la noul format insa, atentie nu veti putea trece inapoi, e definitiv.

Acum, mi-am facut hainutze noi aseara, pentru ca nu am mai rezistat sa testez ceva ce doream sa fac demult: un tutorial, complet cu template editabil pentru modificarea/branduirea/decorarea profilului de facebook, si descoperirea modului in care cover photo-ul se imbina cu poza de profil in ceva dragut, amuzant, util sau toate la un loc. Nu am mai rezistat si pentru ca am gasit minunatia asta de poza, de care m-am indragostit pe loc:

Incercand sa ma ocup de pagina de facebook a celor de la Peniel, am dat de tot felul de probleme, si intr-un final a trebuit sa vin cu artileria grea. Extraordinar de priceputul intr-ale designului, dragul meu prieten Silviu, si-a scos bagheta magica si a aflat ca de vina pentru problemele mele erau 19 pixeli, care faceau figuri. Va puteti imagina 19 pixeli incapatanati?

Problema fusese de fapt neatentia mea, pentru ca in loc sa folosesc la baza un printscreen de la pagina de facebook pentru a construi template-ul, am folosit profilul meu ca punct de pornire. Si asta a dus la cei 19 mici neastamparati, care mi-au dat mie peste cap ultimele zile.

Pentru ca, insa, pe profil personal functioneaza brici, va pot impartasi pasii care trebuiesc urmati, micile secrete, si la final ca bonus un template folosibil si pe photoshop si pe gimp.

Daca nu ati mai auzit de GIMP, nu e nimic. E un fel de photoshop, dar cu mult mai putine optiuni, insa merge de minune daca esti incepator ca mine si nu vrei sa dai banii pe ceva din suita Adobe. Sau daca folosesti doua sisteme de operare, Ubuntu – acasa, si Windows – la job, si vrei sa iti mearga toate si colo si colo…:D

Pasii.

1. Va ganditi bine ce fel de mesaj vreti sa promovati, sau ce tip de cover+poza de profil aveti in minte. Daca aveti un blog personal, dar nu vreti sa ii faceti inca pagina dedicata, o sugestie ar fi sa folositi logo-ul acestuia in poza de profil, suprapus peste restul imaginii. Daca va simtiti si mai indrazneti, puteti incerca una din variantele astea, toate sunt extrem de creative. Ei au si un template downloadabil acolo dar nu functioneaza tocmai bine. Promit ca fac un update sau un post nou si cu varianta pentru fan pages.

2. Dupa alegerea stilului/ideii pe care doriti sa o folositi, cautati-va imagini.
www.scx.hu este o resursa extraordinara pentru asa ceva, sunt colaje si fotografii de buna calitate, sub licente creative commons. Adica in general nu este nevoie decat sa lasati un mesaj+link autorului ca ii veti folosi munca in scop necomercial. Si totul va fi in regula.

3. Dupa ce ideea si imaginea va stau la dispozitie, o idee buna e sa cautati si niste fonturi care sa mearga cu ce va trebuie, dar asta este deja un pas care poate fi facut si spre finalul procedeului.

4. Descarcati template-ul. (Click pe link, se va deschide o pagina noua, apasati download din dreapta sus.)

5. Fisierul .psd poate fi deschis fie cu Adobe Photoshop, fie cu Gimp, si va functiona oricum.

6. Aranjati, decupati, bibiliti. Este important sa nu miscati liniile ajutatoare trasate de mine, si sa nu stergeti layerul denumit „Guide”.  Latimea intregului ansamblu este cu 12.5% mai mare decat acela al unei pagini normale de facebook, si asta pentru ca facebook are o ciudatenie: poza de profil afisata are 160×160 de pixeli. Poza minima pe care o puteti incarca este de 180×180 de pixeli, si apoi ei o miscoreaza automat. Ceea ce provoaca neplaceri SI dureri de cap. Asa ca am facut eu totul mai mare ca sa evit niste pasi suplimentari. Ca sa puteti folosi poza pe toata latimea ei (facebook nu va modifica astfel deloc la incarcare coverul) micsorati latimea fundalului pe care l-ati ales, la latimea maxima a template-ului (1143 px).

7. La final, veti avea de salvat doua portiuni din toata munca de pana acum:

• portiunea care va deveni cover, si pentru asta sfatul meu este sa ascundeti layerul „Guide”, si layerurile care alcatuiesc poza de profil, ca cum cumva o aliniere ciudata la upload sa cauzeze probleme.
• portiunea care va fi poza de profil, si care este temeinic incadrata de liniile ajutatoare. E important aici sa dati un zoom-in cat mai puternic a.i. sa selectati  exact pe liniile ajutatoare.

8. Incarcati ambele imagini obtinute pe profilul de facebook.

9. Enjoy!

P.S. Template-ul asta NU functioneaza si pentru fan pages, deocamdata, dar de indata ce va fi gata (azi, maine) voi gasi o metoda sa il pun si pe acela la dispozitie.

Aceasta postare Tutorial: cum sa iti modifici in mod creativ profilul de facebook a aparut prima data pe Corcodus.ro.