Cum sa faci trafic?

Mda, foarte interesant. O singura buba in toata povestea si strategia asta: cat trafic poti sa faci si mai ales cati dintre cei care au intrat pacaliti de vulpe la tine-n blog se vor mai si intoarce?

Poate mi se pare, dar eu cred ca mai important decat tot traficul asta de unica folosinta este cel fidel, daca exista asa ceva (poate exista). Si fidelizarea asta si traficul adevarat se obtine doar daca ceea ce scrii are constanta si calitate.

Adica, frate, daca tot scrii, macar scrie constant, nu o data la trei saptamani si mai ales scrie bine. Si-o sa vina si traficul.

miercuri

Html

Pentru inceput, va recomand sa descarcati NOTEPAD++, pentru ca are cateva bune pentru incepatori.

HTML?

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afisate într-un browser. Scopul HTML este mai degraba prezentarea informatiilorparagrafe, fonturi, tabele s.a.m.d. – decat descrierea semanticii documentului.

Ce ar trebui sa stiu mai intai?

Pentru inceput, trebuie sa stii ca “/” indica sfarsitul unui tag. Spre exemplu <b> este inceputul si </b> este sfarsitul. In acest caz tot ce este in interiorul acestui tag este ingrosat. Iar tot ce este in afara tagului este scris normal.

Cum incep?

Intra in notepad si copie codul de mai jos, iar apoi salveaza pagina ca “index.html“:
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>
</body>
</html>
Acestea sunt tagurile esentiale ale html-ului.
In “<head>” se afla “<title>” adica titlul paginii. Tot in “<head>” se mai pot pune meta taguri. Cele mai importante sunt:
<meta name=”description” content=”Descriere” />
<meta name=”keywords” content=”Cuvinte cheie separate prin virgula” />
Acum sa trecem la continutul site-ului. Intre “<body>” si “</body>” trebuie pus tot ce contine site-ul. Spre exemplu:
<html>
<head>
<title>Pagina mea</title>
<meta name=”description” content=”Prima mea pagina” />
<meta name=”keywords” content=”pagina, html” />
</head>
<body>
Continutul paginii mele.
</body>
</html>

Cateva taguri utile…

Pentru ca HTML este un limbaj ce este format in totalitate de coduri, m-am gandit sa postez cateva coduri.
<h1> text </h1> – modifica marimea textului
<h2> text </h2> – modifica marimea textului
<h3>text </h3>- modifica marimea textului
<h4>text </h4>- modifica marimea textului
<h5>text </h5>- modifica marimea textului
<h6>text </h6>- modifica marimea textului
<b> text </b> – bold – ingroseaza textul | text
<i> text </i> – italic – apleaca textul spre dreapta | text
<u> text </u> – underline – subliniaza textul | text
<font color=”#FF0000″> text </font> – coloreaza textul – text
<a href=”http://www.tutoit.com”> text </a> – link | text
<img src=”http://www.tutoit.com/upload/priv/logo.png”> – intoduce o poza
<blink> text </blink> – textul apare si dispare
<marquee> text </marquee> – se misca textul spre stanga
<form ACTION=URI><input type=”button” value=”Click aici” onClick=’alert(“Mesajul tau” )’></form> – buton cu mesaj |
Cam atat pentru astazi. Voi reveni cu mai multe coduri in viitorul apropiat. Daca nu ai inteles ceva, poti lasa un comentariu si iti voi raspunde cu placere.
<html>
<head>
<title>Pagina mea</title>
<meta name=”description” content=”Prima mea pagina” />
<meta name=”keywords” content=”pagina, html” />
</head>
<body>
<center>
<marquee scrollamount=3 direction=right loop=true behavior=alternate>
<h1><font color=”#FF00FF”>Sper ca v-a placut acest tutorial.</font></h1></marquee>
</center>
<body onunload=”alert(‘La revedere!’ );”>
</body>
</html>

Domeniu

Ce este un nume de domeniu ?

Numele de domeniu este adresa sitului tau. De exemplu : www.Numele_de_domeniu_.ro; sau www.Numele_de domeniu.com. Imaginea sitului tau incepe cu numele de domeniu. Sa reusesti sa alegi un nume de domeniu care descrie foarte bine subiectul sitului tau este foarte important. Astfel vei reusii inca de la inceput sa oferi o imagina de ansamblu asupra continutului sitului tau. Numele de domeniu este cea mai mica investitie care o vei face in situl tau. Poti sa cumperi nume de domenii cu mai putin de 10$ de an, ceea ce este destul de putin.

Inregistrarea propriuzisa a numelui de domeniu este destul de simpla, ca si cum ai face o adresa de e-mail. Avantajul pe care il ai in alegerea numelui de domeniu, este ca nu trebuie sa il pastrezi pentru totdeauna. Gandeste-te la acesta ca la un abonament, care il platesti, la alegerea ta, fie anual fie lunar.

marți

Trafic

Sau cum sa-ti cresti traficul, numarul de vizitatori pe propriul blog?

Foarte buna intrebare, la care foarte multi experti si-au dat cu parerea. Dintre cele mai minunate sfaturi si sugestii gasite pe net, pe la bloggerii nostri adevarati cu trafic cat casa de la numarul 20, amintesc:

1. sa te inscrii in cat mai multe adunaturi de bloguri si profile (agregatoare sau retele sociale): blogoree.ro, digg.ro, ghidoo.ro, digme.ro, mybloglog.com, hi5.com, myspace.com, facebook.com, pe toate cu descrieri si aranjamente minunate

