Cum se face un website, partea 2, site complet realizat de la 0 in HTML, CSS cu galerie de imagini – tutorial video

Acest tutorial descrie realizarea unui site folosind limbajul html si css , parcurgand toate etapele : realizarea site-ului,
crearea unui cont pe un hosting gratuit si in final uploadarea fisierelor site-ului nostru pe acel hosting, hostingul gratuit este o metoda rapida de a pune un website onlie in citeva minute, inconvenientul acestei metode este acela ca, vom avea niste reclame afisate tot timpul in partea de sus (deasupra header-ului) .

Oricine doreste sa-si deschida un site, trebuie sa stie limbajul HTML si CSS, nu este necesar sa fii expert in HTML (Hyper Text Markup Language), insa citeva  informatii despre cod sint absolut indispensabile pentru intelegerea modului in care functioneaza aceste lucruri.

Chiar daca va construieste cineva site-ul, tot trebuie sa ai habar de ce se intimpla prin acele fisiere, va fi nevoie periodic de corectarea unor erori sau de realizarea unor modificari.

Multa lume fuge de cod, multi asemuiesc codul cu heroglifele, nu este deloc asa, spunea cineva odata : ” CODUL ESTE POEZIE”, chiar avea dreptate, cind vezi ca se naste ceva din insiruirea unor linii de cod, te simti minunat, construiesti o lume virtuala doar cu tastatura si cu mouse-ul.

Am folosit foarte multa vreme aplicatii construite de companii de soft, am facut doar operare pe calculator, a venit vremea sa facem si programare, de fapt nu este un limbaj de programare, el este un „markup language” , insa noi ne vom referii la el ca la un limbaj de programare, pentru ca suna destul de ciudat ” limbaj de marcare”, HTML-ul este unul din cele mai usoare limbaje de programare (marcare) folosite in zilele noastre, HTML vedem pe orice site, multe softuri au in ele componente din HTML, acest limbaj de programare este peste tot, a venit vremea sa-l invatam.

Prima oara poate va fi putin descurajant, insa daca sinteti putin atenti veti intelege imediat ca totul nu aste asa greu, sint lucruri simple si frumoase, vom crea ceva cu miinile noastre, asta este cel mai important lucru.

Vom invata elementele de baza, dupa care vom invata cum se introduce textul intr-o pagina web, dupa aceea vom aranja si vom colora textul, vom folosi o pagina de stil CSS (cascading style sheets) cu ajutorul careia vom aseza toate elementele din pagina HTML, la vom pozitiona pe toate astfel incit pagina noastra sa para ca este facuta dintr-o bucata.

Veti invata tehnici simple, de baza din HTML si CSS, cu toate ca acestea sint lucruri de baza din HTML si CSS, vor crea o imagine de ansamblu placuta.

Pentru acest tutorial trebuie sa va inarmati cu atentie si cu rabdare, acest tutorial nu este unul la care ne permitem sa derulam putin, daca derulati citeva secunde se poate sa pierdeti ceva foarte important si ce veti vedea dupa aceea sa nu mai aiba sens, concentratia de informatie este extrem de mare si tocmai de aceea va rog sa fiti foarte, foarte atenti.

Dupa acest tutorial, chiar curs intensiv as putea spune, veti avea o idee mai buna despre ce inseamna HTML si CSS, veti putea controla codul bine si veti intelege in totalitate un document HTML, senzatia ca HTML-ul nu este decit o insiruire de heroglife se va risipi, veti stii despre ce este vorba cind veti privi un document HTML sau unul CSS.

Vom invata despre taguri (etichete), avem aici citeva exemple de taguri(etichete) pe care le puteti folosi intr-un document HTML, nu va speriati, nu trebuie sa le memorati pe toate, trebuie sa invatati doar elementele de baza din primul tabel si restul le gasiti aici pe site sau pe net cind aveti nevoie de ele.

Chiar si tabelele in care sint ordonate aceste taguri, sint realizate cu ajutorul HTML-ului.

Elemente de baza (taguri).

<HTML> </HTML> Defineste un fisier in format Web
<HEAD> </HEAD> Antetul documentului
<TITLE> </TITLE> Tilul documentului
<BODY> </BODY> Corpul paginii HTML
BGCOLOR = culoare Culoarea de fond a paginii
TEXT=culoare Culoarea textului pe paginii
LINK=culoare Culoarea legaturiilor nevizitate din paginii
VLINK=culoare Culoarea legaturiilor vizitate din paginii
ALINK=culoare Culoarea legaturiilor pe durata clicului exacutat de utilizator
BACKGROUND = url Imaginea de fond pentru pagina
<P> Paragraf
<Hn> <Hn> Nivel de subtitlu al documentului (n = 1-6)
<FONT> </FONT> Specifica atribute ale textului incadrat
SIZE=n Dimensiunea textului este 1-7
FACE=„a,b” Specifica fontul: a, daca este disponibil, sau b
COLOR=s Culoarea textului: fie un nume de culoare , fie o valoare RGB
<BR> Linie noua
<PRE> </PRE> Informatie preformatata
<!– –> Comenatriu HTML
<CENTER> </CENTER> Centreaza materialul in pagina
<HR> Rigla orizontala
SIZE=x Inaltimea riglei in pixeli
WIDTH=x Latimea riglei in pixeli sau in procente
NOSHADE Dezactiveaza afisarea umbrei pentru rigla orizontala
ALIGN=x Alinierea riglei orizontala in pagina (left, center, right)
COLOR=x Culoarea riglei orizontale(numai pentru IE)
<A> </A> Marcaj de tip ancora
HREF=url Referinta hipertext
HREF=#nume Referinta catre o ancora interna
Name=nume Definitia unei ancore interne

Elemente pentru liste .

<DD> Descriere definitie
<DL> </DL> Lista de tip definitie
<DT> Termen de definitie
<LI> Element de lista
<OL Lista ordonata (numerotata)
TYPE=tip Tipul numerotarii. Valori posibile: A, a, I, i, 1
START=x Numarul de inceput al listei ordonate
<UL Lista neordonata (marcata)
TYPE=forma Forma marcajului. Valori posibile: circle, square, disc.

Elemente pentru formatarea caracterelor .

<B> </B> Afiseaza text cu caractere aldine
<I> </I> Afiseaza text cu caractere cursive
<U> </U> Afiseaza text subliniat
<TT> </TT> Text cu font monospatiu
<CITE> </CITE> Citare bibliogarfica
<CODE> </CODE> Listing de program
<EM> </EM> Stil logic de evidentiere
<KBD> </KBD> Text de la tastatura
<STRONG> </STRONG> Evidentiere logica puternica
<VAR> </VAR> Program sau variabila
<BASEFONT SIZE = n> Specifica dimensiunea implicita a fontului din pagina

Elemente pentru cadre .

