AVIZAT

Inspector de specialitate
Cristi Bostacă

FIŞA DE AVIZARE
A PROIECTULUI DE PROGRAMĂ PENTRU OPŢIONAL

Instituţia de învăţământ : Colegiul Tehnic Energetic Constanţa

Denumirea Opţionalului : WEB DESIGN
Tipul : Disciplină nouă
Clasa : a XI-a matematică-informatică
Durata : 1 an
Număr de ore pe săptămână :1
Autor : Adina Elena Piţigoi – prof. def.

CRITERII ŞI INDICATORI DE EVALUARE – Clasa a XI-a matematică-informatică

DA NU DA, CU
RECOMANDARE
I. RESPECTAREA STRUCTURII STANDARD A PROGRAMEI
 Nota de prezentare
 Competenţe specifice şi conţinuturi
 Valori şi atitudini
 Sugestii metodologice
II. EXISTENŢA UNEI BIBLIOGRAFII
III. ELEMENTE DE CALITATE
 Respectarea particularităţilor de vârstă a elevilor
 Concordanţa cu etosul şcolii, cu interesele elevilor şi cu
nevoile comunităţii
 Conţinutul argumentului
 Oportunitatea opţionalului
 Realismul în raport cu resursele disponibile
 Corelarea competenţelor cu situaţiile de învăţare propuse
la sugestii metodologice
 Adecvarea modalităţilor de evaluare la demersul didactic
propus

Avizul şcolii
Da

Avizul Conducerii Şcolii

Director,
Camelia Grigoreanu
 MINISTERUL EDUCAŢIEI ŞI CERCETĂRII
INSPECTORATUL ŞCOLAR JUDEŢEAN CONSTANŢA
COLEGIUL TEHNIC ENERGETIC CONSTANŢA

VIZAT
INSPECTORATUL ŞCOLAR JUDEŢEAN
CRISTI BOSTACĂ

CURRICULUM LA DECIZIA ŞCOLII

CLASA A XI-a

WEB DESIGN

Profilul: Real
Specializarea: Matematică - Informatică

Autori:
Adina Elena Piţigoi – prof. def., Colegiul Tehnic Energetic Constanţa

Avizat în şedinţa Consiliului de Administraţie din data de 12.09.2007

CONSTANŢA
2007
 NOTĂ DE PREZENTARE

