Centrul de instruire si testare ECDL UPB

Webstarter - Exercitii
Indicatie: exercitiile se lucreaza in directorul “Webstarter – Exercitii”.

1. Sa se deschida, folosind aplicatia Notepad, fisierul “pagina_web.txt”.

2. Sa se insereze marcajele ce definesc continutul fisierului ca pagina web. Sa se insereze marcaje ce
definesc antetul si corpul paginii web.
3. Sa se salveze si sa se inchida fisierul “pagina_web.txt” si sa se schimbe extensia acestuia din *.txt in
*.html.
4. Sa se deschida, folosind aplicatia Notepad, fisierul “pagina_web.html”.
5. Sa se insereze un paragraf, cu continutul “ECDL este cel mai raspandit program international de
certificare a aptitudinilor de operare pe computer.”.
6. Deasupra paragrafului sa se insereze un titlu de nivel 3, cu continutul “Ce este ECDL?”.
7. Sa se alinieze centrat titlul.
8. Sa se insereze cate un spatiu suplimentar intre cuvintele din titlu.
9. Sa se insereze un nou paragraf, cu continutul “ECDL a devenit un standard, reprezentand pentru
domeniul ICT ceea ce reprezinta certificarile Toefl sau Cambridge pentru atestarea cunostintelor de limbi
straine. Permisul ofera detinatorului sau o baza standard de cunostinte ICT, necesare in contextul
necesitatii adaptarii la cerintele societatii informationale.”.
10. Sa se insereze o intrerupere fortata de rand inaintea celei de-a doua fraze din acest paragraf.
11. Sa se insereze un paragraf, in care sa se copieze continutul documentului “document_1.doc”.
12. Sa se insereze un bloc de text cu dubla indentare, in care sa se copieze continutul documentului
“document_2.doc”.
13. Sa se alinieze “justify” intreg textul, cu exceptia titlului.
14. Sa se stabileasca pentru pagina web urmatoarele caracteristici:
- culoarea textului: “blue”
- culoarea fundalului: #a3cef1
15. Sa se stabileasca pentru intreg textul paginii web, cu exceptia titlului, urmatoarele caracteristici:
- font: Arial
- dimensiune: 4
16. Sa se stabileasca pentru blocul de text cu dubla indentare, urmatoarele caracteristici:
- dimensiune: 3
- culoare: “green”
17. Sa se modifice caracteristicile segmentului de text “Employment and Social Dimension of the
Information Society”, astfel incat acesta sa apara ingrosat si subliniat.
18. Sa se insereze un paragraf, in care sa se copieze continutul documentului “document_3.doc”.
19. Sa se indenteze textul din acest paragraf, care se afla dupa “...ale angajatilor lor:”
20. Sa se transforme fragmentul de text indentat in lista neordonata cu marcatori de tip patrat.
21. Sa se insereze un comentariu, cu continutul “Urmeaza lista de module tematice”.
22. Sa se insereze un paragraf, in care sa se copieze continutul documentului “document_4.doc”, astfel
incat acesta sa arate ca si documentul sursa.
23. Sa se numeroteze elementele listei ordonate cu cifre romane majuscule.
24. Sa se insereze un rand gol dupa titlu.
25. Sa se insereze deasupra titlului imaginea din fisierul “logo.jpg”, aflat in folderul “images”.
26. Sa se redimensioneze in mod proportional imaginea, astfel incat latimea acesteia sa devina 190
pixeli.
27. Sa se stabileasca distanta dintre imagine si marginea din stanga a paginii la 10 pixeli.
28. Sa se incadreze imaginea intr-un chenar de grosime 2 pixeli.
29. Sa se adauge imaginii urmatorul text alternativ: “logo”.
30. Sa se adauge imaginii urmatoarea eticheta: “Logo ECDL”.
31. Sa se ataseze imaginii o legatura catre adresa de web ” http://www.ecdl.com/”.
32. Sa se ataseze fragmentului de text “ECDL Romania” o legatura catre adresa pagina web din fisierul
“ecdl_romania.html”.
33. Sa se ataseze fragmentului de text “office@ecdl.org.ro” o legatura catre adresa de e-mail
“office@ecdl.org.ro”.
34. Sa se salveze si sa se inchida fisierul “pagina_web.html” si sa se redeschida folosind aplicatia
Microsoft FrontPage, in modul de vizualizare Split.
35. Sa se insereze (in modul Code) o linie de culoare ”black”, aliniata centrat, de grosime 5 pixeli si de
latime 90% din latimea ferestrei.
36. Sa se stearga linia creata si sa se refaca in modul Design.