<FRAMESET> </FRAMESET> Definirea redactarii paginii
COLS=x Numarul si marimea relativa a coloanelor
ROWS=x Numarul si marimea relativa a liniilor
BORDER=x Specifica starea „on” (activa) sau „off” (inactiva) pentru chenarul cadrului FRAMESET (1 sau 0)
FRAMEBORDER = x Specifica marimea chenarului
FRAMESPACING = x Marimea spatiului dintre doua cadre adiacente
<FRAME> Definitia unui anumit cadru
SRC=url URL-ul sursa pentru cadru
NAME=nume Numele cadrului (utilizat impreuna cu TARGET=nume ca parte componenta a marcajului de tip ancora <a>
SCROLLING=scrl Defineste optiunea barei de derulare.Valori posibile: on(activa), off(inactiva), auto (automat)
FRAMEBORDER=x Marimea chenarului din jurul cadrului
MARGINHEIGHT=x Spatiul suplimentar de deasupra si dedesubtul unui anumit cadru
MARGINWIDTH=x Spatiu suplimetar la stanga si la dreapta unui anumit cadru
<NOFRAMES> </NOFRAMES> Sectiunea de pagina afisata pentru utilizatorii care nu pot vedea un cadru
<IFRAME> Cadru intern (numai pentru (IE)
SRC=url Sursa cadrului
NAME=s Numele ferestrei (util pentru TARGET)
HEIGHT=x Inaltimea cadrului inglobat
WIDTH=x Latimea cadrului inglobat

Elemente pentru tabele .

<TABLE> </TABLE> Tabel HTML
BORDER=x Chenarul tabelului
CELLPADDING=x Spatiul suplimentar in cadrul celulelor tabelului
CELLSPACING=x Spatiul suplimentar intre celulele tabelului
WIDTH=x Latimea impusa tabelului
FRAME=valoare Ajustarea fina a tabelului
RULES=valoare Ajustarea fina a riglelor tabelului
BORDERCOLOR = culoare Specifica culoarea chenarului tabelului
BORDERCOLORLIGHT = culoare Cea mai deschisa culoare din cele doua culori specificate
BORDERCOLORDARK = culoare Cea mai inchisa culoare din cele doua culori specificate
ALIGN=left Aliniaza tabelul la marginea din stanga a paginii, iar textul curge in partea dreapta
ALIGN=right Aliniaza tabelul la marginea din dreapta a paginii, iar textul curge in partea stanga
HSPACE=x Spatiu suplimetar pe orizontala in jurul tabelului
VSPACE=x Spatiu suplimetar pe verticala in jurul tabelului
COLS=x Specifica numarul de coloane ale unui tabel
<COLGROUP> </COLGROUP> Defineste un set de definitii de coloane cu ajutorul marcajului <col>
<COL WIDTH=x> Defineste latimea unei coloane exprimata in pixeli
<THEAD> </THEAD> Defineste titlul tabelului
<BODY> </TBODY> Defineste corpul tabelului
<TR </TR> Linie de tabel
BGCOLOR=culoare Specifica culoarea de fond pentru intreaga linie
ALIGN=aliniere Alinierea celulelor de pe linia curenta (left, center, right)
<TD </TD> Celula de date a tabelului
BGCOLOR=culoare Specifica culoarea de fond pentru celula de date
COLSPAN=x Numarul de coloane pe care se intinde celula curenta de date
ROWSPAN=x Numarul de linii pe care se intinde celula curenta de date
ALIGN=aliniere Alinierea materialului din cadrul celulei de date.Valori posibile: (left, right, center)
VALIGN=aliniere Alinierea pe verticala a materialului din cadrul celulei de date.Valori posibile: (top, bottom, middle)
BACKGROUND=url Specifica imaginea de fond pentru celula tabelului
NOWRAP Nu permite despartirea textului pe linii in cadrul unei celule
ALIGN=baseline Aliniaza celule de date cu linia de baza a textului adiacent
ALIGN=caracter Aliniaza o coloana fata de un anumit carcater (caracterul prestabilit este „.”)
ALIGN=justify Aliniaza atat marginea din stanga cat si marginea din dreapta a unui text

Elemente pentru adaugarea imaginilor.

<IMG Marcajul de introducere a imaginilor
SRC=url Sursa fisierului grafic
ALT=text Textul alternativ de afisat, daca este necesar
ALIGN=aliniere Alinierea imaginii in pagina. Valori posibile: top (sus), middle(in mijloc), bottom (jos), left (in stanga), right (la dreapta)
HEIGHT=x Inaltimea imaginii (in pixeli)
WIDTH=x Latimea imaginii
BORDER=x Chenarul din jurul imaginii, atunci cand aceasta este utilizata ca hiperlegatura
HSPACE=x Spatiul suplimentar pe orizontala din jurul imaginii (in pixeli)
VSPACE=x Spatiul suplimentar pe verticala din jurul imaginii (in pixeli)

Elemente pentru formulare.

<FORM> </FORM> Formular HTML activ
ACTION=url Programul CGI de pe serverul care receptioneaza datele
METHOD=metoda Modul in care datele sunt transmise serverului(GET sau POST)
<INPUT Camp de text sau alte date de intrare
TYPE=optiune Tipul campului de intrare <INPUT>. Valori posibile: text,password,checkbox,hidden,file,
radio,submit,reset,image.
NAME=nume Numele simbolic al valorii campului
VALUE=valoare Continutul prestabilit al campului de text
CHECKED= optiune Buton/caseta marcata in mod prestabilit
SIZE=x Numarul de caractere al unui camp de text
SIZE=x Numarul maxim de caractere acceptate
<SELECT> </SELECT> Grup de casete de validare
NAME=nume Numele simbolic al valorii campului
SIZE=x Numarul de articole de meniu care se afiseaza odata (prestabilit=1)
MULTIPLE=x Permite selectia unor articole de meniu multiple
<OPTION Alegerea particulara intr-un domeniu <SELECT>
VALUE=valoare Valoarea rezultanta a acestei selectii din meniu
<TEXTAREA> </TEXTAREA> Camp de intare de tip text pe linii multiple
NAME=nume Numele simbolic al valorii campului
ROWS=x Numarul de linii al casetei de text
COLS=x Numarul de coloane (caractere) pe linie al casetei de text
<FIELDSET> </FIELDSET> Imparte formularul in parti logice
<LEGEND> </LEGEND> Numele asociat setului de campuri (fieldset)
ALIGN=s Specifica alinierea legendei (explicatiei) afisate (top,bottom,left,right)
TABINDEX=x Specifica ordinea elementelor atunci cand utilizatorul apasa tasta Tab
ACCESKEY=c Specifica tasta care asigura comanda rapida de la tastatura asociata unui anumit element
DISABLED Elementul este inactiv, dar este afisat pe ecran
READONLY Elementul este afisat pe ecran dar nu poate fi editat

Elemente avansate.

<STYLE> </STYLE> Specifica informatii referitoare modelul de stiluri
TYPE=val Tipul modelului de stiluri. De regula „text/css”
<SCRIPT> </SCRIPT> Include un script de regula Javascript, in pagina Web
LANGUAGE=limbaj Limbajul utilizat
EVENT=eveniment Eveniment care declanseaza executia unor scripturi specifice
FOR=numeobiect Numele obiectului din pagina asupra caruia actioneaza scriptul

DOWNLOAD TABELE CU TAGURI HTML

Daca doriti sa vizitati site-ul realizat in tutorial, il puteti accesa la aceasta adresa: http://www.videotutorial.150m.com .

Va recomand sa dezarhivati fisierul atasat si sa studiati cele trei fisiere html, respectiv fisierul css folosind Notepad++ sau alt program de editare a paginilor web, in felul acesta puteti face modificari cau chiar puteti aduce completari, in timpul acesta veti invata html fara sa va dati seama.

Va urezi vizionare placuta si va astept si la urmatoarele tutoriale din aceasta serie si nu numai.

DOWNLOAD FISIERE TEST

realizat de Dan Constantin
tutorialegimp.blogspot.com
Get the Flash Player to see the wordTube Media Player.

Articole Similare
Despre Cristian Cismaru

Imi place tot ce tine de IT&C, in place sa impartasesc din experienta si informatiile pe care le acumulez zi de zi.
Invat ca sa va invat !

Comentarii

  1. Foarte frumos, tone de informatie in acest tutorial.
    Acest tutorial poate fi numit: PERFUZIE CU HTML SI CSS.
    Poate nu apuci sa inveti in citeva luni ce poti invata aici intr-o ora si ceva, eu l-am vazut pe tot inainte de a fi postat si pot spune ca m-a impresionat cita informatie poate incapea intr-un tutorial.
    La un moment dat am simtit nevoia sa beau apa, cu toate ca eu doar urmaream tutorialul, nici nu vreu sa na gindesc, cita apa a baut Dan dupa asta.
    Nu exista sa nu inveti ceva HTML sau/si CSS dupa acest tutorial.

  2. dumitru32 a zis:

    Aoleu, ceea ce incercam cam de vreo 3 luni sa ma apuc sa invat, da tot chipurile timp n-am…
    Merci mult, o sa-l vizionez cu atentie!

  3. cristi-admin: Foarte frumos, tone de informatie in acest tutorial.
    Acest tutorial poate fi numit: PERFUZIE CU HTML SI CSS.
    Poate nu apuci sa inveti in citeva luni ce poti invata aici intr-o ora si ceva, eu l-am vazut pe tot inainte de a fi postat si pot spune ca m-a impresionat cita informatie poate incapea intr-un tutorial.
    La un moment dat am simtit nevoia sa beau apa, cu toate ca eu doar urmaream tutorialul, nici nu vreu sa na gindesc, cita apa a baut Dan dupa asta.
    Nu exista sa nu inveti ceva HTML sau/si CSS dupa acest tutorial.

    da ai dreptate cristi dar eu sunt dezamagit deoarece credeam ca tu vei face tutorialu :( dar oricum bravo dan foarte bun tutorialu

  4. cioc:
    da ai dreptate cristi dar eu sunt dezamagit deoarece credeam ca tu vei face tutorialu :(dar oricum bravo dan foarte bun tutorialu

    Tu ce crezi, ca s-a terminat seria despre „Cum se face un site”.
    In urmatorul tutorial voi fi eu.
    Pentru ca ce voi face eu in urmatorul tutorial este necesar sa fie vizionat acest tutorial realizat de catre Dan.
    Ce voi prezenta eu este diferit de tutorialul realizat aza de Dan, insa informatiile din acesta vor fi indispensabile pentru intelegerea buna a lucrurilor.
    Sint mai multe moduri de publicare a continutului pe web, insa toate au un numitor comun, HTML si CSS, fara ele nu se poate face nimic.

  5. cristi-admin:
    Tu ce crezi, ca s-a terminat seria despre “Cum se face un site”.
    In urmatorul tutorial voi fi eu.
    Pentru ca ce voi face eu in urmatorul tutorial este necesar sa fie vizionat acest tutorial realizat de catre Dan.
    Ce voi prezenta eu este diferit de tutorialul realizat aza de Dan, insa informatiile din acesta vor fi indispensabile pentru intelegerea buna a lucrurilor.
    Sint mai multe moduri de publicare a continutului pe web, insa toate au un numitor comun, HTML si CSS, fara ele nu se poate face nimic.

    Salut Cristi, o sa vina si o serie de php sau js?

  6. Alex:
    Salut Cristi, o sa vina si o serie de php sau js?

    Vom vorbii despre toate, insa si PHP-ul si JS-ul se leaga cu HTML-ul, fara HTML nu se poate.
    PHP-ul este folosit mai mult pentru extragerea datelor din bazele de date, paginile web tot pe HTML stau, fie ca vorbim de site-uri dinamice(php, dhtml, asp, jsp, cf) fie ca vorbim de un site static, vom folosii limbajul HTML, fara el nu se poate face nimic.
    Multi fac o mare confuzie „nu mai vreau site HTML, vreau site dinamic php” , este o mare gresala, aproape peste tot este folosit HTML-ul indiferent ca vorbim de site-uri dinamice sau site-uri statice.
    JS (java script) nu este tot una cu JSP (java server pages) care depinde de un server, JS-urile sint folosite pentru anumite scripturi, nu este nevoie de nici un server, scripturile JS pot rula in orice browser fara a avea nevoie de componenta server, si in acest tutorial, Dan a folosit o serie de scripturi JS (galeria foto), pentru chestii punctuale se foloseste JS, nu se fac site-uri intregi cu JS, in schimb se fac site-uri intregi cu ajutorul Java Server Pages care este cu totul altceva, cu toate ca par la fel.
    Stiu ca tu te-ai apucat demult sa studiezi „codul”, acest tutorial este un ajutor excelent, Dan a facut un lucru extraordinar cu acest tutorial, nici nu va dati seama ce valoros este acest tutorial, sub tutorial ai cam toate tagurile (elementele) folosite in HTML, te poti folosii de ele, mai ales ca fiecare in parte are si descriere.
    Nu ta lasa ALEX, rupe codul, asta este baza.
    CREDE-MA, DE POTENTIAL NU DUCI LIPSA !

  7. wow foarte multa informatie foarte bine structurata astfel incat oricine sa poata intelege.eu personal m-am uitat la tutorial doar de dragul de a afla ceva nou ,iar pe masura ce tutorialul inainta ramaneam uimit cat de usor se poate face un site ,nu prea incarcat si foarte placut la vedere.Felicitari pentru acest tutorial dar si pentru toate celelalte.Astept cu nerabdare urmatoarea „perfuzie”(vorba lui cristi) cu informatii.

  8. Felicitari!! Foarte frumos tutorialul, O sa fie o romanie plina de designeri Web :) (sa speram!!)

  9. cand o sa fie un tutorial cu dreamweaver? Sau dc nu folositi dreamweaver in tutorialele voastre?

    Felicitari pt toate tutorialele… sunte-ti ce-i mai tari ;)

  10. wolfwarine a zis:

    Salut..super tare tutorialul chiar sunt ,,tone” de informatie..si eu care ma gandesc ca eu a trebuit sa invat html-ul de baza in frontpage 98’facand zeci de teste luate din carti de la biblioteca fiindca nu aveam net pe vremea aia si acum ma pot uita la un tutorial care imi explica tot ce trebuie sa stiu..se vede ca am evoluat :)))..mi-a placut faptul ca a fost explicat pas cu pas si ca au fost puse pe site toate comenzile de baza+un exemplu pe care se poate lucra..se vede ca stiti ce faceti sunteti adevarati profesori!!
    Totusi mare parte a celor ce lucreaza in web design folosesc programe care fac automat comenzile si intrebarea mea este veti mai face un tutorial cu un astfel de program??
    Eu stiu ca ati facut acest tutorial pentru intelegerea comenzilor si astfel o mai buna intelegere programelor de web design..dar totusi sunt curiso sa vad cu ce veti continua seria aceasta a tutorialelor fiindca este foarte mult de vorba pe aceasta tema chiar daca unii o considera plictisitoare atunci cand vine vorba de tutoriale gen cel realizat de Dan pe care il felicit cu ocazia asta pentru tutorial…

  11. dumitru32 a zis:

    johnn: cand o sa fie un tutorial cu dreamweaver? Sau dc nu folositi dreamweaver in tutorialele voastre?Felicitari pt toate tutorialele… sunte-ti ce-i mai tari

    Apropo, este vreo diferenta intre aceste editoare HTML???

  12. Salut baieti imi cer scz ca nu vorbesc despre acest tutorial uimitor dar am o problem si sper ca ma puteti ajut deoarece vad ca aveti foarte multa experienta in calculatoare

    De curand miam bagat Windows 7 Ultimate si am incercat sa imi bag Daemon Tools dar nici o versiune nu mere.Imi apare un text intruna, ca cica sa dau rebot dar dau si iar dau si iar dau.Ma puteti ajuta cu o solutie? ceva acolo poate stiti mai bn ca mine cum sal fac plz I nEEd HELP! \

    Mersi.

  13. sper sa ma puteti ajuta.

  14. Rizi: sper sa ma puteti ajuta.

    Incearca sa folosesti ultima versiune de dameno tools lite downloadata de la ei de pe siteul oficial.Eu am Windows 7 Buildul 7600 RTM si folosesc ultima versiune de daemon tools lite fara probleme,daca nu,poti incerca Virtual CloneDrive e tot gratuit,il gasesti cu google!

  15. Foarte tare !!!
    Super idee cu aceste tutoriale despre cum se face un site
    As vrea sa vad in tutorialul viitor cum putem face pe o pagina web spre ex un catalog virtual de produse, sau catalog de prezentare, continutul unei reviste etc., etc. Adica sa vizualizam acel catalag ca si cum am rasfoi o revista. In tutorialul 1 ni s-au cerut astfel de idei sau completari.

    Tineti-o tot asa
    S’auzim numai de bine
    gpa

  16. mersi mult;):)

  17. eu am Windows 7 Build 7100 da o sa incerc mersi oricum;)

  18. gpa: Foarte tare !!!Super idee cu aceste tutoriale despre cum se face un siteAs vrea sa vad in tutorialul viitor cum putem face pe o pagina web spre ex un catalog virtual de produse, sau catalog de prezentare, continutul unei reviste etc., etc. Adica sa vizualizam acel catalag ca si cum am rasfoi o revista. In tutorialul 1 ni s-au cerut astfel de idei sau completari. Tineti-o tot asaS’auzim numai de binegpa

    Stai usor, sa faci un site de cumparaturi este pentru grupa mare. Trebuie mult php, care asa cum a zis si Cristi, nu il ai fara html. Cum am rasfoi o revista e flash, flashul tine de AS. Si eu astept asa ceva, dar pana nu vedem baza nici nu am intelege tutoriale ca alea.

  19. Rizi: eu am Windows 7 Build 7100 da o sa incerc mersi oricum;)

    Nu conteaza ce sistem ai, notepad merge pe orice sistem. Da, ma refer la utilitarul ws, un site poti sa il scri si in rubrica asta de comentarii. Atata timp cat salvezi bine extensiile nu va fi diferit cu nimic de unul facut in DW sau Coda sau orice altceva.

  20. nu am avut o problema cu daemon tools dasta am spus ce sistem am citeste mai sus;)

  21. dumitru32: Apropo, este vreo diferenta intre aceste editoare HTML???

    Da este, unele sunt inteligente, te ajuta de exemplu scri <a h si el isi da de seama ca vrei <a href… si iti da o lista de optiuni. Cand ai terminat e de ajuns sa pui </ si el va pune . Te ajuta cu browse cu split, code. Sfatul meu e sa folosesti DW, este foarte simplu, intuitiv si bine structurat.

  22. Alex: Nu conteaza ce sistem ai, notepad merge pe orice sistem. Da, ma refer la utilitarul ws, un site poti sa il scri si in rubrica asta de comentarii. Atata timp cat salvezi bine extensiile nu va fi diferit cu nimic de unul facut in DW sau Coda sau orice altceva.(asta daca esti dorinic sa te apuci de tutoriale) Cat despre problema zicea cineva de pe chat ca a rezolvat asa ceva.

  23. Rizi: nu am avut o problema cu daemon tools dasta am spus ce sistem am citeste mai sus;)
    Am vazut doar ca in loc sa dau edit, am dat citeaza ca prostu’. Deci cine poate sa stearga il rog (Scuze, nu sunt obisnuit cu tema asta)

  24. dumitru32:
    Apropo, este vreo diferenta intre aceste editoare HTML???

    Normal k este, in dreamweaver poti lucra si in modul design…. si nu trebuie sa sti asa multe taguri. Nu ma stiu asa bine la facut situri… dar parerea mea este k ar fi mai usor in dreamweaver.

  25. Va multumesc pentru aprecierile pozitive la adresa acestui tutorial.

  26. Corleone a zis:

    Salutare vroiam sa-l intreb pe Cristi.admin daca a primit ce i-am trimes ultima oara si daca sunt sanse sa apara.Ce zici Cristi…chestia cu webcamera…?

  27. daca ati auzit deblender puteti face un tutorial nu e foarte greu de folosit,dar pt unii este

  28. Laurentiu a zis:

    buna ziua , am si eu o problema am copiat un site cum trebuie , cand vreau sa deschit o alta pafina din site imi apare cum ca nu ar merge netul dau „back” si daca apas pe butonul Home dupaia put utiliza toate paginile . Zilele astea as vrea sa modific site-ul cu ” SeaMonkey ” deoarece nu am mai lucrat cu un site de vreo 4 ani si am cam uitat sa fac un site , astept un raspuns

  29. Buna. Intr-adevar exista multa informatie condensata in acest tutorial si s-ar putea ca incepatorii,printre care ma numar si eu, sa fie un pic
    bulversati de amploarea cunostintelor pe care trebuie sa le aiba pentru a
    construi un site.
    Eu unul,am cochetat un pic cu codul HTML,dar am folosit o alta cale.
    In loc sa invat direct acest limbaj,aparent abstract,care prinde viata abia atunci cand este vizualizat intr-un browser,am preferat sa utilizez un soft dedicat,cu ajutorul caruia se poate construi direct o pagina web.
    Acel program este Microsoft Office FrontPage si-ti ofera 3 posibilitati:
    1.,DESIGN’,poti edita pagina doar aducand si aranjand elementele
    constituente(poze,filme flash,gif-uri,text etc.) traducerea in HTML se face automat,incusiv fisierul CSS.
    2.,SPLIT’,acesta mi sa parut cel mai placut mod de editare,pentru ca i-ti imparte pagina in doua sectiuni,una pentru a lucra direct cu elementele grafice si cealalta cu codul.
    3.,CODE’,poti scrie direct in cod HTML daca esti avansat.
    Ce e si mai interesant este faptul cu in modul,SPLIT’daca vrei sa gasesti si sa modifici portiunea de cod responsabila de un anumit element grafic,este suficient sa dai click pe elementul respectiv,iar programul ti-l evidentiaza imediat.
    La acestea se adauga faptul ca poti previzualiza tot ceea ce faci fara a mai folosi un browser.
    In felul acesta oricine poate invata limbaj HTML,intr-un mod firesc,placut si intuitiv.E suficient sa actionezi asupra paginii si vezi ce modificari se produc in cod.Aveti si voi pe site,un tutorial cu ,Seamonkey’care face,la o scara mult mai redusa,cam acelasi lucru.
    Evident,cine doreste sa-si aprofundeze cunostintele in acest domeniu si sa devina avansat nu trebuie sa se multumeasca cu atat…

    Cu respect,Romeo.

  30. Pentru a exemplifica cele spuse mai sus am postat aici o poza: http://i32.tinypic.com/nva4nl.jpg

  31. Romeo: Pentru a exemplifica cele spuse mai sus am postat aici o poza: http://i32.tinypic.com/nva4nl.jpg

    Este adevarat, programele de tip WYSIWYG de tip advanced pot afisa pe viu si codul si rezultatele asa cum vor aparea in browser, pe linga Microsoft Front Page ( mai nou se numeste Expresion Web ) mai este si Dreamweaver care este cel mai apreciat program de acest gen datorita integrarii native cu Adobe Flash, Photoshop, Fireworks etc.
    Multumim pentru sugestie Romeo, si te mai asteptam cu completari si sugestii cel putin la fel de interesante.

  32. bvo dan pt tutorial, inca nu am reusit sa il vad cap coada, mam uitat pe sarite. ma bucur ca ai folosit lightboxu…chiar vreau sa il implementez si eu. o sa imi fac timp sa il urmaresc tot!

  33. Nicu Dumitrescu a zis:

    Buna ziua,
    Mai inainte de toate vreau sa va asigur ca nu sunt omul care, cum nu intelege ceva, se repede cu intrebari si asteapta „mura in gura”. Am invatat de pe Tutorial.ro foarte multe lucruri pentru care va multumesc tuturor celor care contribuiti la realizarea acestor tutoriale. De aceasta data ma vad nevoit sa cer cateva explicatii. Si anume: Dupa ce am urmarit tutorialul de cateva ori si am inteles cat de cat cu ce se mananca HTML-ul(si a inceput sa-mi placa foarte mult), am urmat instructiunile D-lui Dan si am inceput sa scriu litera cu litera codurile. Treaba mergea foarte bine deoarece puneam stop la videotutorial si copiam codurile in pagina mea. Cand Dl.Dan a introdus la un moment dat mai multe coduri m-am blocat deoarece pe verticala nu mai era loc pentru a putea vedea totul si nu stiu de unde sa scriu in continuare pentru ca, dupa cum am mai spus, pe verticala nu mai era loc (se termina ecranul…)Sunt foarte necajit din aceasta cauza pentru ca de cand a aparut tutorialul (HTML) ma casnesc sa invat si m-am impotmolit aici pe la jumatate. Daca exista o rezolvare la acesta problema va rog sa ma lamuriti si pe mine. Sper sa nu deranjez pe nimeni iar daca problema mea este puerila va cer scuze de pe acum.
    Cu stima N.D.

  34. Nicu Dumitrescu: Buna ziua,
    Mai inainte de toate vreau sa va asigur ca nu sunt omul care, cum nu intelege ceva, se repede cu intrebari si asteapta “mura in gura”. Am invatat de pe Tutorial.ro foarte multe lucruri pentru care va multumesc tuturor celor care contribuiti la realizarea acestor tutoriale. De aceasta data ma vad nevoit sa cer cateva explicatii. Si anume: Dupa ce am urmarit tutorialul de cateva ori si am inteles cat de cat cu ce se mananca HTML-ul(si a inceput sa-mi placa foarte mult), am urmat instructiunile D-lui Dan si am inceput sa scriu litera cu litera codurile. Treaba mergea foarte bine deoarece puneam stop la videotutorial si copiam codurile in pagina mea. Cand Dl.Dan a introdus la un moment dat mai multe coduri m-am blocat deoarece pe verticala nu mai era loc pentru a putea vedea totul si nu stiu de unde sa scriu in continuare pentru ca, dupa cum am mai spus, pe verticala nu mai era loc (se termina ecranul…)Sunt foarte necajit din aceasta cauza pentru ca de cand a aparut tutorialul (HTML) ma casnesc sa invat si m-am impotmolit aici pe la jumatate. Daca exista o rezolvare la acesta problema va rog sa ma lamuriti si pe mine. Sper sa nu deranjez pe nimeni iar daca problema mea este puerila va cer scuze de pe acum.
    Cu stima N.D.

    Descarcati arhiva cu fisierele realizate in acest tutorial(arhiva o gasiti sub numele „DOWNLOAD FISIERE TEST”)si ulterior dupa dezarhivare , click dreapta pe fisierele html si alegeti optiunea „Edit with Notepad++”.

  35. Nicu Dumitrescu a zis:

    Excelent! Multumesc mult,mult de tot…
    Adevarat, este un pic mai greu la inceput (iar eu sunt chiar la inceput!), dar am foarte multa rabdare si ambitie. Deabia acteptam raspunsul Dvs. Inca odata multumesc. (Sper sa va arat cat de curand un website facut de mine. La cei 72 de ani ai mei am foarte mult timp, chiar nu stiu ce m-as face daca nu ati fi voi…)

  36. Bună!Am ajuns la concluzia că sunteţi pentru mine o necesitate mai ceva ca aerul şi apa!Vă mulţumesc pentru aceste tutoriale şi pentru faptul că aveţi răbdare cu noi (cei care mai avem cale lungă până vă ajungem).Aştept în fiecare zi noutăţile cu sufletul la gură!În sfârşit încep să înţeleg şi eu ce înseamnă realizarea unui site! Până nu demult era un subiect tabu,de neatins pentru cei care nu au terminat o şcoală în domeniu.Sunt conştientă de faptul că ceea ce vedem în tutoriale este doar o mică parte din întreg,dar măcar aşa avem şi noi habar de cât de imens este acel”întreg”Mulţumiri încă odată.

  37. cristi-admin:
    Este adevarat, programele de tip WYSIWYG de tip advanced pot afisa pe viu si codul si rezultatele asa cum vor aparea in browser, pe linga Microsoft Front Page ( mai nou se numeste Expresion Web ) mai este si Dreamweaver care este cel mai apreciat program de acest gen datorita integrarii native cu Adobe Flash, Photoshop, Fireworks etc.
    Multumim pentru sugestie Romeo, si te mai asteptam cu completari si sugestii cel putin la fel de interesante.

    Unii creatori de pagini web critică aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari decât ar fi necesar, ceea ce conduce la o funcţionare neperformantă a browserelor web. Această afirmaţie este în mare parte adevarată deoarece paginile web produse folosesc design-ul pe bază de tabel. În plus, produsul a mai fost criticat în trecut şi pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult îmbunătăţit în versiunile recente. Cu toate acestea, Macromedia a crescut suportul pentru tehnologia CSS precum şi alte modalităţi de design fără a fi necesară folosirea design-ului pe bază de tabel.Asa am citit,atunci ajung la concluzia ca tot Notepad ++ este cel mai bine acceptat ?

  38. gabi:
    Unii creatori de pagini web critică aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari decât ar fi necesar, ceea ce conduce la o funcţionare neperformantă a browserelor web. Această afirmaţie este în mare parte adevarată deoarece paginile web produse folosesc design-ul pe bază de tabel. În plus, produsul a mai fost criticat în trecut şi pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult îmbunătăţit în versiunile recente. Cu toate acestea, Macromedia a crescut suportul pentru tehnologia CSS precum şi alte modalităţi de design fără a fi necesară folosirea design-ului pe bază de tabel.Asa am citit,atunci ajung la concluzia ca tot Notepad ++ este cel mai bine acceptat ?

    Foarte adevarat ce spui tu, programele de gen WYSIWYG advanced nu sint cele mai bune exemple de urmat cind vine vorba de generarea codului in mod eficient, in urma unor modificari cu Microsoft Front Page ( Expresion Web ) sau Adobe Dreamweaver, ramine destul cod invalid care ingreuneaza randarea paginilor in browser, insa pentru un utilizator incepator aceste softuri sint de mare ajutor, nu toata lumea poate vizualiza codul in minte, userii au nevoie de scule facile, nimeni nu mai are rabdare sa genereze cod implicit sa construiasca pagini web cu notepad.
    Cu toate astea foarte multi dezvoltatori web folosesc Adobe Dreamweaver sau Front Page pentru a scurta timpul de executie, acestia insa stiu sa foloseasca instrumente de tip Debug care corecteaza greselile de cod in mod automat.
    In general programatorii „old school” dezaproba folosirea acestei metode de lucru, bineinteles pe undeva isi vad amenintat sectorul in care isi desfasoara ei activitatea, implicit locurile de munca, s-au trezit ca peste noapte lumea nu mai are nevoie de atit de multi programatori sau web developeri, asta este, lumea merge inainte.
    Cred ca in curind o sa dispara dezvoltatorii care lucreaza exclusiv cu IDE-urile, odata cu aparitia CMS-urilor multe lucruri au inceput sa se schimbe, in favoarea utilizatorului final bineinteles.
    Sa-ti faci un site nu mai este o problema, un blog se pune pe picioare in 5 minute, un forum in 20 de minute este online.
    Trebuie sa ne concentram mai mult pe continutul din aceste platforme, pina la urma omul nu vine sa admire designul sau codul din site, el vine pentru continut, asta este cel mai important element pentru un :site, forum, blog etc.

  39. O curiozitate as avea si eu. Oare un site realizat in felul asta ar putea fi indexat de motoarele de cautare? Daca da, in ce conditii? Trebuie introdus vreun plugin ceva? Cum se introduc tagurile ?

  40. Va rog mult..faceti un tutorial despre player flash , cum se construieste si cu ce program, ar fi de mare ajutor! :D
    Si apropo, frumos tutorial Dan , am clarificat niste chestii pe care nu le intelegeam deloc :D Multam !!!

  41. ionutGman a zis:

    Am o intrebare scurta si la obiect.
    Cum pun un joc in flash si un film din calc meu nu de pe alte situri/

  42. De ce cand intru aici antivirusul intra in alerta, oare sunteti atacati de virusi?

  43. Marian: De ce cand intru aici antivirusul intra in alerta, oare sunteti atacati de virusi?

    Un server pe linux nu are cum sa aiba virusi, noi folosim un server dedicat cu un sistem de operare Linux Centos 5 cu antivirus de scanare a mail-urilor, scanare in ambele sensuri(si intrare si iesire) care vin pe sever sau care pleaca de pe server, de un an de zile nu am depistat nici un virus in atasamentele de mail, programele care ruleaza pe linux nu se potrivesc pe windows. Sau tu credea-i ca tinem site-ul pe desktop-ul de acasa si intre doua tutoriale mai descarcam si ceva de pe torrente sau de pe hub-uri (odc), schimba-ti antivirusul pentru ca nu este destul de precis, probabil folosesti AVG, in general el are probleme din astea.
    Nu avem mare lucru la download si nu ai cum sa iei virusi, mai cititi si voi inainte sa vorbiti, toata lumea vede virusi peste tot, antivirusul poate sarii pe scripturi sau pe cookie-uri, acestea nu sint virusi, fara ele nu ar putea functiona internetul asa cum il stim noi in ziua de azi.
    Antivirusurile dau frecvent alarme fals pozitiv, adica sufla si-n iaurtul inghetat, ca sa nu se friga cu el.
    Ai doua variante, ori nu mai vii pe la noi, ori schimbi antivirusul sau il setezi corespunzator.
    Sa stiti ca noi sintem un site serios, nu ne jucam cu securitatea, nici o secunda nu am pune in pericol vreun vizitator sau vreo adresa de mail a acestuia, toate datele pe care le lasati aici sint protejate de orice bot de spam.
    Transferarea fisierelor la noi se face prin SFTP (conexiune cu un grad foarte ridicat de securitate, criptarea se face pe 1024 Biti, postarea continutului se face prin coneziune criptata SSL ("https") cine stie ce inseamna asta sint sigur ca va fi de acord ca securitatea pe videotutorial.ro este la cel mai inalt nivel, nu impartim serverul cu nici un alt domeniu, sintem singuri pe serverul nostru dedicat si tocmai de aceea am putut implementa aceste masuri cu un grad ridicat de securitate.
    Mai pe scurt, videotutorial.ro este o fortareata cind vine vorba de securitate, nu stiu citi administratori au asa ceva implementat pe serverele lor, tinem foarte mult la protejarea vizitatorilor nostri si a datelor confidentiale pe care acestia le pun in formularul de comentariu sau in formularul de abonare, nu avem link-uri care sa trimita pe site-uri periculoase, nu avem softuri periculoase la download.
    Ginditi-va inainte sa spuneti asa ceva.

  44. Marian: De ce cand intru aici antivirusul intra in alerta, oare sunteti atacati de virusi?

    Daca cineva mai indrazneste sa spuna asa ceva fara dovezi care sa sustina cele spuse ii va fi retrasa posibilitatea de a accesa videotutorial.ro (va fi banat).
    E usor sa arunci cu cuvinte, e greu sa pastrezi reputatia unui website.

  45. Imi cer scuze! nu vroiam sa jignesc, departe de mine acest gind, de cand am descoperit acest site imi petrec destul de mult timp aici incercind sa invat tot ce se poate. In legatura cu antivirusul aveti dreptate am avg il voi schimba. Cu respect Marian

  46. Imi cer scuze! Departe de mine gindul de a jigni, de cind am descoperit acest site imi petrec destul de mult timp aici incercind ssa invat tot ce se poate.
    In legatura cu antivirusul aveti dreptate am avg il voi schimba. Cu respect Marian

  47. Marian: Imi cer scuze! nu vroiam sa jignesc, departe de mine acest gind, de cand am descoperit acest site imi petrec destul de mult timp aici incercind sa invat tot ce se poate. In legatura cu antivirusul aveti dreptate am avg il voi schimba. Cu respect Marian

    Eu personal am testat intrarea pe site cu mai multi antivirusi: Avira,AVG,Avast,BitDefender,Kaspersky 2009,Kaspersky 2010, si singuru care a „sarit ca ars”a fost AVG-ul,problema e la el nu la noi,si-a luat un update gresit si interpreteaza gresit unele scripturi ca fiind virusi,nu trebuie a-ti faci griji sau sa intri in panica,te-as sfatui sa-l schimbi cu Avira,este un foarte bun antivirus.Cum a spus si cristi,nu suntem tampiti sa ne punem vizitatorii in pericol,pentru ca daca am face asta,nu ne va mai vizita nimeni! In speranta ca te-am lamurit si m-am facut inteles iti urez o zi buna!

  48. Sunt pe deplin lamuri. cu respect Marian

  49. un pic cam dur mi se pare raspunsul lui cristi pt marian in legatura cu antivirusul. omul a pus o intrebare adresata scopului siteului adica lamuriri invataminte etc inlegatura cu o problema iar amenintarea cu banatul mi se pare cam la nealocul ei.si mie mi se intimpla acelasi lucru cu avg insa prefer sa-l pastrez pt ca oricum m-a lamurit de la prima aparitie a alarmei cam care-i baiul si sincer sa fiu prefer sa sufle si-n iaurt numai sa-si indeplineasca scopul.tot voi ati spus ca orice antivirus mai este driblat citeodata.sa auzim .de bine si nu uitati de scopul pe care ni l-ati propovaduit in legatura cu siteul:informare pt cunoastere!

  50. nelutu: un pic cam dur mi se pare raspunsul lui cristi pt marian in legatura cu antivirusul. omul a pus o intrebare adresata scopului siteului adica lamuriri invataminte etc inlegatura cu o problema iar amenintarea cu banatul mi se pare cam la nealocul ei.si mie mi se intimpla acelasi lucru cu avg insa prefer sa-l pastrez pt ca oricum m-a lamurit de la prima aparitie a alarmei cam care-i baiul si sincer sa fiu prefer sa sufle si-n iaurt numai sa-si indeplineasca scopul.tot voi ati spus ca orice antivirus mai este driblat citeodata.sa auzim .de binesi nu uitati de scopul pe care ni l-ati propovaduit in legatura cu siteul:informare pt cunoastere!

    Ai dreptate,poate Cristi a „exagerat” putin insa spunemi cum te-ai simti sa te intreb eu pe tine „Stii cineva mi-a spus ca a vazut la tine soarcei,si gandaci…ai soarcei si gandaci in casa???” cu te face sa te sitmti aceasta intrebare? E casa noastra aici,muncim sa o construim…si sa vii sa murdaresti e foarte usor,insa sa faci curat e foarte greu.Sper sa intelegi ce a vrut Cristi sa spuna in comentariile de mai sus!

  51. Eu am gresit din modul de a pune intrearea si imi asum gresala, sper sa fiu inteles si iertat:)

  52. Am o problema, de ce cand deschid mozilla imi aliniaza tot la stanga, nu pe centru cum e in tutorial ?

  53. noob: Am o problema, de ce cand deschid mozilla imi aliniaza tot la stanga, nu pe centru cum e in tutorial ?

    Trebuie sa introduci la inceputul fisierului html un anumit cod.
    Te sfatuiesc sa studiezi fisierele din arhiva test postata la sfarsitul articolului.

  54. Multumesc, mai am o intrebare, vreau sa fac ceva ca in poza urmatoare pe un site de al meu mai vechi:
    http://img406.imageshack.us/img406/4207/gdfgd.png , mai mult de atat nu stiu sa explic, imi puteti spune cum fac ?:)

  55. Salut am si eu o intrebare am cautat pe multe websiteuri si as vrea sa stiu cum as putea sa adaug acele wedgeturi din stanga si dreapta pentru a putea adauga pe site.

  56. noob: Multumesc, mai am o intrebare, vreau sa fac ceva ca in poza urmatoare pe un site de al meu mai vechi:
    http://img406.imageshack.us/img406/4207/gdfgd.png , mai mult de atat nu stiu sa explic, imi puteti spune cum fac ?:)


    Adapteaza unul din sabloane la nevoile tale.

  57. Multe felicitari pentru toate tutorialele realizate pana acum. Intradevar cel mai tare site din Romania. De multa vrema ma bate gandul sa incep sa invat html insa nu am gasit nici unde, un mod de a invata atat de expicit ca in acest tutorial. Felicitari inca o data.
    Am si eu o intrebare: De ce in Internet Explorer apare o eroare – tabelul din dreapta vine sub tabelul din stanga. Aceasta se intampla si in cazul fisierului vostru si cum sa fac sa remediez aceasta problema?
    Multumesc anticipat.

  58. MarYo-Benucci a zis:

    numai va chinuiti cu astfel de site`uri sau sa va faceti site cu htlm`uri Cum Faci Un Website http://affiliate.weebly.com/scripts/click.php?aid=49b85878a2b57&cid=d4aceefd intra aici si fa`ti singur un site .. este ca o joaca de copil si nu platesti absolut nimik ai zeci de theme pt site si multe altele daca vrei uitate la vide`oul asta „”” canalul de youtube avea un nume cam vulgar „”” bafta si s`aud ca va`ti facut si voi unu

  59. Emil: De ce in Internet Explorer apare o eroare – tabelul din dreapta vine sub tabelul din stanga. Aceasta se intampla si in cazul fisierului vostru si cum sa fac sa remediez aceasta problema?Multumesc anticipat.

    Multumim pentru aprecieri.Eroarea semnalata ,probabil, provine din faptul ca pe linia 31 in fisierul video.html ,la sfarsitul intructiunii trebuie adaugat „/object” intre semnele mai mare si mai mic.

    • Dan:
      Multumim pentru aprecieri.Eroarea semnalata ,probabil, provine din faptul ca pe linia 31 in fisierul video.html ,la sfarsitul intructiunii trebuie adaugat “/object” intre semnele mai mare si mai mic.  

      si daca nu merge nici acum care ar fi alta parere?:d

  60. As avea si eu o intrebare! Unde gasesc culoarea link-urilor intro tema wordpress. Vreau sa schimb culoarea din verde in albastru insa nu gasesc pe nicaieri vreun indiciu. Multumesc anticipat!

  61. Anonim: As avea si eu o intrebare! Unde gasesc culoarea link-urilor intro tema wordpress. Vreau sa schimb culoarea din verde in albastru insa nu gasesc pe nicaieri vreun indiciu. Multumesc anticipat!

    Da click AICI ca sa vezi cum schimbi culoarea,dai click pe butonul ala unde e cu galben in poza ca sa-ti apara mai multe detalii in panoul de editare text

  62. Adrian: Da click AICI ca sa vezi cum schimbi culoarea,dai click pe butonul ala unde e cu galben in poza ca sa-ti apara mai multe detalii in panoul de editare text

    Nu are nici un efect. Este din vina temei. Ar trebui sa fie ceva legat de foaia de stil dar nu stiu ce corespunde linkurilor.

  63. Anonim: As avea si eu o intrebare! Unde gasesc culoarea link-urilor intro tema wordpress. Vreau sa schimb culoarea din verde in albastru insa nu gasesc pe nicaieri vreun indiciu. Multumesc anticipat!

    Daca ai site-ul hostat pe wordpress.com nu poti sa schimbi css-ul decit daca platesti.
    Daca ai site-ul gazduit de tine sau de o companie de hosting trebuie sa umbli in css, cauta si tu in /wp-content/tema-ta/style.css, deschide-l si cauta bucata asta:
    /************************************************
    * Hyperlinks *
    ************************************************/

    Aici, sub „Hiperlinks” modifici cum vrei tu.

  64. cristi-admin: Daca ai site-ul hostat pe wordpress.com nu poti sa schimbi css-ul decit daca platesti.Daca ai site-ul gazduit de tine sau de o companie de hosting trebuie sa umbli in css, cauta si tu in /wp-content/tema-ta/style.css, deschide-l si cauta bucata asta:/************************************************* Hyperlinks *************************************************/Aici, sub “Hiperlinks” modifici cum vrei tu.

    Am cautat prin css de mi-au sarit capacele. si nu gasesc pe nicaieri acea expresie. Siteul e hostat de mine.

  65. v-as sugera sa faceti un tutorial despre noul OPERA 10 …are 100/100 la testul ACID3

  66. Foarte educativ tutorialul.Ar fi interesant cum se face o editare in XML.Ar fi util pentru utilizatori de bloguri.

  67. Creati si voi un tutorial Cum se face un site in php cu Register si Log In cu baze de date MySql

  68. vreu sa foloses efect lightbox pentru filme. cum este cel pentru poze. exista asa ceva, am vazut pe diferite siteuri. am cautat dar nu am gasit mare lucru. stiti cumva vreun script free pentru asa ceva?

  69. suntetzi super tari frate maine am sa incerc sa imi fac si yo un site :X:X:X va intzeleg toata munca si va admir pt efortu depus
    bult succes in continuare

  70. buna! am si eu o intrebare…..dar mai intat vreau sa va multumesc pt tot ce faceti…..sunteti foarte buni………
    de ce cu internet explorer 6 se vede foarte diferit??? mai foloseste cineva aceasta versiune??? eu doar am probat cu aceasta versiune….
    intre
    si
    la fel se face o deosebire la caractere intre ş, â, ţ, ă nu se vad bine…..
    care ar fi cel mai indicat de pus pe pagina? multumesc pt ca imi veti raspunde, daca sunt inteles.

  71. meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″
    meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″
    intre acestea este diferenta de caractere…

  72. Salut

    Va felicit pentru site in general si pentru tot efortul depus ma arat multumitor.
    Referitor la acest tutorial, am doua neclaritati:
    1) Dan, in moentul in care inserezi pozele, la deschiderea acestora iti apare acea „fereatra in fereastra”(in care poti da click pe o poza in partea stanga sau dreapta si te duce la urmatoarea poza). Desi fac dupa parerea mea acelasi lucru, mie nu mi se deschide asa.
    2) Am facut mai multe diviziuni si as vrea spre exemplu sa pun in cadrul unei diviziuni alte 2(una in partea dreapta spre exemplu si cea de-a doua in partea stanga, dar in linie). Cum fac acest lucru?
    Va multumesc de ajutor!

  73. george_1951 a zis:

    Stimate domnule Dan, cred că sunteţi cel mai „pedagogic” realizator de tutoriale. Nu vă pierdeţi în amănunte inutile, nu lăsaţi impresia că abia descoperiţi acum ceea ce aveţi de demonstrat. Vă felicit şi, personal, mi-aş dori să văd cât mai multe videoutoriale făcute de dumneavoastră.
    Întrebarea mea este următoarea (am rugămintea să-mi răspundeţi ca la şcoală, pentru că nu toţi suntem învaţaţi):
    Dacă eu nu am nici nmăcar un leu, pot să fac ceea ce ne-aţi explicat dumneavoastră în toate cele 5 tutoriale referitoare la realizarea unui site? Deci, fără să cumpăr un domeniu şi un hosting? Să fiu găzduit pe WordPress, de exemplu.
    Dacă nu, de ce nu?
    Dacă da, care este diferenţa între cele dua variante 1, domeniu şi hosting cumpărate şi/sau găzduire pe WordPress sau pe Webblog etc.
    Dar cu domeniu gratuit şi hosting gratuit se poate?
    Vă mulţumesc mult şi încă odată felicitări…

  74. george_1951: Stimate domnule Dan, cred că sunteţi cel mai “pedagogic” realizator de tutoriale. Nu vă pierdeţi în amănunte inutile, nu lăsaţi impresia că abia descoperiţi acum ceea ce aveţi de demonstrat. Vă felicit şi, personal, mi-aş dori să văd cât mai multe videoutoriale făcute de dumneavoastră.
    Întrebarea mea este următoarea (am rugămintea să-mi răspundeţi ca la şcoală, pentru că nu toţi suntem învaţaţi):
    Dacă eu nu am nici nmăcar un leu, pot să fac ceea ce ne-aţi explicat dumneavoastră în toate cele 5 tutoriale referitoare la realizarea unui site? Deci, fără să cumpăr un domeniu şi un hosting? Să fiu găzduit pe WordPress, de exemplu.
    Dacă nu, de ce nu?
    Dacă da, care este diferenţa între cele dua variante 1, domeniu şi hosting cumpărate şi/sau găzduire pe WordPress sau pe Webblog etc.
    Dar cu domeniu gratuit şi hosting gratuit se poate?
    Vă mulţumesc mult şi încă odată felicitări…

    Pe domeniu wordpress (cel gratuit) free,nu ai acces decat la interfata siteului,nu ai acces la structura siteului,la baza de date la ftp,esti limitat,si folosesti doar ce iti dau ei, daca nu ai fi limitat,ar insemna sa faci ce vrei,sa pui reclame,banere publicitare,si nu stiu daca ti sar pare corect sa castigi bani cu un serviciu gratuit! daca iti iei un hosting gratuit si domeniu gratuit,iarasi ai de suferit, pentru ca cei cu hostingu desi faci ce vrei tu,o sa-ti bage in pagini reclame de ale lor pe care tu poate nu le vrei, in general hostingurile free sunt foarte limitate ca spatiu, si unde mai pui…ca depui o munca ridici siteul si te trezesti ca maine poimaine firma aia de hosting dispare,sau iti ia numele siteului,te da afara…nu ai muncit degeaba? Daca vrei ceva de pe care sa scoti si daca vrei ceva serios tre sa platesti…daca vrei sa te joci sa exersezi te poti folosi de cel free (hosting si domeniu) dinferenta dintre cele free si cele cu bani este ca pe free esti limitat si joci cum canta ei,iar pe cel cumparat faci ce vrea muschiul tau!

  75. george_1951 a zis:

    Adrian:
    Pe domeniu wordpress (cel gratuit) free,nu ai acces decat la interfata siteului,nu ai acces la structura siteului,la baza de date la ftp,esti limitat,si folosesti doar ce iti dau ei, daca nu ai fi limitat,ar insemna sa faci ce vrei,sa pui reclame,banere publicitare,si nu stiu daca ti sar pare corect sa castigi bani cu un serviciu gratuit! daca iti iei un hosting gratuit si domeniu gratuit,iarasi ai de suferit, pentru ca cei cu hostingu desi faci ce vrei tu,o sa-ti bage in pagini reclame de ale lor pe care tu poate nu le vrei, in general hostingurile free sunt foarte limitate ca spatiu, si unde mai pui…ca depui o munca ridici siteul si te trezesti ca maine poimaine firma aia de hosting dispare,sau iti ia numele siteului,te da afara…nu ai muncit degeaba? Daca vrei ceva de pe care sa scoti si daca vrei ceva serios tre sa platesti…daca vrei sa te joci sa exersezi te poti folosi de cel free (hosting si domeniu) dinferenta dintre cele free si cele cu bani este ca pe free esti limitat si joci cum canta ei,iar pe cel cumparat faci ce vrea muschiul tau!

    Îţi mulţumesc mult, domnule Adrian. De data asta sunt plăcut surprins de promptitudinea dumneavoastră. Cred că am înţeles esenţa răspunsului. Respect!

  76. ar trebui sa nu inveti lumea sa scrie tagurile cu majuscule, si sa nu mentionezi tagurile deprecated

    in rest, treaba buna, bravo :)

  77. Marius Andrei a zis:

    Salut!
    Felicitari pentru acest tutorial si pentru toate celelalte tutoriale. Va respect pentru munca pe care o faceti.
    As avea insa nevoide ajutor.A aparut oportunitatea de a realiza un site complex si am nevoide ce ceva documentari. De exemplu cum pot face ca cineva sa-si faca un cont pe care sa-si puna fisiere spre sharing (nu piraterii e vorba de cursuri). Si sa-si faca o pagina personala… e destul de complicat si as dori ceva ajutor; eventual sa-mi recomandati niste site-uri de pe care sa invat cum se face acest lucru. Va multumesc si va doresc mult succes in continuare!

  78. dan te rog sa ma ajuti daca se poate:Am o mare problema,mi-am facut si io un site an html si css si se vede cum vreau io numai pe opera dar pe internet explorer si pe mozilla se vede totul amestecat rau de tot de nu se antelege nimic din ce cauza este asta te rog sa ma ajuti ayi voi trimite pm cu link sa vezi despre ce este vorba

    • orman: dan te rog sa ma ajuti daca se poate:Am o mare problema,mi-am facut si io un site an html si css si se vede cum vreau io numai pe opera dar pe internet explorer si pe mozilla se vede totul amestecat rau de tot de nu se antelege nimic din ce cauza este asta te rog sa ma ajuti ayi voi trimite pm cu link sa vezi despre ce este vorba  

      as dorii si eu sa ma ajutati in aceeasi problema…care sunt instructiunile folosite pentru a se vedea ok si in IE?am mare nevoie sa se poata deschide in IE…any suggestion?

  79. ami spui dan???Dan tu Cristi

  80. Salutare.este super tare tutorialul.insa am si eu o problema.vreau sa fac un site gen magazin online. ma poate ajuta cineva?
    Merci,Catalin

  81. Catalin: Salutare.este super tare tutorialul.insa am si eu o problema.vreau sa fac un sitegen magazin online. ma poate ajuta cineva?
    Merci,Catalin

    Iti recomand sa folosesti Zen Cart http://www.zen-cart.com/
    La adresa : http://php.opensourcecms.com/scripts/details.php?scriptid=97&name=Zen%20Cart ai posibilitatea sa testezi aceasta aplicatie.

  82. Dan:
    Iti recomand sa folosesti Zen Cart http://www.zen-cart.com/
    La adresa : http://php.opensourcecms.com/scripts/details.php?scriptid=97&name=Zen%20Cart ai posibilitatea sa testezi aceasta aplicatie.

    Ma uitasem inainte sa postez aici pe zen-cart…..dar e foarte ciudat nu inteleg nimica din el.
    inca o chestia ati zis ca feceti un video si cum se umbla in cpanel .

    Merci,
    Catalin

  83. Multumesc mult pentru un tutorial atat de bun!
    Am nevoie de un sfat. Am incercat sa inserez trei imagini, pe care le-am denumit imagine pe toate trei, nu se vede decat denumirea lor, adica am imagine, imagine, imagine si nu se vad pozele respective. Partea frumoasa este ca daca dau click pe oricare din ele pot vedea imagine lor marita, am next, prev, close, totul e ok aici.Nu inteleg unde am gresit si de ce nu pot vedea pozele de dimesiuni mai mici.Ce ma sfatuiti sa fac?

  84. ana: Multumesc mult pentru un tutorial atat de bun!
    Am nevoie de un sfat. Am incercat sa inserez trei imagini, pe care le-am denumit imagine pe toate trei, nu se vede decat denumirea lor, adica am imagine, imagine, imagine si nu se vad pozele respective. Partea frumoasa este ca daca dau click pe oricare din ele pot vedea imagine lor marita, am next, prev, close, totul e ok aici.Nu inteleg unde am gresit si de ce nu pot vedea pozele de dimesiuni mai mici.Ce ma sfatuiti sa fac?

    Problema semnalata de tine apare atunci cand nu este scris corect numele folderul in care se gasesc imaginile,respectiv numele imaginii.

  85. Dan:
    Problema semnalata de tine apare atunci cand nu este scris corect numele folderul in care se gasesc imaginile,respectiv numele imaginii.

    denumeste imaginile diferit…de exemplu:
    imagine1
    imagine2
    imagine3

  86. cum aflu cati useri is pe site daca am wordpress?

  87. salut. as vrea sa stiu in ce mod pot crea un site in care sa le dau posibilitatea vizitatorilor sa isi creeze un cont. multumesc

  88. Claudiu: salut. as vrea sa stiu in ce mod pot crea un site in care sa le dau posibilitatea vizitatorilor sa isi creeze un cont. multumesc

    Trebuie sa instalezi un CMS.Detalii gasesti aici.

  89. @claudiu…pe langa posibilitatea utilizarii cms-urilor, mai exista posibilitate sa iti faci site in php si mysql cu useri.

  90. Iti multumesc ca existi VIDEOTUTORIAL.RO.

    Invat pe zi ce trece tot mai multe de pe acest site minunat.

    Multumesc tuturor celor care sunt implicati in acest proiect.

  91. Dan, esti tare >:D< (le fel si restul), mai frumos si usor de atat nici ca se putea ;)

  92. Foarte bun tutorialul numai ca am o problema cu el: nu pot sa derulez inainte inapoi pentru a viziona din nou anumite pasaje daca vreau sa dau inainte sau inapoi imi apare replay si trebuie sa vizionez totul de la inceput. Pot sa downloadez acest tutorial de undeva sa il pot viziona cu un mediaplayer?
    Multumesc

    • attic: Foarte bun tutorialul numai ca am o problema cu el: nu pot sa derulez inainte inapoi pentru a viziona din nou anumite pasaje daca vreau sa dau inainte sau inapoi imi apare replay si trebuie sa vizionez totul de la inceput. Pot sa downloadez acest tutorial deundeva sa il pot viziona cu un mediaplayer?
      Multumesc  

      Nu ai voie sa downloadezi nici un tutorial video de pe acest site,pentru ca este continutul nostru propriu, pentru care noi am muncit sa il creem, daca totusi o vei face vei fi banat, adik accesul pe acest site iti va fi restrictionat, 1300 de useri sunt deja banati pt ca au facut asta si se roaga de noi sa le ridicam restrictia.

      Decizia iti apartine!

      • Adrian:
        Nu ai voie sa downloadezi nici un tutorial video de pe acest site,pentru ca este continutul nostru propriu, pentru care noi am muncit sa il creem, daca totusi o vei face vei fi banat, adik accesul pe acest site iti va fi restrictionat, 1300 de useri sunt deja banati pt ca au facut asta si se roaga de noi sa le ridicam restrictia.

        Decizia iti apartine!  

        Nu am de gand sa downloadez dar se poate pune intr-un format care sa imi permita rularea si derularea?

  93. Buna, este foarte util tutorialul dar din pacate merge doar pana la minutul 53 :( care este problema?

  94. Am facut exact la fel(cu mici modificari,dar daca daschid cu browserul totul e perfect),dar nu imi apare tot site-ul(nu imi apar toate imaginile, textele).Am incercat si alte hosturi,dar degeaba.Ma poate ajuta cineva?
    App foarte bun tutorialul.

    • Mihai: Am facut exact la fel(cu mici modificari,dar daca daschid cu browserul totul e perfect),dar nu imi apare tot site-ul(nu imi apar toate imaginile, textele).Am incercat si alte hosturi,dar degeaba.Ma poate ajuta cineva?
      App foarte bun tutorialul.  

      verifica toate linkurile catre poze sa fie de genul: ../dosar/fisier.ext..sa nu fie de forma e:////file

      mai verifica numele fisierelor sa fie scrie exact (am patit sa nu imi mearga din cauza fisierelor care aveau extensia scrisa cu litere mari , iar linkul cu litere mici)

  95. Salut,
    nu pot sa vad tot tutorialul, pe la jumate o ia de la capat,aveti ideie de ce?

  96. si la mine merge pana il deschid in browser dar nu reusesc sa modific culoarea de background si nu se schimba ramane alba ma gandesc ca nu se face legatura intre fisierul css si index.html daca poate cineva sa imi mai scrie odata care este comanda ce face legatura intre cele doua multumesc anticipat

    • Ioneltaiefrunze a zis:

      ghita: si la mine merge pana il deschid in browser dar nu reusesc sa modific culoarea de background si nu se schimba ramane alba ma gandesc ca nu se face legatura intre fisierul css si index.html daca poate cineva sa imi mai scrie odata care este comanda ce face legatura intre cele douamultumesc anticipat  

      Sa presupunem ca site`ul tau e format dintr-un fisier „index.html” si „style.css”.Sa faci legatura din index.html catre style css,editezi fisierul index.html si intre tag-urile si introduci :

      • Ioneltaiefrunze a zis:

        Ioneltaiefrunze:
        Sa presupunem ca site`ul tau e format dintr-un fisier “index.html” si “style.css”.Sa faci legatura din index.html catre style css,editezi fisierul index.html si intre tag-urilesiintroduci :
          

        Nu stiu de ce nu se vede mai sus,mai incerc odata,de data asta cu codul fara „”:

        -link rel=”stylesheet” type=”text/css” href=”style.css” /-
        In loc de „-” adaugi „” la sfarsit.

  97. merge deja am reusit am studiat din nou tutorialul si merge perfect problem era
    ca nu am introdus codul intre head si /head iar acolo se introduc comenzile care le executa browserul MULTUMESC DE PROMTITUDINE

  98. cristhian75 a zis:

    salut, am urmarit acest tutorial „Cum se face un website, partea 2, site complet realizat de la 0 in HTML, CSS cu galerie de imagini – tutorial video”
    chiar am descarcat si acele fisiere test, am facut modificare la text, imagine, logo… insa imi trebuie o baza de date pe server unde am hosting.
    cum pot face aceasta baza de date?
    multumesc!

  99. poate adminul de pe aici ma ajuta si pe mine…ce instructiune trebuie folosita pentru ca site-ul sa se deschida in internet explorer cum trebuie ??! se decaleaza diviziunile :) so…pls …anyone?

  100. Mulțumesc ,e tare frate!

  101. Buna seara
    As vrea sa stiu daca pot downloada videourile ca sa le pot viziona mai confortabil dand inainte sau inapoi cu mai mula usurinta folosind bs playe sau gom player ….. Multumesc forte bune aceste tutoriale

    • flavius: Buna searaAs vrea sa stiu daca pot downloada videourile ca sa le pot viziona mai confortabil dand inainte sau inapoicu mai mula usurinta folosind bs playe sau gom player ….. Multumesc forte bune aceste tutoriale  


      Nu suntem de acord cu descarcarea acestor tutoriale video de pe videotutorial.ro.
      Mai nou poti sa derulezi si aici inainte si inapoi, nu mai trebuie sa astepti ca sa se incarce, nu mai este nevoie sa astepti sa se incarce.

  102. foarte util tutorialul,dar foarte complicat cu cineva care sta prost cu programarea….

    am cautat pe site si nu numai, un tutorial despre Macromedia Dreamweaver,dar nu am avut noroc…Mi se pare mult mai usor decat notepad++,dar inca nu prea ma pot descurca cu el…Imi lipsesc multe lucruri….

    Se poate sa facei un toturial despre acesta?

  103. Buna , super tutorialele si va felicit.Am si eu o mica problema …am facut un site care mi se deschide bine cu opera , insa cu internet explorer mi se vede aiurea(dezordonat).Cred ca am uitat ceva , daca ma putetia ajuta ar fi excelent .Multumesc

    • Leonard: Buna , super tutorialele si va felicit.Am si eu o mica problema …am facut un site care mi se deschide bine cu opera , insa cu internet explorer mi se vede aiurea(dezordonat).Cred ca am uitat ceva , daca ma putetia ajuta ar fi excelent .Multumesc  


      Cu placere am vrea sa te ajutam, din pacate astfel de probleme nu se pot rezolva asa usor, nu exista o reteta clasica, problema difera de la tema la tema.
      In general este vina celui care a creat tema sau a unui plugin, daca este o tema gratuita nu poti avea pretentii, indreapta-te spre o tema comerciala, chiar daca alegi tot o tema free, testeaz-o pe toate browserele importante in prealabil.
      In general internet explorer este un browser care nu iarta nici o gresala, firefox este un browser foarte elastic, trece cu vederea erorile usoare, la fel si opera sau chrome.
      Problemele cu internet explorer nu trebuiesc ignorate, internet explorer este folosit de aproape 50-60% dintre utilizatori.

  104. Iti multumesc mult , vad eu cu o rezolv!

  105. si la mine merge pana il deschid in browser dar nu reusesc sa modific culoarea de background si nu se schimba ramane alba ma gandesc ca nu se face legatura intre fisierul css si index.html
    daca poti s ma aajuti
    Multumesc

  106. foarte bun tutorialul si lista de taguri html va multumesc foarte mult si as avea o intrebare un tutorial adobe dreamweaver cs4 credeti ca sar putea? va multumesc si multa sanatate.

  107. Buna ziua , am vazut intr-un tutorial un site de web hosting, dar nu mai stiu unde.Va rog sa-mi dati adresa , ziceati ca e cel mai bun si e la prima mana .Multumesc!

    • Leonard: Buna ziua , am vazut intr-un tutorial un site de web hosting, dar nu mai stiu unde.Va rog sa-mi dati adresa , ziceati ca e cel mai bun si e la prima mana .Multumesc!  

      Ia pune si citeste sectiunea Articole similare de sub tutorial, vezi e ceva cu rosu unde scrie : „Cum se face un website, partea 1, domeniu si hosting – tutorial video” ??? da click acolo pe acel titlu si ajungi la tutorial, l-ai fi gasit daca scriai pur si simplu in casuta „cauta pe videotutorial.ro…” din dreapta sus: hosting, apoi enter

  108. am o intrebare…….daca am facut siteu in sine….cum pot sa il pun sa fie pe GOOGLE…sa apara in motoul de cautare….?

    • Claudiu: am o intrebare…….daca am facut siteu in sine….cum pot sa il pun sa fie pe GOOGLE…sa apara in motoul de cautare….?  

      Dupa cum vezi si dupa cum scrie si in titlul tutorialului asta e partea 2, mai sunt inca 3 parti!! Sub tutorial ai Articole similare, si sub el titluri de tutoriale scrise cu rosu (dand click pe ele vei ajunge la tutorial) sau scrii in casuta „cauta pe videotutorial.ro…” de sus din dreapta: partea 3 sau 4 sau 5…dai enter si vei gasi „episoadele” unde sa vorbit despre idexarea si „plasarea” lui in google.

  109. As dori sa stiu pe care dintre cele 5 parti ale tutorialului se afla indicati despre cum sa imi pun siteul pe GOOGLE….Cu STIMA

    • Claudiu: As dori sa stiu pe care dintre cele 5 parti ale tutorialului se afla indicati despre cum sa imi pun siteul pe GOOGLE….Cu STIMA  

      Sloganul nostru dupa cum vezi si sus in baner este „Crezi ca stii totul despre PC?”

      Crezi ca esti atat de as incat ti-ar strica sa vezi toate cele 5 episoade? Daca trebuia sa urmaresti tanar si nelinistit te intelegeam dar asa…5 episoade e „multe”

      Nu vi se pare ca sunteti cam comozi si cam multe nazuri pentru ceva din suflet si gratuit? Nu ai putere de deductie? nu poti sa citesti macar titlurile si sa deduci in care din ele ar putea fi? Chiar asa a ajuns romanu, sa nu mai citesca, sa nu mai gandeasca ci sa i se ofere totul sub nasuc?

      Sfatul meu daca vrei sa intelegi despre ce e vorba cu adevarat este sa le urmaresti pe toate capad-coada pentru ca au foarte mare legatura unu cu altul…si daca o sa te uiti direct la episodul ala si se va vorbi despre cva ce nu stii dar sa discutat in unu din cele 5 episoade, iar o sa zici „domleee…da unde sa vorbit de „cutare” lucru?” Nu mai bine te uiti tu l toate cele 5 parti? Eu zic ca e mai bine si de pierdut nu o sa ai ce pierde si nici nu-ti vei pierde timpul inutil!!! Decizia e a ta, nu mai fiti asa comozi, puneti ochisorii la traba, cititul e mama invataturii. Cand invatam IT noi, o faceam citind pe Wikipedia si pe forumuri straine, ne-am chinuit sincer iti spun, nu existau ca acum 4000 de bloguri care dezbat subiecte, nu exista documentatie sau forumuri in limba romana! Ce n-am fi dat noi sa avem pe atunci un videotutorial.ro ohohooo. Voi il aveti si nu stiti sa-l pretuiti, pe langa asta mai faceti si nazuri…

  110. Claudiu
    eu m am uitata la un tutorial de 3 ori am facut pagina pe hartie adica o schita cum sa arate ce dimensiuni sa aiaba
    dupa care m am apucat de treaba ac fac al 4 lea site si sunt din ce in ce mai bune , primadata modificam doaar anumite chestii din am schimbat logo dupa care am schimbat banere le am fac in foto shop si nu e asa de greu ca si cum pare
    pur si simplu trebe sa stii ca vrei sau nu ,
    Acu de un an chemama pe vecinu sa imi instalez winamp acuma eu ma duc sa i montez pc sau sa i instalez win de aici reiese ca numa trebe sa vrei

  111. Deci am facut o pagina in html eu zic foarte frumoasa dar cand dau la cineva sa intre pe acea pagina totul se vede dezordonat scrisul nu mai este alineeat iar imaginile amestecate prin pagina deci totul o ia razna numai la mine pe pc se vede bn …..De ce face asa oare nam scris eu ceva bine ?….astept raspuns …Multumesc Anticipat

  112. @Gigi :Cand realizezi o pagina web testeaz-o pe cele 4 browsere principale :Firefox,Internet Explorer,Opera,Google Chrome.Cel mai ” pretentios” in privinta scrierii codului html este IE.Aici gasesti modul de corectare a unor probleme de randare a paginilor web de catre IE.

  113. deci eu nam inteles un lucru la mine pe pc se vede perfect dar cand dau situ la un prieten se vede tutoul amestecat aceasta era problema eu am testa la mine pe pc cu mozilla,opera,si IE dar nu stiu de ce se vede asa

  114. Multumesc pentru tutorial, sunteti buni in ceea ce faceti, sper sa continuati, o mica problema as avea, poate intelegeti cum se rezolva doar prin descrierea problemei.

    Deci, site-ul l-am modificat, putin, dar structura a ramas acceas(putin si din ea :P), stiu html si css destul de bine, dar numa’ nu reusesc sa rezolv aceasta problema,

    la pagina cu poze, deschid prima poza si dupa aceea, butonul next imi apare in josul pozei,langa butonul close,(la prima poza toate butoanele sunt la locul lor) , astfel creandu-se 2 probleme, anuleaza si butonul close,butonul prev este ok tot timpul, stiu ca e ceva eroare de cod, dar numa’ nu reusesc s.o gasesc, am umblat eu la cod, da nu am intrat la lightbox.css sau lightbox.js.

    O sugestie ?? de la oricine. Va multumesc anticipat

  115. de ce nu imi apare pe pagina home,imagini si video cum apare in tutorial desi am fac cum ii akolo

  116. Am stat tintuit pe scaun 84 minute,chiar daca stiu html(nu la perfectie),am urmarit toti pasii.Felicitari Dan,un tutorial foarte reusit.Pacat de acele probleme cu IE,cand deschizi site-ul:(.Felicitari inca odata!

  117. drshomeboy a zis:

    Yey! Acum stiu sa fac diviziuni! :D
    THANK YOU Dan Constantin!

  118. am si eu o problema pe firefox nu imi apare acel creiuon pt a afla codul culorii si asa nu pot pune culoarea pe care mi-o doresc o sugestie va rog

    • gabytza: am si eu o problema pe firefox nu imi apare acel creiuon pt a afla codul culorii si asa nu pot pune culoarea pe care mi-o doresc o sugestie va rog  

      Aici poti determina codul aferent culorii alese.

    • gabytza: am si eu o problema pe firefox nu imi apare acel creiuon pt a afla codul culorii si asa nu pot pune culoarea pe care mi-o doresc o sugestie va rog  

      In primu rand se zice creion nu creiuon
      In al 2-lea rand ai nevoie de add-on-ul ColorZilla pentru firefox pentru a avea ce are Dan in tutorial

      Addon-ul il poti downloada de AICI (da click pe cuvantul AICI scris cu rosu apoi click pe Install ColorZilla)

  119. Cine vrea sa afle simplu si usor culoarea HTML ii dau eu o sugestie simpla zic eu..programul Vistoolbox 3.0 click dreapta-Options si voila…sa fiti iubiti..si felicitari pt. cei de la „Videotutorial”.

  120. Salut
    Rog creatorul acestui turorial sau pe useri sa prezinte daca pot tot codul care a fost scris pentru al putea analiza si schimba!
    Multumesc foarte mult anticipat!

    • sergiu: Salut
      Rog creatorul acestui turorial sau pe useri sa prezinte daca pot tot codul care a fost scris pentru al putea analiza si schimba!
      Multumesc foarte mult anticipat!  

      Descarca de mai sus fisierele realizate in urma tutorialului.Acceseaza linkul „DOWNLOAD FISIERE TEST”.Apoi le poti analiza/schimba cu Notepad++ sau alt program de editare html.

  121. coman marius a zis:

    Salut, sunt incepator in a face un site web. Am de facut pentru la munca un site de 10 pagini. M-am gandit sa folosesc html + css pt ca nu am server unde sa postez site-uri facute pe baza de CMS (joomla, wordpress) insa problema pe pt care vreau sa gasesc o lamurire este cum sa fac ca continutul site-ului sa fie si in engleza in afara de romana.

    Multumesc anticipat si astept raspunsul dvs. pe mail daca se poate.

    Am mai scris si nu am reusit sa gasesc raspunsul la problema ridicata.

    Coman Marius

    • coman marius: Salut, sunt incepator in a face un site web. Am de facut pentru la munca un site de 10 pagini. M-am gandit sa folosesc html + css pt ca nu am server unde sa postez site-uri facute pe baza de CMS (joomla, wordpress) insa problema pe pt care vreau sa gasesc o lamurire este cum sa fac ca continutul site-ului sa fie si in engleza in afara de romana.Multumesc anticipat si astept raspunsul dvs. pe mail daca se poate.Am mai scris si nu am reusit sa gasesc raspunsul la problema ridicata.Coman Marius  

      Realizezi doua foldere(unul cu site-ul in limba romana si unul cu site-ul in limba engleza) si un fisier index.html ce va fi initial deschis de utilizator.Acest fisier va avea doua linkuri:Romanian si English.Aceste doua linkuri vor face legatura la randul lor catre fisierele index.html din cele doua foldere.

  122. valentin a zis:

    salutare !
    va felicit pentru videotutorialele pe care le faceti , sunt foarte la „obiect
    „si poti invata f multe lucruri.
    am incercat sa fac un site simplu (numai index. html ,si fisierul css) luand ca exemplu videotutorialul facut de Dan(nr. 2), am introdus cu atentie toate instructiunile si apare urmatoarea problema :layout-ul este deplasat spre stanga-sus, fara a putea fi vizualizat header-ul..
    ma puteti ajuta cu o solutie? (la fel se vede si cu mozilla firefox si cu IE)
    MULTUMIRI !!
    PS. (headerul si imagine stanga sunt facute de mine in GIMP) si respecta width si height din videotutorial

  123. valentin a zis:

    salutare !
    revin cu o precizare care (cred eu este importanta), am descoperit in fisierul
    style.css , penultima instructiune nu se coloreaza in verde sau portocaliu(nu le prea am cu culorile)a:hover ,ci ramane albastra
    pentru editare , folosesc notepad++. Aceasta sa fie problema? si daca da ce pot face??
    Am "randat" restul si e perfect
    astept raspuns. multumesc!

  124. valentin a zis:

    sal!
    cred ca singurii virusi adevarati sunt cei pe care-i viseaza noaptea unii. ce tampenie!.. sa spui ca intri pe VIDEOTUTORIAL.RO si ca esti atacat de virusi…
    ma lasi?..
    instaleaza-ti eset nod 32 cu licenta daca tot ti-e frica de virusi. AVG ? (PROBABIL VARIANTA FREE)–nu face decat sa te instiinteze …

  125. valentin0001 a zis:

    Sa presupunem ca mi-as face un site de stiri …La creerea site-ului adaug doar o stire…apoi bag site-ul pe acelserver de hosting 150m.com , si daca eu voi vrea sa mai adaug stiri pe site ce va trebui sa fac?

    • valentin0001: Sa presupunem ca mi-as face un site de stiri …La creerea site-ului adaug doar o stire…apoi bag site-ul pe acelserver de hosting 150m.com , si daca eu voi vrea sa mai adaug stiri pe site ce va trebui sa fac?  

      Ai la dispozitie urmatoarea solutie:In pagina index.html realizezi o diviziune si pe partea dreapta in care vei insera data cand ai postat stirea,iar cand utilizatorul va da click pe acea data il redirectionezi catre fisierul html care contine stirea asociata datei.In felul acesta cand postezi o noua stire ai de facut doua lucruri:1.realizezi pagina html in care postezi stirea ;2.in panoul din dreapta inserezi linkul catre fisierul html creat anterior.

  126. valentin0001 a zis:

    Am creeat la site exact cum era la voi dar cand am creeat instructiunile pentru diviziuni in fisierul style…Diviziunea #header nu o arata cu albastru ci cu negru. Celelalte diviziuni erau scrise cu albastru.
    #tot { (aici era scris cu albastru )
    margin 0 auto;
    width 800px;

    }
    #header { [aici era scris cu negru(Doar la aceasta diviziune imi aparea scris cu negru…la celalalte scriea cu albastru)]
    width: 796px;
    float: left;
    border:2px solid #CCC;
    height:160px;
    margin: 10px 0px 0px 0px;
    background-image:url(test/logo.jpg);
    }
    #borderstanga{
    border: 2px solid #ccc;
    margin: 0px 0px 0px 0px;

    • valentin0001 a zis:

      valentin0001: Am creeat la site exact cum era la voi dar cand am creeat instructiunile pentru diviziuni in fisierul style…Diviziunea #header nu o arata cu albastru ci cu negru. Celelalte diviziuni erau scrise cu albastru.
      #tot { (aici era scris cu albastru )
      margin 0 auto;
      width 800px;}
      #header {[aici era scris cu negru(Doar la aceasta diviziune imi aparea scris cu negru…la celalalte scriea cu albastru)]
      width: 796px;
      float: left;
      border:2px solid #CCC;
      height:160px;
      margin: 10px 0px 0px 0px;
      background-image:url(test/logo.jpg);
      }
      #borderstanga{
      border: 2px solid #ccc;
      margin: 0px 0px 0px 0px;  

      Am reusit sa repar aceasta problema dar am problema urmatoare acuma…Nu imi afiseaza logo-ul si imaginea din partea stanga…De ce nu imi arata imaginile…

      • valentin0001:
        Am reusit sa repar aceasta problema dar am problema urmatoare acuma…Nu imi afiseaza logo-ul si imaginea din partea stanga…De ce nu imi arata imaginile…  

        Pot fi doua cauze:nu este indicata corect calea catre imagine sau imaginea nu exista in locul indicat.

  127. valentin a zis:

    salutare ! am rescris codul (partea referitoare la a:hover…)si acum totul e perfect in ceea ce priveste codul, layout-ul ramane insa neschimbat
    practic, browserul cand randeaza parca n-ar citi instructiunile referitoare la logo(header) si imagine stanga.jpeg(logo deasemenea e in format jpeg, asa le-am salvat dupa ce le-am creat in gimp)
    practic imaginea in browser apare lipita stanga sus, fara header , iar in div-ul unde ar fi imagine stanga apar butonele dar cu culoarea din background. va rog sa-mi spuneti ce pot face (eventual va trimit codul cu logo-ul meu si aveti recunostinta mea vesnica :) )
    astept raspuns! multumesc anticipat

  128. ionutzelut a zis:

    salut.
    as vrea te rog frumos sa ma ajuti
    eu am facut tot siteul doar imi mai trebuie style,
    dar e foarte cumplicat sa il scriu am incercat de o multime de ori dar imi iese gresit.
    imi trimiti te rog frumos pe id de mess sau pe site aici pui designul te rog foarte frumos.

    • ionutzelut: salut.
      as vrea te rog frumos sa ma ajuti
      eu am facut tot siteul doar imi mai trebuie style,
      dar e foarte cumplicat sa il scriu am incercat de o multime de ori dar imi iese gresit.
      imi trimiti te rog frumos pe id de mess sau pe site aici pui designul te rog foarte frumos.  

      Cauta mai sus :DOWNLOAD FISIERE TEST

  129. Bune tutoriale ,tinetio tot asa.O singura intrebare meniul de navigatie cum e cel mai bine de facut:javascript,flash sau CSS.
    Si niste tutoriale dreamweaver ar fi perfect daca ati putea adauga,in special pentru spry.

  130. Am realizat un site static, dar fără CSS.
    Acest tutorial este exact ceea ce îmi lipsea pentru a putea construi fișierul .css.
    Mulțumesc!

  131. interesant

  132. fratilor daca vreti hosting luatil de pe lx.ro nu fac reclama dar e bun fara reclame za pacitoare

    • daniel: fratilor daca vreti hosting luatil de pe lx.ro nu fac reclama dar e bun fara reclame za pacitoare  

      Multumim pentru recomandare.Am folosit cu mult timp in urma serviciile lor.In prima faza totul a fost bine.Ulterior crescand numarul de utilizatori viteza de conectare a devenint extrem de mica si multi au renuntat la hostingul lor.Sper sa nu se intample ce s-a intamplat in trecut.
      Site-ul realizat in acest tutorial l-am postat si la adresa :

  133. „http://videotutorialromania.lx.ro/”

    • Dan: “http://videotutorialromania.lx.ro/”  


      Dan, din pacate nu mai functioneaza linkul de la sus, se pare ca a expirat „contractul” sa nu ai intrat pe host o anumita perioada si a fost dezactivat.

      • cristi-admin:

        Dan, din pacate nu mai functioneaza linkul de la sus, se pare ca a expirat “contractul” sa nu ai intrat pe host o anumita perioada si a fost dezactivat.
          

        Eu pot accesa fara probleme acel link.Contul a fost creat in data de 14.03.10.

  134. fratilor dar pe domeni de astea se poate baga wordpresu
    ca asfrea sal bag ca vreau un sait serios nu cum vad pe la alti ca in prezet iladministrez cun aiurit de program si asvrea sa bag wordpres eu lam bagat dar nu mere varag imi ziceti
    si inlegatura cu lx.ro e tare si areviteza mare chiar cu 800kb pe secunda multi miau zis ca e bun saitu dar nu si aspectos si asta conteaza intrun site
    si asvrea sa pun wordpresu imizicesi mie cum ce tresa fac
    multumesc sunteti tari tinotot asa
    si va dau un sfat

  135. fratilor dar pe domeni de astea se poate baga wordpresu
    ca asfrea sal bag ca vreau un sait serios nu cum vad pe la alti ca in prezet iladministrez cun aiurit de program si asvrea sa bag wordpres eu lam bagat dar nu mere varag imi ziceti
    si inlegatura cu lx.ro e tare si areviteza mare chiar cu 800kb pe secunda multi miau zis ca e bun saitu dar nu si aspectos si asta conteaza intrun site
    si asvrea sa pun wordpresu imizicesi mie cum ce tresa fac
    multumesc sunteti tari tinotot asa
    si va dau un sfat faceti un tutorial sau mai bulte cum sati faci un site gratuit

  136. cu tot gratis

  137. Foarte bun tutorialul,am invatat treaba cu Favicon, nu stiam cum se insereaza.

  138. in PC imi apare faviconul,dar pe host nu??nu stiu de ce? am inserat linkul corect

    tinand cont ca faviconul se afla in folderul images

  139. Gata am rezolvat! era scris cu litera mare Favicon (favicon) ,si din aceasta cauza nu il afisa

  140. nu functioneaza scriptul lightbox,nu sa pecificat in tutorial de unde si insereaza scriptul
    image #1
    asta nu functioneaza

  141. Ionut Dragu a zis:

    salut am si eu o problema acolo unde ati scris voi home , imagini, video eu am pus alceva alte nume care sunt mai lungi si cand dau cu mouseul pe ele nu se intelege nimik am trimis si o poza cand pun cursorul pe scris ce fel apare va rog frumos ajutatima si pe mine ms mult aceasta e poza

  142. Ionut Dragu a zis:

    „http://yfrog.com/0ymouseqj”
    scuze nu stiu de ce nu sa memorat va rog spuneti si mie cum pot edita sa numai apara asa

  143. vicentiu a zis:

    Salut.Am o intrebare, care e diferenta dintre un site realizat cu ajutorul microsoft front page, si asta in html pe care il prezentati aici?.Eu am realizat un site cu ajutorul microsoft front page,cu backraund,gif animat,butoane,flag,si era destul de fain.Ideea e ca nu imi mai aduc aminte cum am facut legatura intre ele,intre pagini,care era combinatia de taste,zic asta deoarece acest site lam realizat cu ceva timp in urma.Ati putea sa realizati un videotutorial folosind microsoft front page, cu care e fffff usor de reazizat un site,merci fain.

  144. Ajutatima si pe mine…pot extinde heaght-ul paginii?fara a mai modifica dimensiunile pozelor?

    • Ajutatima si pe mine…pot extinde heaght-ul paginii?fara a mai modifica dimensiunile pozelor?  

      Modifici dimensiunile din fisierul style.css.

  145. vicentiu a zis:

    Salut.Am o intrebare, care e diferenta dintre un site realizat cu ajutorul microsoft front page, si asta in html pe care il prezentati aici?.Eu am realizat un site cu ajutorul microsoft front page,cu backraund,gif animat,butoane,flag,si era destul de fain.Ideea e ca nu imi mai aduc aminte cum am facut legatura intre ele,intre pagini,care era combinatia de taste,zic asta deoarece acest site lam realizat cu ceva timp in urma.Ati putea sa realizati un videotutorial folosind microsoft front page, cu care e fffff usor de reazizat un site,merci fain

    • Salut.Am o intrebare, care e diferenta dintre un site realizat cu ajutorul microsoft front page, si asta in html pe care il prezentati aici?.Eu am realizat un site cu ajutorul microsoft front page,cu backraund,gif animat,butoane,flag,si era destul de fain.Ideea e ca nu imi mai aduc aminte cum am facut legatura intre ele,intre pagini,care era combinatia de taste,zic asta deoarece acest site lam realizat cu ceva timp in urma.Ati putea sa realizati un videotutorial folosind microsoft front page, cu care e fffff usor de reazizat un site,merci fain  

      Adobe Dreamweaver,Microsoft Front Page,etc sunt programe ce permit realizarea paginilor de internet fara a cunoaste prea mult cod html.

  146. vicentiu a zis:

    Ptr Dan.Asta am cam inteles,dar intrebarea era ce diferenta e intre ele,in ideea ca ,de ce sa facem pagina web in html cand este front page care este usor de folosit.Cand fac o pagina web cu front page cum fac legaturile intre pagini sau subpagini,care e combinatia de taste sau alta comanda,si tre sa aleg pagina 1 sa zicem,apas ca sa fac legatura si apoi apas pe subpagina.Repet miam facut mie o pagina web foarte faina , am puso si pe net,pe geocities,cei drept acum cativa ani, si de atunci am uitat cum se face si cum se urca pagina pe un cont ,parca uploadez toate gifurile,si jpg,in contul de pagina.Daca vrei dami un id de mes.Merci

  147. Felicitari pentru tutorial.

  148. fratilor
    ma poate ajuta cineva
    am facut un site si a mers totl ok pana azi cand am incercat sa ma conectez si nu ma lasa
    credeam ca nu e buna parola si am mai fac un cont dar tot nu ma lasa poate ca e din cauza routerului ?

    inainte m am conectat de la modem , daca e de la router spunetimi va rog ce port sa deschid sau ce port sa intrpduc la file zila
    multumesc anticipa
    e urgent va rog frumos

    • fratilor
      ma poate ajuta cineva
      am facut un site si a mers totl okpana azi cand am incercat sa ma conectez si nu ma lasa
      credeam ca nu e buna parola si am mai fac un cont dar tot nu ma lasa poate ca e din cauza routerului ?inainte m am conectat de la modem , daca e de la router spunetimi va rog ce port sa deschid sau ce port sa intrpduc la file zila
      multumesc anticipa
      e urgent va rog frumos  

      sa specificat in tutorialele despre filezilla ce porturi folosste filezilla…le-ai privit? avem cateva tutoriale dspre filezilla, scrii sus in casuta search: filezilla, dai enter si le vei gasi…de obicei foloseste portul 21-22

  149. am deschis porturile 21,22 i am dat sa se conecteze pe acele porturi , am setat in router ca portul este FTP si tot nu merge
    eventual datim un link unde se mai mai poate face upload poate ca e ceva de la 150m.com ca din cate am observat au web builder , se poate ca din acel motiv sa nu se conecteze ?

    • am deschis porturile 21,22 i am dat sa se conecteze pe acele porturi , am setat in router ca portul este FTP si tot nu merge
      eventual datim un link unde se mai mai poate face upload poate ca e ceva de la 150m.com ca din cate am observat au web builder , se poate ca din acel motiv sa nu se conecteze ?  

      Problema nu este de la FileZilla.Cei de la 150m.com nu mai permit (cel putin pe conturile create gratuit) transferul prin http://FTP.Exista insa posibilitatea transferului fisierelor printr-un File Manager pus la dispozitie de acel site.

  150. o si multumesc de promtitudine

  151. Ce romana are omul in el … citez se vede si dimensiuniile :))

  152. alex_ove a zis:

    Ms pt acest tutorial … a fost foarte folositor

  153. Foarte util si bine explicat ,felicitari NOTA 10.

  154. localhost a zis:

    uite ce site mi-am facut dupa ce am inteles de la Dan Constantin , este hostat de mn acasa, pt ca nu merge registrul ,daca il pun pe un hosting , credati-ma ca am incercat uitatil : ……………

  155. Ufff, cand introduc in pagina imi apar spatii si distorsioneaza tot. Fara acest script pagina este normala.
    Habar nu am ce sa ii fac!!? Are careva vreo idee? Mersi frumos pentru orice parere

  156. Multumesc foarte mult pentru tutorial! Sunt baieti buni ;)

  157. localhost a zis:

    toate sunt ok , dar nush toti inafara de cristi vorbesc forte incet , (cand ascult tutorialele trebuie sa le pun prin state), Multumesc

  158. george2828 a zis:

    salut..ajutati.ma si pe mine va rog…sunt incepator in site.uri. m-am apucat conform videotutorialului de mai sus si m.am blocat…nu.mi afiseaza faviconul..nu stiu de ce..am facut exact cum arata in videotutorial si totusi nu.mi afiseaza faviconul…ma poate ajuta cineva?va rog. las id dak e cineva dornic sau astept mesaje aici.ms fain.gyani222000

    • george2828: salut..ajutati.ma si pe mine va rog…sunt incepator in site.uri. m-am apucat conform videotutorialului de mai sus si m.am blocat…nu.mi afiseaza faviconul..nu stiu de ce..am facut exact cum arata in videotutorial si totusi nu.mi afiseaza faviconul…ma poate ajuta cineva?va rog. las id dak e cineva dornic sau astept mesaje aici.ms fain.gyani222000  

      Aici gasesti continutul site-ului realizat in tutorial.

  159. la mine nu se conecteaza filezila da eroare

  160. Salut,am si eu o intrebare..as dori sa pun un site pe web si nu stiu cum e mai bine. Am creat un site,am folosit apache pt server si dynDNS pt publicare pe web ca sa vad cum merge.(asta doar asa de joaca)Problema este ca eu sunt in suedia si vreau ca sit-ul sa aiba „.SE” in loc de „.COM, .NET” etc,lucru care nu prea este posibil decat cu o firma de aici din ce am vazut. Ce sa fac?? sa platesc pentru un domeniu aici la o firma de gazduire web sau sa imi fac propiul server? Am vazut ca sunt si dezavantaje cu propiul server si ca ar fi mai bine sa pun pe un server virtual,problema este ca nu prea am cunostinte de cum sa imi transfer de ex ce lucrez eu la site pe acel server,cu crearea site-ului nu ar fi probleme dar nu am mai pus pe un server virtual niciodata….voi ce spuneti? multumesc anticipat

    • doru: Salut,am si eu o intrebare..as dori sa pun un site pe web si nu stiu cum e mai bine. Am creat un site,am folosit apache pt server si dynDNS pt publicare pe web ca sa vad cum merge.(asta doar asa de joaca)Problema este ca eu sunt in suedia si vreau ca sit-ul sa aiba “.SE” in loc de “.COM, .NET” etc,lucru care nu prea este posibil decat cu o firma de aici din ce am vazut. Ce sa fac?? sa platesc pentru un domeniu aici la o firma de gazduire web sau sa imi fac propiul server? Am vazut ca sunt si dezavantaje cu propiul server si ca ar fi mai bine sa pun pe un server virtual,problema este ca nu prea am cunostinte de cum sa imi transfer de ex ce lucrez eu la site pe acel server,cu crearea site-ului nu ar fi probleme dar nu am mai pus pe un server virtual niciodata….voi ce spuneti? multumesc anticipat  

      Daca doresti ceva serios achizitioneaza un domeniu „.se”.Pentru gazduirea fisierelor site-ului iti recomand sa folosesti serviciile unei firme de hosting.Nu recomand sa-ti gazduiesti site-ul pe un server personal.Dupa achizionarea domeniului si incheierea unui contract cu o firma de hosting , realizezi site-ul dorit si prin protocolul ftp il transferi pe serverul firmei de hosting.Recomand sa cauti firme de hosting ce ofera trafic cat mai mare, suport php, baze de date,etc.
      Daca nu ai pretentii mari atunci poti opta pentru hostinguri gratuite dar bineinteles cu multe neajunsuri(trafic redus, domeniu de forma aaaaa.bbb.ccc,viteza de accesare redusa,etc)

  161. Foarte bun tutorialul Dan,unul dintre cele mai bune tutoriale pe care le-am vazut pe acest site

  162. Laurentiu a zis:

    salutare , fac un site si as vrea sa fie beta , help plz

  163. Traian T a zis:

    Buna ziua, Va rog spuneti-mi si mie de unde downloadez folderul cu fisiere care l-am vazut in tutorial.
    Multumesc

    • Traian T: Buna ziua, Va rog spuneti-mi si mie de unde downloadez folderul cu fisiere care l-am vazut in tutorial.
      Multumesc  

      Te urci in pod la ghita cretu si le gasesti acolo…

      Ia fa micu efort vizitatorule si citeste textul afisat sub tabelele de mai sus…ia vezi…sesizezi vre-un scris rosu care scrie DOWNLOAD??? Aaaa nu l-ai vazut pana acum? Pai normal…cum sa cititi voi…nu se poate asa ceva…cititu e pentru sfinti…voi ascultati salam si guta „ei e bine” iar „noi e rai” ca va punem sa cititi…nasol.

  164. Laurentiu a zis:

    pe mine chiar ma ajutati , si culmea stiu si sa i dau DOWNLOAD , eu acum vreau sa fac un magazin virtual , daca vreti o sa va dau link-ul cand il vom ridica pe net

  165. vlad cuc a zis:

    imi scrieti va rog codul html care la inserat Dan la index.html,imagini.html,video.html

    • vlad cuc: imi scrieti va rog codul html care la inserat Dan la index.html,imagini.html,video.html  

      Da tu nu vezi sa citesti „DOWNLOAD FISIERE TEST” scris cu rosu sus deasupra tutorialului? Te tine o ata si nu poti sa le descarci?

      • vlad cuc a zis:

        Adrian:
        Da tu nu vezi sa citesti “DOWNLOAD FISIERE TEST” scris cu rosu sus deasupra tutorialului? Te tine o ata si nu poti sa le descarci?  

        crezi ca nu l-am vazut?? l-am descarcat si nu am rezolvat nimic!! acolo e doar un tabel cu taguri la fel ca si in descriptia tutorialului!!!

  166. nu am cuvinte la acest tutorial. e superb realizat. 10+++

  167. e super tot ce faceti bravo voua

  168. Baieti bravo voua pentru ce faceti, dar o sectiune programare pt php si mysql de ce nu faceti?Am cautat pe site dar mai mult numai cms etc platforme gata facute.

    • Daniel: Baieti bravo voua pentru ce faceti, dar o sectiune programare pt php si mysql de ce nu faceti?Am cautat pe site dar mai mult numai cms etc platforme gata facute.  

      Pentru ca in afara de tine si inca 3 insi, nu intereseaza pe nimeni astfel de subiecte si nu are sens sa ne spetim in zadar. Priveste in partea dreapta in sidebar ce vrea lumea si care sunt cele mai votate tutoriale: spionaj, messenger, cum sa citesti arhiva cuiva de mess, cum se descarca de pe youtube, jocuri si cam atat. La tutorialele despre Open Office toata suita nu sa uitat nimeni, la intreaga serie despre cum se creaza un site de la zero ce contine 6 episoade nu se uita nimeni. Pentru ce sa le facem daca nu va intereseaza?

      • Adrian:
        Pentru ca in afara de tine si inca 3 insi, nu intereseaza pe nimeni astfel de subiecte si nu are sens sa ne spetim in zadar. Priveste in partea dreapta in sidebar ce vrea lumea si care sunt cele mai votate tutoriale: spionaj, messenger, cum sa citesti arhiva cuiva de mess, cum se descarca de pe youtube, jocuri si cam atat. La tutorialele despre Open Office toata suita nu sa uitat nimeni, la intreaga serie despre cum se creaza un site de la zero ce contine 6 episoade nu se uita nimeni. Pentru ce sa le facem daca nu va intereseaza?  

        Salut! Multumim pentru tutoriale. NU s-a uitat pana acuma, dar ne vom uita. Eu unul abia acum am nevoie de ele si le-am cautat direct la tine pe site.

        Numai bine!

  169. Tocmai din cauza la tutorialele despre open office am adaugat eu situl vostru in speed dial(mi se pare cel mai bun prog office si free).
    Pentru youtube si alte situri de genu „keep tube” add-on firefox .Si pentru spionaj, viitorilor hackeri spunele macar sa nu faca prosti dupa netu de acasa.

  170. Super tutorial,sper sa continuati cu multe alte videotutoriale despre diferinte limbaje de programare,apreciez foarte mult ceea ce faceti si crec ca f. multi va sunt recunoscatori. Multumim pentru tot ce ceea ce ati facut,face si vei face.God Bless!

  171. Salut baietii,am vazut ca ati scos seria cu creearea site-ului de la 0,mi-ar fi fost de folos acum,oricum..as vrea tare mult sa vorbesc,sa i-au legatura cu adrian(adminul) no offence dar imi plac mult tutorialele acute de el, e foarte explicit,m-ar interesa creearea unui site(contra cost norma)un numar de telefon,un e-mail, mersi anticipat si respect pentru ceea ce faceti.

  172. Cristi il cheama pe admin ,nu Adrian,emotii…

  173. Buna seara. De ce nu se mai pot vizualiza filmuletele? Urmaream cu interes de ceva vreme aceste tutoriale si chiar eram in lucru la un site. Mai aveam nevoie de ele,de ce le-ati scos?…am ramas cu site-ul neterminat. Stiu ca este site-ul dvs si aveti dreptul sa faceti ce vreti,insa,fara nici o suparare: mi se pare lipsa de respect fata de cititori site-ului dvs!

  174. Nici macar un raspuns nu va spetiti sa da-ti?….asta confirma ceea ce am spus ma sus. Pacat..ma asteptam la altceva!

    • Adrian-admin a zis:

      Alexandru: Nici macar un raspuns nu va spetiti sa da-ti?….asta confirma ceea ce am spus ma sus. Pacat..ma asteptam la altceva!  Citeaza-ma

      Nu a scos nimeni nici un tutorial. tutorialul este la locul lui si ceilalti cititori iti poate confirma asta. cumva folosesti Internet Explorer? Daca da, incearca sa intri cu alt browser. avem tutoriale despre toate browserele de pe piata. Firefox, Opera, Google Chrome, Safari
      Nu trebuie decat sa scrii sus in casuta de cautare din dreapta de pe margina neagra unul din numele mentionate mai sus, dai enter si vei gasi tutorialele. Esti sigur ca ai ultima versiune de flash player? Ultima versiune de flash player fiind: 10,1,85,3
      Ca sa vezi ce versiune de flash player ai, dute pe un clip video, pe orice site, da click dreapta pe acesta si alege din meniul contextual „About Adobe Flash Player…” ti se va deschide un nou tab si acolo iti va spune care este ultima versiune si ce versiune ai tu. Ar trebui sa iti apara in acel nou tab un tabel micut in care sa scrie: „You have version 10,1,85,3 installed”

  175. Bravo.Am facut si eu un site fara sa am domeniu si host(deocamdata)doar ca la mine este si un buton „Forum”.Aici m-am pierdut de tot.Am facut un forum gratuit si acum as dori sa il inserez in site-ul meu dar nu stiu cum.Am inteles ca trebuie sa pui linck-ul forumului la butonul Forum dar nu stiu exact cum si unde anume.Poate reuseste cineva sa ma lumineze.
    Multumesc!

  176. filip paul a zis:

    Sunt f bune nu luati cont de criticile negative continuati tot asa ca nu sa nascut nimeni invatat

  177. filip paul a zis:

    am uitat ieri sa votez

  178. Salut! Bravo frate, Ador ceea ce faceti voi! Merita tot efortul depus!!
    O Intrebare…
    De unde pot downloada teme pt realizarea unui site de Radio?
    Un raspuns pls!! daca se poate pe adresa de email care am lasat-o!
    Respect!1

  179. Sunteti extraordinari! Datorita ajutorului dat de voi am invatat bazele si m-am apucat sa-mi fac un site :) Va multumesc ca existati.

  180. Buna ziua. V-am urmarit tutorialele despre site-uri web- sunt f interesante, dar ma intereseaza mai mult.
    as dori sa dezvoltati informatiile despre site-ri web dinamice- PHP, baze de date (SQL/MySQL).
    Multumesc

  181. @Mariana din pacate no sa primesti cu tine santem deabia 5 insi care vrem =))
    Fara gluma si eu am cerut acelasi lucru si mi sa spus ca santem prea putini ca sa faca tutoriale, poate daca ne strangem mai multi o sa primim cateva tutoriale

  182. Salut,
    Am facut un site , dar nu merge lightbox-ul cand deschid site-ul cu explorer.
    In schimb merge cu firefox.Imi puteti spune cum sa fac sa mearga si in explorer?
    Multumesc.

  183. Salut faceti cele mai bune tutoriale;le urmaresc cu placere;cu ajutorul lor am reusit sa-mi fac un site

    sunteti cei mai tari, astept tutoriale noi

  184. Spune si tu versiunea de internet explorer 6 ,7 ,8 etc.Ai activat javascript in ie.Pe alte browsere merge? (safari,opera,crome)Ai ultima biblioteca jquery etc.Detaliaza daca vrei sa primesti ajutor.

  185. RedScorpion a zis:

    Salut,in primul rand vreau sa va multumesc pt. munca si ajutorul vostru,cu ajutorul vostru am reusit sa-mi fac propriul site fara prea multe batai de cap ,neavand cunostinte de webdesign sau css,php,html,etc.
    As avea o rugaminte daca se poate sa faceti un tutorial cum se face un tulbar cum este pe http://www.videotutorial.ro in partea de jos .
    Va multumesc si va urez sper la treaba in continuare.

    Cu respect ,RedScorpion

  186. pentru un incetator,,, este un lucru f. bun…… si nu pot decat sa multumesc

  187. Salut! As vrea sa stiu si eu ce tag se foloseste pentru a face niste subdomenii ale Meniului principal !! DOAR IN HTML , fara CSS !! Un link cu ceea ce doresc eu http://postimage.org/image/1ghx3i3t0/

  188. Dan Constantin imi poti recomanda ceva carti sau anumite site-uri ce html si css COMPLET de unde as putea invata, sau sa imi dai anumite surse de unde ai invatat si tu.

    Multumesc

  189. pai si dak folosim acest host gratuit cu filezia,trebuie pisiu lasat non-stop deschis ca sa mearga siteul non stop,sau cu file zila nu trebee facut asta?ca altfel nu se merita imi iau alt hostu,vba Dl.Cristi se consuma mai mult curent decat platesc la host
    Multumesc!

  190. Filezilla e doar un client ftp(file transfer protocol),adica cu ajutorul lui urci fisierele pe server.Ca sa-ti mearga situl „non-stop” se ocupa serverul.
    Host gratuit nu e recomandat, cred ca toata lumea are 5 euro(2 pachete de tigari) pe luna pentru un host platit, nu e enorm.

  191. Bravo baieti, am invatat sa fac un site in 2 zile datorita voua:
    -http://celmaibunsait………..
    va multumesc pt tutorial, sa ne maqi tineti la curent cu noutatile!

  192. salut. e super tare tutorialul, numai ca, acolo pe http://www.150m.com cand dau la signup imi deschide un site yola.com . oare dc ? astept un raspuns .. ms

  193. Toate bune dar nu se spune in videotutorial cum se face un login,o autentificare cum raspunzi la mesajele trimise de cititori,deci cum se integreaza toate astea in cod html???????

  194. Login si ce vrei tu sant limbaje server side(php,aspx sau .net cu vreti sa ai ziceti,jsp etc) plus o baza de date(mysql,oracle etc).
    Din ce in ce mai multi, asa ca speram la tutoriale server side si poate si client un jquery,MooTools etc.

    • Nu ai dreptate @Daniel .Box-urile pentru user si password pot fi inserate strict in HTML,nu necesita nimic altceva.Ar trebui sa verificati sectiunea forms and input a site-ului de pe care ati dat atat de mult copy-paste : http://www.w3schools.com/html/html_forms.asp .Apreciez intentia voastra de a ajuta,insa ati omis un aspect si anume faptul ca la inserarea unei noi instructiuni sa se specifice exact ce reprezinta si in ce mod ajuta…nu doar momentan copiati deoarece veti afla mai tarziu…iar mai tarziu continua sa explice a nu stiu cata oara instructiunile basic(html,head,body).Parerea mea : e mult mai util site-ul ala,inveti lucruri concrete,nu doar copy paste…mai mult ca sigur jumatate din cei care au facut un site urmand tutorialul acesta au dat doar copy paste,fara sa introduca manual cod dupa cod.Ideea unui tutorial HTML ar trebui sa fie invatarea codurilor…si nu copierea lor,pentru ca exista moduri mult mai bune de a face un site fara sa stii coduri,de exemplu Dreamweaver.

  195. salut, imi spune si mie cineva cum pot insera un text box pt ca oameni sa poata scrie comenturi la pagina mea web? (codul)

  196. @vlad……uitate in tabelul cu formulare. pentru comentariu ai plus ca trebuie sa le prelucrezi server-side.

  197. F bun tutorial…doar ca am o problema…am facut cont pe 150m.com si nu pot incarca site-ul ptr ca filezila imi da o eroare „Could not connect to server”…stie cineva dc????…plss…as dori un raspuns pe mail:tudose_cristina2006@yahoo.com

  198. Foarte bun tutorialul. Am aflat unele chestii, pe care nu le stiam, iar acuma pot sa rezolv problema.
    Felicitari pentru tutorial!

  199. Salutare,sunteti cei mai tari.Datorita voua mai ales acestui tutorial am reusit sa fac un site folosind fisierele voastre,am modificat scris,fundal….etc.Nu l-am uploadat pe nici un domeniu inca.Miii de multumiri.
    Cand intru pe siteul vostru intotdeauna invat ceva.Daca mai aveti tutoriale de genul acesta va rog sa nu ezitati sa-l postati.

  200. bibanelul a zis:

    sal…
    sunt cam pe langa profilul vostru,insa urmaresc cu interes multe din tutorialele voastre…
    m-ar interesa sa stiu cum se pun categoriile drop-down intr-un site facut in html si css
    felicitari pt efortul depus si multumesc anticipat….

  201. salut… am incercat sa fac si eu un site exact cum a spus dan…nu am reusit…prea pasta si explica in mare…cel puti eu unu nu am inteles mai partea cu fotografiile. trebuia sa copiez dupa el aceleasi dimensiuni,aceleasi imagini ca dak vroiam s-l fac dupa plac nu reusam…nu am inteles cum introduc un text cunde vreau eu in ce diviziune vreau…i-mi cer scuze dar…dar acest tutorial nu este reusit

  202. i-mi cer scuze de scris,..dar am scris in graba

  203. Ce pot sa zic decat sa va felicit!! Voi chiar mati ajutat! Si va mulumesc !!!! Acest site chiar este de un real ajutor!!! :X:X

  204. Laurentiu a zis:

    Multumesc pentru toate tutorialele facute de catre voi , pentru ca sunt multe lucruri foarte utile si bune de invatat.
    Totusi trebuia sa fie prezentat doar cum se pune un linc , o imagine , un buton….. ,doar la sfarsit sa prezinte cum e saitul.
    Din comentariile anterioare am observat ca multi au intampinat aceeasi probleme , pentru ca nu au putut sa urmareasca , pas cu pas , crearea paginilor si de aici si multitudinea de erori semnalate , mai putin cele legate de IE.
    Cu toate acestea mai astept o continuare al acestui tutorial 2b, in care sa se prezinte si alte aspecte semnalate in comentarii.
    Atunci cand sti bine o notiune de baza , poti experimenta sa vezi si cum e altfel.
    Multumesc inca o data pentru efortul depus la realizarea tutorialelor .

    • AdrianGudus a zis:

      Laurentiu:
      Multumesc pentru toate tutorialele facute de catre voi , pentru ca sunt multe lucruri foarte utile si bune de invatat.
      Totusi trebuia sa fie prezentat doar cum se pune un linc , o imagine , un buton….. ,doar la sfarsit sa prezinte cum e saitul.
      Din comentariile anterioare am observat ca multi au intampinat aceeasi probleme , pentru ca nu au putut sa urmareasca , pas cu pas , crearea paginilor si de aici si multitudinea de erori semnalate , mai putin cele legate de IE.
      Cu toate acestea mai astept o continuare al acestui tutorial 2b, in care sa se prezinte si alte aspecte semnalate in comentarii.
      Atunci cand sti bine o notiune de baza , poti experimenta sa vezi si cum e altfel.
      Multumesc inca o data pentru efortul depus la realizarea tutorialelor .

      Sectiunea Articole asemanatoare de sub tutorial ai citito? Acolo ai titluri de tutoriale scrise cu rosu pe care daca vei da click, vei ajunge direct la tutorialele respective. Cititi textele din paginile web si invatati sa navigati mai eficient. Nu ai cum sa inglobezi totul sub ochii cititorului sub un singur buton. Mai tine si de user, sa stie sa exploreze un site si foarte important SA CITEASCA ca de aia avem ochisori, nu?

      • Laurentiu a zis:

        AdrianGudus: Sectiunea Articole asemanatoare de sub tutorial ai citito? Acolo ai titluri de tutoriale scrise cu rosu pe care daca vei da click, vei ajunge direct la tutorialele respective. Cititi textele din paginile web si invatati sa navigati mai eficient. Nu ai cum sa inglobezi totul sub ochii cititorului sub un singur buton. Mai tine si de user, sa stie sa exploreze un site si foarte important SA CITEASCA ca de aia avem ochisori, nu?

        Poate nu ai citit cu atentie ce am scris .
        Dan a facut unul din cele mai bune tutoriale , de top as putea spune ,datorita complexitatii sale(una e sa dai clicuri si sa completezi formulare si alta e sa scrii o linie de comanda si sa explici cum si de ce trebuie asa).
        Pentru ce care nu au nici cea mai mica idee dar doresc sa invete(ponderea cea mai mare a celor care viziteaza acest sait) , momentul in care Dan a adaugat toate liniile in fisierul style.css , ia dat peste cap pe multi dintre cei care au incercat sa faca un sait dupa acest tutorial.
        Din comentarii poti invata multe , cei care stiu isi pot inbunatatii maniera de abordare al subiectelor.
        Nu doresc sa polemizez cu tine pe margiea subiectului ,pentru ca nu e forum , dar comentariul tau ,a fost pe langa ceeace am scris eu.
        Revin cu dorinta de continuare al acestui tutorial pentru ca este o baza fundamentala pentru lucrul cu celelante aplicatii .
        Multumesc inca o data colectivului videotutoril.ro pemtru munca depusa.

        • AdrianGudus a zis:

          Laurentiu: Poate nu ai citit cu atentie ce am scris .
          Dan a facut unul din cele mai bune tutoriale , de top as putea spune ,datorita complexitatii sale(una e sa dai clicuri si sa completezi formulare si alta e sa scrii o linie de comanda si sa explici cum si de ce trebuie asa).
          Pentru ce care nu au nici cea mai mica idee dar doresc sa invete(ponderea cea mai mare a celor care viziteaza acest sait) , momentul in care Dan a adaugat toate liniile in fisierul style.css , ia dat peste cap pe multi dintre cei care au incercat sa faca un sait dupa acest tutorial.
          Din comentarii poti invata multe , cei care stiu isi pot inbunatatii maniera de abordare al subiectelor.
          Nu doresc sa polemizez cu tine pe margiea subiectului ,pentru ca nu e forum , dar comentariul tau ,a fost pe langa ceeace am scris eu.Revin cu dorinta de continuare al acestui tutorial pentru ca este o baza fundamentala pentru lucrul cu celelante aplicatii .
          Multumesc inca o data colectivului videotutoril.ro pemtru munca depusa.

          Nu doreste nimeni sa polemizeze, nu asta a fost scopul ci doar am dorit sa-ti aduc la cunostinta ca avem o gramada de tutoriale pe tema creerii unui site la fel de bine detaliate/explicate. Cred ca cele mai multe tutoriale s-au facut pe tema asta. A fost cea mai abordata tema pe acest site. Trebuie doar sa le cautati, sa aveti rabdare si sa vreti sa invatati.

  205. Laurentiu a zis:

    salut baieti a aparut firefox 4 puteti face un tutorial despre el va rog frumos ar fi dragut sa stim cum sa il folosim uni dintre noi iar ceilanti cam ce are nou (eu am firefox sunt desstul de initiat ca sa stiu despre el catea setari dar imi trebuiesc sfaturile unor experti ca sa stiu mai bine sal setez si sa il folosesc) (imi cer scuze ca am postat aici si daca am suparat pe cineva …nu a fost cu intentie)

  206. vreau sa intreb si eu ul lucru pt ca este prima oara cand fac asa ceva si nu stiu ,deci dupa ce am terminat de personalizat site-ul cum fac ca sa www. .com unde trebuie sa scriu…….imi place foarte mult site-ul asta sunteti foarte destepti bv:D

  207. Salutare prieteni. Eu nu am inteles un lucru, de unde iau chestia aia care o copiaza Cristi pentru standard care este recunoscuta pentru browsere.cu stima

  208. Cum se realizeasa favicon?

  209. Buna ziua, in primul rand vreau sa va felicit pt tutoriale pe care le-ati facut.Am o mare rugaminte la dvs: am tot cautat pe acest site,instructiunile pe care le-ati inserat in fisierul html pe care le-ati folosit in site-ul demo”http://www.videotutorial.150m.com”, insa nu le-am gasit.De unde le pot lua?Ma ajutati va rog cumva?Imi doresc tare mult sa invat sa creez un site.Va multumesc.

  210. Va rog ma ajutati?Am descarcat „fiserul test”, insa nu gasesc instructiunile pe care le-a inserat Dan in fisierul html,cele standarnd recunsocute de browsers, etc. Astept raspuns

  211. Scuza-ma dar am dat pe download, am dowloadat fisierul test, dar nu gasesc multe lucruri pe care tu le-ai inserat in el.De ex:Diviziunea de sus,unde urmeaza sa se puna logoul.

  212. Daniel a zis:

    In primu rand felicitari pt site.
    In al doilea rand @Bogdan sa sti ca ce ai zis tu e partial adevarat. Poti face inputuri in html dar , doar atat.
    Html nu e altceva decat un limbaj de mark-up adica de constructie a pagini.
    Pt prelucrarea datelor iti trebuie server side. De siturile w3school cred ca stim toti. Dar pe mine ma intereseaza tutoriale de calitate in romana, exact cum fac baietii astia. Tutoriale bune si explicate „babeste” si pt incepatori ca mine.

  213. Domnu Dan, jos palaria!

  214. ionut25 a zis:

    Nu reusesc sa urc site-ul pe server prin filezilla. Toate setarile sunt corecte,insa nu se conecteaza la server decat cateva secunde si nu am timp sa incarc informatia. Imi tot spune: Conexiune stabilită, aștept mesajul de întîmpinare…
    Eroare: Nu mă pot conecta la server
    Stare: Aștept să reîncerc…
    Stare: Rezolv adresa IP pentru „www….
    Stare: Conectare la 209.33.220.6:21…
    Stare: Conexiune stabilită, aștept mesajul de întîmpinare…
    Eroare: Nu mă pot conecta la server

    • ionut25:
      Nu reusesc sa urc site-ul pe server prin filezilla. Toate setarile sunt corecte,insa nu se conecteaza la server decat cateva secunde si nu am timp sa incarc informatia. Imi tot spune:Conexiune stabilită, aștept mesajul de întîmpinare…
      Eroare:Nu mă pot conecta la server
      Stare:Aștept să reîncerc…
      Stare:Rezolv adresa IP pentru “www….
      Stare:Conectare la 209.33.220.6:21…
      Stare:Conexiune stabilită, aștept mesajul de întîmpinare…
      Eroare:Nu mă pot conecta la server

      Incearca sa faci un port forward

    • Incearca intai sa stergi istoria. Vezi ca in dreapta, sus ,unde scrie quikconnect, dai click pe el, si iti apare printre altele si „clean history” ;.Incearca si asa, pentru ca eu asa am patit prima data. Sper sa te ajute.

  215. Toth Erno a zis:

    Buna. Eu am inceput sa-mi fac un site dar m-am blocat la o chestie ce nu pot rezolva.Problema mea este ca nu stiu cum pot face in file css ca sa creasca inaltimea div-ul „stanga” inpreuna cu div-ul „dreapta” cand se mai adauga ceva in div „dreapta”(care creste automat in functie de ce este in el fiind ca am scris in css „auto” la inaltime).
    Vaa rog foarte mult ca sa im dati un raspuns pt ca este foarte inportant pt mine.
    Cu stima Erno

  216. Eu am o probleme nu mi se vede imaginea de la header sau background..si cand am inserat o imaginea in imagini.html si am instalat acel script java..cand dau click pe poza imi apare asa
    Fișierul nu a fost găsit

    Firefox nu găsește fișierul de la /C:/Documents and Settings/Andrey/Desktop/sitee/screenshot/1.jpg.

    * Verificați ca numele fișierului să nu aibă erori de majuscule/minuscule sau alte erori de tastare.
    * Verificați ca fișierul să nu fi fost mutat, redenumit sau șters.

    Pozele le am salvate in acelasi folder cu situ.Astept pareri multumesc

    • Daca e ok calea catre imagini, iar imaginile sunt acolo, vezi ca e posibil ca imaginile tale sa nu fie jpg. Ai grija sa nu fie png, sau poti sa incerci sa scrii si cu litere mari (nu jpg ci JPG).
      Sper sa reusesti. Bafta!

  217. Si la mine, spune la fel :
    Stare: Conectare la 72.32.1.10:21…
    Stare: Conexiune stabilită, aștept mesajul de întîmpinare…
    Eroare: Nu mă pot conecta la server
    Stare: Aștept să reîncerc…
    Stare: Rezolv adresa IP pentru…….
    Stare: Conectare la 72.32.1.10:21…
    Stare: Conexiune stabilită, aștept mesajul de întîmpinare…
    Cum se poate rezolva ?

  218. salutare,in caz ca mai este cineva care nu a reusit sa gaseasca ce copiaza dan dintrun fisier din demo,va ajut postand codul aici

  219. Status: Resolving address of …………….
    Status: Connecting to 208.43.173.207:21…
    Status: Connection established, waiting for welcome message…
    Response: 220–––- Welcome to Pure-FTPd [privsep] [TLS] –––-
    Response: 220-You are user number 1 of 50 allowed.
    Response: 220-Local time is now 08:54. Server port: 21.
    Response: 220-This is a private system – No anonymous login
    Response: 220-IPv6 connections are also welcome on this server.
    Response: 220 You will be disconnected after 15 minutes of inactivity.
    Command: USER demisca.comoj.com
    Response: 331 User …………………… OK. Password required
    Command: PASS *************
    Response: 530 Login authentication failed
    Error: Critical error
    Error: Could not connect to server

    Ce trebuie sa fac?Daca e ceva mai greoi dati un tutorial ceva mersi!Eu am dat la altcineva nu la 150m cca nu e asa bun am gasit in alta parte mersi:)!Felicitari pentru tutorial!De aici am invatat eu sa fac

  220. Salut asi vrea sa stiu un lucru cum fac sa pun ca background o imagine si sa nu sa supra puna multumesc anticipat

    • Toth Erno a zis:

      Edy:
      Salut asi vrea sa stiu un lucru cum fac sa pun ca background o imagine si sa nu sa supra punamultumesc anticipat

      Cu ce sa nu sa supra puna?Explica-mi mai exact cea ce vrei sa-o faci si te ajut cu placere.

  221. Salut baieti! Faceti o treaba minunata! Cum pot face un formular de contact pe site-ul meu care sa imi si trimita mesaje/mailuri pe o anumita adresa? Raman recunoscator :)

  222. Am rezolvat acel lucru
    Mai am 2 nelamuriri
    1.Cum aflu cordonatele unde sa pun o anume imagine in css adica de ex bara de navigat cum aflu cordonatele sa o pun pe mijloc sus sub logo
    2.Si cum fac ca o pagina sa ia dimensiunile dupa un anumit monitor deci sa nu fie fixa 800/600 ca am inteles ca se poate asa ceva
    Multumesc!

    • Toth Erno a zis:

      Edy: cum fac ca o pagina sa ia dimensiunile dupa un anumit monitor

      raspuns 1.
      eu cand fac un site primadata desenez pe o foaie divurile si scriu in fiecare marimile lor,distanta intre ele,grosimea border-ului daca are si asa mai de parte.In functie de ce ai pe pagina ta de web si pozitionarea lor se poate calcula pozitia exacta pt o imagine.Nu cunosc structura siteului tau dar se poate pozitiona lucrulire tale pe pagina de web si fata de un alt lucru. :)
      Raspuns 2.
      Exista o gramada de versiuni dar acuma la inceput incearca cu dimensiunile in % si nu in pixel

  223. Te rog sa imi explici cum adica sa lucrez in procente

    • Edy:
      Te rog sa imi explici cum adica sa lucrez in procente

      Lucrezi pe platforma WordPress????

    • razvan rzv a zis:

      Edy:
      Te rog sa imi explici cum adica sa lucrez in procente

      in loc sa scrii pixeli, scrii un procend. procentul va fi x% din dimensiunea div-ului parinte.
      in css pui asa: #container{ width:100%;}
      presup ca ai urmatoarea structura:

      header, meniu, continut, footer erc

      asa site-ul tau o sa fie tot timpul lat cat fereastra browserului.

      ziceai ceva de imagine in bacground centrat:

      background-image:url(‘smiley.gif’);
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center;

      …si ca sa pui pozitie dupa coordonate x si y:

      background-position: x y;
      – unde x,y sunt coordonate exprimate in px sau procente, tot timpul punctul de referinta e coltul dintr stanga sus dupa care ghidezi pozitionarea cu cordonatele 0 0 , indiferent de unitati.
      d

  224. Cum fac formular de comanda in site?
    Aveti tutoriale despre cum sa facem scripturi au programe?
    Va multumesc!

  225. In liceu,am fost la profil:informatica.Tin sa spun ca nici macar profesorul nostru nu ne explica atat de detaliat.Chiar daca nu inteleg anumite lucruri(noi am facut doar progamare in Pascal,C++ si baze de date),mai caut pe net,dar vreau sa va felicit pentru treaba pe care o faceti!! Tineti-o tot asa!!

  226. Salut! Am si eu o problema si v-as ruga daca se poate sa ma ajutati. Am creat un site dar nu stiu cu sa fac urmatorul lucru.Vreau sa-l fac asa-ex:
    acasa
    contact
    produse (click)

    flori(cand dau click pe flori sa apara): legume:
    petunii rosii
    garoafe vinete
    trandafiri etc;
    etc;
    Iar cand dau click pe un tip de flori sa-mi apara imagini cu ele.
    am incercat sa fac cate un fisier html pt fiecare din flori,dar trebuie sa fac aproximativ 56. Nu stiu cu ce comanda se face legatura intre imagini(screeshot)si fiecare diviziune in parte. Multumesc anticipatSper ca am fost destul de explicit.

  227. SALUT PRIETENI
    AM SI EU O INTREBARE:
    AM INCERCAT SA FAC O PAGINA IDENTICA CU CEA DIN TUTORIAL,INSA,M=AM IMPOTMOLIT LA LEGATURA DINTRE FISIERUL CSS SI CELELALTE TREI.VREAU SA SPUN CA AM LUAT DIN INTERNET ACELEAS VALORI SI CAND VREAU SA PUN O CULOARE DE FUNDAL IN CSS NU IMI APARE,ADICA,PAGINA RAMANE TOT ALBA. CU ALTE CUVINTE CRED CA NU SE REALIZEAZA ACEA LEGATURA DINTRE CSS SI CELELALTE SI AS VREA SA STIU DIN CE CAUZA.
    DACA MA POATE AJUTA CINEVA …
    MULTUMESC ANTICIPAT !

    • Erneszto a zis:

      TIBI:
      SALUT PRIETENI
      AM SI EU O INTREBARE:
      AM INCERCAT SA FAC O PAGINA IDENTICA CU CEA DIN TUTORIAL,INSA,M=AM IMPOTMOLIT LA LEGATURA DINTRE FISIERUL CSS SI CELELALTE TREI.VREAU SA SPUN CA AM LUAT DIN INTERNET ACELEAS VALORI SI CAND VREAU SA PUN O CULOARE DE FUNDAL IN CSS NU IMI APARE,ADICA,PAGINA RAMANE TOT ALBA. CU ALTE CUVINTE CRED CA NU SE REALIZEAZA ACEA LEGATURA DINTRE CSS SI CELELALTE SI AS VREA SA STIU DIN CE CAUZA.
      DACA MA POATE AJUTA CINEVA …
      MULTUMESC ANTICIPAT !

      Daca numele fiserului csss este „style.css” si este in acelasi folder cu celelalte 3 fisere atunci legatura se face intre tag-urile astfel:

      si in fiserul css coloarea fundalului (de exemplu daca vrei negru)dai asa:

      body{
      background-color: black;
      }

  228. Balan Paul Eusebiu a zis:

    Salut Video Tutorial!
    Stie cineva cum facem o pagina de inregistrare pt site-ul nostru.Deci nu ca aici ca va faceti cont cu wordpress.Efectiv mi-am luat domeniu am site facut si vreau sa stiu cum fac o pagina de inregistrare si una in care userii se pot loga.
    Va rog fara comentarii indecente daca stie careva si doreste sa ma ajuta bine daca nu asta e

    • razvan rzv a zis:

      Balan Paul Eusebiu:
      Salut Video Tutorial!
      Stie cineva cum facem o pagina de inregistrare pt site-ul nostru.Deci nu ca aici ca va faceti cont cu wordpress.Efectiv mi-am luat domeniu am site facut si vreau sa stiu cum fac o pagina de inregistrare si una in care userii se pot loga.
      Va rog fara comentarii indecente daca stie careva si doreste sa ma ajuta bine daca nu asta e

      va trebui sa iti faci o baza de date in care sa stochezi informatiile utilizatorilor, adica username-ul si parola, apoi iti faci un formular de login unde se logeaza utilizatorii.

  229. Balan Paul Eusebiu a zis:

    ma intereseaza ca utilizatorii sa isi faca cont si dupa sa intra pe contul creat daca stiti un tutorial va rog sa il postati

  230. profesional…multumesc

  231. andrei a zis:

    salut.
    merci foate mult pentru tutorialele facute de voi, ajuta foarte mult.
    despre moodle nu faceti nici un tutorial?
    ar fi foarte util. astept raspuns de la voi. merci

  232. M-ati ajutat foarte mult !!!Dar puteti face un tutorial in care sa puneti jocuri pe site(am incercat singur dar am reusit numai sa pun un ling pe o poza care te duce la at site sa te joci acel joc!!!Multumesc anticipat

  233. Folositi adobe dreamweaver este mult mai simplu…

  234. Salut!!Afisarea favicon-ului functioneaza foar pe mozila??Eu folosesc chrome si nu imi afiseaza favicon-ul.
    Am introdus exact aceleasi comenzi,tin sa precizez ca am denumit toate fisierele,folder-ele,exact ca in video, insa am stocat in alt loc(adica nu e pe desktop).Fisierele .html,.css se afla intr-ul folder X iar imaginea favicon-ului se afla intr-un subfolder al folderului X,deci ar trebuii sa introduc la fel ca in video-ul prezentat insa nu functioneaza.

    Multumesc!!

  235. Daca vreti sa invati web, e super simplu. Invatati engleza nivel mediu si dupa youtube, e plin youtube de canale dedicate dor pentru educatie: betterphp, flashbuilding, killerphp, phpacademy, thenewbostom sant enorm de multe.

  236. salut. in index.html ai definit o diviziune „navigare” care practic nu se regasescte in style.css, deci nu te poti „juca” cu linkurile de navigare.

  237. Ioan Iulian a zis:

    salut, foarte bun tutorialul, dar am o problema si va rog sa ma ajutati, cum se adauga casuta de cautare in site.

  238. Iulian „casuta aia de cautare” trebuie sa aiva in spate un limbaj de scripting si o baza de date.
    Nu se poate realiza prin html simplu. Html e doar un limbaj de mark-up care defineste structura unei pagini.
    Asa ca ai 2 optiuni:
    1- inveti php si iti realizezi singur un motor de cautare pt site folosind full text search sau unul bazat pe niste taguri care le definesti tu la fiecare articol;
    2- folosesti google custom search, care consider ca e cel mai bine pt tine, tinand cont de nivelul tau de cunostinte;

  239. Vezi in partea dreapa , sus, unde scrie Quickconect, apasa pe el si apoi apasa pe „Clear history” . Si incearca din nou sa te conectezi la serve. Cateodata se intampla si din cauza asta. :)

    Eroare:Nu mă pot conecta la server
    Stare:Aștept să reîncerc…
    Stare:Rezolv adresa IP pentru “www….
    Stare:Conectare la 209.33.220.6:21…
    Stare:Conexiune stabilită, aștept mesajul de întîmpinare…
    Eroare:Nu mă pot conecta la server

  240. Ioan Iulian a zis:

    Salut, am o alta problema, cand vizualizez o poza cu internet explorer din pozele adaugate in site nu apar butoanele, daca deschid cu firefox este in regula, ma poate ajuta cineva, multumesc anticipat.

  241. jocuri biciclete 3d a zis:

    Foarte bun articolul…astept si ceva mai complex. Daca este deja pe site astept linkul unde sa il pot vedea. Multumesc

  242. valentin a zis:

    „citit-o”

    AdrianGudus: Sectiunea Articole asemanatoare de sub tutorial ai citito? Acolo ai titluri de tutoriale scrise cu rosu pe care daca vei da click, vei ajunge direct la tutorialele respective. Cititi textele din paginile web si invatati sa navigati mai eficient. Nu ai cum sa inglobezi totul sub ochii cititorului sub un singur buton. Mai tine si de user, sa stie sa exploreze un site si foarte important SA CITEASCA ca de aia avem ochisori, nu?

  243. valentin a zis:

    Imi face mare placere sa-l corectez pe Adrian, intrucat acesta posteaza comentarii foarte acide la adresa vizitatorilor acestui minunat site. Asta nu inseamna ca nu apreciez ceeace face si ii doresc sa continue tot asa.
    Bravo Cristi!
    Bravo Adrian!

  244. Cand ai trafic , nu te mai intereseaza parerea userilor, doarMonny din ADSENSE. Asa se intampla pe marea majoritate a siturilor care au prins muschi pe baza vizitatorilor care le fac un trafic foarte mare.banii nu au miros, si de aceia uneori unii calca pe cadavre!!Sory of topic

  245. sal..multumesc mult ptr informatii..mai am cateva intrebari:daca am site ul facut de un nepot care mi a abandonat proiectul meu (eu fiind varza in acest domeniu-doar tu m ai facut sa mai inteleg cate ceva ),cum pot intra sa mai adaug rubrici si poze .site ul este hostat (parola si id ul ).ce program/e trebuie sa folosesc .cred ca sunt multe de zis dar o sa mai incerc sa ma informez .multumesc ptr mai toate articolele adaugate .sanatate maxima si astept noi informatii

  246. Salut.
    In primul rand va multumesc pentru tutorial. Este de foarte mare ajutor.
    In al doilea rand as avea si eu o intrebare:
    Daca la sectiunea video vreau sa postez mai mult de doua filmulete, acestea sunt afisate iesind din div dreapta. Cum fac sa fie afisate doar in aceasta diviziune si sa apara desigur in aceasta bara derulanta ?

  247. Alexandra a zis:

    Multumim de tutoriale; sunt de mare ajutor!
    In cele din urma am realizat un site. Contine mai multe sectiuni, printre care si BLOG. Problema este ca vreau sa adaug articole mereu si am inteles ca pentru asta am nevoie sa invat Joomla! Deci…unde pot gasi ceva care sa ma ajute sa duc lucrurile mai departe?

    Multumesc si astept raspunsul cu nerabdare!

  248. Salut,multumim de tutorial foarte util,dar cand o să faceți și tutorial despre Turbo pascal????

  249. Superutil acest tutorial
    Pe cand un tutorial xml flash?
    Asteptam…

  250. Mie imi apare: Critical error/Could not connect to server la Filezilla atunci cand vreau sa ma loghez si nu merge sa incarc nimic. De ce??

  251. Cum sa pun video nu de pe toutube cu video pe care il am eu in calculator imi spuneti va rog frumos.

  252. Alorian: Cum sa pun video nu de pe toutube cu video pe care il am eu in calculator imi spuneti va rog frumos.

    De cand cu html 5 e mult mai usor. Convertesti video in WebM, ogg, mp4 si flash(swf).
    Primele 3 tipuri video de fisiere le folosesti cu un player video html5 super simplu de realizat, adica folosesti tagul video din html5(pt o varianta super minimalista).
    Ultimul format e varianta de siguranta in cazul in care un utilizator foloseste un browser vechi care este incapabil sa „inteleaga” html5 te folosesti de un player flash..
    Aici varianta html5 http://www.w3schools.com/html/html5_video.asp
    si aici varianta flash ‘http://www.gromkov.com/faq/conversion/add_flash_video_to_website.html’
    Linkurile de mai sus sant doar ca sa-ti faci o idee, despre cum adaugi un player video pe o pagina web, sant multe alte variante mult mai bune folosind aceleasi metode.
    Sper ca administratorii sa nu perceapa linkurile de mai sus ca fiind spam sau reclama.

  253. Tot nu inteleg daca ma mai poti ajuta va rog frumos sa faceti un video cu aceasta problema sau nustiu sa ma mai ajutati va rog frumos.

  254. Cum sa pun formular ca am citit tagurile html care lea-ti pus pe site si nu inteleg ma puteti ajuta

  255. Adrian Gudus a zis:

    Alorian: Cum sa pun formular ca am citit tagurile html care lea-tipus pe site si nu inteleg ma puteti ajuta

    Uite aici: http://videotutorial.ro/cum-facem-un-sondaj-de-opinie-folosind-formularele-din-google-drive-tutorial-video/

  256. cum sa pun formular in siteul facut de mine daca ma poti ajuta.

  257. wowwwwww!
    ce am putut citi pe aici!!!!
    sunt mut de umire, in cel mai pozitiv sens!
    cristi, administratorul, super! imi place romantismul tau! daruirea…si dan, responsabilul cu tutorialul de mai sus! numai admiratie, toata admiratia!

    SA NU CREDETI CA V AM MAGULIT cu vreun scop,
    am nevoie de ajutor, dar daca nu vine, no problem, admiratia mea ramane si sper sa faceti PE VIITOR revolutii in it!!!!

    ok, acum – am un blog in blogger (sunt pe dinafara cu it, s a inteles desigur) si cu chiu cu vai l am pus cat de cat pe picioare, dar acum am niste probleme cu HEADERUL! am pus ca header o poza din computer (am chrome) dar nu reusesc s-o incadrez exact, adica in partea stanga a sa imi ramane un spatiu gol un pic mai mare, iar in dreapta un spatiu mai mic.

    CUM FAC s-o incadrez perfect? plus ca si in partea de sus am o banda(spatiu) goala, nu rreusesc sa maresc si in sus poza astfel incat s-o acopere (navbarul am reusit sa mi-l scot).

    stima, mersi frumos!

  258. Buna ziua ,

    As avea 2 intrebari :

    1. Am un site care a fost facut de cineva, dar respectivul nu s-a mai ocupat de el si as vrea sa-l fac de la 0! Nu stiu cu ce programe l-a facut si alte amanunte! As dori sa stiu daca se poate cumva sterge,reseta tot ce a facut ?? Si sa incep eu sa-l fac conform tutorialelor de aici!

    2. Ce firma imi recomandati pentru gazduire site ?? O firma serioasa ,care sa nu aiba probleme !

    Multumesc

  259. Super informatii. Va multumesc !
    Eu am site luat gratis de la wordpress, am un subdomeniu. Un site cu subiecte legate de calatorii, fotografii, impresii. Am inteles din tutorialele vizionate ca sunt in dezavantaj. Daca il dezvolt, ii formez trafic, nu voi putea beneficia de el, nefiind proprietarul. Am 3 MB spatiu alocat gratis, fara video, muzica, dar pot sa incarc si sa postez de pe youtube fara interdictie. As vrea sa fac modificarile necesare in momentul in care spatiu nu mai am si sa trec pe domeniu, pentru ca pe viitor sa beneficiez de munca mea. Nu prea stiiu care vor fi pasii, dar banuiesc ca se pastreaza platforma wordpress. Banuiesc ca din cristinamoraru10.wordpress.com se va transforma in cristinamoraru10.com sau cristinamoraru10.ro
    Dupa cum am inteles, trecerea de la vechiul site la noul site este facilitata de aceasta platforma, redirectionand vizitatorii care te stiiau la vechea adresa. Ca idee pentru inceput as vrea sa fiu beneficiarul siteului, sa beneficiez de platforma wordpress (banuiesc ca el va fi hostingul, serverul – sper ca am inteles bine si nu gresesc) si sa pastrez designul siteului primit de la wordpress. As vrea sa stiiu care sunt pasii de facut pentru a face schimbarea..

  260. Salut, ma puteti ajuta cu implementarea butonului read more ? Se aplica acest cod More Info intro anumita locatie ? Cum procedez? Am descarcat un template de pe net si am acest buton dar cand dau pe el imi incarca pagina din nou. Multumesc!

  261. Multumesc mult!

  262. As vrea sa recomand,pentru doritori,cartea „Learning Web Design,4th edition-Jennifer Niederst Robbins”.Este in limba engleza,dar pentru cei ce stapanesc limba engleza,e un „must-have”,parerea mea.Cartea porneste de la zero practic,avand si exercitii.

  263. Sal. Daca doresc sa modific un index.html prin modificarea unui link ex: „www.test.ro” care apare de 100 de ori in acest document, se poate selecta linkul si pasta noul link astfel incat sa se modifice in acelasi timp toate cele 100 de linkuri asemanatoare din index.html? Sau trebuie modificate fiecare in parte? Multumesc anticipat!!!

  264. Salut. Am urmat pasii din acest tutorial, dar am o mica problema in chrome,firefox merge,dar in IE nu imi afiseaza galeria foto

  265. Am o intrebare dak eu sriu pe explorer site-ul meu care lam creat de exemplu ……….. de ce nu il gasesete ???knd intru pe pagina in sus stanga imi scrie tot „http://localhost/” asta cum il schimb?

  266. Buna dl Cristian Cismaru sunt incepator in site partea #footer deviaza in partea dreata in imagini .index e ok dar in video se deplaseaza in partea dreapta nu mai e pe directie
    cu respect
    un incepator nicu .
    multumesc.

  267. poti sa ma ajuti te rog?cum sa introduc o imagine ca fundalul a unei pagini web?

Spune-ți părerea

*

ArabicDutchEnglishFrenchGermanGreekHungarianItalianJapaneseKoreanPortugueseRomanianSpanish