Documentatie Paris

Ministerul Educaţiei Naţionale
Colegiul National “Vlaicu Vodă”
LUCRARE DE
ATESTAT
Îndrumători,
Prof. Negrilescu Nicu
Elev,
Popescu Vlăduț
Clasa a XII-a D
~ 2022 ~
1
Paris
2
Cuprins:
1. Structura aplicatiei pag. 4
2. Detalii sursa pag. 5
3. Despre html pag. 12
4. Resurse de hard si soft pag. 15
5. Modalitati de utilizare pag. 16
3
1. Structura aplicaţiei
 Butonul Acasa, buton ce duce la pagina principala,

pagina ce contine o scurta prezentare a capitalei
Frantei.
 Butonul Istorie- buton ce deschide pagina cu acelas

nume, in care aflam istoria Parisului!
 Butonul Poze- prin intermediul unei aplicatii

JavaScript, intr-o maniera grafica deosebita, ni se
arata poze din grandiosul Paris!
 Butonul Google Map! – buton ce deschide pagina ce

contine o harta interactiva, cu pozitia Parisului.
4
2. Detalii sursa
Structura de lucru:
-Site creat in Adobe Dreamweaver CS3
-Root Folder -paginile HTML
-style
Componente ale codului sursa:
-Scripturi Java(ele redau parcuregere slide-urilor , din paginile Acasa si
Galerie).
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Acasa</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"
src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript"
src="lib/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="lib/jquery.coda-slider-
2.0.js"></script>

<script type="text/javascript">
$().ready(function() {
$('#coda-slider-2').codaSlider({
autoSlide: true,
autoSlideInterval: 6000,
autoSlideStopWhenClicked: true
5
});
});
</script>

<style type="text/css">

</style>
</head>
<body>
<div id="foot_bg">
<div id="menu">
<div id="for_home">
<div id="main">

<div id="header">
// Implementarea butoanelor
<div id="buttons">
<a href="acasa.html" class="but" title="">Acasa</a>
<div class="but_razd"></div>
<a href="istorie.html" class="but" title="">Istorie</a>
<a href="poze.html" class="but" title="">Poze</a>
<a href="google map.html" class="but" title="">Google Map!</a></div>
<div class="tit style1" id="logo">PARIS</div>

</div>

<div class="top">
6
<div class="coda-slider-wrapper">
<div class="coda-slider preload" id="coda-slider-2">
<div class="panel">
<div class="panel-wrapper">
<div class="prev_but_center">
<div class="prev_but_center_left">
<div class="prev_img"><img src="images/img11.jpg"
alt="" title=""/></div>
</div>
<div class="prev_but_center_right">
<h1>Informatii
generale:</h1>
<p><span class="span_cont">Paris este cunoscut
drept „Orasul luminilor" si isi merita pe deplin numele. Parisul este insa mult
mai mult decat atat, este una dintre cele mai bune destinatii turistice, oferindu-
i turistului tot ceea ce isi poate dori.<br>
<br>
Un sejur la Paris ar trebui sa includa cel putin o vizita la Luvru, unul dintre cele
mai impresionante si mai cunoscute muzee din lume; trebuie sa urcati in turnul
Eiffel si in varful Catedralei Notre Dame.<br>
<br>
</span><br />
</p>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="prev_img"><img src="images/page2.jpg"
</div>
<p class="span_cont style4"><span
class="span_cont">Ar trebui sa urcati treptele catre Sacre Coeur in
Montmartre, sa va plimbati prin Piata Tertre din fata bazilicii, sa vizitati
districtul Pigalle, sa va plimbati prin cartierul Latin (Saint Germain, Bulevardul
7
Saint Michel) si sa simtiti atmosfera cantaretilor de pe strada din fata Centrului
Pompidou.</span><br>
<br>
<span class="span_cont">In apropiere de Paris
puteti vizita Fointainbleu, Versailles cu palatul magnific al regelui Louis al XIV-
lea, Vaux-le-Vicomte si inspiratia pentru Versailles. Toate acestea constituie
excursii excelente de o zi. </span></p>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="prev_img"><img src="images/page3.jpg"
</div>
<p><span class="span_top"><span
class="span_cont">Parisul este unul dintre putinele orase din lume unde nu
trebuie sa mergi intr-un loc anume pentru a-ti face cumparaturile, deoarece
oportunitati intilnesti la orice pas. Vitrinele magazinelor sint pline de energie,
creativitate si expresivitate, asa cum putine gasesti in alte orase ale
lumii. </span></span></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>

</div>


<div id="content">
<div class="line">
<div class="col">
<h1 class="tit"><span
id="Popula.C8.9Bie_istoric.C4.83">Populatie istorică</span></h1>
<ul>
<li>1801: 543.000</li>
<li>1831: 714.000</li>
<li>1851: 1.053.000</li>
<li>1881: 2.240.000</li>
<li>1901: 2.661.000</li>
<li>1926: 2.871.000</li>
</ul>
<div class="col_text"></div>
</div>
<div class="float_l" style="height:20px; width:33px"></div>
<div class="col">
<h2 class="tit">M<span id="Muzee">uzee</span></h2>
<ul>
<li><a href="http://ro.wikipedia.org/wiki/Luvru"
title="Luvru">Luvrul</a> </li>
9
<li><a href="http://ro.wikipedia.org/wiki/Muzeul_Orsay"
title="Muzeul Orsay">Muzeul Orsay</a> </li>
<li><a
href="http://ro.wikipedia.org/wiki/Centre_Georges_Pompidou" title="Centre
Georges Pompidou">Centrul Georges Pompidou</a></li>
<li><a href="http://ro.wikipedia.org/wiki/Auguste_Rodin"
title="Auguste Rodin">Musée Rodin</a> </li>
<li><a href="http://ro.wikipedia.org/w/index.php?
title=Mus%C3%A9e_du_Montparnasse&action=edit&redlink=1" title="Musée
du Montparnasse — pagină inexistentă">Musée du Montparnasse</a> </li>
title=Mus%C3%A9e_Cluny&action=edit&redlink=1" title="Musée Cluny —
pagină inexistentă">Musée Cluny</a></li>
<li><a href="http://ro.wikipedia.org/wiki/Mus
%C3%A9e_Picasso" title="Musée Picasso">Musée Picasso</a></li>
</ul>
</div>
<div class="float_l" style="height:20px; width:33px"></div>
<div class="col">
<h3 class="tit"><span
id="Monumente_si_cl.C4.83diri">Monumente si clădiri</span></h3>
<ul>
<li><a href="http://ro.wikipedia.org/wiki/Turnul_Eiffel"
title="Turnul Eiffel">Turnul Eiffel</a> - simbolul Parisului.</li>
<li><a
href="http://ro.wikipedia.org/wiki/Arc_de_Triomphe" title="Arc de
Triomphe">Arc de Triomphe</a> </li>
<li><a href="http://ro.wikipedia.org/wiki/Les_Invalides"
title="Les Invalides">Les Invalides</a> </li>
<li><a href="http://ro.wikipedia.org/wiki/Conciergerie"
title="Conciergerie">Conciergerie</a> </li>
<li><a href="http://ro.wikipedia.org/wiki/Op
%C3%A9ra_Garnier" title="Opéra Garnier">Palais Garnier</a> </li>
<li><a href="http://ro.wikipedia.org/wiki/Notre-
Dame_de_Paris" title="Notre-Dame de Paris">Catedrala Notre-Dame</a></li>
<li>Clădirea <em><a
href="http://ro.wikipedia.org/w/index.php?
title=Samaritaine&action=edit&redlink=1" title="Samaritaine — pagină
inexistentă">Samaritaine</a></em> - </li>
<li><a href="http://ro.wikipedia.org/wiki/Sorbonne"
title="Sorbonne">Sorbonne</a> </li>
1
<li><a href="http://ro.wikipedia.org/wiki/Statuia_Libert
%C4%83%C8%9Bii_(Paris)" title="Statuia Libertății (Paris)">Statuia
Libertății</a> </li>
<li><a href="http://ro.wikipedia.org/wiki/Panth
%C3%A9on" title="Panthéon">Pantheonul din Paris</a> </li>
<li><a href="http://ro.wikipedia.org/wiki/Sainte-
Chapelle" title="Sainte-Chapelle">Sainte-Chapelle</a> - capelă din secolul
XIII.</li>
<li><a href="http://ro.wikipedia.org/w/index.php?title=
%C3%89glise_de_la_Madeleine&action=edit&redlink=1" title="Église de la
Madeleine — pagină inexistentă">Église de la Madeleine</a> - biserică</li>
title=Place_des_Vosges&action=edit&redlink=1" title="Place des Vosges —
pagină inexistentă">Place des Vosges</a></li>
</ul>
</div>
<div style="clear: both"></div>

</div>
</div>




<div id="footer_box"></div>

</div>
</div>
</div>
</div>
</body>
</html>
1
4. Despre HTML
HyperText Markup Language (HTML) este un limbaj de marcare
utilizat pentru crearea paginilor web ce pot fi afişate într-un browser
(sau navigator). Scopul HTML este mai degrabă prezentarea
informaţiilor – paragrafe, fonturi, tabele ş.a.m.d. – decât descrierea
semanticii documentului.
Specificaţiile HTML sunt dictate de World Wide Web Consortium

(W3C).
Introducere
HTML este o formă de marcare orientată către prezentarea

documentelor text pe o singura pagină, utilizând 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 conţinutul unui document poate fi adnotat cu
diverse tipuri de metadate şi indicaţii de redare. Indicaţiile de redare
pot varia de la decoraţiuni minore ale textului, cum ar fi specificarea
faptului că un anumit cuvânt trebuie subliniat sau că o imagine
trebuie introdusă, până la scripturi sofisticate, hărţi de imagini şi
formulare.
Metadatele pot include informaţii despre titlul şi autorul

documentului, informaţii structurale despre cum este împărţit
documentul în diferite segmente, paragrafe, liste, titluri etc. şi
informaţii 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 utilizând un editor de text simplu. Totuşi scrierea şi
1
modificarea paginilor în acest fel solicită cunoştinţe 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 asemănător cu
documetele Word, dar cu observaţia că aceste programe generează
un cod HTML care este de multe ori de proastă calitate.
HTML se poate genera direct utilizând tehnologii de codare din

partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicaţii ca
sistemele de gestionare a conţinutului, wiki-uri şi forumuri web
generează pagini HTML.
HTML este de asemenea utilizat în email. Majoritatea aplicaţiilor de

email folosesc un editor HTML încorporat pentru compunerea email-
urilor şi un motor de prezentare a email-urilor de acest tip. Folosirea
email-urilor HTML este un subiect controversat şi multe liste de mail
le blochează intenţionat.
Elementele de marcare
Mai jos sunt tipurile de elemente de marcare în HTML:
 Marcare structurală. Descrie scopul unui text. De exemplu:
<h1>Fotbal</h1>
Direcţioneaza browserul pentru a reda "Fotbal" ca pe cel mai
important titlu. Marcarea structurală nu are un anumit stil
predefinit, dar cele mai multe browsere web au standardizat
modul în care acestea sunt afişate.
De exemplu, titlurile importante (h1, h2, etc.) sunt aldine şi

mai mari decât restul textului.De notat că "h1" este folosit doar
o singură dată per pagină deoarece cu el este marcat titlul ei.
 Marcare pentru prezentare. Descrie cum apare un text,