ECDL Webstarter – Exercitii v. 10.1 pagina 1/6

Centrul de instruire si testare ECDL UPB

36. Sa se insereze (in modul Code) un tabel cu continutul tabelului din documentul “document_5.doc”.
37. Sa se aplice tabelului (in modul Code) un fundal “white” si sa se modifice culoarea chenarului in
“blue”.
38. Sa se aplice primului rand (in modul Code) un fundal “yellow”, inaltime 40, aliniere pe orizontala
center si aliniere pe verticala top.
39. Sa se formateze tabelul (in modul Code) astfel incat in jurul continutului din celule sa existe un spatiu
de 6 pixeli, iar intre celule sa existe un spatiu de 2 pixeli.
40. Sa se formateze tabelul (in modul Code) astfel incat latimea lui sa fie de 300 pixeli.
41. Sa se stearga tabelul si sa se reia exercitiile 36-40 in modul Design.
42. Sa se plaseze imaginea in stanga titlului.
43. Sa se modifice caracteristicile textului din primul paragraf dupa cum urmeaza:
- dimensiune: 3;
- stil de font: italic;
- culoare: ”green”.
44. Sa se modifice lista neordonata intr-o lista ordonata, cu numerotare pe litere.
45. Sa se formateze intreg textul astfel:
- distanta dintre randurile paragrafului: 1,5 linii;
- distanta inainte de paragraf: 10 pixeli;
- distanta dupa paragraf: 10 pixeli;
- indentare la stanga: 15 pixeli.
46. Sa se insereze o intrerupere fortata de rand inaintea celei de-a doua fraze din al treilea paragraf.
47. Sa se stearga toate intreruperile fortate de rand.
48. Sa se aplice formatari paginii astfel:
- culoarea legaturilor: “red”
- culoarea legaturilor vizitate: “lime”
- marginile sus, jos: 40 pixeli
- marginile dreapta, stanga: 100 pixeli
- titlul documentului: Ce este ECDL?
- descrierea paginii sa cuprinda continutul documentului “document_6.doc”
- cuvinte cheie: ECDL, european, computer, driving licence
49. Sa se defineasca o foaie de stil inglobata care sa contina urmatorul stil:

