Sunteți pe pagina 1din 2

Crearea paginilor WEB

Pentru a crea un document web putem proceda astfel:


1) utilizăm un editor de texte avansat (de ex. MS Word) care pune la dispoziţie toate elementele HTML de
bază. Utilizatorul nu trebuie să cunoască aceste elemente, el creând documentul în mod obişnuit dar salvându-l
ca pagină web (extensia .html sau .htm)
Aplicaţie:
Creaţi o pagină web cu fond albastru în care veţi afişa un text, o imagine şi o legătură către imaginea
inserată anterior.

2) scriem codul HTML urmând pașii:


- edităm fişierul HTML (fiş. sursă) cu ajutorul unui editor de texte (Notepad , Notepad++ etc.)
- salvăm fişierul cu extensia .html sau .htm
- vizualizăm pagina cu ajutorul unui browser
Un document HTML este o succesiune de blocuri delimitate de simboluri speciale numite etichete,
marcaje sau tag-uri incluse între simbolurile < şi >. Unele blocuri prezintă delimitatori de sfârşit de bloc, pentru
altele acest delimitator fiind opţional sau chiar interzis.
Un document HTML constă dintr-un bloc <html> ….</html> care include alte două subblocuri: <head>
…</head> si <body>…</body>. Fiecare subbloc poate conţine la rândul său alte subblocuri.
Titlul unei pagini este inserat în blocul <head> …</head> cu ajutorul blocului <title> …</title>. Dacă
acesta lipseşte în bara de titlu a paginii va fi afişat numele fişierului.
Caracterele precum spaţiu, tab, sfârşit de linie sunt ignorate de către browser atunci când el interpretează
blocurile şi marcajele. Pentru a afişa întocmai conţinurul unui bloc de text din fişierul sursă, acesta trebuie
inclus între tag-urile <pre> …</pre> (preformat).
Trecerea pe o linie nouă se poate face prin includerea marcajului <br> (line break).

Culori, fonturi si margini


Un atribut particularizează acțiunea unei etichete. Atributele apar după etichetă şi sunt precedate de = și
apoi de valoarea lor. Pentru a stabili culoarea de fundal a unei pagini folosim atributul BGCOLOR în eticheta
BODY. Este recomandat ca o valore a unui atribut să fie precizată între ghilimele.
O culoare poate fi precizată în două moduri:
a. printr-un nume de culoare (ex. red) Ex: <body bgcolor="red">
b. prin construcţia #rrggbb unde r, g şi b sunt cifre hexazecimale care precizează modul în care culorile de
bază (roşu verde şi albastru) participă în formarea nuanţei dorite. Ex: <body bgcolor="#981123">
Pentru a stabili culoarea textului putem folosi atributul TEXT al etichetei BODY. Ex: <body text="red">

Browserele nu interpretează corect diacriticele. Pentru a afișa diacriticele procedăm astfel: includem în
blocul <head> eticheta <meta> urmată de atributul charset=”utf-8”, scriem cu diacritice și la salvarea paginii
folosim codarea (Encoding) UTF-8.
Ex: <head><meta charset=”utf-8”> </head>

Stabilirea marginilor paginii web faţă de marginile ferestrei browserului se poate face cu următoarele
atribute ale etichetei BODY: leftmargin / topmargin. Valorile acestor atribute pot fi numere întregi reprezentând
un număr de pixeli sau un procent (procent din dimensiunea ferestrei).

Aplicaţie .Creaţi o pagină web avand ca titlu numle dumneavoastră în care să descrieți pe scurt două dintre hobby-
urile dumneavoastră. Folosiți diacritice, stabiliți margini de 30 de pixeli, culoarea paginii #734511 și caractere galbene.
Puteți folosi un editor de texte online astfel
1.Accesați pagina https://www.w3schools.com/
2.Alegeți Try it Yourself

3.Scrieți în editorul de texte codul HTML și accesați RUN pentru a previzualiza pagina.

4. Puteți salva codul sau puteți salva pagina create în Drive , de unde o veți putea încărca ulterior

S-ar putea să vă placă și