indiferent de funcţiile sale. De exemplu:
<b>îngroşat</b>
Va afişa textul "îngroşat" cu litere groase, aldine.Notă: Html a
inceput în ultimii ani să înceapă să nu mai folosească acest gen
1
de tag-uri pentru că "b" nu dă sens paginii, pe când tag-ul
"strong" (adică strong emphasis) dă un înţeles paginii, şi mai
important, asemenea tag-uri pentru prezentare doar încarcă o
pagină cu informaţii şi o fac astfel mai greu de încărcat, iar
apoi dacă ataşezi un document CSS la pagină, o singură
modificare la CSS (de ex: de la "font-weight:italic" la "font-
weight:bold" va schimba tot textul selectat, şi de exemplu,
link-urile vor trece de la text înclinat la text îngroşat, plus că în
CSS avem avantajul de a putea preciza cât de mari sau mici să
fie literele în pixeli «px», în puncte «pt», etc.)avem acelaşi
efect ca şi cănd am avea de schimbat toate tag-urile de "i" de
pe pagină în tag-uri de "b", muncă care chiar şi la un website
mic este enormă, ce să mai vorbim de unul de genul wikipedia.
Aşa că dacă vreţi să începeţi o carieră în html sau un hobby (şi
să aveţi succes) nu folosiţi aceste taguri, nu degeaba s-a
inventat CSS-ul.
 Marcare pentru hiperlink. Leagă părţi ale unui document cu alte
documente. De exemplu:
<a href="http://ro.wikipedia.org/">Wikipedia
Românească</a>
Va reda Wikipedia românească ca hiperlink către un URL

specificat.
 Elemente speciale (widget). Creează obiecte, cum ar fi
butoanele şi listele.
Doar marcatorii de prezentare (împreună cu foile de stiluri - CSS)

determină cum conţinutul din interiorul marcatorului va fi prezentat.
Ceilalţi marcatori spun browserului ce obiecte să redea sau ce funcţii
să execute.
1
5.Resurse de hard şi soft necesare
Resurse minime :
1) Hardware :
- Procesor (CPU) : 500 MHz +
- Memorie (RAM): 64 MB
- Spaţiu liber pe hard-disk : 30 MB
- Monitor :1024*768
- Un browser oarecare: Internet explore , Maxthon, Opera
2) Software :
- Sistem de operare : Windows 98/XP
Resurse recomandate:
1) Hardware :
- Procesor (CPU) : 1000 MHz +
- Memorie (RAM): 128 MB
- Spaţiu liber pe hard-disk : 30 MB
- Monitor : VGA 32-bit color (1024x768)
2) Software :
- Sistem de operare : Windows XP
- Un browser oarecare: Internet explorer ,Maxthon, Google
Chrome
1
6.Modalităţi de utilizare
Lansarea se realizeaza accesand

fisierul acasa.html.

Documentatie Paris

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Documentatie Paris

Încărcat de

Drepturi de autor:

Formate disponibile

Ministerul Educaţiei Naţionale

Colegiul National “Vlaicu Vodă”

1. Structura aplicatiei pag. 4

2. Detalii sursa pag. 5

3. Despre html pag. 12

4. Resurse de hard si soft pag. 15

5. Modalitati de utilizare pag. 16

 Butonul Acasa, buton ce duce la pagina principala,

 Butonul Istorie- buton ce deschide pagina cu acelas

 Butonul Poze- prin intermediul unei aplicatii

 Butonul Google Map! – buton ce deschide pagina ce

<div class="tit style1" id="logo">PARIS</div>

</div>

<div style="clear: both"></div>

Specificaţiile HTML sunt dictate de World Wide Web Consortium

HTML este o formă de marcare orientată către prezentarea

Metadatele pot include informaţii despre titlul şi autorul

HTML este un format text proiectat pentru a putea fi citit şi editat de

HTML se poate genera direct utilizând tehnologii de codare din

HTML este de asemenea utilizat în email. Majoritatea aplicaţiilor de

Mai jos sunt tipurile de elemente de marcare în HTML:

 Marcare structurală. Descrie scopul unui text. De exemplu:

De exemplu, titlurile importante (h1, h2, etc.) sunt aldine şi

Va reda Wikipedia românească ca hiperlink către un URL

Doar marcatorii de prezentare (împreună cu foile de stiluri - CSS)

Lansarea se realizeaza accesand

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