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.

sâmbătă

Bani cu Metacafe - Cum poti face bani cu clipuri video

Există câteva site-uri bun videoclip care vă va plăti pentru clipurile dvs. video. Un astfel de site-ul web este Metacafe.com , în cazul în care puteţi să vă înscrieţi pentru programul lor de producători Recompensele şi încărca videoclipuri dumneavoastră. Când video traversează cei 20.000 de marca opiniile, veti primi $ 100 şi $ 5 pe 1000 opinii de acolo-încoace. Aceasta este condiţia de rating-ul video de spectatori este mai mare de 3.0 dintr-un total de 5.0
Daca esti creativ si o camera video proprii (dacă nu ar trebui să cumpere unul azi) - acest lucru ar putea fi foarte lucrativ. Ratele de plată de mai sus sunt foarte bune. Nu sunt mulţi oameni aici castiga un venit parte buna cu creativitatea lor. Trucul este de a merge la Metacafe.com şi a vedea ce fel de filme sunt câştiga bani. Clasifica-le şi vezi dacă poţi oferi un video similar sau o poftă de mâncare pe ceva acolo, dar cel mai bine sa fie unic. Oamenii vor să se distreze aşa le arate ceva unic şi uimitor sau ciudat. Şoc oameni! Fă-i să râdă! Fă-i suflare în veneraţie! Asiguraţi-le spun wow!
Pentru a vedea clipuri video de top actuale şi cele care sunt vizitaţi castiga bani buni - această legătură într- .
Aici sunt unele dintre categoriile şi tipul de videoclipuri care sunt câştiga bani buni, iar unele idei pentru tine de a face bani prin video -
Trucuri Magic - (arată ea, dar dacă ei foarte bun, nu să le arătăm cum se face, sau comunitatea magician vă va ban)
Oua Eater - Ouăle de Paşti sunt ciudate lucruri dezvoltatorii de software puse în software-ul care le creează, care pot fi văzute de către executant anumită secvenţă de acţiuni. Google windows XP ouă de Paşti şi de a găsi câteva exemple. Acestea sunt distractive şi whacky şi oamenilor le place să găsească aceste pietre ascunse şi lucruri distractive în interiorul Word, Excel, Photoshop, Grand Theft Auto sau software-ul practic orice populare sau joc.
Puzzle-uri sau Provocari - acestea pot fi la fel de simplu ca puzzle-uri bat de chibrit sau cartea pe care o demonstrează şi de a pune telespectatorii pentru a rezolva. Repetaţi-ţi întrebarea de câteva ori şi să le cereţi să-l rezolve. Apoi, după o clipă să le dea soluţia.
Trucuri PC - Aveţi dreptul să utilizaţi un software de captură de ecran cum ar fi Camtasia pentru a înregistra ecran desktop. Apoi, aveţi posibilitatea să afişaţi spectatori unele chestii distractive fie că este vorba comenzi rapide la îndemână pentru a face, unele trucuri pe PC, sau lucruri uimitoare on-line, de exemplu, o căutare pe Google pentru cuvantul "defecţiunii indică un rezultat amuzant (aveţi nevoie pentru a merge sa fac asta!).