2. sa-ti faci lista de messanger de 10 kilometri si sa trimiti celebrul spam cu “scuzele de rigoare”

3. sa te bagi pe toate forumurile pe care le gasesti si sa ai semnatura cat mai goala sau cel putin ciudata (btw, sa nu uiti sa-ti bagi si adresa blogului tau) si sa comentezi cat mai amboulea

4. sa faci acelasi lucru (cu semnatura si comentariile) pe toate celelalte bloguri la care ai vazut traficul mare sau pe paginile celor mai citite cotidiene, sa-i vorbesti de bine “da, ai dreptate” sau de rau “nu, nu ai dreptate, esti un bou sau vaca la alegere”

5. sa pui poze cu fete goale si baieti in puta goala

6. sa dai o bere la toata lumea si sai rogi cu lacrimi in ochi sa te adauge la ei in blogroll, la “prieteni” sau sa te bage unde vor ei, dar sa te bage

Mda, foarte interesant. O singura buba in toata povestea si strategia asta: cat trafic poti sa faci si mai ales cati dintre cei care au intrat pacaliti de vulpe la tine-n blog se vor mai si intoarce?

Poate mi se pare, dar eu cred ca mai important decat tot traficul asta de unica folosinta este cel fidel, daca exista asa ceva (poate exista). Si fidelizarea asta si traficul adevarat se se obtine doar daca ceea ce scrii are constanta si calitate.

Adica, frate, daca tot scrii, macar scrie constant, nu o data la trei saptamani si mai ales scrie bine. Si-o sa vina si traficul.

Fara Website esti Invizibil

Bani - Scopul principal a unui site este sa aduca profit. Multe firme, fie ele cat de mici, continua sa nu fie afisate pe internet. Lumea noastra e intr-o continua evolutie, si o data cu ea trebuie sa evoluam si noi. Prezenta pe internete, devine imperativa. Gandeste-te la cati clienti poti sa pierzi prin simplu fapt ca nu ai un website care sa iti prezinte firma pe internet. Gandeste-te la cati bani poti sa pierzi pentru ca nu ai un site.
Multe firme, pierd clienti pentru simplu fapt ca nu au dat atentie campaniilor de publicitate. Un site, iti aduce numele pe internet, un site te face cunoscut lumii intregi, cred ca e destul de important ca lumea sa stie de afacerea ta. Internetul ofera posibilitatea de a castiga bani, promovandu-ti afacerea. Gandeste-te, numele afacerii tale este facut cunoscut lumii intregi, iar tu ai castiguri pentru aceasta. Mai intai numarul clientilor tai poate sa creasca, asta va duce la incasari mai mari, si apoi siteul tau poate genera destul profit incat sa plateasca pentru intreaga campanie de publicitate.
Un site bine planificat de la inceput, e ca si cum ai avea magazinul in cel mai mare centru comercial. Siteul tau poate fi cunoscut lumii intregi, si implicit si afacerea ta. Un site, ofera o oportunitate de dezvoltare chiar, si poate creste clientela substantial. Majoritatea celor care inca nu isi promoveaza afacerea pe internet, privesc siturile ca o strategie foarte scumpa... un lucru complet gresit. Astazi poti sa iti faci un site gratuit, tot ce trebuie sa investesti este timp si rabdare.

Situl tau nu are program de functionare, va fi disponibil 24 de ore din 24, astfel poti sa castigi bani chiar si atunci cand stai cu familia, sau iti petreci timpul altfel decat lucrand. Ca sa nu o mai lungim cu vorba, un site, ofera o noua modalitate de publicitate, nu va fi inchis niciodata, si afacerea ta poate functiona non stop. Acestea sunt doar cateva motive pentru care tu, trebuie sa inveti cum sa iti faci un site gratuit. Bemeficiile oferite de un site gratuit sunt enorme, nu cred ca sunt dezavantaje in a avea un site. Ve fi platit inclusiv pentru a te promova. Incearca sa iti faci un site gratuit, nu vei avea nimic de pierdut. Afacerea ta va fi cunoscuta lumii intregi.

Reguli de baza

Cand am primit ca tema sa fac primul meu site am fost cam dezorientat. Dadeam din colt in colt si nu stiam de unde sa incep. Cateva ghidaje sau sfaturi ar fi fost mai mult decat utile... Stiu ca oricine e la inceput ar vrea sa i se spuna cum sa faca un site, de unde sa inceapa, cum sa il apuce. M-am gandit sa scriu mai jos cateva reguli sau "guidelines". Sper sa va fie utile...
  • alege tema (cuvintele cheie) pentru fiecare pagina a site-ului in parte. construieste site-ul tinand cont de aceste cuvinte cheie alese. foloseste-le in title, taguri meta (keywords si description), un URL-uri, in meniu si in numele imaginilor. bineinteles ca nu vor lipsi nici din text.
  • pentru meniu foloseste doar text si css. nu folosi imagini sau javascript!!!
  • foloseste cuvintele cheie in alcatuirea meniului
  • ai grija sa folosesti denumiri si URL-uri frumoase pentru fiecare pagina in parte. foloseste "-" ca sa desparti cuvintele. daca ai parametrii in URL atunci foloseste URL rewrite astfel incat sa obtii ceva de genul http://www.site-de-exemplu.com/categorie/subcategorie/produsul-dorit.html
  • scrie codul html curat. foloseste div-uri in loc de tabele daca e posibil. ai grija ca raportul intre continut text / cod html sa aiba o valoare cat mai mare
  • scoate css-ul si javascripturile in fisiere separate
  • foloseste pe cat posibil doar css si renunta la atributele pentru style
  • foloseste tag-urile h1, h2, h3... nu folosi imagini pentru crearea headingurilor (titluri subcapitole)
  • foloseste template-uri. pune meniul in fisier separat pe care mai apoi il vei include in fiecare pagina in parte. astfel cand va trebui sa modifici in meniu vei modifica intr-un singur loc.
  • foloseste doar imagini de dimensiuni mici, care se vor incarca rapid
  • nu uita sa adaugi tag-ul alt pe imagini.
  • site-ul va avea un sitemap in format html si un google sitemap care va fi inscris la google
  • imaginile vor fi in directorul special pentru imagini, css-ul in directorul pt css-uri si javascripturile in directorul pentru javascripturi.
  • daca e necesar creeaza o structura de directoare si pentru paginile site-ului
  • foloseste atributul title pentru tag-ul a href="" title=""
  • valideaza codul folosind validatorul de la w3c

