Proiect

Realizarea unei pagini Web

Pop Maria-Monica

FLEXFORM - proiect destinat elaborrii i implementrii unui program de formare profesional flexibil, pe platforme mecatronice, a personalului didactic din nvmnt.

Cuprins

Introducere3Coninutul educaional4Realizarea de pagini Web.4Etapele realizrii site-ului4Planificarea site-ului conine urmtoarele etape4Design-ul site-ului5Implementarea site-ului6Testarea site-ului7Publicarea site-ului7Optimizarea pentru motoarele de cutare7Lista activitilor elevilor8Direcii de aciune8Activitile elevilor8Evaluarea elevilor i a activitii9Notie pentru cadrul didactic10Fia de lucru a elevului12Unitatea de nvare: Crearea unei pagini Web.14Evaluarea activitii grupului16Bibliografie17

Introducere Disciplina la care se aplic tema integratoare este Tehnologia Informaiei i a Comunicaiilor. Crearea de soft, sau n particular de pagini Web cu coninut divers presupune creativitate i expresie din partea proiectantului.Crearea de pagini Web se poate preta la orice disciplin i astfel reiese caracterul interdisciplinar, paginile pot conine informaii despre literatur romn sau strin, tiine (matematic, fizic, chimie, biologie) etc., altfel spus toate domeniile de activitate.Consta in investigarea unui subiect interesant pentru elevi. utilizarea Informaticii i TIC n mod creativ i inteligent competenele dobndite = punct de plecare pentru nvarea continu de-a lungul ntregii viei. Fenomen complex i multidimensional, creativitatea constituie n prezent obiect de cercetare pentru mai multe tiine: sociologie, psihologie, tiinele educaiei, filosofie, economie, filologie, estetic, art. n definiiile prezentate n literatura de specialitate accentul este pus, uneori, pe: produsul creator; procesul creator; persoana creatoare.Orice persoan dispune de un potenial creativ i fiecare dintre structurile psihice poate pune n eviden unul sau mai multe aspecte ale acestui proces.Creativitatea se poate manifesta n orice domeniu al activitii omeneti: n tiin; n art; tehnic; n activitate de organizare i conducere; n activitatea didactic; n educaie fizic i sport.Printre cele mai importante atitudini (vectori) care susin procesul creativ i fr de care aptitudinile noastre creative pot stagna putem numi: ncredere n forele proprii; ndrzneala n gndire; iniiativ; perseveren n cutarea soluiilor; interesele cognitive i devotamentul fa de profesiunea aleas; atitudine activ n faa dificultilor; cutezana n abordarea noului; asumarea unui risc rezonabil; simul valorii i atitudinea valorizatoare; un grup de aptitudini direct creative ntre care receptivitatea fa de nou i cultivarea originalitii.Astfel crearea de pagini Web reprezint un proces creativ i unic n acelai timp. Elevii trebuie mai nti s i nsueasc noiunile limbajului Html i a unui editor Html.Locul de desfurare a activitilor de nvare se recomand a fi un laborator echipat cu tehnica de calcul. Este necesar s existe o dotare minimal care presupune un numr de staii de lucru egal cu numrul elevilor din clas, conectate n reea i conexiune Internet. Dinamica acestui domeniu, extrem de rapid, determin actualizarea permanent a produselor hard i soft prin prezentarea celor mai noi echipamente respectiv versiuni ale aplicaiilor, astfel nct absolvenilor s le fie mai uor s se adapteze evoluiilor ulterioare pe piaa muncii.Se vor promova metodele de predare-nvare activ-participative, care duc la rezolvarea problemei pus n discuie. Ca un argument n favoarea acestor metode se remarc urmtoarele avantaje: sunt centrate pe elev/cursant i activitate pun accent pe dezvoltarea gndirii, formarea aptitudinilor i a deprinderilor ncurajeaz participarea elevilor/cursanilor, iniiativa, implicarea i creativitatea determin un parteneriat profesor-elev/cursant prin realizarea unei comunicri multidirecionale.Se recomand renunarea la expunere i orientarea ctre metode bazate pe rezolvarea unor sarcini de lucru, utilizndu-se cu precdere rezolvarea unei game ct mai variate de aplicaii practice i punndu-se accent pe realizarea cu exactitate i la timp a cerinelor sarcinilor de lucru. Realizarea proiectelor n cadrul activitilor practice va urmri dezvoltarea abilitilor de lucru n echip.