Acest curriculum este adresat elevilor din clasa a XI-a profil tehnic având
specializarea matematică-informatică.
Disciplina WEB DESIGN face parte din curriculum la decizia şcolii ce se
studiază 1 oră/săptămână, pe parcursul unui an de studiu folosind aplicaţia
DREAMWEAVER.
Prin WEB DESIGN sau WEBDESIGN se înţelege în general realizarea de
site-uri web, de la momentul conceperii structurii şi interfeţei grafice şi până la
finalizarea programării şi introducerea propriu-zisă a datelor - imagini, text,
fişiere şi alte elemente - care alcătuiesc conţinutul site-ului.
În prezent preocuparea pentru aspectul grafic al site-urilor, devenite
puternice instrumente publicitare şi comerciale, justifică în întregime denumirea
de WEB DESIGN, iar tehnologiile utilizate s-au diversificat şi au devenit din ce în
ce mai complexe. Firmele care produc site-uri lucrează cu angajaţi specializaţi
pentru fiecare etapă a dezvoltării unui site, de la stadiul de concepţie grafică la
programare şi editare de conţinut pentru SEO (optimizarea site-urilor pentru
motoarele de căutare).
Dreamweaver (ţesătorul de vise) a fost creat de Macromedia (acum Adobe
Systems) şi momentan a ajuns la versiunea 8. Primele versiuni ale produsului
serveau doar ca simple editoare HTML de tipul WYSIWYG1 dar în versiunile
recente au fost implementate funcţii de editare avansate şi suport pentru alte
tehnologii web cum ar fi CSS, JavaScript etc.
Dreamweaver s-a bucurat de un larg succes încă de la sfârşitul anilor '90
şi momentan deţine aproximativ 80% din piaţa editoarelor HTML. Produsul poate
fi rulat pe variate platforme software: Mac, Windows, dar suportă în acelaşi timp
şi platforme UNIX cu ajutorul unor emulatoare software, cum ar fi Wine.
Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde detaliile de
implementare a paginilor HTML, făcând astfel posibilă crearea cu uşurinţă a
paginilor web de către utilizatorii neexperimentaţi.
Dreamweaver permite folosirea majorităţii browserelor instalate pe
calculatorul utilizatorului, pentru a previzualiza site-ului web creat. De asemenea
conţine şi câteva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a
găsi şi modifica un paragraf sau o linie de cod, în întregul site, pe baza oricăror
parametri specificaţi de către utilizator. Cu ajutorul panourilor de stare se poate
crea cod JavaScript fără a avea cunoştinţe de programare.
Conţine utilitare de generare dinamică a conţinutului şi suport pentru
conectarea la baze de date (cum ar fi MySQL şi Microsoft Access) pentru a filtra
şi afişa conţinutul folosind script-uri de genul PHP, ColdFusion, Active Server
Pages (ASP) şi ASP.NET, fără a avea nevoie de o prealabilă experienţă în
programare. Arhitectura sa este extensibilă. Extensiile, aşa cum sunt ele
1
Abreviere de la what you see is what you get – un tip de interfaţă care asigură identificarea între aspectul
pe ecran al datelor finite şi modul de prezentare a acestora pe un anumit suport informaţional.
cunoscute, sunt mici programe, pe care orice dezvoltator le poate scrie (de obicei
în HTML şi JavaScript) şi pe care oricine le poate descărca şi instala, acestea
aducând un spor de performanţă şi funcţionalitate îmbunătăţită programului.

COMPETENŢE SPECIFICE ŞI CONŢINUTURI

Competenţe
Conţinuturi tematice
specifice
 Interfaţa Dreamweaver .
1. Explicarea interfeţei  Realizarea paginilor Web având
Dreamweaver şi - doar text
adăugarea obiectelor - legături peste legături (hiperlegături, adrese URL,
grafice şi multimedia ancore şi legături pentru e-mail)
în paginile Web - imagini
- fişiere multimedia.
 Afişarea datelor cu ajutorul tabelelor.
 Crearea unui tabel pentru a facilita machetarea paginii
2. Machetarea şi  Utilizarea:
proiectarea cu - HTML-ului dinamic
Dreamweaver. - straturilor.
- foilor de stil în cascadă
- cadrelor şi seturilor de cadre.
3. Inserţia scripturilor  Inserarea funcţionalităţii bazate pe scripturi cu ajutorul
şi a acţiunilor comportărilor
Dreamweaver în  Adăugarea comportărilor avansate (straturi de tragere)
paginile Web  Realizarea animaţiilor cu diacrone
4. Colectarea datelor  Crearea formularelor pentru:
de la utilizatori cu - colectarea datelor
ajutorul formularelor - expedierea datelor
5. Realizarea unui  Folosind fereastra Site creaţi un proiect şi îl gestionaţi.
proiect  Asigurarea compatibilităţii sitului cu diferite browsere.

NOTĂ BIBLIOGRAFICĂ:

1. Betsy Bruce – Macromedia DreamWeaver, Editura Teora,

Bucureşti, 2001
2. Curs multimedia – Web design cu Macromedia Dreamweaver,
ISA Multimedia
3. Tarin Towers – Macromedia Dreamweaver Mx, Editura Teora,
Bucureşti, 2003
4. Janine Warner, Paul Vachier - Dreamweaver 4 pentru … Amici,
Editura Tehnică, Bucureşti, 2003
 VALORI ŞI ATITUDINI

1. Cunoaşterea şi utilizarea conceptelor specifice web design-ului

