Atestat Educatia Timpurie

Liceul ,,Simion Stolnicu Comarnic
Lucrare pentru atestarea

competenelor
profesionale
Specializare: Matematic- Informatic
Tema:
Educaia timpurie
Profesor coordonator: Peticil Elena

Elev : Blnic Alina
Mai 2014
Cuprins
1.Argument..3
2.Fundamente teoretice..4
3.Descrierea aplicaiei.7
4.Codul surs..12
5.Bibliografie..19
Argumentul
Tema atestatului este Educaia timpurie.

Am ales aceast tem deoarece consider c educaia copiilor este primordial n viaa fiecruia dintre
noi.
Cei apte ani de-acas reies din activitile viitorului tnr.
Fiecare dintre noi trebuie s ne ngrijim de copii din jurul nostru, s ncercm s-i nelegem, s-i
sprijinim i s le oferim un exemplu demn de urmat.
Un alt argument pentru care am ales aceasta tema este faptul ca imi doresc sa urmez o cariera in
educatia copiilor fiind singurul domeniu care inca din copilarie ma pasioneaza .
Fundamente teoretice
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor
web ce pot fi afiate ntr-un browser (sau navigator). Scopul HTML este mai degrab prezentarea
informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii documentului.
HTML apare n anul 1989 la CERN(Centrul European de Cercetari Nucleare de la Geneva) , iar
dezvoltatorul initial este Tim Berners-Lee. Scopul acestuia a fost facilitarea accesului rapid la
informaiile tehnice cuprinse n manualele de utilizare a calculatoarelor.
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura pagin,
utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel
de software fiind browserul web. HTML furnizeaz mijloacele prin care coninutul unui document
poate fi adnotat cu diverse tipuri de metadate i indicaii de redare. Indicaiile de redare pot varia de la
decoraiuni minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau
c o imagine trebuie introdus, pn la scripturi sofisticate, hri de imagini i formulare. Metadatele
pot include informaii despre titlul i autorul documentului, informaii structurale despre cum este
mprit documentul n diferite segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit
ca documentul s poat fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).
HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor de text
simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de HTML i este
consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver,
Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemntor cu documetele
Word, dar cu observaia c aceste programe genereaz un cod HTML care este de multe ori de proast
calitate.
Componenta unui document HTML este:

1. versiunea HTML a documentului ;
2. zona head cu etichetele <head></head> ;
3. zona body cu etichetele <body></body> sau <frameset></frameset> .
<!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.01
Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Pagina
personala
</head>
<body>
................
</body>
</html>
lui
Ion!</title>
Web Page Maker este un editor HTML cu o interfat grafic, care permite crearea de
pagini web fr a cunoate sintaxa HTML.
Cu Web Page Maker putem aduga toate elementele pe care le poate conine o pagin web : imagini ,
sunete , tabele , linkuri , flash , video , iframe , javascript , butoane i aa mai departe .
Web Page Maker face parte din categoria de programe pentru fcut saituri , WYSIWYG(what you see
is what you get) ,n traducere , ceea ce vezi e cea ce obii .Web Page Maker suport i funcia drag and
drop pentru imagini , deci putem trage cu mausul imaginea direct n program .
Pe lng astea , programul permite utilizarea foilor de stil n cascad , adic CSS , pentru modul n care
vor fii afiate elementele ntr-o pagina web .Un alt lucru destul de folositor este includerea unor
template-uri predefinite , adic site-uri web gata construite , singurul lucru care trebuie s l facem este
s le adaptm cerinelor noastre .Cnd am terminat structura site-ului web, nu rmne dect salvarea i
publicarea lui .Putem salva proiectul ntr-un fiier .wss , sau l putem exporta n fiiere .html .
Tot cu Web Page Maker putem uploada prin ftp coninutul site-ului , pe un host , sau dac dorim chiar
pe calculatorul personal , dac l folosim ca server web .Dac nainte de a publica site-ul web , dorim s
l vizualizam , Web Page Maker dispune de o opiune , prin care putem ncrca site-ul ntr-un browser ,
pentru o previzualizare.
PREZENTARE SITE
Prima pagin a site-ului este denumit index.html.