Coninutul educaional

Realizarea de pagini Web.Elevii sunt implicai n dezvoltarea de aplicaii individuale i n grup.

Etapele realizrii site-uluin Romnia exist 12 milioane de utilizatori de internet, iar piaa serviciilor de internet din Romnia nregistreaz o expansiune continua. Pe msur ce din ce n ce mai muli oameni ncep s foloseasc internetul cu att internetul devine o pia mai mare i mai interesant pentru desfacerea produselor/serviciilor dumneavoastr. Investiia n un site este o investiie necostisitoare care poate s v aduc clieni, poteniali angajai, parteneri de afaceri, sau chiar investitori.Un site trebuie considerat ca un proiect i trebuie tratat ca atare. Putei vedea n continuare etapele pentru crearea unui site.

Planificarea site-ului conine urmtoarele etape1. Stabilirea audienei2. Stabilirea scopului3. Definirea obiectivelor4. Colectarea informaiilor despre subiectul prezentat5. Stabilirea specificaiilor6. Stabilirea modului de prezentare

Design-ul site-uluiOdat parcurs etapa de planificare, avnd clare audiena, scopul, obiectivele i specificaiile site-ului, se trece la etapa de creare efectiv.n faza de concepere a designului principalul obiectiv este s creem un aspect atractiv i s oferim vizitatorului site-ului un sentiment de satisfacie, pe msur ce acesta parcurge paginile. Designul unui site trebuie s echilibreze performanele browserului, cu estetica i funcionalitatea site-ului. n etapa de design sunt luate deciziile de ordin practic care vor conduce la ndeplinirea obiectivelor stabilite: cte imagini sau elemente grafice vei include n pagin, ct de mult text vor conine paginile, ce texte sau imagini vor fi folosite drept legturi.

Dac dorii ca site-ul dumneavoastr s fie:1. Eficace2. Util3. De succes

Acesta va trebui s fie: Uor de gsit Interesant S poat fi uor de utilizat Bine structurat Atrgtor vizual

Implementarea site-uluiAceast etap reprezint urmeaz dup acceptarea de ctre dumneavoastr a design-ului propus de noi i reprezint introducerea textului n pagini, crearea navigaiei n site, crearea legturilor ntre pagini, crearea diferitelor formulare i procesarea rezultatelor acestora.n aceast etap se face i traducerea site-ului n diferitele limbi n care va fi acesta disponibil. Dup intrarea n UE reprezentai ai diferitelor firme internaionale au ajuns n Romnia. Disponibilitatea site-ului n mai multe limbi poate aduce i clieni internaionali sau poate oferi produsele i serviciile dumneavoastr i strinilor care se afla n ara noastr. Pentru o cerere de oferta pentru traducerea site-ului de ctre unul dintre partenerii notri apsai aici.n aceast etap toate elementele grafice ale site-ului se definitiveaz, toate pozele sunt puse la locul lor, galeriile de poze sunt create, filmele i alte elemente sunt puse n pagina.