Experimente Amazing - ar putea fi furcă şi simplu acte de echilibrare cuţit, carbogazoase fizz acte băutură, chestii firecracker în condiţii de siguranţă, sau ceva asta nu sunt periculoase, dar distrează.
Tutoriale - Acestea ar putea fi tutoriale generale (cu privire la modul de a face un yoga) sau chiar tutoriale software pentru PC de exemplu. Cum se face un text titlu crea fantezie în Photoshop sau ceva cool în 3D Max sau Google SketchUp de software 3D sau orice alt software populare fiind folosite de către pasionaţilor. Le place chestia asta!
Hacking - unele Clipuri etice de bază hacking, arătând persoana comune şi needucaţi unele simple şi uimitoare (non-dăunătoare) trucuri hacking fie că este vorba căutare Motor de hacks, hacks sau software. Nu încuraja orice activitate frauduloasă şi ilegală pentru că vă va fi dat afara din Metacafe şi, de asemenea, intra in probleme.
Video Travel - Dacă vă deplasaţi Clipuri de peste mări, record de momente de distracţie şi de lucruri uimitoare care le vedeţi şi persoanele pe care le îndeplinesc.
Cooking - Arată lumii cum se fac cele mai bune plăcintă prăjitură cu brânză afine! .. Sau ceva care este simplu de a face şi unice şi cu ceea ce masele ar place să înveţe repede pentru a impresiona prietenii lor, familia şi soţul!
Experimente Stiinta - Daca esti tipul de tocilar, arată-le unele experimente ştiinţifice se răcească.
Origami - face o pasăre de hârtie în următorii rece din aripi şi să le arătăm modul în care sa făcut.
Alarma 1: Nu efectuaţi nici un cascadorii periculoase, care ar putea costa un brat sau un picior. Ei nu merită banii şi de risc. Fii atent. Şi dacă trebuie să vă asiguraţi că aveţi un supraveghetor sau prieten care vă pot ajuta în cazul în care ceva nu merge bine.
Alert 2: A nu se rupe sub nici o forma de video şi cineva să copiaţi şi încărcaţi-l ca acest lucru ar putea te în unele probleme serioase juridice.
Alert 3: Nu utilizaţi nici un sunetului sau clipuri sau logo-uri de material protejat de copyright. Puteţi câştiga un pic, dar apoi Metacafe te poate bloca rapid şi nu să vă plătească pentru încălcarea termenilor lor.
Alarma 4: Mergeţi la un site de Do-It-Yourself (DIY), sau un site ca sat de experţi - a se vedea ce imaginile video sunt populare şi să facă cele similare pentru publicul de la Metacafe! Acesta could'nt obţine mai simplu! Tocmai am vazut un clip video despre acest tip care arată modul de a elimina zgârieturile de pe un CD, astfel sărind peste pot fi eradicate ... acest film a făcut 400 dolari, plus într-o perioadă foarte scurtă de timp.
Dacă aveţi un blog ai putea creşte traficul / punctele de vedere ale videoclipului inscrise de tăierea şi lipirea codul încorporat de video (e) de la Metacafe.com în blog-ul. Aceste opinii în afara amplasamentului va face, de asemenea, bifaţi contra. Ai putea, de asemenea, pastă şi încorpora video (e) în pagina dvs. myspace.com pentru prietenii tai pentru a vedea şi a trece în jurul valorii. Toate acestea va creşte punctele dumneavoastră de vedere şi te mai aproape de marca 20.000, după care poţi începe să câştigi bani!
Alte site-uri bune pe care îl plătiţi pentru clipurile video sunt

Există un articol mare pe NY Times care vorbeşte despre modul în care unii oameni sunt face bani cu "Cum să Videos" ... aceasta este o trebuie să citească!

duminică

Google AdSense pentru domenii

Castiga bani online, pe domeniile dvs. parcate.
Dacă nu aveţi orice domeniu încă, şi acum te gandesti la AdSense pentru domenii, apoi face unele de cercetare şi de a rezerva un domeniu (nu este nevoie pentru a gazdui site-ul web), cu mare de cuvinte cheie de nişă căutare AdSense în domeniu, deoarece domeniile parcate au, în general, nici un conţinut real şi Google Prin urmare, serveşte reclame contextuale AdSense pe sensul numelui de domeniu.

Ce este de domenii parcate

Atunci când numele de domeniu rezervati, dar nu gazdă şi nu utilizaţi un domeniu (nr conţinut de pe el), numit de domenii parcate, atunci când ajunge la vizitator sau de tipul acelui domeniu, aceasta arată o "Under Construction", pagina 404 sau pagina de eroare sau parc anunţuri companie domeniu care nu plătiţi nimic pentru a proprietarului de domeniu, Deci, de ce nu schimba acest domeniu, în câştigului salarial maşină cu AdSense pentru domenii.
Vizitaţi websitedesignmeerut.info pentru a vedea AdSense pentru domenii de exemplu.



Permiteţi-mi să explic, aveţi un domeniu parcat ca websitedesignmeerut.info, acesta poate avea anunţuri Google referitoare la web design, locuri de muncă în meerut, în timp ce un site ca freemail.com va afişa anunţuri referitoare la serviciile de e-mail. AdSense pentru domenii furnizează link-uri, rezultate ale căutării, anunţuri şi alt conţinut.


Pentru a începe lucrul cu AdSense pentru domenii, vizitaţi

https://www.google.com/adsense/support/bin/answer.py?answer=76049


pentru mai multe informaţii.

Google AdSense pentru domenii Steps cu pas ghid

Trebuie doar să


  • Conectaţi-vă la contul dvs. AdSense
  • faceţi clic pe "AdSense Setup" tab-ul, şi ar trebui să existe un "AdSense pentru domenii" opţiune acolo.
  • Conectarea la registratorul de domeniu şi de a face modificări la informaţiile de cont. Adsense oferă informaţii detaliate cu privire la modul de a face acest lucru cu registratorii cele mai populare aici

    http://www.google.com/support/a/bin/answer.py?hl=en&answer=48090 C #
  • După ce aţi stabilit-vă domeniul dvs. în conformitate cu specificaţiile lui Adsense, aşteptaţi până când acesta devine aprobat.
  • Vizitaţi websitedesignmeerut.info pentru a vedea AdSense pentru domenii de exemplu.

