Tehnologii didactice asistate de calculator

PAGINI WEB IN HTML

I. OBIECTIVELE PROGRAMEI

Folosirea tehnologiei pentru a dezvolta competenele necesare elevilor n utilizarea limbajului

HTML.
Identificarea cilor prin care elevii pot utiliza tehnologia pentru a stimula procesul de nvare
prin cercetare, comunicare i colaborare.
Dezvoltarea gndirii critice pentru cei care vor lucra n acest limbaj, n vederea rezolvrii de
aplicaii.
Promovarea lucrului n echip pentru optimizarea instruirii.
Acestea deriv din competenele generale i competenele specifice dobndite prin
diferite tipuri de activiti.
COMPETENE GENERALE

Competene de comunicare nelegerea i realizarea unei comunicri eficiente verbale,

scrise i multimedia, ntr-o varietate de forme i contexte.

Creativitate i curiozitate intelectualDezvoltarea, implementarea i comunicarea ideilor noi

altor persoane; deschidere i receptivitate la nou.

Gndire critic i gndire sistemic Exersarea gndirii n ce privete nelegerea i realizarea

unor alegeri complexe; nelegerea conexiunilor dintre sisteme.

Informaii i abiliti HTML Analizarea, accesarea, administrarea, integrarea, evaluarea, i

crearea de informaii n limbajul HTML.

Capaciti de colaborare i interpersonale Demonstrarea capacitilor de lucru n echip i de

conducere; adaptarea la diverse roluri i responsabiliti; colaborarea productiv cu ceilali;
conduit empatic; respectarea altor puncte de vedere.

Identificarea, formularea i soluionarea problemelor capacitatea de a depista, formula,

analiza i rezolva probleme.

Auto-formare Monitorizarea propriilor nevoi de nelegere i nvare; localizarea resurselor

corespunztoare; transferul cunotinelor dintr-un domeniu n altul.

ASPECTE METODOLOGICE
STRUCTURA MODULARA: 36 ore an-1 ora pe sptmn
Nr
crt
1
2

MODUL

DENUMIREA MODULUI

INITIAL
INTEGRAT

INTEGRAT

NOIUNI GENERALE DESPRE INTERNET

FUNDAMENTE TEORETICE ALE PAGINILOR
WEB - HTML
HTML STANDARD LIMBAJUL DESCRIPTIV AL
UNEI PAGINI WEB

Nr ore
alocate
3
10
12

Tehnologii didactice asistate de calculator

4

DESCHIS

UTILIZAREA AVANSAT A LIMBAJULUI HTML

11

MODUL 1- ARHITECTURA SI STRUCTURA UNUI CALCULATOR

Descriere: Internetul este o retea globala formata prin interconectarea mai multor
calculatoare , ce faciliteaza comunicarea intre utilizatori prin transferul de date de pe un
calculator pe altul .
O retea este formata dintr-un grup de calculatoare care utilizeaza in comun
echipamente , date si aplicatii , adica resurse hardware si software .
Internetul este:
un sistem cu o dezvoltare foarte rapida care cuprinde computere interconectate si
care faciliteaza serviciile de transfer de date cum ar fi posta electronica, World Wide
Web, transferul de fisiere si stiri;
- retea globala de computere, care leaga guverne, universitati, companii si multe alte
retele si utilizatori;
Fiecare computer din Internet, numit gazda sau host, este independent.
Competenele specifice modului:
1. Definirea noiunilor legate de arhitectura Internetului
2. Enumerarea serviciilor oferite n Internet i descrierea acestora
3. Enumerarea componentelor necesare accesului la Internet
4. Utilizarea posibilitilor de cutare a Informaiilor
5. Aplicarea modalitilor de folosire a serviciului de e-mail
6. Realizarea unor aplicaii practice

Tehnologii didactice asistate de calculator

Nr
crt
1

Denumirea
competenei
Creativitate i
curiozitate
intelectual

Abilitati

Cunotine

Utilizarea
i
nelegerea critic a
internetului, n funcie
de vrst i de gen

1.1 Ce este Internetul?

nceputurile Internetului.
Definirea noiunii de Internet;
1.2 Servicii oferite de Internet

Competene
de
comunicare