2. Exprimarea unui mod de gândire creativ, în structurarea şi
rezolvarea sarcinilor de lucru
3. Manifestarea unor atitudini favorabile faţă de ştiinţă şi de
cunoaştere în general
4. Manifestarea disponibilităţii de a evalua/autoevalua activităţi
practice
5. Manifestarea iniţiativei şi disponibilităţii de a aborda sarcini
variate
6. Formarea şi dezvoltarea capacităţii de a comunica utilizând
mijloacele specifice unui sistem informaţional.

SUGESTII METODOLOGICE

Predarea-învăţarea disciplinei WEB DESIGN va fi orientată pe rezolvarea

unor sarcini de lucru, utilizându-se preponderent metoda învăţării şi a formării
deprinderilor prin rezolvarea unei game cât mai variate de aplicaţii practice şi
punându-se accent pe realizarea cu exactitate şi la timp a cerinţelor sarcinilor de
lucru. Locul de desfăşurare a instruirii este laboratorul de informatică în care sunt
un număr de calculatoare egal cu numărul elevilor din clasă, conectate în reţea şi
cu acces la internet precum şi un videoproiector.

Specificul disciplinei impune metode didactice interactive, recomandând cu

precădere aplicaţiile practice individuale, metoda descoperirii, a demonstraţiei,
conversaţia euristică.

Pentru a evita disfuncţiile provocate de eventualele erori ale elevilor pe

parcursul instruirii, este necesar ca profesorul să urmărească strict fiecare elev,
ceea ce presupune recurgerea la un sistem ordonat de prezentare, pas cu pas,
în ritm impus, a facilităţilor unui program. După aceea, ritmul de instruire poate
diferi în funcţie de particularităţile fiecărui elev. Pregătirea în laboratorul de
informatică are o specificitate care se bazează, în principal, pe realizarea etapă
cu etapă, de către fiecare elev, a instrucţiunilor profesorului: nerespectarea
acestei cerinţe conduce la „pauze” nedorite pentru a realiza reconstituirea
simultaneităţii acţiunilor.

Aplicaţiile prezentate efectiv elevilor, cu care aceştia vor lucra, trebuie să

aibă ca obiect, pe cât posibil, probleme concrete ale activităţilor productive din
domeniul de activitate pentru a sublinia avantajele utilizării sistemelor
informatice. Achiziţia treptată a cunoştinţelor şi deprinderilor poate fi stimulată
printr-o prezentare atractivă şi motivantă a programelor.

Rezultatul sarcinilor de lucru trebuie să aibă un mod de prezentare adecvat

atât din punct de vedere ştiinţific cât şi al interfeţei grafice cu utilizatorul.
În toate situaţiile evaluarea se face prin lucrări practice, proiecte realizate
individual sau în echipă, în conformitate cu nivelurile de competenţă.
Predarea cursului va fi orientată pe realizarea de pagini web, utilizându-se
preponderent metode activ-participative şi punându-se accent pe analiza
anterioara a modalităţilor de realizare. Pentru buna desfăşurare a orelor şi
aplicarea programei se sugerează următoarele activităţi de învăţare:
 familiarizarea elevului cu fereastra aplicaţiei, personalizând-o în funcţie de
nevoile fiecăruia;
 activităţi de formare a deprinderilor instalare a aplicaţiei şi de configurare a
proprietăţilor unei pagini web;
 descrierea detaliată a etapelor creării sau modificării unui site;
 crearea sau modificarea tabelelor, stabilirea proprietăţilor lor şi opţiuni de
formatare a rândurilor, coloanelor şi celulelor – compararea lui cu definirea
lui in cod HTML;
 familiarizarea elevului cu inserarea de text, imagini şi hiperlegături, maparea
unei imagini, crearea şi prelucrarea formularelor;
 evidenţierea greşelilor tipice în elaborarea paginilor;
 încurajarea discuţiilor purtate între elevi, exprimarea şi ascultarea părerilor
fiecăruia.
 exersarea creării unor pagini care să prezinte informaţii întâlnite de elevi în
studiul altor discipline şcolare sau în viaţa cotidiană.