Reactualizare
- codul HTML al unei pagini-web este mulțimea marcajelor din care este compusă pagina.
- codul paginii-web îl scriem cu Notepad, Notepad++ și îl salvăm cu un nume de forma numefisier.html
- codul paginii are structura obligatorie de mai jos, completată cu diverse alte marcaje :
<HTML>
<HEAD>
..............
</HEAD>
<BODY>
..............
</BODY>
</HTML>
- pentru aplicația de mai jos în interiorul zonelor HEAD și BODY folosim marcaje de tipul :
<BODY bgcolor=yellow text=blue> cu bgcolor și text indicăm culori pentru fundal și text.
<TITLE> </TITLE> încadrează titlul din eticheta paginii
<META charset="utf-8"> arată că folosim setul de caractere UTF-8 în care sunt diacriticile ă,î,â,ș,ț
<P> </P> încadrează un paragraf de text
<H1> </H1>,..., <H5> </H5> încadrează titluri și subtitluri din corpul paginii
<B> </B> pentru text îngroșat (bold) în interiorul unui paragraf
<P style="font-size: 16px;"> mărimea literelor în pixeli într-un paragraf
<P style="color: red;"> culoarea literelor (red, blue, aqua, white, yellow etc.) într-un paragraf
<P style="font-size: 20px; color: yellow;"> mărimea și culoarea într-un paragraf printr-o singură atribuire
<SPAN style="font-size: 16px;"> </SPAN> încadrează porțiunea din paragraf căreia îi stabilim proprietăți diferite față de restul paragrafului
<BR/> afișează un rând gol în pagină
<IMG SRC=nume_fișier_imagine> afișează în pagină imaginea din fișierul cu numele identificat
<A HREF=adresa_linkului> textul linkului</A> este un link către adresa indicată pe textul încadrat
Aplicația 2
A2. Se dă pagina-web care are codul HTML de mai jos :
Modificați codul până când obțineți pagina-web din varianta indicată :
Etapa 1. Cu Notepad scrieți codul paginii model.
- În cod înlocuiți numele fișierului download17.jpg cu numele unui fișier disponibil din același director de lucru.
- Atenție, scrieți numele și extensia fișierului imagine între ghilimele în atributul src. Folosiți ghilimele (") nu două apostroafe (') !
- Salvați pagina în directorul de lucru cu numele nume_elev.html și Encoding: UTF-8.
- Vizualizați pagina cu browserul, corectați greșelile cu Notepad și salvați din nou până când pagina arată ca modelul de sus.
Etapa 2. Adăugați marcaje potrivite astfel ca pagina să arate ca în varianta indicată. Observați că avem alte culori, alt text și formatări și un link construit pe un text.
- modificați culoarea fundalului și a textului în BODY folosind culorile potrivite red, dodgerblue, green, white.
- modificați titlul din etichetă și din pagină cu marcajele TITLE și H1
- adăugați paragrafele de text cu marcaje P, și boldați la nevoie cu marcaje B
- creați linkul încadrând cu marcaje A textul afișat. Scrieți adresa corectă a siteului indicat (http://...) în atributul href
- Indicație : după fiecare modificare salvați fișierul, reîncărcați în browser și corectați la nevoie.
Evaluare
- formularul de evaluare :