marți, 25 noiembrie 2014

24-28.11

1. ACTIVITATE DE EVALUARE - 20 min



2.ACTIVITATE DE CORECTARE

Barem de notare:
  • 2 of. 
  • sub1 4p
  • sub2 4p
Activitate practica pentru clasele care au dat test.

Fisiere de lucru: examen.rar

3.ACTIVITATE DE PREDARE INVATARE -20 min 

PHP este un limbaj de programare.
Numele PHP  este un acronim recursiv:  
Php: Hypertext Preprocessor. 

Folosit inițial pentru a produce pagini web dinamice, este folosit pe scară largă în dezvoltarea paginilor și aplicațiilor web. Se folosește în principal înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în mod „linie de comandă”, permițând crearea de aplicații independente. Este unul din cele mai importante limbaje de programare web open-source și server-side, existând versiuni disponibile pentru majoritatea web serverelor și pentru toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane de situri web și pe 1 milion de servere web

Este disponibil sub Licenṭa PHP ṣi Free Software Foundation îl consideră a fi un software liber.

Inițial, limbajul a fost dezvoltat de inventatorul său, Rasmus Lerdorf. Odată cu creșterea numărului de utilizatori, dezvoltarea a fost preluată de o nouă entitate, numită The PHP Group (Grupul PHP).

marți, 11 noiembrie 2014

Aplicatii practice

Descarcati fisierul de lucru: examen.rar

Scrieti codul HTML prin care intre paragraful 3 si 4 inserati:
  • lista numerotata,
  • lista nenumerotata
  • lista de definitie pentru termenul:
    DEFINÍȚIE, definiții, s. f. Operație de determinare a însușirilor proprii unui lucru, unei noțiuni etc.; enunțul prin care se exprimă această operație.
  • tabel cu doua linii si doua coloane
Rezolvati urmatoarele subiecte folosind acelasi fisier de lucru:

Alte subiecte, date la proba de Competenţe Digitale în luna iunie 2012, găsiţi aici (Arhivă WINRAR - 20070 kb)


Exemple, coduri HTML-Tabele

Coduri sursa:

Exemplul 1:

<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

Exemplul 2:

<table border="1">
<tr>
    <th>titlu 1</th>
    <th>titlu 2</th>
</tr>
<tr>
    <td>linia 2- coloana 1</td>
    <td>linia 2- coloana 2</td>
</tr>
<tr>
    <td>linia 3- coloana 1</td>
    <td>linia 3- coloana 2</td>
</tr>
<tr>
    <td>linia 4- coloana 1</td>
    <td>linia 4- coloana 2</td>
</tr>
</table> 


Activitatea nr.8:

 Sarcina de lucru:
1. Rezolvati subiectul HTML din urmatoarea fisa  D_Competente_digitale_fisa_B_var_01_LRO.pdf

Fisiere de lucru: examen.rar

2. Scrieti codul HTML prin care intre paragraful 3 si 4 inserati tabelul urmator:
mere
pere
portocale
mandarine
lamai

3. Raspundeti, in caiet, la urmatoarele intrebari:

Tagurile folosite pentru marcarea headingurilor unei pagini HTML de sectiuni (titluri si subtitluri) sunt:
  1. <h1>,<h2>,.. ,<h6> in ordinea descrescatoare a dimensiunii fontului folosit pentru afisare
  2. <h1>,<h2>,.. ,<h6> in ordinea crescatoare a dimensiunii fontului folosit pentru afisare
  3. <ant> si </ant>
Atributele tagului "Font" sunt:

  1. Face, color, width
  2. Face, BG
  3. Face, size, color
Marcaje pentru tabele
<TABLE> </TABLE> Tabel HTML
BORDER=xChenarul tabelului
CELLPADDING=xSpatiul suplimentar in cadrul celulelor tabelului
CELLSPACING=xSpatiul suplimentar intre celulele tabelului
WIDTH=xLatimea impusa tabelului
FRAME=valoareAjustarea fina a tabelului
RULES=valoare Ajustarea fina a riglelor tabelului
BORDERCOLOR = culoareSpecifica culoarea chenarului tabelului
BORDERCOLORLIGHT = culoareCea mai deschisa culoare din cele doua culori specificate
BORDERCOLORDARK = culoareCea mai inchisa culoare din cele doua culori specificate
ALIGN=leftAliniaza tabelul la marginea din stanga a paginii, iar textul curge in partea dreapta
ALIGN=rightAliniaza tabelul la marginea din dreapta a paginii, iar textul curge in partea stanga
HSPACE=xSpatiu suplimetar pe orizontala in jurul tabelului
VSPACE=xSpatiu suplimetar pe verticala in jurul tabelului
COLS=xSpecifica numarul de coloane ale unui tabel
<COLGROUP> </COLGROUP> Defineste un set de definitii de coloane cu ajutorul marcajului <col>
<COL WIDTH=x> Defineste latimea unei coloane exprimata in pixeli
<THEAD> </THEAD> Defineste titlul tabelului
<BODY> </TBODY> Defineste corpul tabelului
<TR </TR> Linie de tabel
BGCOLOR=culoareSpecifica culoarea de fond pentru intreaga linie
ALIGN=aliniereAlinierea celulelor de pe linia curenta (left, center, right)
<TD </TD> Celula de date a tabelului
BGCOLOR=culoareSpecifica culoarea de fond pentru celula de date
COLSPAN=xNumarul de coloane pe care se intinde celula curenta de date
ROWSPAN=xNumarul de linii pe care se intinde celula curenta de date
ALIGN=aliniereAlinierea materialului din cadrul celulei de date.Valori posibile: (left, right, center)
VALIGN=aliniereAlinierea pe verticala a materialului din cadrul celulei de date.Valori posibile: (top, bottom, middle)
BACKGROUND=urlSpecifica imaginea de fond pentru celula tabelului
NOWRAPNu permite despartirea textului pe linii in cadrul unei celule
ALIGN=baselineAliniaza celule de date cu linia de baza a textului adiacent
ALIGN=caracterAliniaza o coloana fata de un anumit carcater (caracterul prestabilit este ".")
ALIGN=justifyAliniaza atat marginea din stanga cat si marginea din dreapta a unui text

