Documente Academic
Documente Profesional
Documente Cultură
Mai 2014
Cuprins
1.Argument..3
2.Fundamente teoretice..4
3.Descrierea aplicaiei.7
4.Codul surs..12
5.Bibliografie..19
Argumentul
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 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:
2.
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
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
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
BIBLIOGRAFIE
ro.wikipedia.ro
www.google.ro
www.youtube.com
Dansul in secolul XX, aparut in 2011 de Editura Art
15
16