De ce sa iti faci un site?

Vrei să câştigi bani pe net, nu? Vrei să faci bani din pasiunea ta? Atunci fă-ţi un site. Dar de ce? Fiindcă asta e calea spre succesul tău pe internet. Dar înainte de asta, să lămurim anumite lucruri:
  1. Ca să-ţi faci un site, vei avea nevoie de un domeniu. Am scris aici despre asta.
  2. Odată ce ai un domeniu şi host, îţi trebuie site-ul. Acum ai să te apuci de construit.  Dacă ai optat pentru cariera de programator web, atunci citeşte articolul acesta, în schimb, dacă vrei ceva mai uşor, atunci îţi recomand să-ţi faci un blog. Eu folosesc wordpress. E foarte bun şi uşor de utilizat.
  3. Dar să faci un site nu e de ajuns, trebuie conţinut, promovare, strategii de marketing. Despre astea o să vorbim puţin mai încolo.
E simplu până aici, nu?
O să discut în săptămânile ce urmează despre fiecare în parte. Şi mult mai mult. O să te învăţ să-ţi faci propriul site. Ca în final, să stăm amândoi la un pahar de vin şi să depănăm amintiri.

Cum îmi fac un blog

Cred că ţi-ai format deja o idee despre ceea ce înseamnă un blog în ziua de azi. Ideea a pornit de la „jurnal personal online” apoi a continuat cu bloguri ce deţin informaţii destul de valoroase (de exemplu te învaţă să faci ceva – de la afaceri pe net până la tutoriale în Photoshop).
Ai de ales mai multe variante dacă vrei să îţi faci un blog.
a. Te poţi înscrie pe wordpress.com sau blogspot.com, siteuri ce îţi dau posibilitatea de a crea un blog în doar câteva minute fără mare bătaie de cap. Desigur asta are câteva dezavantaje. Nu eşti stăpân în totalitate pe domeniul tău web. Aici mă refer la faptul că nu poţi să modifici codul sursă după bunul tău plac, nu ai posibilitatea de a implementa pluginuri ce nu există deja pe site şi de care ai nevoie, iar în plus, oamenii au o mai mare încredere în domeniile cumpărate decât în cele gratuite. Ca să nu mai vorbim de siteurile ce oferă programe genul „pay per post” şi care nu acceptă domenii gratuite ca să le promoveze articolele/produsele etc. Aşadar dacă vrei să câştigi bani pe internet, citeşte punctul următor.
b.      Îţi cumperi un domeniu pe care instalezi tu platforma WordPress. Cea pe care o folosesc şi eu. Înainte de a face asta, te sfătuiesc să citeşti articolele următoare, exact în ordinea în care le-am pus:
1.      Cum să-ţi alegi un domeniu – numele domeniului tău e foarte important.
2.      Cum să-ţi alegi cel mai bun host – vei găsi informaţii despre cele cum să îţi faci un plan înainte de cumpăra spaţiu pe internet.
3.      Cum să instalezi WordPress – despre asta am scris în PDF-ul gratis pe care îl ofer.
Un blog se poate transforma destul de uşor în site. Mai ales cu toate plugin-urile pe care le oferă WordPress. De aceea dacă nu vrei bătăi de cap, îţi poţi instala WordPress apoi poţi învăţa cum să îl foloseşti ca pe un site.
II. Cum îmi fac un site
Nu are rost să descriu acum toate ciudăţeniile ce ţin de programare când vine vorba de construcţia unui site, fiindcă ştiu că te-ai plictisi. Aşa cum spuneam, programarea e pentru cei ce vor să o înveţe. La ora actuală sunt destule metode de a avea propriul site pe gratis sau pe o sumă foarte mică de bani.
1. Foloseşte un CMS
CMS vine de la Content Management System. Personal când am auzit prima dată de aşa ceva, încă mă dădeam cu capul de pereţi ca să-mi fac şi eu un site dinamic.
CMS-ul este o aplicaţie software a cărei scop este să creeze şi să administreze/intreţină un site web. Un fel de WordPress, dar cu alte funcţionalităţi.
Cu ajutorul CMS-ului îţi poţi modifica structura paginilor, designul, direct din panoul de administrare ce îl oferă.
Joomla şi Mambo sunt două din CMS-urile ce le-am folosit de-a lungul timpului. Sunt destul de bune, dacă vrei să începi cu ceva şi nu ai idee, poţi începe cu asta. Sau, te poţi rezuma la WordPress. În linkul următor ai o metodă foarte uşoară de a transforma blogul într-un CMS.
2. Fă-ţi propriul site
Aici e un pic mai complicat, mai ales pentru cei ce nu se pricep prea bine la programare.
Dacă nu ai nevoie însă de conţinut dinamic, ci doar de o pagină de prezentare, atunci situaţia devine mai simplă.
Există pe net foarte multe aplicaţii ce îţi permit generarea de pagini web fără a şti o boabă din tehnologiile web. Trebuie doar să scrii pe google „free web site generator” şi vei găsi o grămadă de rezultate.
Când eram la inceput cu programarea web, nu prea aveam eu idee cum să afişez conţinut dinamic. Atunci am dat de CuteNews, o aplicaţie ce a revoluţionat aproape totul pentru mine. Cu ajutorul scriptului ai posibilitatea de a adăuga conţinut dinamic pe siteul tău. Asta înseamnă că poţi pune ştiri, comentarii, ai un panou de administrare. În plus e şi foarte simplu de utilizat.
Dacă ar fi să aleg una din opţiunile de mai sus, cu siguranţă cea mai simplă şi utilă e instalarea WordPress. Nu necesită cunoştinţe prea mari de programare, are foarte multe plugin-uri ce îţi permit să faci aproape orice din siteul tău şi e gratis pe deasupra.