miercuri

Ce am nevoie pentru a face un site

Dacă e sa scriu cele mai bune programe de pe piață, ar trebui ori sa te pun sa cheltuiești o grămadă de bani, ori să riști și să descarci aceste programe de pe torente.
In schimb am sa încerc o selecție cu cele mai bune programe gratuite si câteva plătite, dar foarte utile si care merită banii dacă vrei să înveți să faci site-uri

Notepad++

În cazul editoarelor de text, cel mai bun este întâmplător și gratis. Eu îl folosesc de o buna perioada și sunt foarte mulțumit de el.
Poate fi folosit pentru a scrie orice fel de fișier pe care odinioară îl scriam cu notepad-ul de le Windows. Cine a folosit Notepad pentru a scrie coduri (C,Pascal ș.a.) știe că dacă ai făcut o greșeală îți vine să te arunci pe geam căutând printre sute de rânduri de text negru pe alb. Cu Notepad++ scapi mai ușor. Textul codului e colorat în funcție de tipul de fișier.
Și sunt multe tipuri de cod care pot fi scrise: C, C++, C#, CSS, HTML, PHP, JavaScript, Pascal,SQL, astea fiind doar ce mă poate interesa pe mine.
Plus ca mănâncă uluitor de puține resurse și se încarcă aproape instantaneu.

Komodo Edit

Ceva mai nesătul ca Notepad++ (are nevoie de mai multe resurse), Komodo Edit e foarte bun și foarte gratis pentru cei care vor să facă site-uri și sunt pe la început. Ca și alte editoare (majoritatea pe bani), oferă sugestii în timp ce scrii codul. Așa că dacă nu știi cum se cheamă o funcție în PHP de exemplu, poți să scrii primele câteva litere și primești automat o listă cu funcții care încep așa. Dacă nu găsești funcția în listă, înseamnă probabil că nu există sau nu se scrie așa.
Mie mi-a fost de folos chestia asta. În timp ce scriam codul, îmi atrăgeau atenția unele funcții și căutam repede ce fac. E foarte important să știi ce funcții ai la dispoziție când scrii un cod.

TopStyle (pe bani) – TopStyle Lite (pe gratis da nu se mai face)

TopStyle Lite era editorul meu preferat de CSS și poate încă se mai găsește dacă îl cauți atent. În ultima variantă 4, se pare că nu mai există un TopStyle Lite.
Avea tot ce aveam nevoie de la un editor CSS și nu zic mai multe că poate vă fac și pe voi să vă îndrăgostiți de el.

Editoare HTML – vizual

Din păcate editoarele vizuale de HTML mă cam dezamăgesc. Ori au prea puține funcții, ori prea multe și sunt pe bani

Dreamweaver (pe bani)

Hai să scriu și despre asta că poate aveți chef să aruncați niște bani pe fereastră. E foarte popular (și foarte scump) printre web-designeri. Am auzit zicându-se că e atât de apreciat pentru că are tate facilitățile de care am putea avea nevoie când facem un site.
Dar multe funcții înseamnă multe resurse și mie personal îmi stă un minut sau două până să se încarce ceea ce e destul de enervant.
Deci are destule funcții. Eu din când în când când îl mai deschid, folosesc editorul de text, editorul vizual da nu prea, editorul de CSS și foarte puțin cod PHP. De obicei după două zile mă enervează și revin la Notepad++
Se poate descărca varianta de test pe 30 de zile cu toate funcțiile disponibile.

KompoZer

Din păcate în balta cu editoare vizuale de HTML nu sunt foarte puțini pești gratuiți. Cel care mi se pare mai notabil este Kompozer deși și acesta are multe lipsuri.

Servere WAMP

WAMP = Windows Apache Mysql Php.
Ca să rulezi scripturi PHP ai nevoie de un server Apache. Dacă vrei să folosești și o bază de date MySql, îți trebuie și serverul de MySql.
Poți să le instalezi și singur(ă), dar asta poate dura și o zi dacă nu știi ce faci.
Cel mai bine e să folosești pachete care ți-l instalează automat:

WAMP Server

