Sunteți pe pagina 1din 16

LiceuL ,,Simion StoLnicu Comarnic

Lucrare pentru atestarea competenelor


profesionale

Specializare: Matematic- Informatic

tema: Istoria dansului

Profesor coordonator: Peticil Elena


Elev : oan Raluca

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 Istoria dansului.


Am ales aceast tem deoarece dansul este una din pasiunile mele.
Momentan fac parte din grupul de dansatori ai Ansamblului Floricica din cadrul Clubului Copiilor,
Martha Bibescu Comarnic.
Consider c dansul demonstreaz ntr-un mod foarte plcut, tririle i sentimentele fiecruia dintre noi.
Dansul nseamn ritm, armonie, muzic. Stimuleaz creativitatea,
competitivitatea, solicit atenia, voina, mobilizeaz copilul pentru depirea
anumitor dificulti printr-o munc susinut.
Dansul nseamn sntate, abilitate, for, echilibru, finee i elegan n
micri, inut estetic.
Dansul prin exerciiu i micare, permite apariia i meninerea calitilor
corpului sntos i frumos, asigurnd echilibrul fizic i psihic

FUNDAMENTE TEORETICE

1. HyperText Markup Language (HTML)

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 faptuluic 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).
4

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 multeori de proast
calitate.
Componena 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>Paginapersonala!</title>
</head>
<body>
................
</body>
</html>

2.

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 Marquee

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 Istoric se poate accesa 2 pagini secundare ale paginii.

10

n pagina Stiluri de dans sunt prezentate fiecare stil de dans n parte. Paginile aferente stilurilor de
dans pot fi accesate att prin linkurile din partea stng, ct i prin imaginile cu dansuri sugestive.

n pagina galeriei foto, s-a introdus un slideshow flash. Acesta permite vizionarea fotografiilor ntr-un
mod interactiv.

11

Codul Surs
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Acasa - Istoria Dansului</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;}
12

.ws8 {font-size: 11px;}


.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.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++)
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() {
13

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: 1086px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
body {text-align:center;margin:0}
</style>
</head>
<body background="images/dance-floor-background-hdswirls-dj-dance-floor-lt-vectorlt-gallery-lt-desktop-wallpaper-k0gayrze.jpg"
bgProperties="fixed"
style="background-attachment:fixed;">
<div id="container">
<div id="image1" style="position:absolute; overflow:hidden; left:116px; top:9px;
width:850px; height:277px; z-index:0"><img src="images/dance2.jpg" alt="" title=""
border=0 width=850 height=277></div>
<div id="nav20d" style="position:absolute; left:116px; top:290px; z-index:1"><a
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav20','','images/nav2770300780a.gif',1)"
href="index.html"><img
name="nav20"
onLoad="MM_preloadImages('images/nav2770300780a.gif')"
alt=""
border=0
src="images/nav2770300780i.gif"></a></div>
<div id="nav21d" style="position:absolute; left:257px; top:290px; z-index:1"><a
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav21','','images/nav2770300781a.gif',1)"
href="istoric.html"><img
name="nav21"
onLoad="MM_preloadImages('images/nav2770300781a.gif')"
alt=""
border=0
src="images/nav2770300781i.gif"></a></div>
<div id="nav22d" style="position:absolute; left:398px; top:290px; z-index:1"><a
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav22','','images/nav2770300782a.gif',1)" href="stiluride-dans.html"><img
name="nav22"
onLoad="MM_preloadImages('images/nav2770300782a.gif')"
alt=""
border=0
src="images/nav2770300782i.gif"></a></div>
<div id="nav23d" style="position:absolute; left:539px; top:290px; z-index:1"><a
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('nav23','','images/nav2770300783a.gif',1)" href="galeriefoto-video.html"><img
name="nav23"
onLoad="MM_preloadImages('images/nav2770300783a.gif')"
alt=""
border=0
src="images/nav2770300783i.gif"></a></div>
<div
id="marquee1"
style="position:absolute;
overflow:hidden;
left:283px;
top:335px; width:517px; height:33px; z-index:2">
<marquee width="517" height="33">
<div class="wpmd">
<div><font face="Times New Roman" class="ws14"><B>Maimuta, cand a invatat sa cante
si sa danseze, a devenit om</B></font></div>
</div></marquee>
</div>
14

<div id="shape1" style="position:absolute; overflow:hidden; left:116px; top:364px;


width:854px; height:464px; z-index:3"><img border=0 width="100%" height="100%"
alt="" src="images/shape560934265.gif"></div>
<div id="text1" style="position:absolute; overflow:hidden; left:133px; top:372px;
width:818px; height:350px; z-index:4">
<div class="wpmd">
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp;
</font><font face="Times New Roman" class="ws12"><B>Afirmatia din titlul de mai sus
ii apartine coregrafului rus Serghei Iubashov, autorul unui interesant studiu
despre balet.</B></font></div>
<div align=justify><font face="Times New Roman" class="ws12"><BR></font></div>
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp; Sar putea sa nu fie departe de realitate, daca observam ca inceputurile dansului
izvorasc din acelasi punct preistoric cu inceputurile civilizatiei insasi.
Picturile rupestre aflate pe peretii pesterilor din Pirinei, din nordul Africii sau
Asia surprind grupuri de oameni goi, avand ca activitate de predilectie vanatoarea
si dansul.</font></div>
<div align=justify><font face="Times New Roman" class="ws12"><BR></font></div>
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp;
</font><font face="Times New Roman" class="ws12"><B>Muzica este mai veche decat
piramidele si hieroglifele</B></font></div>
<div align=justify><font face="Times New Roman" class="ws12"><BR></font></div>
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp; Nu
incape tagada ca dansul primitiv era insotit de muzica si, impreuna, ii fascinau pe
participanti, ii incantau pe privitori si ii intimidau pe dusmani, poate cu
zgomotul, poate cu miscarea incitanta.</font></div>
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp;
Este greu sa intuiesti inceputul dansului si al muzicii, dar ambele se pierd
departe in timp, inainte de civilizatia piramidelor, a hieroglifelor, a
cuneiformelor sau a primilor corabieri.</font></div>
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp;
Artele au fost intotdeauna marcate de evenimente. Mesajul dansului privea etapele
vietii omului, perioadele de vegetatie sau intamplarile din vatra tribului:
nasterea, confirmarea unui nou membru, momentul adolescentei, al maturizarii,
casatoriei, nasterea copiilor sau momentul decesului - nimic nu scapa ritualului,
pentru fiecare moment exista muzica si dansul adecvat.</font></div>
<div align=justify><font face="Times New Roman" class="ws12">&nbsp;&nbsp;&nbsp; La
multe popoare, ziua maturizarii fetelor, acel moment cand fata devine nubila, nu
era motiv de rusine, ci, dimpotriva, se sarbatorea cu muzica si, uneori, legitima
prin ritual dreptul fetelor de a-si face o familie.</font></div>
</div></div>
</div>
</body>
</html>

BIBLIOGRAFIE
ro.wikipedia.ro
www.google.ro
www.youtube.com
Dansul in secolul XX, aparut in 2011 de Editura Art
15

16

S-ar putea să vă placă și