Identificarea modului
de
redactare
i
expediere
a
unei
scrisori prin pota
electronic

Capaciti de
colaborare i
interpersonal
e

Difereniere
ntre
realizarea unui proiect
cu
ajutorul
informaiilor sigure de
pe internet i nesigure

Atitudini

Exerciii de identificare a
oportunitii utilizrii
tehnologiei informaiei
pentru
mbogirea
cunotinelor i mrirea
1.3 Pota electronic (E-MAIL)
eficienei activitilor
desfurate n cadrul
altor discipline;
1.4 Navigarea pe Internet
Redactarea unei scrisori,
expedierea ei prin pota
electronic;
1.5 Conversaii prin Internet
Utilizarea internet-ului ca
surs de informare la
1.6 Realizarea unui proiect
scar mondial;
folosind informaii dup Internet Realizarea unui proiect
utiliznd
informaii
dup Internet;

Metode de predare utilizate pe parcursul orelor de curs:

- prelegerea-dezbatere, dezbaterea, demonstraia, problematizarea, explicaia,
metode i tehnici de nvare prin cooperare etc.
Mijloace de nvmnt utilizate:
- suport de curs, fie de lucru, videoproiector, laptop, surse Internet, laborator
virtual, etc
Metode i instrumente de evaluare utilizate:
- Portofoliu, fie, teste gril

MODUL 2 - FUNDAMENTE TEORETICE ALE PAGINILOR WEB - HTML

Tehnologii didactice asistate de calculator

Descriere: Modulul prezint materiale teoretice i practice pentru studierea limbajului
HTML. n esen, ofer cunotine necesare pentru crearea paginilor web simple, dar i
cunotine ce in de regulile de baz n crearea site-urilor web.
HTML este un limbaj simplu pentru care nu sunt necesare cunotine deosebite de
programare, cu att mai mult c HTML nu este un limbaj de programare ci un limbaj de
descriere.
Poate ar prea, la prima vedere, c HTML este un limbaj sofisticat, ns acesta
este destul de uor de asimilat. Este suficient cunoaterea noiunilor de baz ale
acestui limbaj pentru a putea crea un web site.
Cunoaterea limbajului HTML garanteaz puterea de a crea site-uri simple i
nsuirea fundamentelor construirii unui site. Pentru crearea site - urilor dinamice i
interactive sunt necesare cunotine avansate n multe alte limbaje de programare i
aplicaii.
Modulul poate fi util elevilor ct i tuturor celor care doresc s fac cunotin cu
acest limbaj.
Competenele specifice modului:
1. Cunoaterea noiunilor legate de Web;
2. Cunoaterea istoriei Web-ului;
3. Enumerarea tipurilor de informaii ce se pot gsi pe Web;
4. Definirea i exemplificare de URL;
Nr
crt
1

Denumirea
competent
ei
Gndire
critic i
gndire
sistemic
Identificar
ea,
formularea
i
soluionar
ea
problemel
or
Capaciti
de
colaborare
i
interperso
nale

Abilitati

Cunostiinte

Atitudini

Diferentieri si
asemanari
intre WWW i
noiunea de
Web
Identificarea
si utilizarea
informatiilor
de pe Web
folosind URL

2.1. Ce este World

Wide Web?

Prezentarea noiunilor
legate de Web;

2.2. Naterea Web-ului

2.3. La ce folosete
Web-ul?

Cutarea
a
diferite
informaii pe Web;

Cutarea informaiilor
pe Web folosind URL;

2.4 Ce se poate gsi

pe Web ?

Exerciii de creare a
unei pagini Web simple;
Utilitatea
URL-urilor si
crearea URLurilor statice

2.5 Despre URL-uri

Tehnologii didactice asistate de calculator