h3 {color:#000000; font-size:large}

50. Sa se defineasca o foaie de stil legata, intr-un fisier cu numele ”style.css”, care sa contina urmatorul
stil:

h3 {color:#green; font-size:large}

51. Sa se defineasca o foaie de stil in-line pentru titlu, care sa contina urmatorul stil:

style="color:#white; font-size:large"

52. In foaia de stil inglobata sa se defineasca urmatoarea clasa de stiluri:

.text {color:red; font-weight:bold}

si sa se aplice aceasta clasa de stiluri celui de-al doilea paragraf.

53. In foaia de stil legata sa se defineasca urmatorul stil:

#stil_a {color:black; font-style:italic; font-size:large; font-

weight:bold}

si sa se aplice acest stil celui de-al treilea paragraf.

54. In foaia de stil inglobata sa se defineasca urmatorul stil contextual:

p i {background-color:black}

55. In foaia de stil inglobata sa se defineasca un stil cu identificatorul “#stil_b” cu urmatoarele

caracteristici:
- stilul textului: inclinat;

ECDL Webstarter – Exercitii v. 10.1 pagina 2/6

Centrul de instruire si testare ECDL UPB

- grosimea textului: mai subtire in raport cu textul de baza;

- inaltimea textului: medie;
- culoarea textului: verde;
- culoarea de fundal: alb;
- decorarea textului: text clipitor;
- alinierea: centrat;
- tipul de pozitionore: absoluta;
- distanta fata de marginea de sus: 850;
- distanta fata de marginea din stanga: 500;
- latimea: 361;
- inaltimea: 133;
- pozitia in stiva: 1.
56. Sa se insereze un strat in corpul documentului, pe baza stilului “#stil_b”.
57. Sa se insereze in interiorul stratului creat imaginea din fisierul “logo2.jpg”.
58. Sa se creeze (in modul Code) o pagina web de tip frameset, cu numele “pagina_web_2”, comform
urmatorului model:

59. Sa se stabilesca (in modul Code) continutul celor 3 frame-uri astfel:

- in frame-ul de sus sa se insereze pagina web “top.html”;
- in frame-ul din stanga sa se insereze pagina web “left.html”;
- in frame-ul din dreapta sa se insereze o pagina web noua care sa se denumeasca “main.html”.
60. Sa se stabileasca (in modul Code) inaltimea frame-ului de sus la 250 pixeli si latimea frame-ului din
stanga la 200 pixeli.
61. Sa se denumesca (in modul Code) cele 3 frame-uri astfel:
- frame-ul de sus – “sus”;
- frame-ul din stanga – “stanga”;
- frame-ul din dreapta – “dreapta”.
62. Sa se stabileasca (in modul Code) distanta intre frame-uri la 10 pixeli
63. Sa se faca invizibile (in modul Code) marginile frame-urilor.
64. Sa se introduca (in modul Code) un text de atentionare pentru browserele care nu suporta pagini web
de tip frameset, cu urmatorul continut: “Browser-ul dumneavoastra nu poate afisa aceasta pagina!”.
65. Sa se stabilieasca vizibilitatea barelor de derulare pentru cele 3 frame-uri astfel:
- pentru frame-ul de sus - sa nu apara niciodata;
- pentru frame-ul din stanga – sa apara doar daca este necesar;
- pentru frame-ul din dreapta – sa apara intotdeauna.
66. Sa se stearga fisierele ”pagina_web_2.html” si ”main.html”, si sa se reia exercitiile 58-65 in modul
Design.
67. Sa se ataseze fragmentului de text “Info” din frame-ul “stanga” (in modul Design) o legatura catre
adresa pagina web din fisierul “pagina_web.html”, care sa se deschida in frame-ul “dreapta”.
68. Sa se ataseze imaginii din frame-ul “sus” (in modul Code) o legatura catre catre adresa de web
”http://www.ecdl.com/”, care sa se deschida intr-o noua ferestra.
69. Sa se inlocuiasca imaginea din frame-ul de sus cu o imagine dinamica de tip rollover, compusa din
imaginile din fisierele ” logo3.jpg” si ” logo3_n.jpg” aflate in folderul ” images”.
70. Sa se deschida fisierul “curs.htm” si sa se creeze legaturi intre elementele cuprinsului si elementele
de continut corespunzatoare.
71. Sa se deschida fisierul “bucuresti.htm” si sa se creeze o legatura pentru regiunea de culoare
portocalie din imagine, catre adresa ”http://www.primarie6.ro”, cu deschidere intr-o noua fereastra.
72. Sa se insereze sub imagine un inline frame cu continutul paginii web de la adresa
”http://www.google.ro”, avand latimea de 600 de pixeli, inaltimea de 500 de pixeli, fara bare de derulare,
fara margini.
73. Sa se genereze un favicon pe baza imaginii ”logo4.jpg” (utilizandu-se serviciul online de la adresa
http://tools.dynamicdrive.com/favicon/) si sa se insereze in fisierul ”pagina_web_2.html”.
74. Sa se insereze in frame-ul “dreapta” urmatorul tabel:

ECDL Webstarter – Exercitii v. 10.1 pagina 3/6

Centrul de instruire si testare ECDL UPB

Luni Marti Miercuri Vineri

16-18 Grupa 1 Grupa 2 Grupa 3 Grupa 4 Grupa 5
18-20 Grupa 3 Grupa 1
20-22

75. Sa se stabileasca pentru tabelul creat urmatoarele proprietati:

- grosimea chenarului: 1;
- culoarea chenarului: “black”;
- culoarea fundalului: “gray”;
- distanta intre celule: 0;
- distanta dintre continutul unei celule si chenarul sau: 5;
- latimea tabelului: 600 pixeli;
- alinierea continutului pe orizontala: “center”;
- alinierea continutului pe verticala: “top”.
76. Sa se modifice inaltimea primului rand al tabelului la valoarea de 50 de pixeli.
77. Sa se stearga ultimul rand.
78. Sa se adauge o coloana intre a patra coloana si a cincea coloana ale tabelului.
79. Sa se modifice latimea imaginii din frame-ul “sus” la 50% din latimea ferestrei browserului web, si sa i
se ataseze un chenar cu grosimea de 2 pixeli.
80. Sa se insereze in frame-ul “dreapta” un formular ca cel din figura urmatoare:

81. Sa se stabileasca campurile “Nume*”, “Prenume*” si “Telefon*” ca obligatorii.

82. Sa se creeze reguli de validare pentru campurile “Nume*” si “Prenume*” astfel incat acestea sa nu
accepte decat date de tip text, format doar din litere si spatii.
83. Sa se creeze o regula de validare pentru campul “Telefon*” astfel incat acesta sa nu accepte decat
valori numerice (fara caractere de tip separator) formate din 10 cifre.
84. Sa se creeze o lista de optiuni pentru campul “Ocupatie”, care sa cuprinda urmatoarele pozitii:
“Student”, “Elev”, “Angajat”, “Somer”.
85. Sa se salveze toate fisierele si sa se inchida.
86. Sa se creze un site web local, in folderul “site web”, care sa contina toate paginile web.
87. In site-ul web local sa se modifice numele fisierului ”pagina_web_2.html” in ”index.html”.
88. Sa se publice site-ul web local pe serverul serverweb.
89. Sa se inchida Microsoft FrontPage.
90. Sa se deschida fisierul “ECDL Webstarter – formular raspunsuri.doc” si sa se completeze cu
raspunsurile la urmatoarele intrebari:

1. Alegeti afirmatia corecta:

a) Internetul este o retea de computere, de tip LAN;
b) Web Browser este o notiune abstracta si se defineste ca fiind o baza de date globala, gazduita
pe computerele care alcatuiesc Internetul;

