M-am hotarat sa pasesc in lumea webdesign. Dupa multe lecturi pe internet si dupa cum am fost sfatuita, am ales HTML, Dreamweaver si Adobe Photoshop pentru ca este mai usor. Pasii sunt multi, marunti si greu de parcurs si am decis ca fiecare lectie pe care o voi invata si fiecare tutorial pe care-l voi face o sa-l prezint aici din doua motive:
1. Repetitia este mama invataturii, repetand voi retine mai bine.
2. Poate acest blog facut in pasi marunti va mai ajuta pe cineva.
Voi incepe sa invat bazele HTML-ului in Notepad dupa care voi trece la Dreamweaver
Cine doreste sa invete pas cu pas cu mine este binevenita (binevenit)

Lectia 6 : Fonturile

Despre culoarea si marimea textului am vorbit deja.
Pentru culoare se foloseste atributul COLOR=”#FF0000” pus in tag-ul <FONT>
Pentru marimea textului se foloseste atributul SIZE=”7” pus tot in tag-ul <FONT>
Marimile sunt de la 1 la 7, 1 fiind cel mai mic font si 7 cel mai mare.
Pentru a schimba tipul fontului se foloseste atributul FACE=”Arial” pe care il punem tot in tag-ul <FONT>
In loc de ,,arial" putem pune orice tip de font dorim (times new roman, courier new, verdana etc)
Pentru a pozitiona textul in pagina (stanga, dreapta sau mijloc) vom folosi atributul ALIGN (la fel ca la linie)

Pentru a exemplifica am introduc un titlul in acelasi document html in care am lucrat si pana acum
Voi folosi si un tag nou (<P>)
Tag-ul <P> vine de la cuvantul paragraf si se deosebeste de tag-ul <BR> prin faptul ca prin utilizarea lui nu numai ca se trece pe urmatorul rand, dar se si lasa un rand liber intre texte. Se poate observa in poza randul liber de sub titlu si de sub ,,Recapitulare"
Daca stiti culorile in engleza se poate scrie si culoarea in loc de codul culorii.

<HTML>
<HEAD>
<TITLE>Tutorial</TITLE>
</HEAD>
<BODY BGCOLOR="#FF9900">
<FONT COLOR="red" FACE="Arial" SIZE="7">Aceasta este prima mea pagina web</FONT><P>
Recapitulare<P>
Tag-uri pereche : HTML, HEAD, BODY (toate aceste tag-uri se scriu intre < > si sunt pereche )<BR>
HTML defineste inceputul si sfarsitul documentului<BR>
TITLE denumeste pagina<BR>
BODY marcheaza continutul paginii<BR>
Daca vrem sa dam o culoare paginii folosim atributul BGCOLOR ( In acest caz am folosit BGCOLOR="#FF9900" )<BR>
<FONT COLOR="#0000FF">
Daca vrem sa coloram un text folosim tagul FONT urmat de atributul COLOR, in cazul acesta am folosit COLOR="#0000FF" pentru culoarea albastra. Nu uitati sa inchideti randul colorat cu tag-ul /FONT<BR>
</FONT>
<FONT COLOR="#00FFFF" SIZE="4">
Daca vrem sa modificam marimea textului folosim atributul SIZE la tag-ul FONT ( aici am folosit COLOR="#00FFFF" SIZE="4" )<BR>
Se observa si culoarea schimbata pentru ca am schimbat si atributul COLOR cu codul pentru agua<BR>
</FONT>
Cam dor ochii de la culoarea asta dar asta e :) mergem mai departe<BR>
Tag-urile de sfarsit au / in fata<BR>
Tag-uri singulare : exemple de taguri singulare sunt HR si BR<BR>
Tag-ul BR defineste capatul unui rand si tot ce va fi scris dupa el in pagina va apare pe un rand nou<BR>
Tag-ul HR trage o linie. Daca nu se pune nici un atribut linia va fi cat toata pagina<BR>
<HR>
Daca vrem sa coloram linia folosim atribute, in cazul de mai jos am folosit atributul COLOR="#FF0000" care este pentru rosu
<HR COLOR="#FF0000">
Daca vrem sa modificam aspectul liniei folosim atributele WIDTH, SIZE, ALIGN
<HR COLOR="#FF0000" WIDTH="50%" SIZE="5%" ALIGN="center">
</BODY>
</HTML>




Acum voi centra titlul prin introducerea cu tag-ului <CENTER></CENTER> si am sa mai introduc o linie si poate cateva mici modificari pentru a mai exersa.
Pentru a scrie textul cu bold adaugam tag-urile <B></B>
Pentru a scrie textul italic vom adauga tag-urile <I></I> (am scris ,,Recapitulare" cu caractere italice)
Pentru a sublinia un text folosim tag-urile <U></U>


<HTML>
<HEAD>
<TITLE>Tutorial</TITLE>
</HEAD>
<BODY BGCOLOR="#FF9900">
<FONT COLOR="red" FACE="Arial" SIZE="7"><CENTER>Aceasta este prima mea pagina web</CENTER></FONT><P><HR COLOR="#FF0000">
<FONT COLOR="red" FACE="Arial" SIZE="4"><I>Recapitulare</I></FONT><BR>
<HR COLOR="#FF0000">
Tag-uri pereche : HTML, HEAD, BODY (toate aceste tag-uri se scriu intre < > si sunt pereche )<BR>
HTML defineste inceputul si sfarsitul documentului<BR>
TITLE denumeste pagina<BR>
BODY marcheaza continutul paginii<BR>
Daca vrem sa dam o culoare paginii folosim atributul BGCOLOR ( In acest caz am folosit BGCOLOR="#FF9900" )<BR>
<FONT COLOR="#0000FF">
Daca vrem sa coloram un text folosim tagul FONT urmat de atributul COLOR, in cazul acesta am folosit COLOR="#0000FF" pentru culoarea albastra. Nu uitati sa inchideti randul colorat cu tag-ul /FONT<BR>
</FONT>
<FONT COLOR="#00FFFF" SIZE="4">
Daca vrem sa modificam marimea textului folosim atributul SIZE la tag-ul FONT ( aici am folosit COLOR="#00FFFF" SIZE="4" )<BR>
Se observa si culoarea schimbata pentru ca am schimbat si atributul COLOR cu codul pentru agua<BR>
</FONT>
Cam dor ochii de la culoarea asta dar asta e :) mergem mai departe<BR>
Tag-urile de sfarsit au / in fata<BR>
Tag-uri singulare : exemple de taguri singulare sunt HR si BR<BR>
Tag-ul BR defineste capatul unui rand si tot ce va fi scris dupa el in pagina va apare pe un rand nou<BR>
Tag-ul HR trage o linie. Daca nu se pune nici un atribut linia va fi cat toata pagina<BR>
<HR>
Daca vrem sa coloram linia folosim atribute, in cazul de mai jos am folosit atributul COLOR="#FF0000" care este pentru rosu
<HR COLOR="#FF0000">
Daca vrem sa modificam aspectul liniei folosim atributele WIDTH, SIZE, ALIGN
<HR COLOR="#FF0000" WIDTH="50%" SIZE="5%" ALIGN="center">
</BODY>
</HTML>

Destul de simplu nu? Iata rezultatul: