Sunteți pe pagina 1din 17

Colegiul Național “Mihai Eminescu”Botoşani

LUCRARE DE
ATESTAT PROFESIONAL

Nume elev: Profesor coordonator:


Gireada Răzvan – Ioan Oltean Ștefan

~ 2018 ~
Colegiul Național “Mihai Eminescu”Botoşani
Specializarea Matematică – Informatică, intensiv Informatică
Clasa a XII – a

Tema lucrării:

Pagina Web: Egiptul Antic

Nume elev: Profesor coordonator:


Gireada Răzvan – Ioan Oltean Ștefan

~ 2018 ~

2
Cuprins:

1. Introducere

2. Tema lucrării

3. Cerinţe de sistem

3.1. Cerinţe hard

3.2. Cerinţe soft

4. Programe utilizate

5. Prezentarea în ansamblu a aplicaţiei

6. Prezentarea în detaliu a aplicaţiei

7. Despre autor

8. Bibliografie

9. Coduri sursă

3
1. Introducere

Pe Valea Nilului, strânsă între maluri înalte şi stâncoase, s-a făurit, cu multe
milenii înaintea erei noastre o veche civilizaţie a lumii mediteraniene, aceea a
Egiptului Antic. Ea ne înfăţişează cel mai vechi stat din lume, anterior tuturor
celorlalte, înzestrat cu o administraţie, o fiscalitate, o justiţie şi o armată comparabile
cu cele ce-au luat naştere mai apoi în ţările de pe toate continentele, înainte şi după
era noastră. Dar lumea Egiptului antic a zămislit o cultură spirituală scânteietoare pe
care o admirau grecii vechi şi romanii care se minunau precum fac azi mulţimile de
turişti, să contemple templele, piramidele sau obeliscurile înălţate de faraoni şi supuşii
lor.
Nu numai arta egipteană şi monumentele colosale au atras prin frumuseţea tainică
şi prin splendoarea lor enigmatică pe grecii vechi şi pe romani ca şi pe noi cei de azi ;
călătorii veneau să găsească mai cu seamă cultura egipteană, "înţelepciunea
egipteană" pe care au cunoscut-o Thales, Pitagora, Herodot, Platon, Solon, Licurg sau
Plutarh.
din lume - trebuie considerată ca impusă de necesitatea imperioasă a coordonării
pe întreg spatiul Văii Nilului, a sistemului de irigaţii şi îndiguiri care aveau să
domolească furia inundaţiilor anuale ale fluviului şi să le facă folositoare agriculturii.
Popoarele primitive, care locuiau în regiunile aflate de o parte şi de alta a Văii Nilului,
în deşerturile arabice şi libice dar şi cele ce erau în Nubia, putea invada şi jefui
ţinuturile bogate ale Egiptului.
Aceşti factori au impus în mod stringent constituirea statului egiptean (mai întâi
două state, apoi unul singur). Amândouă regatele au avut de fapt o autonomie în tot
timpul domniei faraonilor - prin particularităţile, păstrate cu grijă, ale regimului lor şi
prin administraţiile separate. Legătura dintre aceste două regate autonome a fost
totdeauna faraonul, care era şi rege al sudului şi al nordului. Dealtfel la moartea lor,
faraonii din imperiul vechi aveau două morminte dintre care unul nu conţinea mumia
defunctului rege,deci era cenotaf - dar exista un mormânt pentru Egiptul de Sud şi
unul pentru Egiptul de Nord pentru acelaşi faraon. De câte ori se produceau răscoale,
răzmeriţe sau invazii străine, Egiptul avea tendinţa foarte netă să se despartă iarăşi în
cele două regate care renăşteau fiecare sub alt faraon.

4
2. Tema lucrării

Aplicaţia se numeşte: Pagina Web: Egiptul antic. Site – ul această lume atât de
fascinantă, cu o cultură spirituală deosebită .

3. Cerinţe de sistem

3.1. Cerinţe hard

Pentru a rula corespunzător, aplicaţia are nevoie de minim:

Procesor - 800 MHz


Memorie RAM - 64 Mb
Unitate optică - CD-Rom
Placă video - 32 Mb

Sistemul optim recomandat şi pe care aplicaţia a fost realizată este:

Procesor - 2200MHz
Memorie RAM - 512 Mb
Unitate optică - CD-Rom
Placă video - 64 Mb

3.2 Cerinţe soft

Pentru ca aplicaţia să ruleze este nevoie de un browser de Internet. Aplicaţia a


fost testată şi rulează cu succes pe Internet Explorer v. 6.0 şi Opera v. 7. Aplicaţia nu
a fost testată pe Netscape Navigator. Nu este necesară instalarea unor programe de
Flash. Versiunea minimă recomandată a browserului este Internet Explorer v. 4.0.

5
4. Programe utilizate

La realizarea acestui site s-au folosit următoarele programe:


- Macromedia Dreamweaver MX 2004, v. 7 şi HTML Kit pentru realizarea
paginilor;
- Paint şi Microsoft Photo Editor pentru prelucrarea imaginilor;
- Notepad pentru prelucrarea textului.

5. Prezentarea în ansamblu a aplicaţiei

Pagina principală a site – ului se numeşte index.htm şi a fost creată utilizând un


şablon, descărcat gratuit de pe Internet.
Este împărţită în: header (antetul), zona de legături la paginile site - ului, aflată în
partea din stânga, zona principală. În zona principală se găseşte o hartă cu legături
la paginile site – ului.

6
Site – ul conţine 25 de pagini html, legate între ele prin hyperlinkuri.
Structura paginilor este asemănătoare, informaţia conţinută deschizându – se în
zona principală a ferestrei.

6. Prezentarea în detaliu a aplicaţiei

Din pagina de start se vor deschide următoarele categorii de pagini:

A. Viaţa – pagină ce descrie modul în care se desfăşura viaţa de zi cu zi a


egiptenilor, prezentând viaţa unui nobil în paralel cu viaţa unui simplu
fermier. Pentru a reveni la pagina principală există butonul Home.

B. Geografia – pagina prezintă poziţionarea geografică a Egiptului. Ne oferă


printr – o legătură şi câteva hărţi ale Egiptului din acea perioadă. Şi pe
această pagină, butonul Home ne duce la pagina de start a site – ului.

7
C. Mumificarea – detalii interesante despre modul în care erau îngropaţi
morţii în perioada Egiptului Antic, ce ritualuri trebuiau să aibă loc. Cele
două butoane, îmbălsămarea şi înfăşarea prezintă modul în care aceste
ritualuri erau executate.

D. Faraoni - o poveste interesantă despre faraoni, marii împăraţi ai


Egiptului şi modul în care aceştia erau veneraţi de poporul de rând.

8
E. Piramide – poate cele mai cunoscute urme ale Egiptului, ele rezistă şi în
zilele noastre, fiind considerate minuni ale lumii antice. Piramidele sunt
locuri pline de enigme, în care au fost înmormântaţi faraonii.

F. Temple – locuri de rugăciune ale vremii, sunt construcţii gigantice şi


impresionante prin detaliile arhitecturii.

G. Timpul - prezintă evoluţia poporului egiptean, de la crearea sa. Un


calendar istoric a fost realizat, având ca repere cele mai importante
evenimente.

9
H. Meserii – prezintă metodele prin care egiptenii îşi câştigau existenţa. Cei
mai mulţi se ocupau cu tâmplăria şi cu confecţionarea de podoabe.

I. Scrisul - e cunoscut modul în care egiptenii din antichitate foloseau


scrisul, dar mai ales enigmele care au rămas, în încercarea de a le descifra.

10
J. Contact – date despre creatorul site – ului.

11
7. Despre autor

Site – ul a fost realizat de Răzvan – Ioan Gireadă, clasa a XII – a , a Colegiului


Național „Mihai Eminescu” Botoşani, specializarea Matematică – Informatică.
Lucrarea a fost îndrumată de prof. Oltean Ștefan.

8. Bibliografie

a) HTML, XHTML, CSS si XML prin exemple - ghid practic - Teodoru


Gugoiu, Editura Teora
b) HTML PENTRU WORLD WIDE WEB - Elizabeth Castro, Editura Corint
c) Macromedia dreamweaver 8 . Pregatire direct de la sursa - Khristine
Annwn Page, Editura Bic ALL
d) M Andrei Homorodean, Irina Iosupescu Internet şi pagini Web, Editura
Niculescu, Bucuresti, 2003
e) Emanuela Cerchez - Internet, Editura Polirom, Iasi, 2000
f) Tudor Sorin, Vlad Hutanu - Crearea şi programarea paginilor Web,
Editura L&S Soft, Bucuresti, 2003
g) Mihaela Brut,Sabin Buraga - Prezentări multimedia pe Web
h) www.macromedia.com

9. Coduri sursă

Prezentăm codul sursă câtorva pagini, pentru vizualizarea principalelor


instrumente şi etichete utilizate.

Index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Egiptul Antic</title>

12
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
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() { //v3.0


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) { //v4.01


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() { //v3.0


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>

13
</head>
<body onload="MM_preloadImages('images/1on.jpg')">
<div id="header">
<h1><a href="#">EGIPTUL ANTIC </a></h1>
<h2><a href="#">by Razvan – Ioan Gireada </a></h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu">
<ul>
<li><a href="Viata/viata.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/4on.jpg',1)">viata </a></li>
<li><a href="Geografie/Geografie.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/2on.jpg',1)">Geografie</a></li>
<li><a href="Mumificare/Mumificare.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/10on.jpg',1)">Mumificarea</a></
li>
<li><a href="Faraoni/faraoni.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/3on.jpg',1)">Faraoni</a></li>
<li><a href="Piramide/Piramide.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/6on.jpg',1)">Piramide</a></li>
<li><a href="Temple/temple.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/8on.jpg',1)">Temple</a></li>
<li><a href="Timpul/timpul.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/1on.jpg',1)">Timpul</a></li>
<li><a href="Meserii/meserii.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/9on.jpg',1)">Meserii</a></li>
<li><a href="Scrisul/scrisul.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/5on.jpg',1)">SCrisul</a></li>
<li><a href="contact.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/7on.jpg',1)">Contact</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div class="post1">
<p align="center"><img src="images/alloff.jpg"
name="Home" width="247" height="264" border="0" usemap="#HomeMap"
id="Home" />
<map name="HomeMap" id="HomeMap">

14
<area shape="circle" coords="56,51,27" href="Timpul/timpul.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/1on.jpg',1)"/>
<area shape="circle" coords="119,51,27" href="Geografie/Geografie.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/2on.jpg',1)"/>
<area shape="circle" coords="186,53,28" href="Faraoni/faraoni.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/3on.jpg',1)"/>
<area shape="circle" coords="93,34,0" href="faraoni.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/4on.jpg',1)"/>
<area shape="circle" coords="52,118,31" href="Viata/viata.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/4on.jpg',1)"/>
<area shape="circle" coords="118,114,33" href="Scrisul/scrisul.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/5on.jpg',1)"/>
<area shape="circle" coords="183,116,27" href="Piramide/Piramide.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/6on.jpg',1)" />
<area shape="circle" coords="55,188,21" href="contact.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/7on.jpg',1)"/>
<area shape="circle" coords="119,179,28" href="Temple/temple.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/8on.jpg',1)" />
<area shape="circle" coords="181,176,25" href="Meserii/meserii.htm"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/9on.jpg',1)"/>
<area shape="rect" coords="52,211,159,247"
href="Mumificare/Mumificare.htm" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','images/10on.jpg',1)"/>
</map>
</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright &copy; 2018</p>
</div>
</body>
</html>

mumificare.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

15
<title>Mumificarea</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="mumificare.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1 {color: #FFFFFF}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
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() { //v3.0


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) { //v4.01


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() { //v3.0


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];}
}

16
//-->
</script>
</head>
<body onload="MM_preloadImages('images/1on.jpg')">
<div id="header">
<h1>Mumificarea</h1>
<h2> in egiptul antic </h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu">
<ul>
<li><a href="../index.html" >Home </a></li>
<li><a href="imbal.htm" >Imbalsamarea</a></li>
<li><a href="infas.htm" >Infasare</a></li>

</ul>
<h3>Imbalsamarea....</h3>
<p>Citeste despre imbalsamare unu corp ...</p>
<h3>infasarea...</h3>
<p>Citeste despre infasurarea unu corp...</p>
</div>
</div>
<div id="colTwo">
<div class="post">
<p> La inceput egipteni antici isi ingropau morti in gropi nici in desert. Caldura
si aerul uscat deshidratau corpurile foarte repede, acestia ramaneau ca si cum erau vii
si erau asa zisee mumii naturale.<img src="ginger.jpg" height="163" width="323"
/><br />
<img src="mummy.jpg" width="102" height="306" align="left" /> Mai tarziu,
egipteni antici au ingropat mortii in cosciuge pentru a le proteja de animalele din
desert. Insa au descoperit ca corpurile decedatilor puse cosciugele se distrugeau cand
erau scoase.</p>
<p>Dupa mai multe secole,egiptenii au descoperit o metoda de a pastra
corpurile ca si cum ar fi in viata. Acel proces cuprindea doua parti imbalsamarea si
infasurarea in bandaje de lana. Astazi acel proces se numaste mumificare.</p>
<p>&nbsp;</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyrught &copy; 2018</p>
</div>
</body>
</html>

17

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