n prima pagin a site-ului este introdus un motto, folosind funcia de adugare text
Din prima pagin se poate naviga i n paginile secundare. Acest lucru este posibil cu ajutorul meniului.
Fiecare buton duce ctre paginile secundare ale site-ului.
Pentru a nu se aglomera meniul principal, unele pagini secundare sunt accesate din subcategoria
meniului principal.
Aadar, din pagina Importana prinilor se poate accesa 2 pagini secundare ale paginii.
n pagina Moduri de a educa un copil sunt prezentate sfaturi i indicaii pentru prini
10
n paginile unde sunt prezentate informaii despre educaia copiilor, au fost adugate imagini sugestive.
Codul Surs
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Acasa - Educatia timpurie</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.wpmd
{font-size:
13px;font-family:
Arial,Helvetica,Sans-Serif;font-style:
normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!-function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//-->
</script>
<script language="javascript" type="text/javascript">
<!-function MM_swapImgRestore() {
var
i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
12
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i]
[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var
i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new
Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
div#container
{
position:relative;
width: 1041px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
body {text-align:center;margin:0}
</style>
</head>
<body
background="images/Creativity-Flow-People-Education-Design-Backgrounds.jpg"
bgProperties="fixed"
style="background-attachment:fixed;background-repeat:norepeat;">
<div id="container">
<div id="shape2" style="position:absolute; overflow:hidden; left:460px; top:387px;
width:521px; height:270px; z-index:0"><img border=0 width="100%" height="100%"
alt="" src="images/shape913745562.gif"></div>
<div id="shape1" style="position:absolute; overflow:hidden; left:89px; top:343px;
width:852px; height:35px; z-index:1"><img border=0 width="100%" height="100%"
alt="" src="images/shape913434656.gif"></div>
<div id="image1" style="position:absolute; overflow:hidden; left:115px; top:13px;
width:810px;
height:271px;
z-index:2"><img
src="images/Education
Wallpapers
(8).jpg" alt="" title="" border=0 width=810 height=271></div>
<div id="nav10d" style="position:absolute; left:58px; top:305px; z-index:3"><a
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav10','','images/nav9131146870a.gif',1)"
href="index.html"><img
name="nav10"
onLoad="MM_preloadImages('images/nav9131146870a.gif')"
alt=""
border=0
src="images/nav9131146870i.gif"></a></div>
13
href="importanta-parintilor.html"><img
name="nav11"
alt=""
border=0
onMouseOver="MM_swapImage('nav12','','images/nav9131146872a.gif',1)" href="moduride-a-educa-un-copil.html"><img
name="nav12"
alt=""
border=0
href="violenta-nu-e-o-solutie.html"><img
name="nav13"
alt=""
border=0
href="impactul-copilariei-asupra-viitorului-tanar.html"><img
name="nav14"
alt=""
border=0
<div id="text1" style="position:absolute; overflow:hidden; left:101px; top:350px;
width:838px; height:31px; z-index:4">
<div class="wpmd">
<div><font face="Times New Roman" class="ws14"><B><I>"Educatia este ceea ce
supravietuieste dupa ce tot ce a fost invatat a fost uitat."</I></B></font><font
face="Times New Roman" class="ws14"> - Burrhus Frederic Skinner</font></div>
</div></div>
<div id="text2" style="position:absolute; overflow:hidden; left:467px; top:387px;
width:476px; height:266px; z-index:5">
<div class="wpmd">
<div align=justify><font face="Times New Roman" class="ws14"><I>
Educatia timpurie reprezinta totalitatea experientelor individual realizate si
social existente sau organizate, de care beneficiaza copilul n primii ani de
viata, cu rol de a proteja, creste si dezvolta fiinta umana cu capacitati si
achizitii fizice, psihice, culturale specifice, cu identitate si demnitate proprie.
</I></font></div>
<div
align=justify><font
face="Times
New
Roman"
class="ws14"><I><BR></I></font></div>
Aceasta reprezinta nceputul educatiei si autoeducatiei continue. Ea asigura
fundamentele dezvoltarii fizice si psihice sanatoase, ale dezvoltarii sociale,
spirituale si culturale complexe. </I></font></div>
Ceea ce nvata copiii n primii ani reprezinta mai mult de jumatate dect vor
nvata tot restul vietii.</I></font></div>
</div></div>
<div id="image2" style="position:absolute; overflow:hidden; left:89px; top:390px;
width:371px; height:247px; z-index:6"><img src="images/FreeGreatPicture.com-29969students-face.jpg" alt="" title="" border=0 width=371 height=247></div>
</div>
</body>
</html>
BIBLIOGRAFIE
14
ro.wikipedia.ro
www.google.ro
http://www.pampers.ro/rolul-parintilor-si-disciplina-in-viata-copiilor
http://gina701.blogspot.ro/2011/10/educatia-timpurie-o-sansa-pentru.html
Parintele Perfect, publicat in 2006 de Editura Business Tech
15

Atestat Educatia Timpurie

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Atestat Educatia Timpurie

Enviado por

Direitos autorais:

Formatos disponíveis

Liceul ,,Simion Stolnicu Comarnic

Lucrare pentru atestarea

Profesor coordonator: Peticil Elena

Tema atestatului este Educaia timpurie.

Componenta unui document HTML este:

Prima pagin a site-ului este denumit index.html.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

Você também pode gostar