Metode de predare utilizate pe parcursul orelor de curs:
- prelegerea-dezbatere, dezbaterea, demonstraia, problematizarea, explicaia, metode i
tehnici de nvare prin cooperare etc.
Mijloace de nvmnt utilizate:
- suport de curs, fie de lucru, videoproiector, laptop, surse Internet, etc.
Metode i instrumente de evaluare utilizate:
- Portofoliu, fie, teste gril
MODUL 3 HTML STANDARD LIMBAJUL DESCRIPTIV AL UNEI PAGINI WEB
Descriere: Modulul prezint descrierea i utilizarera limbajului HTML este un limbaj
descriptiv, prin care sunt descrise elementele structurale ale paginii de Web: titlurile,
listele, tabelele, paragrafele, legturile cu alte pagini, precum i aspectul pe care l are
pagina din punct de vedere grafic. n fond, HTML este modul n care i comunicam
browserului ce elemente dorim s introducem n pagina Web i care este aspectul
acestora.
Competenele specifice modului:
1. Enumerarea i aplicarea operaiilor de baz necesare prelucrrii unei pagini Web
2. Cunoaterea structurii de baz a unei pagini Web;
3. Utilizarea operaiilor de baz n procesarea textului dintr-o pagin;
4. Aplicarea diferitelor modaliti de formatare a textului dintr-o pagin Web;
5. Folosirea liniilor orizontale n pagin;
6. Crearea unor liste ordonate i neordonate;
7. Realizarea unei aplicaii practice folosind noiunile nvate;
Nr crt
1

Denumirea
competentei
Informaii i
abiliti n limbajul
HTML

Identificarea,
formularea i
soluionarea
problemelor

Abilitati

Cunostiinte

Atitudini

Diferentieri si
asemanari intre
diversele
instrumente
utilizate pentru
limbajul HTML
Identificarea si
utilizarea
programelor ce
pot fi utilizate

3.1
Structura
unui document
Html.
Noiuni
de baz
3.2. Crearea i
editarea paginii
HTML

Exerciii
de
formatare
la
nivel de text:
font,
dimensiune,
stil, culoare
Aplicarea de
fundal
unei
pagini;

Tehnologii didactice asistate de calculator

Capaciti de
colaborare i
interpersonale

pentru limbajul
HTML

3.3. Fonturi

Difereniere ntre
liste i tabele

3. 4 Linii
orizontale

3.5 Liste

Exerciii
de
creare a unor
liste ordonate
i neordonate;
Exerciii
de
formatare
a
paginii
prin
adugarea
liniilor
orizontale;

Metode de predare utilizate pe parcursul orelor de curs:

- prelegerea-dezbatere, dezbaterea, demonstraia, problematizarea, explicaia, metode i
tehnici de nvare prin cooperare etc.
Mijloace de nvmnt utilizate:
- suport de curs, fie de lucru, videoproiector, laptop, surse Internet, etc.
Metode i instrumente de evaluare utilizate:
- Portofoliu, fie, teste gril
MODUL 4 - UTILIZAREA AVANSAT A LIMBAJULUI HTML
Descriere: Scopul modulului este sa ofere cunotinele necesare eleviilor pentru a
putea interaciona sigur ntr-o astfel de lume i pentru a putea utiliza o parte dintre
resursele existente ntr-o lume virtual n procesul de predare nv are.
Competenele specifice modului:
1. Utilizarea imaginilor ntr-o pagin Web
2. Folosirea link-urilor ctre alte pagini
3. Inserarea i formatarea tabelelor folosind limbajul HTML
4. mprirea paginii Web n cadre
5. Utilizarea formularelor n cadrul unei pagini Web
6. Realizarea unor aplicaii practice

Tehnologii didactice asistate de calculator

Nr crt
1

Denumirea
competentei
Responsabilit
ate i
capacitate de
adaptare

Abilitati

Cunostiinte

Inserare a unei 4.1. Imagini

imagini ntr-o
pagin Web i 4.2.Legturi
stabilirea unei
legturi;

Identificarea,
formularea i
soluionarea
problemelor

Crearea
unui 4.3. Tabele HTML
tabel folosind
comenzile
4.4. Cadre HTML
HTML;

Responsabilit
ate social

Creare
de 4.3. Formulare
formulare
i
introducerea
lor n pagina
HTML;

Auto-formare

Atitudini

Exerciii
de
inserare a unei
imagini
ntr-o
pagin Web;
Exerciii
de
redimensionare a
imaginii;
Exerciii
de
aranjare
a
textului n jurul
imaginii;
Exerciii
de
folosire a imaginii
ca
fundal
al
paginii;
Crearea
unui
tabel
folosind
comenzile HTML;
Exerciii
de
formatare
a
tabelului;
Exerciii
de
adugare
sau
eliminare
de
rnduri
i
coloane;
Exerciii
de
mprire
a
paginii n diferite
cadre;
Exerciii
de
creare
a
formularelor;

Realizarea unui

proiect utiliznd
noiunile nvate
Metode de predare utilizate pe parcursul orelor de curs:
- prelegerea-dezbatere, dezbaterea, demonstraia, problematizarea, explicaia, metode i
tehnici de nvare prin cooperare etc.
Mijloace de nvmnt utilizate:
- suport de curs, fie de lucru, videoproiector, laptop, surse Internet, etc.
Metode i instrumente de evaluare utilizate:

Tehnologii didactice asistate de calculator

Portofoliu, fie, teste gril

CONINUTURI
I.

Noiuni generale despre Internet

Ce este Internetul? nceputurile Internetului. Definirea noiunii de Internet;
Servicii oferite de Internet
Pota electronic (E-MAIL)
o Noiuni generale despre e-mail
o Crearea unei csue de e-mail
o Citirea, tergerea i trimiterea unui mesaj
o Ataarea i descrcarea unui fiier
Navigarea pe Internet
o Prezentarea browser-ului Internet Explorer
o Cutarea informaiilor cu ajutorul motoarelor de cutare
o Salvarea, tiprirea i descrcarea paginilor
Realizarea unui proiect folosind informaii dup Internet
Evaluare sumativ
II. Fundamente teoretice ale paginilor Web Limbajul HTML
Ce este World Wide Web?
Naterea Web-ului
La ce folosete Web-ul?
Ce se poate gsi pe Web ?
Despre URL-uri
III. HTML standard limbaj descriptiv al unei pagini Web

Structura unui document Html. Noiuni de baz

o Ce este HTML? (Hypertext Markup language)
o Structura documentului HTML
Crearea i editarea paginii HTML
o Primul document HTML
o Blocuri preformatate
o Culoarea de fond
o Culoarea textului
o Stiluri pentru blocuri de text
o Fonturi
Culoarea fontului
Familia fontului
Dimensiunea fontului

Tehnologii didactice asistate de calculator

o Alinierea blocurilor de text
o Linii orizontale
o Liste
Liste ordonate
Liste neordonate
Evaluare sumativ

IV. Utilizarea avansat a limbajului HTML

Imagini
o Adresa URL a unei imagini
o Chenarul i dimensionarea unei imagini
o Alinierea imaginii
o Alinierea textului n jurul imaginii
o Imagini pentru fondul paginii
o Imagini folosite ca legturi
Legturi
o O legtur ctre o pagin aflat n acelai director
o O legtur ctre un site
o Utilizarea unei imagini ca zona active
Tabele HTML
o Tabel simplu
o Tabel cu chenar
o Alinierea textului in pagina web
o Definirea culorii de fond pentru un tabel
o Dimensionarea celulelor unui tabel
o Zona din jurul unui tabel
o Titlul unui tabel
o Cap de tabel
Cadre HTML
o mprirea n cadre verticale
o mprirea n cadre orizontale
o mprirea n combinaii de cadre orizontale i verticale
o Culorile i dimensiunea chenarelor cadrelor
o Adugarea barelor de defilare n cadre
Formulare
o Formular cu un cmp de editare i buton de expediere
o Formular cu buton Reset
o Formular cu butoane radio
o Formular cu casete checkbox
o Formular cu caset de fiiere
o Formular cu list de selecie
o Formular cu cmp de editare

Tehnologii didactice asistate de calculator

o Formular complex
Evaluare sumativ
V.
Realizarea i prezentarea unei aplicaii practice specifice
Realizarea unei pagini Web a clasei

BIBLIOGRAFIE:
1. Prof. dr. Toma S.- COORDONATE ALE UNUI NOU CADRU DE REFERIN AL
CURRICULUMULUI NAIONAL Note de curs
2. Homorodean Marcel Andrei, Iosupescu Irina Internet si pagini Web.pentru
nceptori i iniiai, Editura Niculescu, 2007
3. Sabin Buruga - Proiectarea Site-urilor Web, Editura Polirom, 2006
4. Simion Ionel Proiectarea paginilor Web, Editura Teora
5. e-prof-http://www.eprof.ro/moodle/