(Sursa:http://www.seomoz.org/blog/diagrams-for-solving-crawl-priority-indexation-issues)

Testarea site-uluiEtapa de design a site-ului se desfoar n strns legtur cu cea de implementare, de scriere a codului HTML pentru paginile care fac parte din site. Totui, procesul de creare a site-ului nu se poate considera ncheiat n momentul finalizrii tuturor documentelor HTML care l formeaz. Urmeaz o etap adesea tratat oarecum superficial, dei, ca i celelalte, este esenial pentru construirea unui site de calitate: etapa de testare.

Etapa de testare consta n corectarea tuturor greelilor ortografice i gramaticale din pgni, testarea a tuturor legturilor dintre paginile site-ului i verificarea validitii codului HTML pentru o mai bun idexare de motoarele de cutare.

Publicarea site-uluiAceast etap reprezint deschiderea site-ului la toat lumea, n principiu prin anunarea tuturor de faptul c site-ul exista i ce conine acesta. n cadrul acestei etape site-ul este nscris pe motoarele de cutare pentru c acestea s l analizeze i s l introduc n rezultatele cutrilor.

Optimizarea pentru motoarele de cutareIdeea este destul de simpl, cu ci mai muli vizitatori vei avea pe site, cu att produsele/serviciile dumneavoastr vor fi vizualizate de mai muli poteniali clieni, cu att vei vinde mai mult. Principalul beneficiu n optimizarea site-ului pentru motoarele de cutare sunt vizitatorii care sunt doritori de serviciile dumneavoastr, ei caut direct un produs/serviciu legat de domeniul dumneavoastr de activitate.Optimizarea pentru motoarele de cutare reprezint identificarea cuvintelor cheie pentru obiectul de activitate al site-ului i suit de modificri fcute site-ului pentru a ajunge n poziii de top pe motoarele de cutare astfel nct acesta s primeasc mai muli vizitatori.Un site nu este suficient s se afle pe internet pentru a fi gsit de ctre vizitatori, el trebuie s fie uor de gsit de ctre acetia. De asemenea vizitatorii trebuie s se afle n publicul int a site-ului, degeaba un site propune vizitatorilor cumprarea unei maini dac acetia vor s cumpere un calculator. Probabil c aceti vizitatori vor iei de pe site imediat dup ncrcarea primei pagini.

Exist i alte metode de aducere a vizitatorilor pe site, poi citi mai multe despre ele aici. n continuare putei vedea etapele urmate de noi n demersul optimizrii pentru motoarele de cutare, metoda pe care o considerm cea care reprezint cele mai mari beneficii cu cele mai mici resurse.

Lista activitilor elevilor utilizarea operaiilor de baz necesare realizrii unei pagini HTML folosirea elementelor de baz pentru inserarea n pagin a elementelor: text, imagine aplicarea operaiilor de baz necesare pentru realizarea unei pagini copiere. mutare. tergere enumerarea i aplicarea modalitilor de a realiza o hiperlegtur utilizarea tabelelor ntr-o pagin Web realizarea unor aplicaii practice transformarea documentelor text sau a prezentrilor PPT n pagini web

Direcii de aciune

Limbajul Html este studiat de elevi n clasa a IX-a ca ultim capitol, iar la liceele tehnologice n clasa a XII-a. Activitile de predare i coninuturile se pot concretiza ntr-un opional la clasele de liceu, innd cont i de interesul elevilor fa de Internet.

Activitile elevilor

Lecia propus abordeaz crearea unei pagini Web simple n care trebuie integrate att texte, imagini, legturi, tabele. Elevii sunt implicai n dezvoltarea de aplicaii individuale i n grup(proiecte). Utilizarea avansat a unei aplicaii specializate n proiectarea i realizarea unui document hipermedia Formatare text la nivel de caracter, paragraf, seciune Inserarea hiperlegturilor, listelor, tabelelor, imagini, secvene audio i video Tema proiectului (n funcie de specificul clasei i interesul elevilor) Reguli de lucru n echip Planul de lucru Culegerea datelor necesare Ierarhizarea informaiilor Realizarea i documentarea aplicaiei

Evaluarea elevilor i a activitii Susinerea proiectului realizat pe grupe sau a paginii web personale. Proiectul livreaz un produs sau un serviciu nou, unic, irepetabil.

Notie pentru cadrul didactic

Disciplina

Tehnologia Informaiei i Comunicaiilor

Nivelul clasei

Clasa omogen, elevii i-au nsuit noiunile limbajului Html i tiu s foloseasc un editor Html

Durata

4 ore de curs

Stadiul atins n ciclul nvrii[footnoteRef:1] [1: 1. antrenare, 2. explorare, 3. explicare, 4. elaborare, 5. evaluare]

elaborare

Obiectivele nvrii/ Competenele vizate

Tema proiectului (n funcie de specificul clasei i interesul elevilor) Reguli de lucru n echip Planul de lucru Culegerea datelor necesare Ierarhizarea informaiilor Realizarea i documentarea aplicaiei

Tipul de activitate [footnoteRef:2] [2: Tipuri de activiti propuse: a. Demonstraie interactiv, b. descoperire dirijat, c. investigaie/cercetare dirijat, d. Investigaie limitat, e. investigaie deschis, alte tipuri de activiti]

descoperire dirijat, investigaie/cercetare dirijat,investigaie deschis, colaborare interpersonal

Abilitile exersate de elevi

Utilizarea avansat a unei aplicaii specializate n proiectarea si realizarea unui document hypermedia HTML.

Tehnologia utilizat (dac este cazul)

Tehnologia vizeaz procesul de aplicare a cunotinelor prin intermediul unor instrumentemetode, mijloace, norme, etc., utilizate n domeniul produciei. dimensiunea material, tehnic, reprezentat calculatoare dimensiunea normativ, reprezentat prin norme i strategii de proiectare, organizare i valorificare a tehnicilor de realizare a proiectului ; dimensiune social, reprezentat prin abilitile capaciti, comportamente individuale i sociale, generate de folosirea tehnicilor promovate la nivel material i normativ.

Materiale utilizate/Informaii pentru elevi

Fie de lucru, reguli de realizare a proiectelor, reguli de munc n echip

Metodologia

Doar civa dintre noi acioneaz singuri n viaa de zi cu zi. Multe lucruri sunt fcute cu ajutorul su cu ideile celorlali. Proiectele de coal sunt o bun practic pentru liceu, facultate i via de zi cu zi, cnd probabil vei avea o slujb ce necesit colaborarea. Serios vorbind, proiectele pot fi amuzante i i pot da ansa s faci ceva mai bun i mai important dect ai putea s faci singur. Poi afla astfel mai multe lucruri, ntr-un timp mult mai scurt. Un alt punct forte este c i ofer oportunitatea de a interaciona cu persoane cu care nu intri n contact foarte des - de exemplu cel mai timid copil din clasa ta. De altfel n aceste lucrri pe echipe i poi pune n eviden abiliti de care nu eti foarte sigur. De pild: s ai un termen limit, s fii organizat i ncreztor, s lucrezi n condiii de stres. i dac ai emoii s vorbeti n public, aceasta poate fi ansa ta de afirmare.

Cronologie sugerat

Tema proiectului aleas de elevi Reguli de lucru n echip i planul de lucru Culegerea datelor necesare i ierarhizarea informaiilor Realizarea i documentarea aplicaiei

Sugestii i sfaturi

Se evalueaz fiecare etapa a proiectului i n final se evalueaz i proiectul. Nota va fi dat de media notelor sau a calificativelor obinute la toate etapele.

Evaluare

Proiectul propriu zis.Se ia n considerarea anexa cu evaluarea activitii de grup.

Fia de lucru a elevului

Introducere

Care sunt etapele de realizare a unei pagini Web (a unui site Web)?

Reflectare asupra ntrebrii directoare

n Romnia exista foarte muli utilizatori de internet, iar piaa serviciilor de internet din Romnia nregistreaz o expansiune continua. Pe msur ce din ce n ce mai muli oameni ncep s foloseasc internetul cu att internetul devine o pia mai mare i mai interesant pentru desfacerea produselor/serviciilor dumneavoastr. Investiia n un site este o investiie necostisitoare care poate s v aduc clieni, poteniali angajai, parteneri de afaceri, sau chiar investitori.Un site trebuie considerat c un proiect i trebuie tratat ca atare.

Materiale (dac exist)

http://www.realizaresite.ro/Etapele-realizarii-site-ului/http://www.w3schools.com/html/http://www.tutorialehtml.com/htmlt/intro.php

Msuri de securitate a activitii

Timp limitat nceputul i sfritul proiectului sunt bine delimitate Echipa de proiect se constituie n momentul apariiei ideii de proiect sau n momentul obinerii finanrii; n multe cazuri aduce mpreun persoane care nu au mai colaborat anterior, dar a cror pregtire i experien i pregtire ntr-un anumit domeniu le recomand pentru participarea n cadrul proiectului. Obiective precise, clar formulate Rezultate concrete, msurabile, unice proiectul livreaz un produs sau un serviciu nou, unic, irepetabil Plan riguros (stabilit nainte de implementarea efectiv a proiectului) Activiti interdependente, intercondiionate Resurse limitate

Activitatea propriu-zis

Tema proiectului (n funcie de specificul clasei i interesul elevilor) Reguli de lucru n echip Planul de lucru Culegerea datelor necesare Ierarhizarea informaiilor Realizarea i documentarea aplicaiei

Sugestii

Profesorul conduce i coordoneaz activitatea fiecrui grup, la fiecare etap grupul este evaluat

Analiza

Elevii sunt impulsionai atunci cnd li se cere prerea n realizarea unui produs informatic se simt activ implicai n realizarea aplicaiei. Sunt foarte atrai de colaborare i de exprimarea ideilor n realizarea activitilor practice.

Investigaii suplimentare

Tema de proiect pagin Web poate fi folosit ca evaluare final la orice materie.

Evaluare

Anexa cu evaluarea activitii de grup.

Unitatea de nvare: Crearea unei pagini Web.

Nr. crt.ConinuturiCompetene specificeActiviti de nvareResurseEvaluare

1.Lansarea editorului HTMLInterfaa editorului Utilizarea operaiilor de baz necesare realizrii unei pagini HTML - prezentarea interfeei editorului HTML;- calculatoare; - internet;- aplicaii practice;- teste de parcurs;

2.Inserarea i formatarea unui text: corp de liter, mrime, stil, culoare obinerea culorii legtura cu aplicaia Paint (Edit colors) i cu aplicaia Calculator Inserarea unei imagini modificarea proprietilor imaginii: poziionare, dimensiuni, ncadrare n text Formatarea unui fundal sau a unei temeFolosirea elementelor de baz pentru inserarea n pagin a elementelor: text, imagine- explicarea noiunilor de baz necesare realizrii unui document HTML evoluat care s cuprind toate elementele necesare;- calculatoare; - internet; - fie de lucru;- aplicaii practice;- teste de parcurs;- proiect;

3.Folosirea instrumentelor Copiere, Decupare, Lipire pentru a copia text, imagineAplicarea operaiilor de baz necesare pentru realizarea unei pagini copiere, mutare, tergere- utilizarea operaiilor de baz pentru realizarea unei pagini Web;- calculatoare; - aplicaii practice;

4.Realizarea unei legturi pe un textRealizarea unei legturi pe o imagineMaparea unei imaginiEnumerarea i aplicarea modalitilor de a realiza o hiper-legtur - explicarea noiunii de hiper-legtur i a modalitilor de realizare;- calculatoare; - internet;- aplicaii practice;- teste de parcurs;

5.Inserarea unui tabelFormatarea tabeluluiUtilizarea tabelelor ntr-o pagin WEB- realizarea i formatarea tabelelor;- calculatoare; - aplicaii practice;

6.Sugestii: ntocmirea unei pagini WEB personale, realizarea paginii clasei utiliznd paginile personaleModaliti de depozitare a paginilorRealizarea unor aplicaii practice- prezentarea unui proiect ce va trebui realizat de elevi pe baza noiunilor studiate;- calculatoare; - internet;- aplicaii practice;- teste finale;- proiect;

Evaluarea activitii grupului

Numele elevului evaluatData Evalurii

Nota FinalaProfesor

0 4

5 7

8 9

10

Evaluare

Contribuii la sarcinile grupului

Aleges nu participe nu afieazniciun motiv de ngrijorarepentrusarcini Participare inconsistent la grup Arat motive sporadice pentru sarcinile impuse Particip la grup de cele mai multe ori Arat interes pentru sarcini Particip activ ndeplinete toate sarcinile

Sarcinile personale

Nu realizeaz sarcinile atribuite Nu l intereseaz Particip sporadic la sarcini Particip sporadic la ntlniri Completeaz unele sarcini Particip aproape totdeauna la sarcini Particip aproape totdeauna la ntlniri Completeaz unele sarcini Ajut la realizarea sarcinilor Ajut la ntlniri ndeplinete toate sarcinile

Discuii

Nu discut Nu particip la discuiile de grup mprtete idei ocazional cu ceilali mprtete idei aproape totdeauna cu ceilali Cteodat ncurajeaz grupul mprtete idei totdeauna cu ceilali ncurajeaz grupul

Ascultare activ

Nu i ascult pe ceilali Nu ia n considerarea ideile altora i ascult pe ceilali ocazional i ascult pe ceilali aproape totdeauna Ia n considerarea ideile altora i ascult pe ceilali activ Ia n considerarea ideile altora

Contribuia la evaluarea grupului

Descurajeaz evaluarea de grup Particip de pe margine la evaluare ncurajeaz evaluarea grupului ncurajeazgruppentru a evaluact de binelucreazmpreun, precum ide auto-evaluare

Rezolvarea de probleme

Nu particip Ofer ocazional sugestii Ajut cteodat grupul Ofer unele sugestii la problemele de rezolvat Se implica n rezolvarea problemelor

Coeziune

Promoveaz fragmentarea grupului Nu particip la efortul grupului Lucreaz n majoritatea timpului Particip activ la grup

Total

Bibliografie

1. G.D.Mateescu, Bazele utilizrii calculatoarelor, Ed. Donaris Info, 2004 2. http://www.realizaresite.ro/Etapele-realizarii-site-ului/3. HTML Specifications http://www.w3schools.com/html/4. http://www.tutorialehtml.com/html/intro.php5. http://www.free-css-templates.com/

2