vineri, 16 iunie 2017

Sem II HTML

STRUCTURA DOCUMENTULUI HTML
  • Limbajul HTML – elemente de baza  (Fisa de lucru html 1.doc)
  • Limbajul HTML – organizarea textului (Fisa de lucru html 2.doc)
  • Limbajul HTML – introducerea legaturilor (Fisa de lucru html 3.doc)
  • Limbajul HTML – inserarea imaginilor (Fisa de lucru html 4.doc)
  • Limbajul HTML – Tabele 2 (Fisa de lucru html 6.doc)
  • Limbajul HTML – Tabele 2 (Fisa de lucru html 6.doc)
  • Limbajul HTML – Tabele 1 (Fisa de lucru html 7.doc)
  • Aplicatii tabele – Orarul clasei
  • Cadre (Fisa de lucru html 8.doc)
  • Realizarea unui proiect
  • Prezentarea proiectului
       FISE DE LUCRU:

Sem II HTML

Soft educational 
utilizat pentru predarea lectiei:

15 min - Activitate de predare invatare:

Un site web este un fel de prezentare electronica interactiva, 
  • care este compusa din mai multe pagini web (imagini, video, animatii, audio si alte tipuri de fisiere), 
  • organizate intr-un anumit fel, accesibile fiecare prin adrese unice de tip URL (exemplu URL pagina curenta) si 
  • legate logic intre ele prin legaturi (link-uri).
Fisierele unui site web sunt instalate pe un calculator (server), conectat permanent la Internet, pe care ruleaza un program destinat de tip server,  numit server web si care la cererea unui navigator/ browser de oriunde de pe Internet (calculatorul vostru), poate trimite aceste fisiere.
Paginile web pot fi de doua tipuri: 
  • pagini statice si 
  • pagini dinamice.
Paginile statice sunt fisiere text, scrise in format HTML, al caror continut nu se modifica la accesarea lor si se modifica doar la reactualizarea/suprascrierea lor pe serverul web cu un continut nou.
Paginile web din cadrul unui site sunt fisiere in format text, scrise intr-un limbaj de descriere a datelor.

HTML/XHTML(Hyper Text Markup Language) este un limbaj de descriere, care defineste cum sunt organizate logic textele, imaginile, video si animatiile in pagina (antet, paragrafe, liste, imagini, legaturi, etc). 

HTML/XHTML este util, pentru ca fiind standard pe Internet, “cineva” (ex: programatorul) poate formata intr-un anumit fel un continut si “altcineva” necunoscut (ex: browser) poate “descifra” acea organizare si o poate afisa in format grafic si citibil pentru utilizator.
Paginele web si celelalte resurse, instalate pe serverul web sunt accesate prin intermediul uni protocol de comunicare la nivel de aplicatie HTTP (Hyper Text Transfer Protocol) sau HTTPS (varianta securizata al HTTP), care foloseste protocolul de transport al datelor TCP/IP.

Lansarea editorului HTML

  1. Crearea paginilor Web cu ajutorul editorului Notepad
  2. Transformarea documentelor Word existente în pagini Web
1. Crearea paginilor Web cu ajutorul editorului Notepad

Pentru realizarea documentelor HTML pot fi utilizate editoare simple de text (Notepad pentru Windows sau Joe în Linux) sau editoare create special pentru paginile web, editoare ce pot dispune de funcţii sofisticate pentru partea vizuală (WYSIWYG - What You See Is What You Get) sau pentru verificarea legăturilor în întregul site.
Lansarea editorului este realizată în funcţie de tipul de editor ales. Spre exemplu, dacă a fost ales:
Notepad, programul va fi lansat din meniul Start-Programs-Accessories-Notepad.
- Wordpad, lansarea acestuia are loc, de exemplu, pe calea Start-Programs-Accessories-Wordpad
Odată lansat editorul, pagina va fi redactată folosind sintaxa HTML şi va fi salvată cu extensia “html” sau “htm”.

Vizualizarea fişierului HTML poate fi realizată cu ajutorul browser web.
Acesta permite afişarea şi manevrarea informaţiilor de tip text, imagine, sunet şi executarea unor programe/documente care pot face parte din site-urile web. Browser-ul are o casetă de text în care utilizatorul poate să scrie adresa documentului sau a site-ului dorit, adresa acestuia (numită URL - Uniform Resource Locator) fiind unică.
  • Editoare HTMLFront Page, HomeSite, AceHTML, Dreamweaver etc.
  • Unele dintre cele mai cunoscute browsere web sunt Microsoft Internet Explorer, Mozilla Firefox, Mozilla Camino, Opera Software - Opera, Nintendo DS browser.