marți, 4 noiembrie 2014

Autoevaluare - Studiu individual

Test Grila




  1. Test grilă HTML - Competente digitale

    www.competentedigitale.ro/html/aplicatii/test3_html.html
    TEST 3 - HTML. 1. Paginile web nu se pot edita în: NotePad, Front Page, AceHTML, Apple Safari. 2. Comenzile de formatare se transmit folosind : marcaje
  2. Test grilă HTML - Competente digitale

    www.competentedigitale.ro/html/aplicatii/test2_html.html
    TEST 2 - HTML. 1. Referinţa către o pagină web se poate face cu: <a href=”pagina_la_care_vrem_să_ajungem.html”>click pe acest text şi ajungi la pagina ...

Test de evaluare cunostinte HTML si CSS

Activitatea nr.7: 3 - 7.11.2014 Liste, cadre

 Liste
  Listele sunt un mod simplu de organizare a informatiei si pot fi neordonate, ordonate si de definitii. 
 Liste neordonate
Aceste liste sunt delimitate de etichetele <ul> si </ul> iar elementele de <li> si </li>.
Suport didactic: Marcaje pentru liste
Exemplu:
<html>
<head> Liste exemple
</head>
<body>
 
<h4 align="left">Obiective turistice:</h4>
<ol>
<li> Manastiri </li>
<li> Monumente </li>
<li>Muzee </li>
</ol>

<h4 align="center">lista de cumparaturi </h4>
<ul> <li>lapte</li>
<li>branza</li>
<li>oua</li>
<li>zahar</li>
</ul>

<dl>
<dt><b>Fromage</b></dt>
<dd>Cuvant francez pentru branza .</dd>
<dt><b>Voiture</b></dt>
<dd>Cuvant francez pentru masina</dd>
</dl>

</body>
</html>

Rezultat:



 Cadre
Sunt si situatii in care imaginea afisata de browser este formata din mai multe pagini HTML numite cadre.

Suport  didactic: Marcaje pentru cadre

Caracteristic acestor pagini este ca perechea de etichete <body> </body> este inlocuita de <frameset> </frameset>, iar in interiorul lor cadrele sunt delimitate de <frame> si </frame>.


Atributele etichetei frameset sunt:
  • cols imparte pagina in coloane si are valori exprimate in procente din dimensiunea ferestrei, numar de pixeli sau * adica spatiul ramas
  • rows imparte pagina in randuri cu aceleasi valori ca la cols
  • bordercolor culoarea tuturor chenarelor conform modelului #rrggbb
  • frameborder inhibarea afisarii chenarelor cu valorile yes sau no

Cadrele sunt introduse prin perechea de etichete <frame> </frame>, si suporta atributele:
  • src fisierul sau adresa fisierului introdus
  • bordercolor culoarea chenarului cadrului curent conform modelului #rrggbb
  • noresize dezactiveaza posibilitatea vizitatorului de a redimensiona cadrul
  • scrolling adauga cadrului bare de defilare cu valorile yes no si auto

Exemplu: pagina cu doua cadre orizontale in proportia 20% si 80% din inaltimea totala. Pagina de sus are chenarul rosu iar cea de jos are scroll.
<html>
<head>
<title>Exemplul 8_1</title>
</head>
<frameset rows="20%,80%">
<frame src="exemplu8_1_1.html" bordercolor="#ff0000">
<frame src="exemplu8_1_2.html" scrolling="yes">
</frameset>
</html>
Exemplu: pagina cu doua cadre verticale in proportia 40% si 60% din latimea totala, fara posibilitatea de redimensionare a cadrelor
<html>
<head>
<title>Exemplul 8_2</title>
</head>
<frameset cols="40%,60%">
<frame src="exemplu8_2_1.html">
<frame src="exemplu8_2_2.html" noresize>
</frameset>
</html>
Exemplu: pagina cu doua cadre. In cadrul din stanga sunt link-ri catre alte pagini care se vor deschide in cadrul din dreapta (se poate verifica functionarea atributului target al legaturii). Cadrul din stanga va avea scroll.
In situatia in care browserul folosit nu suporta pagini care contin cadre, imaginea afisata va fi goala. Pentru a evita acest lucru vom introduce un mesaj incadrat de <body> si </body> intre etichetele <noframes> si </noframes> prin care informam vizitatorul ca foloseste un browser care nu suporta cadre.
<frameset cols = "30%, 40%,*">
<noframes>
<body>Browserul folosit nu suporta cadre</body>
</noframes>
<frame src ="pag1.html">
<frame src ="pag2.html">
<frame src ="pag3.html">
</frameset>

Manual HTML
REALIZATI URMATOAREA ACTIVITATE
  1. Inserati in paginile proiectului dvoastra coduri HTML care sa contina toate tag-urile studiate la ora, insotite de  atributele prezentate mai sus.
  2. Trimiteti prin e-mail lucrarea sau o predati personal profesorului pe stik, termen de predare 9.11.2014.