ECDL Webstarter – Exercitii v. 10.1 pagina 4/6

Centrul de instruire si testare ECDL UPB

c) World Wide Web este o notiune abstracta si se defineste ca fiind o baza de date globala,
gazduita pe computerele care alcatuiesc Internetul;
d) URL este un sistem de reguli si proceduri ce guverneaza comunicatia dintre doua dispozitive.

2. Pentru a defini un stil se foloseste sintaxa:

a) HTTP;
b) FTP;
c) CSS;
d) ISP.

3. Atributul color defineste culoare pentru:

a) Imagini;
b) Text;
c) Chenare;
d) Fundal.

4. Un site web scrie pe computerul utilizatorului date despre acesta prin intermediul unui:
a) Firewall;
b) Proxy server;
c) Cookie;
d) Cache.

5. Sa se scrie in formularul de raspunsuri care dintre urmatoarele afirmatii este adevarata:

a) Un protocol este o adresa a unei resurse existente in reteaua Internet;
b) Un protocol este un URL (Uniform Resource Locator);
c) Un protocol este o modalitate prin care computerele pot comunica intre ele;
d) Un protocol este o adresa IP.

6. Sa se scrie in formularul de raspunsuri care dintre urmatoarele afirmatii este adevarata:

a) Un firewall este un sistem de securitate hardware;
b) Un firewall este un sistem de securitate hardware, sau software, sau o combinatie hardware-
software;
c) Un firewall este un sistem de securitate software;
d) O componenta a unui computer.

7. Care din urmatoarele afirmatii este adevarata?

a) Freeware sunt programe neprotejate de dreptul de autor, ce pot fi difuzate gratis;
b) Licenta da dreptul de comercializare si distributie a unui program;
c) Licenta da dreptul de utilizare a unui program;
d) Licenta este un program achizitionat de la producator, pentru care se plateste drept de folosire.

8. Care dintre urmatoarele afirmatii in legatura cu aplicatiile antivirus sunt adevarate?

a) Necesita actualizare periodica;
b) Nu necesita instalare;
c) Sunt capabile in orice situatie sa dezinfecteze fisierele virusate;
d) Sunt gratuite.

9. Dreptul de utilizare a unei aplicatii software se numeste:

a) Patent;
b) Licenta;
c) Copyright;
d) Autorizatie.

10. Densitatea optima a cuvintelor cheie intr-o pagina web este:

a) 2,5-6%;
b) 4,5-6%;
c) 2,5-4%;
d) Nici unul din raspunsurile de mai sus.

11. Care din urmatoarele nu reprezinta o buna politica S.E.O. pentru o pagina web:
a) plasarea de cuvinte cheie in titlurile H1 si H2;
b) stabilirea unui numar cat mai mic de cuvinte cheie;

ECDL Webstarter – Exercitii v. 10.1 pagina 5/6

Centrul de instruire si testare ECDL UPB

c) plasarea de cuvinte cheie in descrierile imaginilor;

d) realizarea unui numar cat mai mare de legaturi cate alte pagini web din cadrul aceluiasi site.
91. Sa se salveze si sa se inchida fisierul “ECDL Webstarter – formular raspunsuri.doc”.

ECDL Webstarter – Exercitii v. 10.1 pagina 6/6