27 ianuarie 2012

Realizarea unei pagini web in NotePad.



  
-Crearea unei baze de inceput a unui document.

      -Pentru inceput deschide-ti aplicatia NotePad si scrieti structura de baza a unei pagini web.Aceasta este:

<html>
<head>
<title>Titlul</title>
</head>
<body>
Continut
</body>
</html>

         -Acum pagina dumneavoastra are HEAD si BODY,in interiorul elementului HEAD are elemtul TITLE ,pe care il completati cu un text  reprezentativ ca titlu pentru documentul dumneavoastra.
         -In interiorul elementului BODY completati cu un text "continut".Textul pe care il utilizati la TITLE va aparea in linia cea mai de sus a browseru-lui,si puteti folosi orice text,dar este bine sa scrieti ceva care sa descrie cat mai bine continutul paginii deoarece este ceea ce cauta motoarele de cautare si indexeaza multe portaluri  de cautare,si indicat ar fi sa nu depaseasca 70 de caractere.
Ceea ce adaugati intre tagurile<body></body>reprezinta continutul paginii care va fi afisat in browser.In continuare va voi prezenta un exemplu cum ar putea fi completat elementul TITLE si un mic continut in pagina.
<html>
<head>
<title>mypage.com-Jocuri,Programe,si Muzica</title>
</head>
<body>
<h1>Pagina Mea</h1>
Software,game,video.
</body>
</html>

*<h1></h1> este o eticheta HTML pentru afisare de text mare in pagina.

 -Setarea proprietatilor documentului.




       -Proprietatile documentului pot fi controlate de atributele elementului BODY,de exemplu cum ar fi culorile pentru fondul pagini,pentru text si diferite faze ale link-urilor.
       -Culorile sunt setate folosind culorile de baza:rosu,verde si albastru;expresia folosita RGB(red,green,blue),acestea sunt reprezentate ca valori hexazecimale("")la inceput trebuie adaugat caracterul #.
Fiecare doua unitati ale codului reprezinta una din culorile RGB.
Sa dam un exemplu:
#00aa11 - reprezinta o culoare care nu are rosu (00),are verde (aa) si albastru (11). 

 -Elementul BODY.



      -Acestui element ii puteti aduga informatii care sa defineasca culoarea sau imaginea din fondul paginii,text si culoarea link-urilor.
      -Daca elementul BODY nu este completat cu alte atribute atunci browser-ul va prezenta culorile standard de obicei fondul este alb.Pentru a seta culoare fondului paginii adaugati in eticheta <body> atributul BGCOLOR.
Un mic exemplu:

<body
bgcolor="#0000ff"></body>


-Culoare textului.

        -Atributul text controleaza culoarea textului normal din document.Acesta va afecta tot textul din document care nu este colorat de alte elemente cum ar fi link-ul,culoare standard pentru text este Negru.
Iata un exemplu in care culoare textului este rosu iar a fundalului albastra:

<body bgcolor="#0000ff"
text="#ff0000"></body>

 -Link-uri (LINK,VLINK si ALINK)

         -Aceste atribute controleaza culoarea link-ului in diferite stari.

1. LINK-culoarea initiala a link-ului.Standard este albastru.

2. VLINK-culoarea unui link vizitat.Standart este purpuriu.
3. ALINK-culoarea link-ului in momentul activarii.Standard este rosu.

Exemplu:

<body bgcolor="#ffffff"
text="#ff0000"
link="#0000ff"
vlink="#ff00ff"
alink="#ffff00"></body>

    -Rezultatul va fi o pagina cu fondul alb,text rosu ,link-urile albastre,link-urile vizitate vor avea culoarea roz iar culoarea link-urilor in momentul activarii va fi galben.



-Folosirea unei imagini ca fond pentru pagina(background).

      -Elementul BODY ofer posibilitate inlocuirii fondului paginii cu o imagine (Background image).Daca imaginea este mai mica decat dimensiunea paginii atunci imaginea va fi multiplicata pan cand va acoperi intrug cadrul documentului.Este indicat ca imaginea sa fi in format*.gif sau *.jpg .
Exemplu:

<body
  background="image.gif"
  bgcolor="#ffffff"></body>

       -In acest exemplu fondul paginii va fi dat de imaginea fisierului"imagine.gif" si de asemenea am setat BGCOLOR astfel incat in timpul procesului de incarcare a imaginii culoarea fondului va fi alba.
       -Dupa ce a-ti creat baza de inceput a unui document si a-ti setat proprietatile,trebuie sa salvati fisierul cu extensia".html" de exemplu "mypage.html".

 -Tag-uri folosite pentru aranjarea textului.

<b> - scrierea caracterelor îngrosat (bold)
<i> - scrierea caracterelor înclinat (italic)
<u> - scrierea caracterelor subliniat (underline)
<center> - alinierea pe centru a textului pe pagina
<p align = left/right/center>alinierea la stânga/dreapta/centru a textului pe pagina
<hr size = a color = b width = c align  = left/right/center > - plaseaza o linie orizontala în document.      
<br> - întrerupe linia curenta si trece textul sau imaginea pe urmatoarea linie
<p> -  întrerupe linia curenta si trece textul sau imaginea la paragraful urmator
<sup> - scrierea unor cuvinte la putere
<sub> - scrierea unor cuvinte ca indice
<tt> - scrierea unui text monospatiat 
<address> - scrierea pe un anumit stil a unei adrese postale