Cum sa faci un site folosind programe gratuite

Acest articol îşi propune să demonteze unul dintre “miturile” cele mai vehiculate pe piaţa de web design din România, şi anume că pentru realizarea unui site ai nevoie de programe puternice cum ar fi Macromedia Dreamweaver (pentru cod şi asamblare), Adobe Photoshop (pentru editarea imaginilor) sau Macromedia Flash (pentru animaţii).
Din fericire, lucrurile nu stau deloc aşa. Un site nu este nimic altceva decât un produs oarecare şi, drept urmare, trebuie gândit în termeni de investiţie şi recuperare a investiţiei. Dacă firma la care lucraţi are nevoie de un site simplu, fără efecte speciale şi alte brizbrizuri, nu are rost să cheltuiţi aproximativ 1.700 de euro (cam atât costă licenţele pentru programele de mai sus) sau să riscaţi o amendă de 2.500 de euro (dacă le instalaţi fără licenţă, din exact acelaşi motiv pentru care nu aveţi nevoie de un Porsche pentru a merge până vizavi la alimentara. Sau, ca tânăr proprietar al unei firme de web design, nu are rost să investeşti în asemenea licenţe până ce nu eşti sigur că vei avea clienţi pe măsură, care să justifice investiţia. S-ar putea să ai surpriza de a constata că majoritatea clienţilor tăi vor de fapt numai site-uri mici, care să-ţi aducă venit mai mult din întreţinerea, decât din realizarea lor.
Programele amintite mai sus sunt indispensabile numai firmelor profesioniste de web design, care trebuie să facă faţă în mod curent unor cerinţe specifice venite din partea unei clientele diverse. În mod obişnuit, când ceea ce doriţi să realizaţi nu e decât o pagină personală sau un site de firmă care să fie pur şi simplu informativ, uşor de navigat şi plăcut ochiului, este bine să încercaţi să-l faceţi cu cât mai puţine cheltuieli posibile.
Se poate spune că la baza site-urilor web de succes stau patru formate:
  • .html – paginile ca atare – de crearea cărora se ocupă editorul html
  • .jpg, .gif – imaginile – de care se ocupă editorul de imagini
  • .swf – animaţiile – de care se ocupă programul de animaţie vectorială.
În continuare vom vedea care sunt cele mai bune soluţii gratuite pentru crearea paginilor web, în cazul în care folosim sistemul de operare Windows.
Editorul HTML: Alternativele la Dreamweaver – Macromedia Dreamweaver e un program cu ajutorul căruia web designerii profesionişti “asamblează” (adică montează elementele unui site, pornind de la texte, imagini, animaţii şi terminând cu paginile site-ului. Este un editor HTML de tip WYSIWYG (”what you see is what you get”, adică poţi construi site-ul direct pe interfaţa de previzualizare, fără a fi nevoit să scrii cod html. Dreamweaver MX 2004 este cel mai cunoscut editor de tip WYSIWYG de pe piaţă, fiind cel mai robust, uşor de folosit şi stabil dintre toate. Pe lângă el mai există însă şi altele, mai puţin folosite, cum ar fi Microsoft Frontpage sau Adobe GoLive. De fapt, adevăratul avantaj al folosirii acestor programe este acela că ele includ numeroase bucăţi de cod “ready-made” şi instrumente utile, cu ajutorul cărora proiecte voluminoase pot fi finalizate extrem de rapid.
Pe lângă editoarele de tip WYSIWYG mai există pe piaţă şi editoarele HTML simple, în care web designerul construieşte site-ul pe baza cunoaşterii codului (X)HTML. Designerul introduce codul necesar afişării paginii dorite, apoi compilează pagina şi o afişează în browser. Practic, cu ajutorul unui editor HTML simplu orice web designer poate obţine exact aceleaşi rezultate pe care le-ar obţine şi cu ajutorul lui Dreamweaver. Singura diferenţă constă în productivitatea îmbunătăţită adusă de Dreamweaver.
Oferta actuală de editoare HTML de pe piaţă e impresionantă şi cuprinde atât editoare care costă bani (dar nu mai mult de 40-50 de euro), cât şi editoare gratuite. Pe noi ne interesează, evident, ultimele (cele gratuite). Dintre acestea vom prezenta trei care ni s-au părut că ies în evidenţă în mod deosebit prin facilităţile deosebite oferite web designer-ului.
  1. Ace HTML 5.0.8 Freeware – interfaţa este plăcută şi uşor de înţeles, cu fereastra principală ruptă între o zonă de editare (în dreapta) şi o zonă organizatorică (în stânga) de unde puteţi introduce automat diverse instrucţiuni html, puteţi edita fişiere etc. Programul are instrumente pentru aproape tot ce trebuie să existe într-o pagină web – de la instrumentul care vă ajută să introduceţi imagini, hărţi de imagini, cadre, până la cel care vă ajută să formataţi tabele. Există şi o bibliotecă de instrucţiuni html, care vă va ajuta să formataţi corect o instrucţiune de care sunteţi nesigur. Practic, nici nu e nevoie să ştiţi să scrieţi cod html – trebuie doar să nu greşiţi atunci când inseraţi în pagină elementele dorite (de aceea e bine să faceţi mai întâi exerciţii cu o pagină simplă. Din păcate, va fi un pic mai dificil să inseraţi animaţii flash (dar nu imposibil). Conţine şi o bibliotecă de peste 170 de JavaScript-uri (unele fiind foarte utile).
  2. 1st Page – şi acesta e un editor html foarte performant, preferat de foarte mulţi creatori profesionişti de pagini web. Ceea ce oferă este pur şi simplu uimitor şi depăşeşte în multe privinţe programe de web design licenţiate. Ca şi în AceHTML, aveţi instrumente pentru absolut tot ce trebuie introdus într-o pagină web, inclusiv o bibliotecă de instrucţiuni html; puteţi crea template-uri (şabloane) de cod, pe care să le editaţi şi în cadrul altor proiecte; puteţi să vă organizaţi site-urile în proiecte, ceea ce este foarte util mai ales când aveţi de lucrat la mai multe site-uri deodată. Programul dispune şi de un instrument de introdus imagini roll-over.
  3. Chami HTML – e un editor HTML un pic mai special. După instalare nu dispune de nici un instrument special, în schimb are predefinite formate de cod pentru absolut toate cerinţele unui web designer – inclusiv cod .php sau SSI (server side include). Programul însă poate fi îmbunătăţit prin instalarea unor plug-in-uri suplimentare care pot fi descărcate (tot gratuit) de pe site-ul chami.com. În general, cuiva care cunoaşte sintaxa html lucrul cu HTML Kit i se va părea foarte uşor. Nu este totuşi recomandabil să-l încercaţi dacă nu sunteţi dispuşi să “investiţi” un pic şi în cunoaşterea sintaxei html.
Editorul de imagini – Fără îndoială, cea mai bună soluţie de înlocuire a unui program puternic precum Adobe Photoshop o reprezintă GIMP. GIMP este un editor de imagine open-source (ceea ce înseamnă că, în esenţă, poate fi folosit gratuit) şi pune la dispoziţia utilizatorilor majoritatea funcţiilor clasice dintr-un program performant similar. Cu GIMP se pot realiza prelucrări avansate de imagini şi animaţii .gif şi se poate lucra pe bază de straturi (layer-e). Programul dispune de o colecţie importantă de efecte speciale şi are şi opţiune de hărţi de imagini. Deşi a fost iniţial dezvoltat pentru utilizatorii de Linux, GIMP funcţionează fără probleme şi sub Windows, cu condiţia ca utilizatorul să-şi fi instalat în prealabil GTK+ Runtime Environment (care poate fi descărcat de regulă odată cu GIMP).
Un alt foto-editor gratuit interesant este şi VCW VicMan’s PhotoEditor Freeware, dar acestuia îi lipseşte o funcţie esenţială: lucrul pe bază de straturi. În web design, este esenţial să îţi poţi organiza elementele grafice independente unul de celălalt.
Animaţii flash – Din păcate, momentan nu există o soluţie gratuită mulţumitoare pentru înlocuirea programelor care pot desena animaţii flash. Aceasta este vestea rea. Vestea bună, dimpotrivă, este aceea că pentru un site de un nivel calitativ ridicat de fapt nici nu aveţi nevoie să folosiţi flash. În general, este recomandată folosirea animaţiilor flash pe acele site-uri care pot miza pe faptul că vizitatorul lor tipic e suficient de răbător pentru a aştepta deschiderea paginilor. În schimb, dacă vă propuneţi să prezentaţi pe site-ul dumneavoastră informaţii de interes general, o simplă imagine a activităţii firmei pe care o conduceţi, sau un catalog de produse, folosirea animaţiilor flash e mai mult decât contraindicată. Vizitatorul, venit acolo pentru a regăsi o informaţie pertinentă şi la obiect, va migra rapid pe alte site-uri care se încarcă rapid şi îi oferă imediat informaţiile dorite.
Totuşi, pentru aceia care chiar doresc să foloseasca animaţii pe site-ul propriu, există posibilitatea să folosească un program gratuit precum Liveswif Lite. Liveswif este unul din multele programe care s-au dezvoltat în ultimii ani ca alternative ieftine la Macromedia Flash (cele mai cunoscute fiind Swish, KoolMoves şi Firestarter). Varianta “Lite” vă ajută să realizaţi animaţii suficient de puternice, inclusiv folosind imagini, dar nu vă pune deloc la dispoziţie vreo urmă de ActionScript. Acest lucru înseamnă că dacă doriţi să comandaţi o acţiune, oricât de simplă, nu aveţi cum. Totuşi, dacă vreţi ca animaţia să nu ruleze la infinit, puteţi eluda incapacitatea de a folosi comanda stop() precizând în codul-sursă al paginii parametrul <param name=”loop” value=”false”>.
În plus, un alt lucru care merită ştiut înainte de a lucra cu Liveswif este, desigur, felul în care se realizează propriu-zis animaţiile. Deşi Liveswif Lite prezintă o interfaţă asemănătoare cu a celorlalte programe de gen lucrul cu el este îngreunat de lipsa unui tutorial precum şi de logica oarecum diferită a animaţiilor. De exemplu, în Flash un simplu click-dreapta pe linia de timp urmat de “Insert motion” inserează automat animaţia dorită. În Liveswif acest lucru se realizează de la meniul Insert > Transform motion.
După ce ne-am “înarmat” cu programele care ne trebuie pentru a construi website-ul dorit, urmează să trecem propriu-zis la lucru. Chiar dacă nu e nevoie să fim nişte maeştri ai penelului, trebuie să ştim totuşi câte ceva despre limbajul HTML, în special, şi despre site-urile web, în general.
Limbajul HTML (sau XHTML, cum i se spune la ora actuală ultimei sale variante) se remarcă prin simplitate. Este un limbaj pe bază de marcaje (sau tag-uri), fiecare marcaj putând suporta mai multe atribute. De exemplu, pentru a scrie îngroşat sau italic textul din interiorul unui anumit paragraf, trebuie să folosim marcajele <p></p> – pentru a delimita paragraful, respectiv <b></b> (bold)şi <i></i> (italic) pentru formatele speciale.
Codul paragrafului precedent, de exemplu, arată astfel:
<p>Limbajul HTML (sau XHTML, cum i se spune la ora actuală ultimei sale variante) se remarcă prin simplitate. Este un limbaj pe bază de <i>marcaje</i> (sau <i>tag</i>-uri), fiecare marcaj putând suporta mai multe <i>atribute</i>. De exemplu, pentru a scrie <b>îngroşat</b> sau <i>italic</i> textul din interiorul unui anumit paragraf, trebuie să folosim marcajele <code><p></p></code> – pentru a delimita paragraful, respectiv <code><b></b><code> (<b>b</b>old)şi <code><i></i><code> (<i>i</i>talic) pentru formatele speciale.</p>
O pagină web are 3 părţi principale. Fiecare dintre aceste părţi trebuie tratată cu atenţie, dacă doriţi ca site-ul să fie reuşit. Aceste părţi sunt:
  • Declaraţia de conformitate, care defineşte tipul documentului creat. În cazul unui document XHTML, aceasta este <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>. Oricum, nu e nevoie să o scrieţi dumneavoastră. Editorul HTML va şti să o introducă singur.
  • Antetul (head), care conţine meta-marcajele necesare clasificării şi indexării corecte a paginilor pe internet. Urmează imediat după declaraţia de conformitate şi este delimitat în interiorul marcajului <head></head>. Cele mai importante meta-marcaje conţinute în antet sunt <title></title> – titlul paginii, <meta name=”description” content=”” /> – descrierea paginii şi <meta name=”keywords” content=”” /> – cuvintele-cheie care descriu cel mai bine conţinutul paginii.
  • Pagina propriu-zisă, delimitată de marcajul <body></body>. Aici apar toate celelalte marcaje folosite.
Există câteva sute de marcaje HTML, dar cele mai folosite sunt aproximativ 20:
  • marcajele pentru blocuri de conţinut: <p></p> – paragrafe, <div></div> – diviziuni
  • marcajele pentru formate de text: <b></b> – bold, <i></i> – italic
  • marcajele pentru liste: <ul></ul> – listă cu marcatori, <ol></ol> – listă cu numere, <li></li> – rând în listă
  • marcajele titlu: <h1></h1> – titluri foarte importante, <h2></h2> – titluri importante … <h7></h7> – subtitluri putin importante
  • marcajele semantice: <strong></strong> – evidenţiere puternică, <em></em> – evidenţiere
  • marcajele pentru tabele: <table></table> – tabel, <tr></tr> – rând de tabel, <td></td> – celulă
  • marcajele pentru obiecte: <img src=”” /> – imagine, <object></object> sau <embed></embed> – animaţii flash, <applet><applet> – aplicaţii Java
  • alte marcaje importante: <a href=””></a> – link (legătură, <span></span> (conţinut în linie), <hr /> – despărţitor orizontal
Editorul HTML vă va ajuta să introduceţi automat aceste marcaje, fără să mai fie nevoie să le scrieţi de mână. De exemplu, dacă doriţi să scrieţi cu caractere-bold un anumit text, selectaţi acel text şi apăsaţi butonul de “bold” (de obicei un B mare, ca în Word) de pe bara de instrumente. Veţi observa că textul dorit este încadrat cu marcajul <b></b>. În cazul în care doriţi să introduceţi o imagine, editorul vă va ajuta să selectaţi imaginea de pe hard disk şi să o introduceţi în locul dorit.
Marcajele pot conţine, ele însele, diverse atribute care să le rafineze înţelesul. De exemplu, în cazul unei imagini, putem întâlni atributele width (lăţime în pixeli), height (înălţime în pixeli) şi alt (text alternativ): <img src=”” width=”” height=”” alt=”” />
În interiorul site-ului, paginile sunt legate între ele prin hiperlinkuri, sau legături, iar informaţia este organizată exact ca în Windows – sub formă de fişiere şi directoare. Să presupunem că site-ul dvs. este www.ipsum.ro. Pentru ca pagina A să conţină o legătură (un link) la pagina B, codul acesteia va putea fi:
  • absolut: de tipul <a href=”http://metodepromovare.wordpress.com/cale/paginaB.html”></a>;
  • relativ: <a href=”cale/paginaB.html”></a>. Dacă pagina B este aşezată, ierarhic, înainte de pagina A (adică într-un director mai aproape de baza site-ului comparativ cu pagina A), atunci linkul din A către B va conţine două puncte (”..” pentru orice director superior ierarhic (de ex., <a href=”../paginaB.html”></a>
Cea mai simplă modalitate de a învăţa limbajul HTML este să faceţi încercări în editorul HTML şi să vedeţi ce iese. În câteva ore veţi ajunge să cunoaşteţi tot ceea ce vă trebuie pentru a înţelege funcţionarea corectă a marcajelor. Fireşte, de la a cunoaşte la a aplica este o cale lungă – dar cel puţin veţi putea să realizaţi cu uşurinţă o pagină web care, deşi lipsită de complexitate, va arăta simplu şi la obiect.

duminică

Introducere

Cum sa faci un site? se adreseaza in special incepatorilor, este motivul pentru care ei cauta in google aceste cuvinte.
La inceput trebuie sa va ganditi ce doriti de fapt si ce cunostinte aveti.
Stiti ce inseamna gazduire? Stiti sa lucrati intr-un editor WYSIWYG (what you see is what you get)? Stiti PHP sau decat HTML? Vreti un site personal sau ceva mai complex? Ce stiti despre securitatea site-urilor?
Sunt intrebari care trebuiesc puse si la care trebuie sa cunoasteti raspunsul.
Sa incepem cu timpul.
Cel mai rapid si usor
Un cont pe Twitter, se face in cateva secunde si deja aveti un loc in care sa scrieti cu ajutorul mesajelor, un mesaj poate sa aibe un maxim de 140 caractere, aici este si farmecul, sa incerci sa spui cat mai multe in cat mai putine litere.
Dupa ce faceti un cont pe Twitter pentru a promova contul este bine sa il inscrieti in director-ul de conturi Twittere.ro
Cel mai rapid si usor este sa va faceti un blog pe o platforma Blogger , WordPress sau o varianta romaneasca precum Haipa. Nu este nevoie sa stiti programare, nu este nevoie sa ai gazduire, trebuie doar sa-ti faci cont si in cateva minute ai blogul (site-ul) tau.
Rapid
Cumparati gazduire si domeniu, de obicei se misca bine baietii, dar dureaza mai mult cu domeniul, va recomand domeniu .ro, mai ales daca site-ul va fi in limba romana, il platiti o data si va fi al vostru definitiv, merge bine si un domeniu .com, se poate plati pe mai multi ani, sfatul meu este sa nu alegeti .info, s-au dat multe gratuit si s-a abuzat de ele, daca doriti sa inscrieti site-ul in directoare, cele .info sunt mult mai prost vazute decat cele .com sau .org . Mai demult era un mit, sau este adevarat, cica google ar acorda o importanta diferita domeniilor, adica .gov sau .com ar avea un oarecare avantaj fata de .info. Inca un sfat, la domeniu sa alegeti IP dedicat, pretul ar fi 1 EURO/luna.
Daca aveti domeniu si gazduire (sa includa Baze de Date), pentru a avea un site cat mai rapid trebuie sa va folositi de o platforma CMS gratuita sau de una WordPress.
Platforme CMS gratuite sunt: Drupal, Joomla, TYPO3, Dolphin, e107, Mambo, Nucleus, etc. Eu am folosit e107, dar acum 5-6 ani, stiu ca era usor de folosit si de instalat, mai stiu ca Drupal si Joomla au suport in limba romana, s-ar putea ca si celelalte. De mentionat ca sunt CMS-uri gratuite mult mai complexe, precum Zen Cart, osCommerce, PrestaShop sau Magento dar acestea se folosesc pentru magazine online, noi suntem incepatori, le lasam pentru mai tarziu.
Deci, sa revenim. Avem gazduirea, domeniul si acum unul dintre CMS-uri. Majoritatea se instaleaza usor, se copiaza fisierele pe server prin FTP, se face baza de date, de multe ori trebuie doar modificat in fisierul config, numele si parola, iar baza de date se creaza singura, daca nu este asa, inseamna ca trebuie intrat in Cpanel unde avem gazduirea si acolo exista posibilitatea sa cream o baza de date, user si o parola, apoi atribuim bazei de date userul pe care il dorim. De obicei fisierul de configurare dupa ce este modificat cu user si parola trebuie redenumit. Toate CMS-urile au un fisier de ajutor (readme, help, install, etc).
Pentru FTP se pot folosi o gramada de programe: CoreFTP, Classic FTP, Cyberduck, FileZilla, Dreamweaver, in afara de ultimul, toate sunt gratuite. Fisierele se pot pune prin FTP si din Cpanel dar este mult mai usor cu un client FTP, apropo, si Total Commander merge la asa ceva. Mare grija cu parola de la FTP! nu o salvati pe calculatoare partajate si cu altcineva.
Pe langa CMS-uri mai sunt si platformele pentru bloguri, cea mai renumita, raspandita si cred ca cea mai buna, este WordPress. Se instaleaza usor si incepand cu versiunea WordPress 2.7.0 update-urile la noile versiuni se fac din Dashboard (panoul de control).
Avantajele la aceste platforme, ma refer in deosebi la WordPress, ca am stat cu mouse-ul mai mult pe ea, este acela ca ai o gramada de Theme (designul site-ului/blog-ului) si Pluginuri. Vrei statistici – instalezi Counterize, vrei antispam – instalezi Akismet, vrei numerotare la pagini – instalezi WP-PageNavi, sunt mii si mii de pluginuri si theme care va ajuta sa faceti ce doriti cu aceste CMS-uri.
Complex
Nu vreti sa folositi CMS-uri. Pai ori cumparati un site ori faceti voi totul de la 0. A doua varianta este complicata. Si la prima sunt probleme, tot trebuie sa stiti ceva notiuni generale, sa aveti idee ce cumparati sau macar sa stiti ce sa le cereti celor care realizeaza site-ul.
In fine sa zicem ca v-ati decis.
Pentru gazduire se poate folosi si gazduire gratuita, cei mai buni acum cred ca sunt lx.ro, eu am folosit 3x.ro. Sfatul meu este sa nu folositi asa ceva, gazduirea nu este ca o masina pe care o folositi si ea se uzeaza, nu, gazduirea este ca un manz pe care il cresteti si cand ajunge cal de rasa, puteti sa ramaneti fara el, niciodata nu a fost al vostru. Puteti gasi gazduire cu baze de date la 10 Euro/luna.
Sa zicem ca v-ati decis si ce fel de gazduire veti avea.
Indiferent ca ati ales un site cumarat sau va faceti unul de la 0, trebuie sa invatati HTML, PHP, CSS, JS, VB si MySql, mai ales daca alegeti sa il faceti voi. Daca vreti mai rau, se poate, va bagati pe ASP.NET si baze de date de la Oracle.
Daca doriti Flash, eu nu ma bag, m-am jucat cateva zile si nu mi-au placut rezultatele. Dar sunt o gramada de tutoriale.
Sa revenim. Deci trebuie sa invatati HTML, PHP, CSS, JS, VB si MySql. Eu spun ca din carti este cel mai bine, sunt usor de citit si au o gramada de exemple, de preferat de la editura Teora.
Daca doriti sa invatati online, atunci un tutorial bun pentru HTML se afla aici, sunt vreo 11 pagini. Pentru PHP este mai complicat, cel mai bine ar fi sa incepeti de aici. Pentru CSS sunt aici cateva notiuni.
Daca cunoasteti limba engleza, atunci aveti ce citi pentru cateva vieti.
Pentru inceput puteti apela la ajutorul editoarelor web de genul WYSIWYG. Ce fac astea? Pai stiu ele HTML si pentru voi, macar pentru inceput. Daca nu cunoasteti inca CSS sa faceti toata structura site-ului cu ajutorul lui, puteti folosi tabelele. Pagina web o faceti un tabel mare, impartit sa zicem in 3 coloane verticale, doua mici pe margini si una mai lata pe mijloc. Cele mici se folosesc pentru meniuri, cea lata din mijloc pentru content. Dimensiunile celor 3 coloane se pot da in pixeli, de exemplu 180 px cele doua coloane mici si 500 px coloana mare. Dar se pot alege si dimensiuni in procente, de exemplu cate 20% cele doua coloane mici si 60% coloana mare din mijloc. Tabela mare, cea care reprezinta pagina web, poate sa aibe dimensiuni fixe sau in procente, recomand in procente. Daca tabela mare are 90%, atunci cand este incarcata pe un ecran cu latimea de 800 px atunci va avea 90% din 800 px, daca este incarcata pe un ecran cu latimea 1024 atunci si tabela mare se mareste la 90% din cei 1024 px.
Editoarele web sunt gratuite sau nu. Unele bune pe bani sunt Dreamweaver, UltraEdit, PHPEdit. Editoare gratuite bune sunt PHP Designer 2007 Personal sau Kompozer
Sfaturi:
- blogul acopera aproape toate necesitatile de care ati avea nevoie.
- blogurile sunt foarte bine indexate de google.
- dureaza ani de zile sa invatati programarea care se afla intr-un blog si la care aveti acces gratuit.
- costa o multime de bani un site care sa faca ce face un blog cu cateva zeci de pluginuri instalate.
- nu cumparati gazduire web pana nu cereti parerea cuiva care are site gazduit acolo, nu va aruncati la spatiu si trafic nelimitat, nu exista asa ceva.
- se gaseste gazduire web de calitate si in Romania.
- daca alegeti calea usoara, un CMS sau Blog, incercati totusi sa invatati si ceva HTML, PHP si MySql, o sa aveti nevoie la modificat la theme sau pluginuri.
- este inflatie de directoare web, site-uri de matrimoniale, imobiliare, gastronomie sau jocuri. Alegeti cu grija domeniul pe care doriti sa porniti, este greu sa mai razbati acum pe un domeniu cu concurenta mare.
- este inflatie de bloguri generaliste, mult mai usor acum este pentru un blog facut pentru un anumit target.
P.S. Este un post la care voi mai aduce completari.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger