Tehnologii WEB an II

Teme de Laborator Pentru studentii care nu au participat la orele de laborator trebuiesc rezolvate aceste teme. HTML
HTML noiuni de baz
1. S se creeze o pagin HTML, al crei coninut s fie format dintr-un text pe mai multe rnduri. Paginii i se va da titlul : Exemplu 1. 2. S se creeze o pagin HTML, al crei coninut s fie format dintr-un text format din mai multe paragrafe. Fiecare paragraf s fie scris la rnd nou, far a folosi eticheta <P>. Paginii i se va da titlul : Exemplu 2. 3. S se creeze o pagin HTML, al crei coninut s fie format dintr-un text text format din 4 paragrafe. Fiecare paragraf s fie scris ntre etichetele <P>...</P>. Paragrafele vor fi aliniate: dreapta, stnga, centru i respectiv la ambele margini. 4. S se creeze o pagin HTML, al crei coninut s fie format dintr-un text text format din 2 paragrafe. Fiecare paragraf s fie scris ntre etichetele <P>...</P>. Primul paragraf conine 2 fraze, fiecare scrise de la inceputul rndului. Al doilea paragraf, va contine 2 fraze, care se vor scrie pe un singur rnd. La ntlnirea unui cuvnt (ales de dvs.) se va face salt la rnd nou. 5. Ce va afia browser-ul cnd ntlnete secvena? <P align=right> data: 25-11-08 <BR> Maria&nbspPopescu

6. Scriei etichetele care s afieze : Limbajele care creaz o pagin static sunt: HTML, XHTML, XML Limbajele care creaz o pagin dinamic sunt: JavaScript, PHP, ASP, Flach 7. Ce va afia browser-ul cnd ntlnete secvena? <P> text preformatat <NOBR>Acest text a fost scris in HyperText Markup Language(HTML) si afisat in browser-ul <WBR> InternetExplorer 8. Scriei dou paragrafe, utiliznd <P>, respectiv </PRE>. Observai diferena! 9. Ce va afia browser-ul cnd ntlnete secvena? <PRE width=200, cols=40> <B> <I> Catalog </I> </B> Popescu Ion Marinescu Ana Stefanescu Dan Ionescu Maria </PRE> 10. Ce va afia browser-ul cnd ntlnete secvena? 1

<HR> Paragraf 1 <HR align=center width=500 size=4 color=blue> Paragraf 2

<HR align=right width=50% color=red size=3 noshade> Paragraf 3

Stiluri de text
1. Scriei elementele HTML necesare formatrii textului: HTML (HyperText Markup Language) este un limbaj prin care se descriere modul n care arat paginile WEB. 2. Scriei elementele HTML necesare formatrii textului: Elementul <BASEFONT> are atributele: face, color i size Elementul <BASEFONT> are atributele: face, color i size 3. Scriei cod HTML pentru formatarea unui paragraf cu: fontul Courier New, culoarea rosie, dimensiune 5. 4. Scriei cod HTML pentru formatarea paginii cu: fontul Arial Black, culoarea magenta, dimensiune 3. 5. Ce va afia browswr-ul pentru codul: <STRONG> Observaie: </STRONG> <EM> elementele STRONG i EM ajut la evidentierea unui text</EM> 6. Scriei mai mare HTML i mai mic WEB pentru fraza de la 1. 7. Folosii elemtele de formatare logic pentru a scrie un citat i a face o referin Dai-i omului un pete i-l vei hrni o zi. nvai-l s pescuiasc i v va invita i el la prnz. Calvin Keegan Vezi Capitolul 3 din cartea PROIECTAREA PAGINILOR WEB HTML, CSS,JavaScript, Florentina Rodica Niculescu. 8. S se structureze (folosind titluri) urmtorul text Capitolul 3 Stiluri (H 1) Paragraful 1 Stiluri fizice(H2) Stiluri<TT>, <I>, <B> ,<BIG>, <SMALL>c, <STRIKE> sau <S>, <U> , <sup>, <sub>(H3) Paragraful 2 Stiluri logice(H2) Stiluri <em>, <strong>, <dfn>, <code>, <var>, <cite>, <P> <h1>, <h2>, <h3>, <h4>, <h5> <h6>. <blockquote>(H3)

Liste
1. S se creeze o list ordonat cu elemente studenii dintr-o grup. 2. S se creeze o list ordonat cu elemente studenii dintr-un an de studii care sunt bursieri. Lista s fie numerotat cu litere romane scrise cu litere mari 3. Sa se creeze o list neordonat cu elemente facultile din universitate, iar simbolul listei s fie un cerc. 4. S se scrie cod HTML pentru a crea urmtoarea lista imbricat: I. Exemplul 1 Varianta A Varianta B Varianta C

II. Exemplul 2 Varianta A Varianta 2.A. a) Varianta 2 A b) Varianta B 5. S se scrie cod HTML pentru a crea urmtoarea lista de definiii: I appreciate your help Multumesc pentru ajutor Excuse me A atrege atentia cuiva My name is Numele meu este 6. Cu ce atribut al elementului <DL> browser-ul va alinia definiia pe

acelai rnd cu termenul asociat ? Tabele 1. S se scrie cod HTML pentru a crea urmtorul tabel, aliniat pe centru
Nume Ene Georgesccu Ioanitiu Prenume Ana Dan Oana Adresa Sos Pantelimon, nr. 400, sector 2, Bucuresti Sos Colentina, nr.300, sector 2, Bucuresti Sos Iancului,nr.120, sector 2, Bucuresti

2. S se scrie cod HTML pentru a crea un tabel, aliniat drepta, chenar exterior de grosime 5 si de culoare albastr, chenar interior numai ntre coloane, fundal galben . Linia de titlu mai nalta, si textul centrat si pe orizontala si pe vertical. Tabelul sa aiba o etichet. Produs A B Cantitate 20b 10b Pret/buc 10 Ron 20Ron

3. S se scrie cod HTML pentru a crea un tabel, pentru care spaiul dintre celule s fie 15, iar pentru fiecare celul, spaiul dintre text i marginea celulei s fie de 10. 4. S se scrie cod HTML pentru a crea un tabel, care are linia de antet de 25% din spaiu, iar linia de subsol tot 25%. Corpul tabeluli are liniile de liniile de aceeai grosime.

FIRMA X Produs A B SUMA

i 2 i coloanele 2 i 3 , astfel

Cantitate 20b 10b

Pret/buc 10 RON 20RON 30RON

4. S se scrie cod HTML pentru a crea un tabel, n care se concatenez liniile 1

A11 A21 A31 32 A12 A 3 A3

5. Care este diferena ntre TD i TH? 6. Care sunt elementele de grupare a liniilor unui tabel, n antent, subsol i corp de tabel? 7. Care este elementul de grupare a coloanelor pentru a aplica aceeai formatare i elementul de formatare pentru fiecare coloana? 8. Cum va fi format tabelul care are urmtorul cod HTML? <TABLE>
<COLGROUP span=1 width=50% aligh=right> <COL width=50% > <COLGROUP span=2 align=left> <COL width=25 % aligh=right> <COL width=25 % aligh=right> <TR> <TD> A <TD>20B <TD> 10RON <TR> <TD>B<TD>10B <TD> 20RON

</TABLE>

Imagini
1. Elementul <IMG atribute> este element de linie sau de bloc? 2. Cum va fi scris textul pe ling o imagine aliniat la stnga, ca in exemplu de mai jos? <P> un paragraf inaintea unei imagini</P> <IMG src=poza_mea.jpg alt=EU align=left> Acesta e un text liber(frunz) scris dup o imagine aliniata la stanga. Atentie la aliniere!
<P> Atentie cum se aliniaza al doilea paragraf! </P> 3. Cum va fi scris textul pe ling o imagine aliniat la dreapta, ca n exemplul de mai jos? <P> un paragraf inaintea unei imagini</P> <IMG src=poza_mea.jpg alt=EU align=right > Acesta e un text liber(frunz) scris dup o imagine aliniata la dreapta. Atentie la aliniere!

<P> Atentie cum se aliniaza al doilea paragraf! </P

4. Cum va fi scris textul pe ling o imagine aliniat top, ca n exemplul de mai jos? <P> un paragraf inaintea unei imagini</P> <IMG src=poza_mea.jpg alt=EU align=top> Acesta e un text liber(frunz) scris dup o imagine aliniata top. Atentie la aliniere!

<P> Atentie cum se aliniaza al doilea paragraf! </P

5. Cum va fi scris textul pe ling o imagine aliniat middle, ca n exemplul de mai jos? <P> un paragraf inaintea unei imagini</P>

