sâmbătă, 29 martie 2014

LECTIA 15 - Liste html ( HTML LISTS )

In aceasta lectia vom invata despre liste html. Cele mai utilizate elemente de listare html sunt <ul> si <ol>. Aceste liste se folosesc in diverse cazuri si sunt folosite in orice pagina web / website.

joi, 27 martie 2014

LECTIA 14 - TABELE HTML ( Html tables )

FirstnameLastnamePoints
JillSmith50
EveJackson94
JohnDoe80
AdamJohnson67
Tabelul de mai sus este preluat de pe http://www.w3schools.com 

LECTIA 13 - HTML IMAGES ( imagini html )

In aceasta lectie vom invata despre tag-ul <img>. Folosim acest element html pentru a insera intr-o pagina web o imagine. Atunci cand intr-o pagina web sau intr-un articol exista imagini aspectul este mult mai placut. Putem folosi imaginile pentru a prezenta ceva sau pentru un design web mai placut.

miercuri, 26 martie 2014

LECTIA 12 - HTML STYLES - CSS

In aceasta lectie pe scurt, va voi spune cate ceva despre stilizarea unui document html folosind CSS (Cascading Style Sheets). Putem stiliza o pagina/documente html in 3 moduri:

marți, 25 martie 2014

LECTIA 11 - HTML HEAD ELEMENTS

Si uite asa am ajuns si la lectia cu numarul 11. In aceasta lectie vorbim despre tag-ul <head> si despre ce putem scrie in aceasta sectiune.

LECTIA 10 - LINK-URI HTML ( html links )

In lectia cu numarul 10 invatam despre link-uri html ( html links ). Link-urile se gasesc pe mai toate paginile web. Rolul link-urilor este de a face trecerea de la o pagina la alta sau de la o pagina la o adresa web externa.

LECTIA 9 - COMENTARII HTML ( Html comments )

In aceasta lectie vom vorbi despre comentariile html. Folosim tag-urile <!-- si --> pentru a introduce un comentariu intr-un document html.
Puteti introduce comentarii html folosind sintaxa <!-- Comentariul tau aici ! -->. Semnul exclamarii "!" folosit dupa paranteza unghiulara "<" anunta tag-ul de inceput al unui comentariu. Tag-ul de inchidere al unui comentariu este  "-->".

luni, 24 martie 2014

LECTIA 8 - FORMATAREA TEXTULUI ( text formatting )

In aceasta lectie vom vorbi despre formatarea textului. Pe multe site-uri inclusiv pe acest blog vedeti cuvinte scrise cu diferite fonturi, text ingrosat, text italic etc. Probabil sunt multe persoane care isi doresc aceste lucruri asa ca ... sa trecem la invatat !

LECTIA 7 - Paragraphs ( paragrafe/alineate )

In lectia 7 invatam despre paragraphs <p></p> (alineate). Atunci cand folosim tag-urile <p> si </p> browserele adauga inainte si dupa paragraf o linie goala.

LECTIA 6 - HTML HEADINGS ( titlurile html)

In lectia cu numarul 6 vom vorbi putin despre titlurile html ( html headings ). Ei bine un lucru foarte important este ca nu trebuie sa folosim marcatoarele <h1>,<h2>,<h3> etc. pentru a obtine un text mai mare sau ingrosat (bold). Motoarele de cautare "se uita" dupa aceste tag-uri pentru a structura o pagina web si in ziua de azi chiar nu dorim sa o dam in bara cu nea' google.

Diferenta intre o formatare rapida ( quick format ) si o formatare normala

Desi sunt prins cu chestii mult mai importante si mai am de scris si "enspee mii" de lectii html, printre picaturi am sa scriu si despre problema formatarii rapide / normale. Doar cand te uiti la numele celor doua optiuni iti dai seama ca ceva este diferit intre quick format si normal format.

LECTIA 5 - Atribute html

Prin folosirea atributelor html, putem specifica cateva informatii aditionale despre un tag html. Atributele trebuie specificate intotdeauna in tag-ul html de inceput.

Exemple:

LECTIA 4 - Elemente html

Start tag *Element contentEnd tag *
<p>Un paragraf</p>
<a href="default.htm">Un link</a>
<br>


  • Un element html are un tag de deschidere si unul de inchidere ( <p> si </p> )
  • Unele elemente html au continut gol si sunt inchise direct in tag-ul de start. ( <br/> ).
  • Majoritatea elementelor html pot avea atribute.
  • Majoritatea elementelor html pot contine alte elemente ( <b><p>Text bolduit</p></b> ).

duminică, 23 martie 2014

LECTIA 3 - Notiuni de baza

In aceasta lectie invatam despre elementele de baza care alcatuiesc si se gasesc pe fiecare pagina web.

  • HTML HEADINGS ( titluri html )
  • HTML PARAGRAPHS ( paragrafe html )
  • HTML LINKS ( link-uri html )
  • HTML IMAGES ( imagini html )

LECTIA 2 - Introducere in html

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>


<!DOCTYPE html> - Aceasta declaratie se foloseste odata cu lansarea html 5. Declaratia <!DOCTYPE html> defineste tipul unui document in acest caz, tipul fisierului fiind html.

Cum salvam un fisier cu extensia .html ?

Inainte de a scrie prima lectie de html trebuia sa scriu despre extensia fisierelor .html, dar cititorii vor intelege despre ce e vorba in lectia 1 de html urmand link-ul catre acest articol.

Pe scurt, recomandarea mea in materie de editoare text este Notepad++. Este foarte usor de folosit, dispune de o gama larga de teme, syntax highlighter ( completarea automata a tagurilor html si nu numai ).

Descarcati ultima versiune de notepad++ de aici si instalati programul.

Dupa instalare deschideti notepad++. Dupa ce ati deschis programul acesta automat va crea un fisier default numit "new 1". Scrieti in el codul vostru html apoi folosind comanda Ctrl + S salvati fisierul cu extensia .html. Puteti face asta selectand din "Save as type" HyperText Markup Language. 
Dupa selectarea extensiei dati si un nume noului fisier cu extensie .html de preferat "index.html" sau "default.html".

Cam atat cu tutorialul despre extensia html. Link-ul acestui articol va fi introdus in prima lectie de html - > LECTIA 1 - CE ESTE HTML ?

Lectia 1 - Ce este html ?

In prima lectie din cursul html invatam cateva lucruri despre html si anume ce inseamna html, ce fel de limbaj este si care este scopul acestuia. Cursul html contine aproximativ 30 de lectii fiecare lectie explicata exact pe intelesul fiecarui incepator cu informatii si despre cel mai mic "punctulet".

HTMLHyperText Markup Language
Limbajul html = Este un limbaj de marcare pentru crearea paginilor web ce pot fi afisate intr-un browser
Scopul limbajului html = Prezentarea informatiilor, fonturi, paragrafe, tabele etc.

sâmbătă, 22 martie 2014

Bine ati venit !

Bine ati venit pe blogul Despre Web - Tutoriale si resurse ! Pentru a afla cu ce ne ocupam ( adica ma ocup ) si despre ce se vorbeste pe acest blog va recomand sa cititi in intregime pagina despre web - Bine ati venit !

Daca aveti intrebari, sugestii, o propunere, nevoie de ajutor sau pur si simplu vreti sa stam de vorba "pe subiect" ma gasiti la adresa de e-mail b33brk@gmail.com. In cazul in care raspund greu ( intre timp mai am si alte ocupatii ... ) puteti folosi comentariile ca acolo ma uit prima oara sau "just wait !".