2. Transformarea documentelor Word existente în pagini Web
Formatul fişier HTML asociat permite salvarea şi încărcarea fişierelor Word în/din HTML.
Deoarece HTML este un standard deschis, un document se poate salva în format HTML şi poate fi vizualizat în browser pe orice platformă.
Acest format de fişier „dus-întors” permite crearea unui document în Word, salvarea lui ca HTML şi ulterior readucerea lui în Word fără să se piardă date.
Atunci când se importă un fişier HTML toate etichetele necunoscute se memorează, chiar dacă Word nu ştie să le afişeze.
Astfel, se păstrează integritatea fişierelor HTML şi se permite ca Word să accepte viitoare formate de fişiere.
Pentru a transforma un document Word într-o pagină Web, salvaţi mai întâi documentul în modul normal Word pentru a nu strica originalul. Apoi deschideţi meniul Fişier şi selectaţi comanda Salvare ca pagină Web (valabilă şi pentru fişierele Excel). Va apărea fereastra de dialog Salvare ca. Introduceţi un nume de fişier pentru document şi selectaţi, apoi, directorul în care vreţi să-l stocaţi. Pentru a da paginii dvs. un nume, altul decât cel alt fişierului, apăsaţi butonul Modificare titlu şi tastaţi titlul dorit (acesta va apărea în bara de titlu a programului de navigare atunci când cineva va deschide pagina). Apăsaţi Salvare. Word va salva documentul şi va converti toate formatările Word în coduri HTML.

30 min - Activitate de aprofundare:

SARCINA DE LUCRU:
S1. Parcurgeti secventa1 din softul educational Pagini web cu titlul Modelul client server. Dialogul client server. 

Notati in caiete notiunile intalnite.
S2. Analizati urmatorul exemplu de document word transformat în pagină Web:
  • documentul iniţial:
  • pagina web rezultată: 
  • pe lângă pagina web rezultată (în cazul nostru TIC9_liceu_omect.htm), mai este creat şi un folder suplimentar care conţine imaginile din documentul word iniţial, precum şi alte fişiere (spre exemplu, un fişier header care conţine titlul paginii web). Fără acest folder, pagina web realizată nu este completă.
4 min - Tema pentru acasa :

 Crearea paginilor Web în Microsoft Office Word folosind programe asistenţi (wizard) sau şabloane,
Consulati  documentul pdf următor: 

Sem II Competente digitale 2017

MODEL DE SUBIECT

Toate filierele, profilurile şi specializările/ calificările
• Toate subiectele sunt obligatorii.
• Punctajul maxim cumulat pentru fişele A şi B este de 100 de puncte. Nu se acordă puncte din oficiu.
• Timpul de lucru efectiv este de 90 de minute: 15 minute pentru fișa A şi 75 de minute pentru fișa B.
• Fişierele pe care le veţi prelucra, menţionate mai jos, sunt furnizate în directorul examen, aflat pe spațiul de lucru. Ele vor fi salvate după fiecare prelucrare, în directorul indicat.

FISA A  Accesul la reţeaua Internet este permis pentru rezolvarea cerinţelor din această secţiune.

SUBIECTUL I   (10 puncte) 
1. Căutați pe web informaţii despre fenomenul optic numit curcubeu.
a. Scrieţi pe foaia de examen numele parcului naţional în care a fost înregistrată ultima apariţie a unui curcubeu de noapte și salvați în directorul (folder) examen, ca pagină web, numai HTML (HTML only), cu numele implicit, pagina web de pe care ați preluat această informație. (5p)
b. Copiați în fișierul comp_n un paragraf referitor la curcubeu, o imagine din natură în care să fie ilustrat acest fenomen optic, precum și adresele paginilor web de pe care ați copiat fiecare dintre elementele de conținut precizate. (5p) 

FISA B

• Toate subiectele sunt obligatorii.
• Punctajul maxim cumulat pentru fişele A şi B este de 100 de puncte. 
• Timpul de lucru efectiv este de 90 de minute: 15 minute pentru fișa A şi 75 de minute pentru fișa B.
• Fişierele pe care le veţi prelucra, menţionate mai jos, sunt furnizate în directorul examen, aflat pe spațiul de lucru. Ele vor fi salvate după fiecare prelucrare, în directorul indicat.