Se poate face confuzie. Aici e vorba de pachetul special “WAMP Server” nu de conceptul de server WAMP.
Este poate cel mai versatil pachet și cel mai ușor de folosit din câte am testat. Poți schimba din câteva clicuri configurația și versiunile de Apache, PHP sau MySql, așa că poți testa mai multe configurații. Asta îl face foarte util dacă vrei să faci scripturi pe care să le oferi la download pentru că vei ști ce trebuie să scrii la “Minimal Requirements”.

XAMPP

Am auzit că și pe XAMPP se pot schimba versiunile, dar nu am încercat pentru că e mai greu.
Interesant e că programul este portabil. Adică poți să îl pui pe stik și în orele de informatică, atunci când toți ceilalți joacă DOTA, tu poți să te joci cu niște PHP (Probabil tu ești printre cei care joacă Dota, da așa făceam eu).
Plus că pe lângă cele 3 programe, mai ai și un server de mail și unul de ftp să te înveți dacă vrei cu funcțiile specifice.

Easy PHP

Nu are funcțiile întâlnite la celelalte două, dar e bun dacă te interesează doar să scrii cod și să înveți, nu să faci programe (și site-urile sunt tot programe) pentru mii de configurații.

Alte utilități

FileZilla

Clientul de FTP pe care îl folosesc pentru că nu am găsit altul mai bun.
La ce e bun un client FTP (atenție, serverul cum e cel de la XAMPP -tot filezilla- e altceva) poate o să discut în alt articol

E o mana cerească pentru cei ca mine mai înclinați pe partea de programare decât pe design. Ca și cum ai fi călcat în noroc de câine (în Romania foarte probabil) trei zile la rând. Pur și simplu în câteva minute poți avea un templet gata făcut de HTML, WordPress, Joomla, Drupal sau Blogger.
Mai simplu de atâta nu se poate.

O minte nebună (gratis da greu de găsit)

Nu știu cât de importantă e asta, da știu că ca așa am eu. Și sunt convins că asta m-a ajutat să învăț având în vedere că nu sunt exagerat de inteligent, isteț sau muncitor.
PS. Nu am dat și linkuri. Toate programele prezentate pot fi găsite prin simpla folosire a unui motor de căutare

duminică

Cum sa faci bani cu site-ul tau

in ziua de astazi, oricare utilizator al unui computer is poate face un website sau un blog din care, cu trecerea timpului, o sa poata castiga bani prin intermediul advertiser-ilor care doresc sa-si promoveaze afacerea online.

Exista foarte multi operatori de publicitate si agentii de publicitate internationale prin intermediul carora utilizatorii romani, posesori ai unui sau mai multor website-uri pot castiga sume importante de bani!
Cum sa-ti faci un blog si sa castigi (faci) bani online
Prima etapa premergatoare noii tale afaceri online, este aceea in care iti generezi (construiesti) un blog.

Pentru a avea un blog poti apela la variantele gratuite Blogger sau WordPress (cu hosting free sau pe propriul domeniu) sau sa te inregistrezi in cea mai noua si utila metoda de hosting gratuit care te ajuta sa si castigi bani online.

Inregistreaza-te, posteaza-ti preferintele si incepe sa si castigi bani online folosind metodele descrise mai jos sau alaturi de reclamele oferite de siste.



si acum ...

Advertiseri generali valizi, corecti dpdv al platii



Inainte de a te inregistra in sisteme, trebuie sa stii ca:
- publisher - cel care castiba bani prin publicitate
- advertiser - cel care plateste pentru publicitate

Voi ce doriti sa incepeti sa castigati bani trebuie sa va inregistrati ca PUBLISHER in urmatoarele Network Advertising.
Castiga bani online cu Adbrite
Adbrite este un advertiser foarte cunoscut care accepta in sistem website-uri romanesti.

Tipul de reclame afisate sunt cele platite la 1000 de afisari, reclame platite la mia de impresii afisate. De curand a introdus si plata pentru fiecare click pe o reclama afisata. Costul pe reclame este adesea mai ridicat ca in Google Adsense.

Tipul de reclame sunt link-uri senzitive in context, reclame text, reclame imagine si reclame interstitiale (foarte bine platite la click (CPC))

Pentru a castiga bani cu Adbrite inscrie-te aici.




Nu uita, sumele incep sa creasca in timp, si sunt influentate de tipul de vizitatori, locatia si dimensiunea bannerului. Acestia trimit plata prin intermediul unui cec valid in cadrul oricarei banci din Romania.

Nu va panicati, reclamele pe Adbrite nu apar imediat dupa ce s-a inserat codul in pagina. Recomand inserarea unui cod de backup, care apare in locul reclamei text. Cu timpul vor aparea iar veniturile sunt consistente.