<IMG src=poza_mea.jpg alt=EU align=middle> Acesta e un text liber(frunz) scris dup o imagine aliniata middle. Atentie la aliniere!

<P> Atentie cum se aliniaza al doilea paragraf! </P

6. Cum va fi scris textul pe ling o imagine aliniat bottom, ca n exemplul de mai jos? <P> un paragraf inaintea unei imagini</P> <IMG src=poza_mea.jpg alt=EU align=bottom>

Acesta e un text liber(frunz) scris dup o imagine aliniata bottom.

Atentie la aliniere!

<P> Atentie cum se aliniaza al doilea paragraf! </P 7. Scrieti atributele lui IMG din exemplul precedent care creaza o bordura de grosime 5 imaginii i care las un spiul alb de 20 pixeli pe orizontal i vertical ntre imagine i text. 8. In elementul urmator <IMG src=poza_mea.jpg alt=EU height=150
width=100> imaginea va fi deformat sau redimensionat?

9. In elementul urmator <IMG src=poza_mea.jpg alt=EU height=150 >

imaginea va fi deformat sau redimensionat?

10. In elementul urmtor <IMG src=poza_mea.jpg alt=EU width=100 border=5> imaginea va fi deformat sau redimensionat? Legturi 1. Elementul <IMG atribute> este element de linie sau de bloc? 2. Care sunt culorile implicite ale legturilor nevizitate, active i vizitate? Schimbati aceste culori implicite n : cyan (#00FFFF), green(#0080000), respectiv orange(#FFA500). 3. Ce reprezint o legatur din exemplul urmtor? ... Detalii despre Editura Teora <br> <A href=http://www.teora.ro > Editura Teora <img src=http://www.teorausa.com/picts/Top.jpg> Sigla editurii Teora </A>

4. Cum aflatiadresa unei imaginii de pe internet? Realizati o legatura la o parte a unei imagini de pe internet! 5. Scriei cod HTML pentru o legtur care trimite la o adresa de mail mesajul Puteti sa-mi scrieti. Formatati legtura ca s fie la nceput de linie italic.

6. Ce efect va avea urmtorul cod HTML? <ADRESS> <A href =mailto:rodicaniculescu@gmail.com ?subject=Intrebare &va rog sa-mi precizati..>Puteti sa-mi scrieti </A> </ADRESS> 7. Definii trei ancore ntr-un document de 3 pagini, cite una la fiecare nceput de pagine, si faceti legtura la ele? 8. Sunt corecte urmtoarele definiii de ancore i legturi la ele? Specificai care ancor este incorect definit? <A id= mat-inf> trimitere la site-ul fac mat-inf </A> .. <A name=USH> trimitere la site-ul univ SH</A> . <P id=Arhit> Trimitere la site-ul fac de Arhitectura</A> . <P name= fac_eng> Trimitere la site-ul fac de Englez</A> <A href=#mat_inf> MAT_INF </A> <A href =.USH> UnivSH </A> <A href=#Arhit> Arhitectura </A: <A href =.fac_eng> fac de Englez</A> 9. S se creeze un fiier animale.html, cu ancore definite la descrierea fiecrui animal., de exemplu <A id=pisica> </A> <H3> PISICA </H3> Pisica este o felina... <A id=pisica> </A> <H3> PISICA </H3> <A id=ciine></A> <H3>Ciine </H3> Ciinele este un animal f.credicions . .. Sa se creeze un fiier de forma: Imagine animal . referire la ancora animalului din fiierul animale.html (<IMG src=pisica.jpg> <A href=animale.html#pisica> Pisica </A> <br>)

Elementele de structur: HEAD i BODY

1. S se scrie trei legturi la pagini diferite din site-ul editurii Teora , care au o parte comun: http://www.teora.ro, care va fi trecut ca valoare a atributului href, a elementului BASE. <HEAD> <BASE href="http://www.teora.ro> <TITLE> Elementul BASE </TITLE> </HEAD> <BODY> .. </BODY> </HTML>

2. S se insereze ntr-o pagin cu titlu Vizitare site SH, legturi la la site-ul universittii Spiru Haret , la paginile: Carta universitatii, Codul etic i Facultati, flolosind tag-ul BASE. 3. Ce efect au tag-urile META ?
<HEAD> <BASE href="http://www.teora.ro> <TITLE> Elementul BASE </TITLE> <META name="description" content="invatamint suparior"> <META name="keywords" content=" Editura Teora> </HEAD> <BODY> <A href="Beletristica"> beletristica </A> <BR> <A href="Arta"> Arta </A><BR> </BODY> 4. Ce va afia codul urmtor?

<HTML> <HEAD> <TITLE> Elementul META_Author</TITLE> <META name"description" content="Carte WEB"> <META name="author" content="Rodica Niculescu> <META name="copyright" content="Editura Spiru Haret"> </HEAD> <BODY> copyright&copy;2006, Editura Spiru Haret </BODY> </HTML>
5. Ce efect se va produce executnd codul? <HTML> <HEAD> <TITLE> Elementul META_http-equiv</TITLE> <META http-equiv="refresh" content="120"> </HEAD> <BODY> <P> Fisierul contine tag-uri meta</P> </BODY></HTML> 6. S se scrie cod HTML pentru redirecionare fiierului de mai sus la adresa www.teora.ro la fiecare 5 minute. 7. S se foloseasc atributele elementului BODY n exemplul de mai jos, pentru a formata legaturile nevizitate cu rosu, cele visitate cu cyan, cele active cu green, iar fundalul sa aiba culoare yellow <HEAD> <BASE href="http://www.teora.ro> <TITLE> Elementul BASE </TITLE> </HEAD> <BODY> <A href="Beletristica"> beletristica </A> <BR> <A href="Arta"> Arta </A><BR>

<a href=Dictionare> Dictionare </A> </BODY>

8. S se foloseasc atributele elementului BODY n exemplul de mai sus,

pentru a introduce o imagine de fundal, pentru a lsa margini stanga 10, dreapta 30, susi jos 10, iar textul sa fie scris cu darkblue. De asemenea, s

se introduca comentarii ntr-o pagina pe unul sau mai multe rduri i s se

foloseasc un bloc de centrare informaii

Cadre 1. Ce va afia urmatorul cod HTML?

<HTML> <HEAD> </HEAD> <FRAMESET rows="30, *"> <FRAME src="articol.doc"> <FRAME src="c:\windows\wewallpaper\tullips.html"> </FRAMESET> </HTML>

2. Este corect urmtorul cod HTML?

<HTML> <HEAD> </HEAD> <BODY> <FRAME src="Carte_web.doc"> <FRAME src="c:\carte_web\cap_web_5\ex_9_2.html"> </BODY> </HTML>

3. S se scrie cod HTML pentru a crea 3 cadre, n linia 2, cadranul stnga este inserat o pagin care are 3 legaturi, care se deschid n cadranul din dreapta,de felul urmtor: Carte WEB Partea _I_ HML Partea_II_ CSS Partea _III_JavaScript 4. S se scrie cod HTML pentru a afia patru pagini ntr-o fereastr, n formatul:

5. S se scrie cod HTML pentru a afia patru pagini ntr-o fereastr, n formatul:

6. S se scrie cod HTML pentru a afia 5 pagini ntr-o fereastr, n formatul: nu exist chenare interioare, chenarul exterior este albastru si de grosime 5

7. Ce va afia codul HTML? <FRAMESET rows="15%, *" frameborder="0"> <FRAME src="Site-ul meu"> <FRAMESET cols="30%, 2*, 3*" border="5" bordercolor="red> <FRAME src="pagina_1.html"> <FRAME src="pagina_2.html"> <FRAME src="pagina_3.html"> </FRAMESET> </FRAMESET>

8. n exemplul de mai sus s se adauge o alt culoare I dimensiune pentru fiecare cadru creat. 9. Ce va crea tag-ul<FRAMESET rows="2*, 3*" cols="40%, *" border="5"
bordercolor="blue"> aflat n corpul unei pagini?

10. S se creeze un cadru interioar , folosind IFRAME, n care s se deschid 3 pagini html.

Formulare
1. Care sunt atributele elementului <FORM> atribute? 2. Care este diferenta dintre metodele GET i POST de transmitere a datelor dintr-un formular? 3. S se scrie codul HTML pentru a crea un formular cu 3 casete de text: nume, prenume, adresa i un buton de transmitere cu numele GO . 4. S se scrie codul HTML pentru a crea un formular cu: 2 casete de text: nume_prenume i una cu numele unui examen o caseta de tip parol cu numele cod student o caset ascuns care s conin nota la examen un buton de transmitere cu numele GO 5. S se scrie codul HTML pentru a crea un formular care s conin un grup de butoane radio: de forma
Aparitia publicatiei XX zilnic saptamanal lunar anual 6. S se scrie codul HTML pentru a crea un formular care s conin 4 casete

de validare , cu posibilele publicatii cumparate, a doua fiind implicit validatade forma:

Cumpar publicatiile adevarul cotidianul gandul cancan 7. Ce va afia brwser-ul ? <B>Forma de invatamant</B> <SELECT name="Catalog"> <OPTION value= "s1">Popescu Ion <OPTION value= "s2">Ene Ana <OPTION value= "s3">Popa Oana

<OPTION value= "s4">Ionescu Dan <OPTION value= "s5">Grigore Dana </SELECT>

8. S se adauge la lista de mai sus atributele elementului SELECT pentru a pute alege mai multe elemente din list i pentru a fi mereu vizibile 3 elemente ale listei, iar primul element al listei sa fie mereu selectat 9. La lista de mai sus sa se adauge un buton de transmitere care sa aib o imagine i un buton de reinitializare a dtelor din formular 10. n formularul creat la 8 s se insereze o caseta de text ca re sa conin 5 rnduri i 40 de coloane vizibile .

Imagini hri i animaie

1. Ce atribut obligatoriu trebuie s contin tag-ul IMG pentru ca imaginea respectiv s fie considerat ca o hart i care e sintaxa acestuia? 2. Care sunt elementele care definete o hart? 3. Ce efect are urmtorul cod HTML?
<HTML><head></head> <IMG src=D:\CARTE_WEB_FINAL\Coperta.jpg USEMAP =#carte> <BODY> <MAP NAME="carte"> <AREA SHAPE=RECT COORDS= "114,775,1003,1018" HREF= "D:\CARTE _ WEB \Parte_I_HTML\cap1_web.doc"> <AREA SHAPE=CIRCLE COORDS="884,449,159" HREF= "D:\ CARTE_ WEB \Parte_I_HTML\cap7_web.doc"> <AREA SHAPE=POLY COORDS= "24,383,193,380,203,331,290, 332,461,597, 306,662,0,651,17,377,24,383" HREF="D:\CARTE_WEB \Parte_I_HTML \cap8_ web.doc"> </MAP></BODY></HTML> 4. Ce va crea urmtorul cod HTML? <HTML> <HEAD> </HEAD><BODY> <TABLE cellspacing="2"> <TR> <TD><OBJECT data="univsh.jpg" width=200 height=200> </OBJECT> <TD> <OBJECT data="facmat.jpg" width=200 height=250> </OBJECT> </TR>

5. Ce va crea urmtorul cod HTML?

</TABLE> </BODY> </HTML> <HTML><HEAD></HEAD> <BODY> <MARQUEE> Acesta este un anunt de publicitate la cartea web! <IMG src=coperta.jpg width=150 height=150> </MARQUEE> </BODY> </HTML>

6. S se creeze o animaie a unei imagini care s se deplaseze de sus n jos, coninutul blocului s se deplaseze alternativ, la 1 secunda, numrul de pixeli la un pas este de 10, iar culoarea de fond este coral. 7. S se creeze o animaie a unui bloc care conine un text i o imagine, care s se deplaseze de sus n jos, coninutul blocului s se deplaseze alternativ, la 0.5 secunde, culoarea de fond este ivory, direcia de deplasare a blocului s fie de la stnga la dreapta, iar blocul sa fie inalt de 40% din dimensiunea ferestrei.

10

CSS (Cascading Style Sheets)

1. S se creeze stiluri in_line , pentru a insera 3 poze n celulele unui tabel cu o linie i trei coloane, fiecare cu proprietile: border-width, border-style i border-color cu alte valori. S se formateze folosind stilurile in_line , un paragraf cu : scris de la dreapta la stanga; cursiv, aldin, cu culoare verde; dimensiune 12; S se creeze foi de stil n pagin pentru : A - nesubliniat, culoare albastr, corp de liter courier, dimensiune 30; DIV- fundal galben, culoare text rosie, dimensiune 10 SPAN fundal verde, corp de litera rosu Cum vor fi scrise elementele HTML coform urmtoarelor stiluri n pagin ? <STYLE> P{font-size:20pt;font-weight:light;color:red;text-align:center:} *{font-style:italic;} OL{font-size:15pt;background:cyan;} LI{font-size:10pt;color:blue;} A{text-decoration:none;color:grown;font-size:15pt;} </STYLE> Se cosider fiierul de stiluri sil.css Codul fiierului stil-extern.css este: DIV{font-size:20pt;font-weight:light;color:red;text-align:center;} *{font-style:blue;} OL{font-size:30pt;background:green;} LI{font-size:15pt;color:blue} A{text-decoration:none; color:BlueViolet;} S se creeze o pagin legat la fiierul sil.css care s conin elementele fiier (OL,LI,DIV ) Care este prioritatea tipurilor de stiluri? Cum va fi format elementul OL din urmtoarea pagin?
<HTML><HEAD> <TITLE>Stiluri-cascada</TITLE> <LINK type="text/css" rel="stylesheet" href="cascada.css"> <STYLE>

2. 3. 4.

5.

din 6. 7.

OL{color:#0000FF;}
</STYLE></HEAD>

<BODY>
<OL>Definirea stilurilor(stil intern: blue, extern: italic, fundal cyan) <LI style="color :red"><B>Stil in-line</B> <BR> <LI style="background:red"><B>Stil in pagina </B> <BR> (<LI><B>In fisiere externe </B> <BR> </OL> </BODY> </HTML>

Fiier extern: cascada.css

OL{font-style:italic;background:cyan;}

8.

S se creze dou foi de stil pentru selctorul ID, cu numele #ID1 i #ID2, care au proprieti diferite. Cu aceste stiluri sa se formateze 3 paragrafe, primil cu ID!, al doilea cu iD@ i al treulea cu ID1 I ID2. 11

9.

S se creze dou foi de stil pentru selectorii pseudo-clas, first-child, pentru prima linie a unui tablou I pentru primul elemen al unei liste ordonate. S se creze 4 foi de stil pentru selectorii pseudo-elemnt first-line i firstletter. Dou blocuri P de formateaz unul cu stilul first-line i cellalt cu stilul first-letter. Un bloc DIV se formateaz cu stilul first-line, iar blocul CENTER cu stilul first-letter.

10.

11. Scriei paragraful urmtor Un exemplu de paragraf formatat cu stilul: caseta P are: inaltimea bordura de forma solid grosime 1 cm, culoare roie, fundalul verde deschis, estura de dimensiuni 1cm,1in, textul s fie aliniat la centru , cu font Arial, bold, italic 12. Exemplul de mai sus sa aib pe fundal o imagine aflat pe web 13. Folosii atribute pentru font i text pentru a ascrie paragraful: Acest text a fost scris subliniat, cu un cuvant taiat , unul barat, aliniat pe centru, de grosime 600, de dimensiune large. 14. Folosii atribute pentru font i text pentru a ascrie paragraful: Acest text a fost scris identat la 15px, cu litere mari, spatiat ntre rinduri la 1cm, ntre litere la 1mm i ntre cuvinte la 5pt. 15. Folosii atribute pentru caset, font i text pentru a ascrie paragraful: Acest text a fost scris de grosime subtire, dimensiune 15pt, litere mici, italic, stil sans-serif, culoare text albastru, spatiere ntre linii la 0,5cm, margini stnga 1cm, margini dreapta 2 cm, margini top 3cm, padding, bordura grosime medie, culoare verde inchis, stil outset. S se introduc o singur imagine de fundal la mijlocul ferestrei, care rmine fix. 16. S se introduc o imagine care s se repete pe orizontal, poziionat la 1/3 din partea stga ferestrei i 1/2 din nlimea ei(33%, 50. 17. S se introduc o imagine care s defileze cu pagina, s aib fundal coral, s se repete pe orizontal i vertical. Poziionarea elementelor n pagin n CSS 1. S se construiasc arborele urmtorului document HTML:
<HTML><HEAD> <STYLE>

P {background:yellow; height:50px; width:550px; border_width:10px;} B {background:cyan height:10px; width:100px;} I {{background:red; height:10px; width:150px}
</STYLE> </HEAD>

<BODY> <P> Pozitionarea caseteleor in <B>flux normal</B> si crearea <I>Arborelui paginii</I></P> <P> Semn de Eclamare <IMG src=exclam.gif height=50 width=50> <TABLE cellspacing=5 height=20 border=3 bordercolor=red> <TR ><TD>a11<TD>a12 <TR><TD>a21<TD>a22 </TABLE> Tabel 1 </P> <P> Tabel 2 <B>

12

<TABLE cellspacing=5 height=20 border=4 bordercolor=brown> <TR><TD>b11<TD>b12 <TR><TD>b21<TD>b22 </TABLE> </B> <TABLE cellspacing=5 height=20 border=5 bordercolor=darkblue> <TR><TD>C11<TD>C12 <TR><TD>C21<TD>C22 </TABLE> </P> </BODY> </HTML>

2. S se scrie toate elementele in_line i apoi in_block 3. S se schimbe fluxul normal aliniind imaginea i a primului tabel la dreapta 4. Sa se poziioneze imaginea absolut fa de colul stnga sus

5. S se poziioneze absolut elementu TD care contine imaginea

13

6. Cum va poziiona browser-ul elementele confor codului HTML ? <STYLE> P {background:yellow; height:50px; width:300px; border_width:10px;} B {background:cyan height:10px; width:100px;} I {{background:red; height:10px; width:150px} Table {position:absolute; left:100 ;top:100;} IMG {position:absolute; left:40; top:50} </STYLE> 7. S se poziioneze relativ imaginea astfel :

8. Ce va afia browserul la intilnirea proprieti Z-index <STYLE> #table{position:absolute;background-color:cyan; top:50; left:50; zindex:1;} #table2{position:absolute; background-color:yellow;top:70; left:70;zindex2;} #table3{position:absolute;background-color:coral;top:100;left:100;zindex:3;} </STYLE>? 9. Scriei cod HTML pentru a obine rezultatul de mai jos(imaginile din tabele pot fi oarecare)

14

10. Schimbai poziia tabelelor din imagine !

JavaScript PROBLEME INTREBARI

1. JavaScript este o versiune a. a.. Java b. LiveScript c. C++ d. VBScript 2. Un program JavaScript trebuie s fie inclus n a. Eticheta <object> b. Eticheta <applet> c. Eticheta <script> d. Eticheta <cgi> 3. Butonul Submit este a. Obiect b. Metod c. Proprietate d. Variabil 4. Culoarea de fundal a unui document este a. Obiect b. Metod c. Proprietate d. Variabi 5. write( ) este : a. Obiect b. Metod c. Proprietate d. Variabil

15

6.

Un punct este folosit pentru a. A identifica un comentariu JavaScript b. A separa liniile unui program JavaScript c. A ncheia o instruciune JavaScript d. A separa numele unui obiect de o proprietate sau de o metod

7. Cum este denumit aciunea de executare a unui clic pe un buton al unui formular afiat de programul dumneavoastr JavaScript? a. Eveniment b. Reacie c. Element de tip rollover d. Rollover al mouse-ul 8. Apelati memoria calculatorului utlilizand un a. Operator b. Nume de variabila c. Valoare literala d. Tip de variabila 9. Ce anume face browserul s ntreprind o aciune? a. O expresie matematic b. O expresie JavaScript c. O instruciune JavaScript d. O expresie logic 10. In expresia 1 + 1, ce parte din expresie sunt numerele? a. Operandul b. Operatorul c. Restul d. Incrementatorul 11. In expresia 1 + 1, ce parte din expresie este semnul plus? a. Operandul b. Operatorul c. Restul d. Incrementatorul 12. Ce se ntmpl n expresia ++a? a. Valoarea lui a crete cu 2. b. Valoarea lui a crete cu 1. c. Valoarea lui a este nmulit cu sine. d. Nimic; aceasta nu este o expresie JavaScript valid. 13. Ce face operatorul &&? a. Este true dac expresiile din dreapta i din stnga sa sunt ambele adevrate. b. Este true dac expresiile din dreapta sau din stnga sa sunt adevrate. 16

Este true dac nici una din expresiile din dreapta i din stnga sa nu este adevrat. d. Combin expresia din dreapta sa cu expresia din stnga sa. 14. ++ poate fi i la dreapta (c = a++) i la stnga (c = ++a) unei expresii, fr ca acest lucru s aib vreo influen asupra expresiei. a. TRUE b. FALSE 15. Expresia x + = y adun valoarea lui x cu cea a lui y i stocheaz suma n y. a. TRUE b. FALSE 16. Operatorul ! = transform ceva adevrat n ceva fals. a. TRUE b. FALSE c. Instruciuni JS 1. Ce ciclu execut instruciuni indiferent de valoarea de adevr sau fals a unei expresii condiionale? a. ciclul do...while b. ciclul while c. ciclul for d. ciclul for in 2. Adevrat sau Fals. O instruciune switch...case nu poate avea un caz prestabilit. a. TRUE b. FALSE 3. Ce fel de ciclu determin browserul s execute cel puin o dat instruciunile din cadrul ciclului? a. ciclul do...while b. ciclul while c. ciclul for d. ciclul for in 4. Contorul ciclului for este folosit pentru a: a. Crete valoarea expresiei cu 1 b. Crete sau descrete valoarea contorului din ciclu cu 1 c. Limita numrul de instruciuni din cadrul blocului de program d. Limita rezultatele instruciunilor din cadrul blocului de program 5. Un ciclu poate deveni ciclu infinit. a. TRUE b. FALSE 6. Ce ciclu este folosit pentru a parcurge un numr necunoscut de elemente dintr-o list? a. ciclul do...while b. ciclul while 17

c. ciclul for d. ciclul for in 7. Adevrat sau Fals. Clauza default este folosit ntr-o instruciune if pentru a atribui variabilelor valorile prestabilite. a. TRUE b. FALSE 8. Care este scopul lui else ntr-o instruciune if...else? a. Conine instruciuni ce sunt executate dac expresia condiional este true b. Definete o alt expresie condiional pe care o evalueaz browserul n cazul n care prima expresie condiional este false c. Conine instruciuni care sunt executate dac expresia condiional este false d. Se folosete pentru a imbrica o instruciune if 9. Este necesar includerea unui iniializator n cadrul unui ciclu? a. TRUE b. FALSE 10. Browser-ului i se poate cere s evalueze fiecare caz n cadrul unei instruciuni switch...case, chiar dac valoarea de schimb este egal cu o valoare de caz. a. TRUE b. FALSE 11. In cadrul definiiei unei funcii, argumentele trebuie separate dou cte dou prin virgul? a. TRUE b. FALSE 1 2. Un bloc de program este folosit ntr-un a. Apel de funcie b. Definiie de funcie c. Valoare returnat d. Argument 13. Domeniul de valabilitate al unei variabile nseamn a Mrimea unei variabile b Tipul de date al unei variabile c Partea dintr-o aplicaie JavaScript care poate accede la variabil d Variabila este folosit ca valoare returnat pentru o funcie 14. Instruciunea care apeleaz o funcie poate ignora o valoare returnat de o funcie? a. TRUE b. FALSE 15. La o variabil global se poate accede a. Doar din funciile definite n programul JavaScript b. Doar din afara unei funcii

18

c. Doar din funcia care a definit-o d. Din orice parte a aplicaiei JavaScript 16. La o variabil local se poate accede a. Doar din funciile definite n programul JavaScript b. Doar din afara unei funcii c. Doar din funcia care a definit-o d. Din orice parte a aplicaiei JavaScript 17. O funcie poate fi apelat de codul HTML dintr-o pagin web? a. TRUE b. FALSE 1 8. Toate funciile trebuie definite n eticheta <head>? a. TRUE b. FALSE 19. Valorile transferate unei funcii trebuie s corespund ca tip de date argumentelor din definiia funciei? a. Adevrat b. Fals 20. O variabil este n afara domeniului de valabilitate dac a. Instruciunea care apeleaz o funcie ignor valoarea retumat de funcie b. La variabil nu se poate accede dintr-o instruciune c. O variabil nu este definit ntr-o funcie d. O variabil este transferat unei funcii Funcii JS 1. Ce ciclu execut instruciuni indiferent de valoarea de adevr sau fals a unei expresii condiionale ? a. ciclul dowhile b. ciclul while c. ciclul for d. ciclul for in Adevrat sau Fals. O instruciune switch...case nu poate avea un caz prestabilit. a. TRUE b. FALSE Ce fel de ciclu determin browserul s execute cel puin o dat instruciunile din cadrul ciclului? a ciclul dowhile b ciclul while c ciclul for d ciclul for in

2.

3.

4. Contorul ciclului for este folosit pentru a : a. Crete valoarea expresiei cu 1 b. Crete sau descrete valoarea contorului din ciclu cu 1

19

c. Limita numrul de instruciuni din cadrul blocului de program d. Limita rezultatele instruciunilor din cadrul blocului de program 5. Un ciclu poate deveni ciclu infinit. a. TRUE b. FALSE 6. Ce ciclu este folosit pentru a parcurge un numr necunoscut de elemente dintr-o list ? a ciclul dowhile b ciclul while c ciclul for d ciclul for in Adevrat sau Fals. Clauza default este folosit ntr-o instruciune if pentru a atribui variabilelor valorile prestabilite. a TRUE b FALSE

7.

8. Care este scopul lui else ntr-o instruciune if...else ? a Conine instruciuni ce sunt executate dac expresia condiional este true b Definete o alt expresie condiional pe care o evalueaz browserul n cazul n care prima expresie condiional este false c Conine instruciuni care sunt executate dac expresia condiional este false d Se folosete pentru a imbrica o instruciune if 9. Este necesar includerea unui iniializator n cadrul unui ciclu? a. TRUE b, FALSE 10. Browser-ului i se poate cere s evalueze fiecare caz n cadrul unei instruciuni switchcase, chiar dac valoarea de schimb este egal cu o valoare de caz. a. TRUE b. FALSE 11. In cadrul definiiei unei funcii, argumentele trebuie separate dou cte dou prin virgul? a. TRUE b. FALSE 12. bloc de program este folosit ntr-un a. Apel de funcie b. Definiie de funcie c. Valoare returnat d. Argument 13. Domeniul de valabilitate al unei variabile nseamn Mrimea unei variabile Tipul de date al unei variabile Partea dintr-o aplicaie JavaScript care poate accede la variabil 20

Variabila este folosit ca valoare returnat pentru o funcie 14. Instruciunea care apeleaz returnat de o funcie? a. TRUE b. FALSE o funcie poate ignora o valoare

15. La o variabil global se poate accede a. Doar din funciile definite n programul JavaScript b. Doar din afara unei funcii c. Doar din funcia care a definit-o d. Din orice parte a aplicaiei JavaScript 16. La o variabil local se poate accede a. Doar din funciile definite n programul JavaScript b. Doar din afara unei funcii c. Doar din funcia care a definit-o d. Din orice parte a aplicaiei JavaScript 17. O funcie poate fi apelat de codul HTML dintr-o pagin web ? a. TRUE b. FALSE 18. Toate funciile trebuie definite n eticheta <head>? a. TRUE b. FALSE 19. Valorile transferate unei funcii trebuie s de date argumentelor din definiia funciei? a. TRUE b. FALSE 20. O variabil este n afara domeniului de valabilitate dac A, Instruciunea care apeleaz o funcie ignor valoarea retumat de funcie b. La variabil nu se poate accede dintr-o instruciune c. O variabil nu este definit ntr-o funcie d. O variabil este transferat unei funcii corespund ca tip

21

OBIECTE 1. Folosind obiectul Math s se scrie un script pentru a afia: - Aria unui cerc de raza 10 - [1.78] (parte ntreag) - | -7.89| valoare absoluta Scriei codul care afieaz

2.

Metode ale obiectului Math 3. Scriei cod pentru aflarea modululi unui numar complex

Tablouri i siruri
Probleme ntrebri 1. Acesta este primul element al tabloului products: products[l]? a. TRUE b. FALSE 2. Ce metod ai folosi pentru a crea un ir din elementele unui tablou, separndule prin cratim? a. shift() b. join() c. concat () d. str join() 3. Ce metod este folosit pentru a terge un element de la sfritul (baza) unui tablou? a. push( ) b. pop () c. reverse () d. shift()

22

4. Ce metod este folosit pentru a terge primul element al unui tablou? a. push( ) b. pop () c. reverse () d. shift() Ce metod e folosit pentru a aduga un nou element la sfritul unui tablou? a. push( ) b. pop () c. reverse () d. shift () 6. Metoda sort ( ) nu face altceva dect s sorteze textul? 5. a. TRUE b.FALSE 7. Adevrat sau fals: dimensiunea unui tablou este egal cu indicele ultimului element al tabloului? a. TRUE b.FALSE 8. In JavaScript variabil? a. un TRUE clement de tablou poate fi folosit la fel ca o

b. FALSE 9. Ce metod e folosit pentru a inversa elementele unui tablou? a. reverse( ) b. d iv() c. sp lice() d. s h i f t ( ) 10. Ce efect produce urmtorul cod_
n=parseInt(prompt("Dim. vect n= ", 0)) v= new Array() for(i=0;i<n;i++) v[i]=parseInt(prompt("v[" +i +"]=", 0))

a. b. c. d.

iniializeaz un vector cu zero iniializeaz un vector cu o valoare cerut creaz un vector declar un vector i il iniializeaz cu o valoare cerut sau implicit cu zero

1.

Primul caracter al unui tablou de ir este sir[ 1] ?

23

a. TRUE b. FALSE 2. Un numr n virgula mobil este a. Un numr ntreg b. O valoare zecimal c. Un numr Unicode 3. Ce metod se foloseste pentru a mpri un ir de date cu delimitare prin virgul ntrun tablou de date? a. parseFloat() b. split() c. parselnt() d. charCodeAt() 4. Ce indic argumentul ce reprezint poziia final n metoda substring ( )''. a.. Poziia ultimului caracter care este copiat n subir b. Poziia primului caracter care este copiat n subir c. Poziia caracterului care urmeaz dup ultimul caracter copiat n subir d. Poziia caracterului care precede ultimul caracter din subir 5. Ce indic al doilea argument al metodei substr () ? a. Poziia ultimului caracter care este copiat n subir b. Numrul de caractere care trebuie copiate din ir n subir c. Poziia caracterului care precede ultimul caracter copiat n subir d. Poziia caracterului care precede ultimul caracter din subir 6. Care este valoarea length a unui obiect ir? a. Numrul total de caractere din ir b. Indicele ultimului caracter din ir c. Lungimea irului, exclusiv spaiile d. Lungimea irului, exclusiv spaiile de la sfrit 7. Indicele ultimului element din tabloul irului are aceeai valoare cu lungimea irului? a. TRUE b. FALSE 8. Metoda parseint() nu poate fi utilizat n cazul unui numr zecimal? a. TRUE b.FALSE 9. Un ir de delimitare este utilizat de metoda split ( ) pentru a crea un tablou cu elemente de informaie? a. TRUE b.FALSE

Evenimente
1. O caset a. TRUE de validare este un element de formular?

24

b. FALSE 2. Care este programul ce prelucreaz un formular? a. Common Gateway Interface b. Common Program Interface c. Common Web Server Interface d. Common Web Server Gateway 3. Ce eveniment are loc cnd un element intr n atenie? a. onblur b. onfocus c. onselect d. onchange 4. Ce eveniment are loc cnd un element iese din atenie? a . onblur b. onfocus c. onselect d. onchange 5. Ce eveniment are loc cnd un utilizator evideniaz text ntr-un cmp de text? a. onblur b. onfocus c. onselect e. onchange 6. Toate atributele, exceptnd de un program JavaScript? atributul de nume, pot fi schimbate

a. TRUE b. FALSE 7. Valorile unui element nu pot utilizator execut clic pe butonul Submit?

fi

schimbate

dup

ce

un

a. TRUE b.FALSE 8. O funcie JavaScript poate schimba doar atributele unui element care apeleaz funcia JavaScript? a. TRUE b.FALSE 9. O funcie intern a. Trebuie definit n eticheta <head> b. Trebuie definit n eticheta <body> c. Trebuie definit de programator fie pentru a nainta, fie pentru a reseta formularul d. Nu e definit de programator

25

10 S se scrie un formular care s conin un buton pe care e afit la interval de 2 secunde alternativ, apas i mesaj. La apassare se va scrie Bine ati venit la firma noastra. 11. S se realizeze un buton cu o imagine, pe care e scris un mesaj cu albastru de dimensiune 20.
12. Sa se scrie o functie care s deschide/inchide o ferestra care are menubar, resizable,

scollbar, status, toolbar, height=40%, width50% . Functia este apelata cu ajutorul a 2 butoane actionate de evenimentul onclick
<BODY> <INPUT type="button" name="Deschide" onclick="Deschide_fereastra()"> <BR> <INPUT type="button" name="Inchide" onclick="Inchide_fereastra()"> <BODY></HTML>

13. S se deschid mai multe ferestre vide, apoi s se nchid 14. S se deschid o nou fereastr care va insera o pagina web. n fereastra principal se creaz trei butoane pentru: deschiderea ferestrei, activarea ei i respectiv dezactivarea ei. 15. S se scrie un cod pentru a apela metoda scrollTo(x,y) i un buton n corpul programului care s apeleze funcia Obiectul Document 16. Ce va afia scriptul?
<Script language=JavaScript> document.write(<A href=http://www.edu.ro> Informatii MEC</A>) document.write(<BR>) document.write(<IMG src=casa.jpg> </Script 17. S se creeze o funcie care atunci cnd va fi apelat cu ajutorul evenim onclick va colora n cyan documentul, textul cu verde i legturile cu brown..

<INPUT type="button" name="Culoare" value="Coloreaza" onclick="Coloreaza()">

</BODY></HTML>

18. Codul HTML urmtor ce va afia ? <HTML><HEAD> <SCRIPT language="JavaScript"> function Afiseaza() {alert(document.all.item("button").value)} </SCRIPT></HEAD> <BODY> <INPUT type="button" id="button" value="Activeaza" onclick="Afiseaza()"> </BODY></HTML> 26

19.

S se returneaze un vector de un tip dat folosind funcia tags(tip). De exemplu, s se numere toate elemente de tip DIV dintr-o pagina i le coloreaz n violet.

20. Obiectul IMG recepioneaz evenimentul onclick. S se scrie o funcie care se apeleaz cu evenimentu onclick, i care s evidenieze imaginea, nconjurnd-o cu un chenar de grosimea 3. 21. S se mreasca continuu o imagine n laime cnd ne aflm cu mouse-ul deasupra ei folosind evenimentul onmousemove, prin dou metode, direct i indirect: 22. S se foloseasc evenimentul onmouseover pentru a aduce o imagine (un rollover) pe ecran cnd mouse-ul trece peste o imagine. Se va reveni asupra modificrilor fcute de producerea evenimentului onmouseover, se utilizeaz evenimentul onmouseout care are loc atunci cnd mouse-ul prsete obiectul respectiv.
23.

S sse creeze o animaie folosind evenimentele onmouseover sau onclick. Intr-un vector se ncarc 3 poze pe rnd la 1 secund , creind impresia de animaie. Orice obiect are metodele constructor i destructor, nseamn c obiectele image i array au constructorul new Image() i new array.

PHP
1. Care este operatorul de concatenare a mai multor siruri? a. + b. c. & d. * 2. Ce va afisa urmatorul script PHP: Buna . sunt . PHP a. Bunasunt PHP b. Eroare c. Buna sunt PHP d. Buna.sunt.PHP 3. Cum se introduce in PHP text la linie noua? Ex.: Buna sunt PHP a. <? Php echo Buna <BR> sunt <BR> PHP; ?> b. <? Php echo Buna<BR>sunt <BR>PHP; ?> c. <? Php 27

echo Buna sunt PHP; ?> d. print Buna,<BR>,sunt,<BR>, PHP; 4. Comentariile in PHP nu se pot introduce cu: a. #.... b. //.... c. /*........ ........... ..........*/ d. <!...!> a. #.... b. //.... c. /*........ ........... ..........*/ d. <!--...--> 5. Ce va afisa scriptul <? Php $a=10; $b=a; echo $$b; ?> a. nimic b. 10 c. a d. a 6. Care varianta este corecta pentru definirea unei constante? a. def Pi=3.1415926535; b. define (Pi=3.1415926535); c. define (Pi,3.1415926535); d. define (Pi=3.1415926535); 7. Ce va afisa urmatorul script PHP? <? Php $x =1 sir;

28

$y=2 siruri; $x=(int) $x; $y=(int) $y; echo ($x+$y); a. 1 sir 2 siruri b. 3 c. 1+2 d. eroare 8. Care dintre variante afiseaza Java Script, daca avem $ Text=Java? a. echo Acest curs prezinta $TextScript; b. echo Acest curs prezinta {$Text}Script; c. echo Acest curs prezinta ($Text)Script; d. Print Acest curs prezinta, $TextScript; 9. Care dintre variante nu afiseaza x=10 cu salt la rand nou? a. echo x= ,$x,<BR>; b. echo x=$x <BR>; c. echo x= ,$x,<BR>; d. print ($x <BR>); 10. Care dintre variante nu afiseaza Numarul x=100? $x=100; $y=x; a. echo Numarul x = $$y; b. echo Numarul x = ${$y}; c. echo Numarul x =,$$y; d. print("numarul x= ${$y}"); 11. Care este operatorul combinat de concatenare si atribuire? a. + = b. = c. ^ = d. ~ = 12. Ce va afisa urmatorul script PHP? >?.php $a=$b=$c=$d=1; echo $a++,;,++$b,;,$c--,;,--$d; ?> a. 1;2;1;0 b. 1;2;1;0 c. 1;2;1;0 29

d. 2;2;0;1 13. Care dintre operatori de mai jos nu este un operator de comparare? a. = = b. = c. = = = d. ! = = 14. Care dintre operatorii logicii are prioritate mai mare? a. OR b. XOR c. || d. AND 15. Daca variabilele $a si $b sunt coeficientii ecuatiei de gradul 1 (ax+b=0), atunci ce varianta va afisa solutia? a. $x=$a!=0? echo -$b/$a: echo nu exista solutie; b. $x=$a!=0 : echo -$b/$a: echo nu exista solutie; c. $x=$a!=0 ! echo -$b/$a: echo nu exista solutie; d. $x=$a!=0? -$b/$a: nu exista solutie; 16. Ce va afisa scriptul PHP: <?php $a=100; $b=100; $rez=a= = =b?egali:inegali; echo $rez; ?> a. 100=100 b. inegali c. egali d. eroare 17. Ce va afisa scriptul PHP? <?php $x=7; $x=6; switch ($x) { case 7: case 8: echo "Nota buna"; break; case 9: case 10: echo "Nota Foarte buna"; break; default : echo "Nota mica"; } ?> a. eroare instructiune b. Nota mica c. Nota buna d. Nota foarte buna

30

18. Ce va afisa scriptul? <? php for($i=1 ;$i<=10; $i++) : $s +=$i; endfor; echo $s ;?> a. 10 b. 55 c. 45 d. eroare 19. Ce va afisa scriptul? <? Php for( $y=-2; $y<=2; $y++) { if ($y!=0) echo "inversul lui $y = ", 1 / $y, "<BR>";} a. 1,2 b. 0.5 - 1, 1, 0.5 c. -1,1 d. -0,5 ,0,5 20. Care varianta a instructiuni FOR este gresita? a. FOR ($i=0;$i<10;$i++): echo se repeata de 5 ori; endfor; b. FOR ($i=0;$i<10;$i++) { echo se repeata de 5 ori }; c. FOR($i=0;$i<10;$i++)? echo (se repeata de 5 ori); d. FOR($i=0;$i<10;$i++) echo se repeata de 5 ori; 21. Ce se va afisa dupa executarea urmatoarei secvente? <? php $sir= Un exemplu; echo strlen ($sir), ;; echo chr(65),chr(66),chr(67), ;; echo strtoupper ($sir), ;; echo strtolower ($sir); ?> a. 10; xyz; Un Exemplu; un exemplu b. 9; abc; UN EXEMPLU; Un exemplu c. 10; ABC; UN EXEMPLU; un exemplu d. 10;abc; un exemplu; UN EXEMPLU 22. Ce se va afisa dupa executarea urmatoarei secvente? <? php $sir= Facultatea de Matematica_Informatica;

31

echo strpos($sir, ma), ;; echo stripos ($sir, ma), ;; echo strrpos ($sir, Ma), ;; echo strripos ($sir, Ma); ?> a. 14;14;30;30 b. 18;14;14;30 c. 18,18,30,30 d. 14,18,30,18 23. Ce se va afisa dupa executarea urmatoarei secvente? <? php $sir= un exemplu echo strstr ($sir, ex), ; echo substr ($sir, 3), ;; echo substr ($sir, 3, 2); echo substr_replace ($sir, t, 3, 2); ?> a. ex, ex, exemplu, templu b. exemplu, exemplu, ex, un templu c. ex, exemplu, ex, un templu d. ex, ex, ex, templu 24. Ce se va afisa dupa executarea urmatoarei secvente? <? php $x=-7.45;$y=-40; printf (x=%f , $x); printf (x=%,6.2f , $x); printf (y=% .7d, $y); printf (y=% . - d; $y); ?> a. x= -7.450000 x= -7.45 y=....-40 y= -40.... b. x= -7.45 x= -7.45 y= -40 y=.....-40 c. x= -7.4500 x= -7.45 y= -40 y= -40.... d. x= -7.45 x= -7.45 y=.......-40 y= -40 25. Ce se va afisa dupa executarea urmatoarei secvente? <? php print sprintf (Semestrul acesta avem %s examene si %s verificari, 5, 3); ?> a. Semestrul acesta avem %s examene si %s verificari b. Semestrul acesta avem 5 examene si 3 verificari c. Eroare 32

d. Semestrul acesta avem %s examene si %s verificari 5,3 26. Ce se va afisa dupa executarea urmatoarei secvente? <? php $x=+47; print ($x); printf (in baza 8=% o si in baza 16=% x, $x, $x); ?> a. 47 b. 47 in baza 8=57 si in baza 16=3A; c. 47 in baza 8=5 si in baza 16=2; d. 47 in baza 8=57 si in baza 16=2F; 27. Ce va afisa executarea urmatoarei secvente? <? $EXAM[0]= Baze; $EXAM[1]= Web; $EXAM[2]= Algoritmi; $EXAM[]= PO; for ($i=0; $i< count($EXAM); $i++) echo $EXAM[$i], ;; a. Baze; Web; Algoritmi; b. Baze; Web; Algoritmi; PO; c. Nimic d. EXAM[0];EXAM[1];EXAM[2]; 28. Ce va afisa executarea urmatoarei secvente? <? php $EX=array ( Baze, Web, SO, PO); unset ($EX[1]); foreach ($EX as $key =>$Value) echo $key, =>, $value, ;; ?> a. 0=>Baze; 2=>SO 3=>PO; b. Baze; Web; SO; PO; c. 0=>Baze; 1=>SO; 2=>PO; d. 1=>Baze; 2=>Web; 3=>SO; 4=>PO; 29. Ce va afisa executarea urmatoarei secvente? <? php $fruct [bun]= banane; $fruct [acru]= lamaie; $fruct [gustos]= ananas; $fruct [zemos]= pepene;

33

arsort($fruct); print_r($fruct); ?> a. pepene lamaie banane ananas b. Array ([0]=>pepene [1]=>lamaie [2]=>banane [3]=>ananas) c. Array ([zemos]=>pepene [acru]=>lamaie [bun]=>banane [gustos]=>ananas) d. ananas banane lamaie pepene 30. Ce afiseaza executarea urmatoarei secvente? <? php $fruct [bun]= banane; $fruct [acru]= lamaie; $fruct [gustos]= ananas; $fruct [zemos]= pepene; ksort ($fruct); print_r($fruct); ?> a. acru bun gustor zemos b. Array([acru]=>lamiae [bun]=>lamiae [gustos]=>ananas [zemos]=pepene) c. ananas lamiae lamiae pepene d. Array ([gustos]=>ananas [bun]=>banana [acru]=>lamiae [zemos]=>pepene) 31. Care este functia care transforma o matrice int-un sir? a. Implode b. Explode c. String d. Math 32. Care este functia care transforma un sir int-o matrice? a. Str b. String c. Explode d. Implode 33. Ce afiseaza executarea urmatoarei secvente? <?php $ sir = mere,pere,portocale,cirese; $ vect = explode (,,$sir); print_r($vect); a. Array ([0]=>mere [1]=>pere [2]=>portocale [3]=>cirese) b. mere pere portocale cirese c. mere, pere, portocale, cirese d. Array(mere,pere,portocale,cirese) 34. Ce afiseaza executarea urmatoarei secvente? <?php for ($i=0;$i<10;$i++) $x[$i]=$i; $sir=implode(,,$x);

34

echo $sir. ?> a. Array(0,1,2,3,4,5,6,7,8,9) b. 0 1 2 3 4 5 6 7 8 9 c. 0,1,2,3,4,5,6,7,8,9 e. Eroare 35. Ce afiseaza executarea urmatoarei secvente? <?php for($i=1;$i<4;$i++) for($j=1;$j<4;$j++) $matr[$i][$j]=$i+$j; for($i=1;$i<4;$i++) { for($j=1;$j<4;$j++) echo ($matr[$i][$j] . " "); echo ("<BR>");} ?> a. 1 2 3 234 345 b. 2 3 4 345 456 c. 0 1 2 3 1234 2345 3456 e. Array(1,2,3,4,5,6,7,8,9) 36. Ce afiseaza executarea urmatoarei secvente? <?php $x=10; function f($x) {echo ($x) ;} echo f($x); echo (f(100)); ?> a. 10100 b. 10 c. 100 d. Eroare 37. Ce afiseaza executarea urmatoarei secvente? <?php $sir="Facultatea de matematica "; function concat(&$text) {$text .="-informatica";} concat($sir); echo $sir; ?> a. Facultatea de matematica

35

b. Eroare c. Facultatea de matematica -informatica d. -informatica 38. Ce afiseaza executarea urmatoarei secvente? <?php $text="Buna"; salut( ); function salut( $text) {echo $text ;} ?> a. Nimic b. Buna c. Text d. $textBuna 39. Ce afiseaza executarea urmatoarei secvente? <?php situatie ("Ion"); situatie ("Pop", 7); situatie ("Ene", 5, "Slab"); situatie ("Popa", 9, "Foarte bun"); function situatie ($nume, $nota=8, $calif="Bun") {echo " $nume $nota $calif <br>" ;} ?> a. Eroare b. Ion 8 Bun Pop 7 Bun Ene 5 Slab Popa 9 Foarte bun c. on Pop 7 Ene 5 Slab Popa 8 Bun d. Ion Pop 7 Ene 5 Slab Popa 9 Foarte bun 40. Ce afiseaza executarea urmatoarei secvente? <?php $x=10; f($x); echo $x; function f($x) {$x++ ;} ?> a. 10 b. 11 c. Nimic d. 1011 41. Ce afiseaza executarea urmatoarei secvente? <?php $x=10;

36

f($x); echo $x; function f(&$x) {$x++ ;} ?> a. 10 b. 11 c. Nimic d. 1011 42. Ce afiseaza executarea urmatoarei secvente? <?php $nota[0]=9; $nota[1]=8; $nota[2]=8; $nota[3]=7; medie ($nota); function medie($vector) { for($i=0; $i < count($vector) ; $i++) {$s += $vector[$i];} echo "mediea= ", $s/ count($vector) ; } ?> a. s/4 b. 8 c. 32 d. Eroare 43. Ce afiseaza executarea urmatoarei secvente? <?php function f1() {echo "sunt prima functie! \n" ; function f2() {echo "sunt a doua functie!";} } f1(); f2(); ?> a. Eroare b. sunt prima functie! c. sunt a doua functie! d. sunt prima functie! sunt a doua functie! 44. Ce afiseaza executarea urmatoarei secvente? <?php function p($n) {if ($n==0) return 1; else return $n*p($n-1);} echo p(5); ?> a. 1 b. 2 c. 120 d. Nimic 45. Daca finclus.inc este urmtorul fisier:

37

<? Php define(pi, 3.14159) ?> Ce afiseaza executarea urmatoarei secvente? <?php include ("finclus.inc"); function aria($r) {return pi*$r*$r ; } $raza=10; echo aria($raza); ?> a. 31.4 b. 314 c. 3.14 d. Nimic 46. Ce afiseaza executarea urmatoarei secvente? <?php $vect=array(1,2,3,4); list($a, $b, $c, $d)=patrate($vect); echo "$a $b $c $d" ; function patrate($v) { for($i=0; $i < count($v) ; $i++) $v[$i] *= $v[$i]; return $v;} ?> a. 1 4 9 16 b. 2 4 6 8 c. Eroare d. 2 6 12 4 47. Ce afiseaza executarea urmatoarei secvente? <?php $refer=10; $ref= referinta($refer); $ref++; echo $ref; function referinta(&$x) { return $x;} ?> a. 10 b. 11 c. X d. Eroare 48. Ce afiseaza executarea urmatoarei secvente? <?php $x=8; $y=-16; function ec1($a,$b) {if ($a!=0) return TRUE; else return False;} if( ec1($x,$y)) echo "solutia= ", -$y/$x ;

38

else echo "ecuatia nu are solutie"; ?> a. Eroare b. solutia=2 c. ecuatia nu are solutie d. Nimic 49. Ce afiseaza executarea urmatoarei secvente? <?php $x=100; echo f(); function f() {global $x; $x++; return $x; } ?> a. 100 b. 101 c. 102 d. Nimic 50. Daca fisierul fnume.text este Ionescu Alina Popescu Dan Ene Marius Ce va arata fisierul fnume.textdupa rularea scriptului? <?php $f=fopen("fnume.txt", "a"); $sir="\r\nMarin \t Maria"; fwrite($f, $sir); fclose($f); ?> a. Ionescu Alina Popescu Dan Ene Marius b. Ionescu Alina Popescu Dan Ene Marius Marin Maria c. Ionescu Alina Popescu Dan Ene Marius Marin Maria d. Ionescu Alina Popescu Dan Ene Marius Marin MariaI 51. Daca ftest.txt este Ionescu 10 Popescu 9 Ene 7 Popa 8 Ce afiseaza executarea urmatoarei secvente? <?php $f=fopen("ftest.txt", "r"); while(!feof($f) ){$sir=fgets($f); echo $sir;} fclose($f); ?>

39

a. Ionescu 10 Popescu 9 Ene 7 Popa 8 b. Ionescu 10 Popescu 9 Ene 7 Popa 8 c. Ionescu 10 d. Eroare 52. Ce va contine fisierul ftext.txt, dupa executarea urmatoarei secvente? <?php $f=fopen("ftext.txt", "w+"); for ($i=1;$i<=2;$i++) {fwrite($f, "linia: "); fwrite($f, $i); fwrite($f, " "); for ( $j=1; $j<=3;$j++) { fwrite($f, $i*10+$j); fwrite($f, " ");} fwrite($f, "\r\n");} fclose($f); ?> a. linia: 1 111213 linia: 2 212223 b. linia: 1 11 12 13 linia: 2 21 22 23 c. linia: 1 11 12 13 linia: 2 21 22 23 d. Nimic 53. Ce va contine fisierul fnumere dupa executarea urmatoarei secvente? <?php $x=10; $y="un sir"; $z=100.47; $sir=sprintf("x= %5d y = %10s z= %10.2f", $x, $y, $z); $f=fopen("fnumere.txt", "w"); fwrite($f, $sir); fclose($f); ?> a. x= 10 y = un sir z= 100.47 b. x=10 y=un sir z= 100.47 c. x=10 y=un sir z= 100.47 d. x=10 y=Un sir z=100.47 54. Fisierul f2_text.php contine un formular cu 3 rubrici de text ca in secventa de mai jos <html> <head> </head> <body> <form ACTION="prel2_text.php" method="POST"> <input type="text" name = "a"> <br> <input type="text" name = "b"> <br> <input type="text" name = "c"> <br> <input type="submit" value ="Trimite"> </form> </body> </html> Prin apasarea pe butonul "Trimite se vor introduce numerele inregi: a=1 si

40

b=-5, c=6, valori ce reprezinta coeficientii ecuatiei de gradul II. Ce va afisa script-ul prel12_text.pxp: <?php $d= $_POST["b"] * $_POST["b"] - 4* $_POST["a"]*$_POST["c"]; if ($d>=0) echo "x1= ", (- $_POST["b"]+ sqrt ($d) )/ (2* $_POST["a"]), " ; x2= " , (- $_POST["b"]-sqrt ($d) )/ (2* $_POST["a"]); else echo " Radacini complexe"; ?> a. x1=5 ; x2= 6 b. eroare c. x1= 2 ; x2=3 d. Radacini complexe 55. Daca fisierul f3_text.php contine un formular cu 2 rubrici de text ca in secventa de mai jos <html> <head> </head> <body> <form ACTION="prell3_text.php"> <input type="text" name = "nume"> <br> <input type="text" name = "virsta"> <br> <input type="submit" value ="Trimite"> </form> </body> </html> si prin apasarea pe butonul "Trimite" se vor introduce nume=Ionescu Dan virsta=25, ce va afisa scriptul prell3_text.php: <?php echo $_POST["nume"] , " ; " , $_POST["virsta"]; ?> a. The page cannot be found b. ; c. Ionescu Dan 25 d. Ionescu Dan ; 25 56. Fisierul f4_ctext.php contine un formular cu o caseta de text ca in secventa de mai jos <html> <head> </head> <body> <form ACTION="prel4_ctext.php"' method="GET"> <TEXTAREA name = "Studenti" cols=10 rows=3> </TEXTAREA> <input type="submit" value ="Trimite"> </form> </body> </html> Prin apasarea pe butonul "Trimite" se vor introduce urmatoarele date: Ionescu Ion Popescu Florentina Marinescu Madalina Ce va afisa scriptul urmator? <?php echo $_REQUEST["Studenti"] , "<br>"; ?> a. Ionescu Ion Popescu Florentina Marinescu Madalina

41

b. Ionescu Ion Popescu Florentina Marinescu Madalina c. Ionescu Ion Popescu Fl Mainescu d. Ionescu Ion Popescu Fl Marinescu 57. Fisierul f5_cbox.php contine un formular cu 2 casete de validare ca in secventa de mai jos: <html> <head> </head> <body> <form ACTION="prel5_cbox.php"' method="POST"> <input type="checkbox" name = "casuta1" value="DA"> DA <br> <input type="checkbox" name = "casuta2" value="NU"> NU<br> <input type="submit" value ="Trimite"> </form> </body> </html> Prin apasarea pe butonul "Trimite" se va bifa doar casuta DA. Ce va afisa scriptul prel5_cbox.php? <?php echo " S-a tastat ", $_POST["casuta2"], "<BR>"; ?> a. S-a tastat NU b. S-a tastat c. S-a tastat DA NU d. S-a tastat DANU 58. Fisierul f6_cbox.php contine un formular cu 2 casete de validare , ca in secventa de mai jos: <html> <head> </head> <body> <form ACTION="prel6_cbox.php"' method="POST"> <input type="checkbox" name = "casuta1" value="DA"> DA <br> <input type="checkbox" name = "casuta2" value="NU"> NU<br> <input type="submit" value ="Trimite"> </form> </body> </html> Prin apasarea pe butonul "Trimite" se va bifa ambele casute: DA si NU. Ce va afisa scriptul prel6_cbox.php? <?php If (isset($_REQUEST["casuta1"])) echo "S-a tastat ", $_REQUEST["casuta1"] , "<br>"; If (isset($_REQUEST["casuta2"])) echo "S-a tastat ", $_REQUEST["casuta2"] , "<br>"; ?> a. S-a tastat DA S-a tastat NU b. S-a tastat DA S-a tastat NU c. S-a tastat DA d. S-a tastat NU 59. Fisierul f7_radio.php contine un formular cu 3 butoane radio, ca in

42

secventa de mai jos: <html> <head> </head> <body> <form ACTION="prel7_radio.php"> <input type="RADIO" name = "BUTON" value="[5-6]"> [5-6]<br> <input type="RADIO" name = "BUTON" value="[7-8]"> [7-8]<br> <input type="RADIO" name = "BUTON" value="[9-10]"> [9-10]<br> <input type="submit" value ="Trimite> </form> </body> </html> Prin apasarea pe butonul "Trimite" se va selecta butonul [7-8]. Ce va afisa scriptul prel7_radio.php? <?php echo "S-a selectat butonul ", $_REQUEST["BUTON"]; ?> a. S-a selectat butoanele [5-7][7-9][9-10] b. S-a selectat butonul [5-7] c. S-a selectat butonul [7-8] d. S-a selectat butonul 60. Fisierul web f8_radio.php contine un formular cu o lista, ca in secventa de mai jos: <html> <head> </head> <body> <form ACTION="prel8_lista.php"> <SELECT name = "Lista[]" multiple> <OPTION>mandarine</OPTION> <OPTION>portocale</OPTION> <OPTION>kivi</OPTION> <OPTION>lamai</OPTION> </SELECT > <input type="submit" value ="trimite"> </form> </body> </html> Prin apasarea pe butonul "Trimite" se vor selecta elementele 2 si 4 din lista. Ce va afisa scriptul prel8_lista.php? <?php echo "S-au selectat " , $_GET["Lista"]; //foreach ( $_GET["Lista"] as $fructe) echo $fructe, " , "; ?> a. S-a selectat portocale , lamai , b. S-a selectat mandarine , portocale , kivi , lamai , c. S-a selectat e. S-a selectat portocale . 61. Daca fisierul f9_pass.php contine un formular cu o rubrica de tip parola ca in secventa de mai jos <html> <head> </head> <body> <form ACTION="prel9_pass.php"' method="POST"> <input type="PASSWORD" name = "PASS"> <br> <input type="submit" value ="Trimite">

43

</form> </body> </html> si prin apasarea pe butonul "Trimite" se va introduce parola florentina, ce va afisa scriptul urmator: <?php echo "Parola este " , $_POST["PASS"]; ?> a. Parola este b. Parola este florentina c. Parola este florenti f. Parola este floren 62. Ce rol are functia isset()? a. intoarce True sau False daca un element se afla respectiv nu se afla intr-o lista b. intoarce True sau False daca un control al unui formular este , respectiv nu este completat c. intoarce True sau False daca un caracter se afla respectiv nu se afla intr-un sir

44