FISA B Accesul la reţeaua Internet NU este permis pentru rezolvarea cerinţelor din această secţiune.

SUBIECTUL al II - lea   (15 puncte) 

Scrieţi pe foaia de examen răspunsul pentru fiecare cerinţă.
1. Precizaţi un tip de memorie internă a calculatorului și o caracteristică a acestuia. (5p)
2. Enumeraţi două aplicaţii care permit conversaţia în timp real (chat, voce etc.) prin Internet și precizați un avantaj al utilizării uneia dintre ele, comparativ cu cealaltă. (5p)
3. Precizaţi o modalitate de transmitere a viruşilor informatici, precum și un mod de protejare a calculatorului împotriva acestora. (5p)

SUBIECTUL al III - lea   (75 de puncte)

1. Deschideţi fişierul comp_w.
a. Formataţi al doilea paragraf, astfel încât să fie aliniat la dreapta, iar spaţierea dintre rândurile sale să fie de exact 50 pt (1,76 cm, 0,69”). (5p)
b. Modificaţi parametrii de vizualizare a imaginii din prima parte a documentului, astfel încât aceasta să-şi păstreze proporţiile şi să aibă o lăţime (width) de  5 cm (1,96”). (5p)
c. Realizaţi setările necesare pentru a căuta în document cuvântul proba, astfel încât să fie găsite doar acele apariţii în care cuvântul este complet şi este scris numai cu litere mici. Realizaţi o captură de ecran (Print Screen) care să cuprindă fereastra în care sunt vizibile aceste setări şi adăugaţi imaginea obţinută la sfârşitul documentului. (5p)

2. Deschideţi fişierul comp_p.
a. Formataţi textul din caseta aflată în partea de sus a celui de al doilea diapozitiv (slide), astfel încât stilul fontului să fie aldin (bold), iar dimensiunea acestuia 20 pt. (5p)
b. Aplicaţi un efect de animaţie la ieşire, de tip cerc (Circle), care să se repete de trei ori, la nivelul casetei text aflată în partea de jos a celui de al treilea diapozitiv (slide). (5p)
c. Adăugaţi la sfârşitul prezentării un nou diapozitiv (slide) și inserați în zona sa de conţinut un tabel cu 3 rânduri şi 3 coloane. Eliminaţi bordurile celulei din mijlocul tabelului. (5p)

3. Deschideţi fişierul comp_x.
a. Formataţi grupul de celule A1:D1 din foaia de calcul (sheet) Document de lucru, astfel încât textul conținut de acestea să fie orientat la 45o, iar fundalul lor să fie de culoare galbenă.  (5p)
b. În foaia de calcul (sheet) Document de lucru introduceţi în celula C4 o formulă care să aibă automat rezultatul 1 dacă valoarea din celula C3 a acestei foi de calcul este mai mare decât valoarea din celula C2 a aceleiaşi foi de calcul şi rezultatul 0 în caz contrar. (5p)
c. Stabiliţi dimensiunile antetului (header) şi subsolului (footer) foii de calcul (sheet) Document de lucru astfel: antet 4 cm (1.58”) şi subsol 2 cm (0.79”). (5p)

4. Deschideţi fişierul comp_h.
a. Formataţi primul și ultimul cuvânt din primul paragraf, astfel încât doar acestea să fie subliniate cu linie simplă. (5p)
b. După imaginea din pagina web creaţi o listă ordonată care să conţină, în această ordine, termenii comunicare, lingvistic, digital, folosind tipul de numerotare cu cifre arabe (1., 2., 3.). (5p)

5. Deschideţi fişierul comp_a.
a. Adăugați tabelei comp_t un nou câmp, cu numele nou, care să poată memora date de tip text de maximum 200 de caractere.  (5p)
b. Realizaţi un raport cu numele comp_r, pe baza tuturor câmpurilor din interogarea (query) comp_q. Formataţi raportul, astfel încât tipul orientării să fie vedere (Landscape). (5p)

6. Deschideţi directorul (folder) examen.  
a. Stergeţi din arhiva comp_v două dintre fişierele conţinute. (5p)
b. Utilizând o aplicaţie adecvată, realizaţi un desen care să conţină un dreptunghi cu un contur de culoare roşie, a cărui lungime este pe verticală. În interiorul dreptunghiului introduceţi textul Bravo!, apoi rotiţi figura obţinută cu un unghi de 90°. Salvaţi imaginea obţinută în format Bitmap, sub numele desen.bmp, în directorul (folder) examen. (5p)