Cum se foloseste AdBrite:
- Generati o zona cu dimensiunea dorita, setati multe cuvinte cheie specifice site-ului, in limba engleza, si in zona de back-up inserati cod Adsense sau AdClick.


Nota:
Pentru a genera venituri online cu AdBrite, trebuie sa inserati in cadrul sectiunii ce descrie zona urmatoarele cuvinte cheie pentru a afisa reclame ok. FOlositi cu incredere urmatoarele: sport, tv, music, loans, money, cars, card, bank, television, news, info, lol, entertainment, vacation, online, widgets, mobile, phone, cool, adbrite, ad, banking, fast, ship, check, bucks, US, international . Daca mai aveti cateva idei, postati-le ca si comentarii.

Black Label Ads, by AdBrite
AdBrite este folosit pentru website-uri ce respecta politicile lor (non-adult).

AdBrite a lansat o platforma de advertising destinata website-urilor porno, adulte. Pentru a folosi platforma BlackLabelAds puteti sa va logati cu contul curent de AdBrite. Cu contul de BlackLabelAds va puteti loga in cadrul AdBrite.

Veniturile obtinute din BlackLabelAds si AdBrite sunt afisate per total in functie de raportul afisat.

Castiga bani online cu BidVertiser
Un alt foarte bun si corect advertiser este BidVertiser!
Incercati-l fara teama, plateste corect!

BidVertiser ofera reclame in sistem Cost per Click, similar AdSense, AdClickMedia.
Reclamele sunt intuitie, atragatoare ca design si se pot customiza usor.
Pentru a genera reclama citeste in sectiunea comentarii detalii despre procedura.









  Castiga bani online cu Teliad Buy & Sell Links
O alta varianta de monetizare a unui website este Teliad. Teliad ofera un market exchange de linkuri ce pot aduce beneficii financiare demne de laudat pentru website-urile ce le detineti.


In economia unui website vanzarea, cumpararea de link-uri poate fi o metoda interesanta si utila de publicitate, atat timp cat aceasta vanzare de linkuri sau cumparare nu se realizeaza in scopul cumpararii de Page Rank.




 Foarte bun pentru monetizare blog
Castiga bani online cu eTarget Romania
Daca esti posesorul unui site romanesc, scris in limba romana si nu promovezi pornografia, pornografia infantila si intrunesti minumul necesar impus, te poti inregistra in eTarget! Alegi in dreapta, linkul din Zona partenerilor, si te inregistrezi in zona din mijloc, cea verde a proprietarilor de Portaluri.

Inscrierea este gratuita, fara aprobari si verificari. Verificarile au loc in timp iar conditiile sunt lejere, insa stricte! Este unul dintre cei mai buni furnizori de publicitate, iar sumele in RONi ce pot fi castigate sunt multumitoare!
Castiga bani Online cu Google Adsense

Pot folosi Adsense alaturi de alti agenti de publicitate?
Cu singura da! Puteti folosi doi sau mai multi advertiseri pe o pagina web atata timp cat fiecare reclama respecta politicile descrise de fiecare agentie in parte. Reclamele text, imagini, link-uri sau interstiale (apar la incarcarea unei noi pagini) poti fi folosite alaturi de Adsense sau de un alt advertiser.


Daca contul tau de Adsense a fost blocat, scrie-le si explica-le situatia, vei primi raspuns garantat iar daca contul Adsense nu ti-a fost blocat din cauza click-urilor incorecte ai sanse de reactivare!


IMPORTANT: Reclamele porno, nu pot fi asociate cu Adsense / alti furnizori.

Ce trebuie respectat pentru a nu avea contul blocat (bannat)
1. Nu sunt acceptate click-urile proprii. Nu intrati in panica, niciun advertiser nu este absurd daca se efectueaza un click sau doua din greseala, dintr-un lock al computer-ului. Daca ati dat click pe reclama involuntar, nu inchideti pagina, vizualizati-o si accesati cateva linkuri din cadrul acesteia.
2. Nu postati reclame pe pagini goale
3. Nu postati filme porno, poze cu femei goale, arme, droguri alaturi de reclame
4. Nu refresh-uiti automat reclamele.
5. Nu folositi roboti (Automated QA sau alte tool-uri de testare automata programate care efectueaza impresii sau clicki pe reclame.
6. Nu puteti reclame in popup.
7. Nu va inregistrati cu mai mult de 1 cont pe advertiser.
8. Nu formati retele click de prieteni - un click mie, un click tie!

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