Liceul Voievodul Mircea, Targoviste

PROIECT DE ATESTAT

Realizator:
Voicu Alexandra
Clasa a XII-a D

Profesor coordonator:
Nicoleta Stancu
2012 - 2013

Tema Atestat
Legiunea straina
pagina web

Cuprins

1.Argument...........................................................................................4
2.Utilizarea WebPage Maker....................................................5
3.Despre HTML................................................................................12
4.Harta site ......................................................................................14
5.Descrierea proiectului................................................................15
6.Bibliografie.....................................................................................21

1.Argument :
Proiectul realizat de mine are ca tema principala ,,Legiunea straina si
este dedicat tuturor tinerilor care isi doresc sa se in roleze in aceasta
aventura.
Am ales sa fac acest proiect deoarece, imi place spiritul pe care il au
persoanele care se inroleaza si disciplina de care dau dovada . Un foarte bun
exemplu este si un prieten de-al meu care este plecat in legiune de un an de
zile si care a avut parte de foarte multe experiente care l-au facut sa se
maturizeze. De asemenea, am certitudinea ca foarte multi oameni nici macar nu
au auzit despre aceasta armata si sper ca prin intermediul informatiilor si
imaginilor din acest site sa reusesc sa fac cat mai multa lume curioasa sa afle
despre acest subiect interesant si inca nedeslusit complet de noi.
Consider ca proiectul poate fi foarte util pentru informarea tinerilor
care vor sa se inroleze ( se pot afla informatii despre inrolare, traditii,
regimentele din care pot face parte, istorie dar si un documentar util). In cazul
locatie in care se afla principala baza a Legiunii straine , aceasta este secreta
(se stie doar ca se afla in localitatea Aubagne), deoarece ar fi foarte periculos
ca persoanele neautorizate sa stie.

2.Web Page Maker

Acest utilitar este principalul folosit pentru crearea prezentarii

mele.Acesta este un utilitar foarte simplu ce nu necesita mari cunostiinte in
programarea html ci se bazeaza mai ales pe structurarea grafica a prezentarii.
Acesta nu lucreaza direct cu fisiere in format html ci cu fisiere avand o
extensie proprie si anume *.wmp (versiunile 1.x) sau *.wss (versiunile 2.x).
Salvarea se face salvand automat imaginile, textul, stilurile si celelalte
parti componente ale site-ului intr-un singur fisier avand o extensie precizata
mai sus. Pentru vizualizarea prezentarii se deschide utilitarul iar apoi fisierul
pe care dorim sa-l modificam sau vizualizam (folosind comanda Preview din bara
de meniuri).Pentru salvarea implicita in format html si pentru vizualizarea
automata a prezentarii se alege din meniu optinea Export to html iar utilitarul
va face restul pentru noi adica:
-

Va salva prezentarea (fisierul principal) in format html (versiunile 1.x)

sau pagina web completa cu toate partile componente (versiunile 2.x)
in directorul ales de noi);
Va crea un folder images, in directorul ales, in care va salva automat
imaginile folosite in prezentare sub numele introdus de noi sau/si cu
numele preexistente.
Imaginile vor fi automat incarcate din acest director catre
prezentarea noastra.

! ATENTIE:
- Daca exportam fisierele direct in formatul-sursa (html) aceste fisiere nu vor
mai putea fi modificate utilizand acest utilitar, pentru modificarea ulterioara
fisierele trebuiesc salvate cu extensia proprie!

Utilizarea WebPage Maker:

Meniurile principale ale programului: File, Insert:

Crearea unui fisier nou:

Pentru a crea un fisier nou alegem din meniul File comanda New si va
apare o cutie de informatie care ne va intreba cum vrem sa cream noul fisier:
Modificarea unuia existent (in hard sau din cele date in folosinta de
producator), sau crearea unuia gol (fara nici o proprietate definita) pe care il
construim dupa bunul nostru plac.
Deschiderea unui fisier:

Pentru a deschide un fisier nou alegem comanda Open din meniul File si
ne va apare o cutie de dialog grafica care exploreaza fisierele existente pe un
mediu de stocare (hard-drive, floppy, cd-rom etc.), alegem fisierul dorit si apoi
apasam butonul Open iar acesta va fi deschis pentru editare.

Salvarea:
Pentru salvarea unui fisier alegem una din comenzile Save sau Save As..
din meniul File, ne va apare o cutie de dialog ce exploreaza mediile de stocare,
alegem locatia salvarii si numele sub care va fi salvat fisierul editat.
Exportarea:
Pentru a exporta documentul in format html alegem din meniul File
comanda Export to Html dupa care ne va apare o cutie de dialog ce exploreaza
mediile de stocare, alegem locatia, si numele fisierelor create.
Previzualizarea in browser:
Avem si optiunea de a previzualiza documentul in browserul definit de
sistemul de operare, alegem din meniul File comanda Preview.
Printarea :
Pentru a printa documentul creat (nu codul sursa ci partea grafica
vizibila in editor) alegem din meniul File optiunea Print.

Inserarea anumitor obiecte in pagina noastra:

Inserarea unui text:

Pentru a insera un text in pagina noastra alegem din meniul Insert
comanda Text si astfel va fi inserat pe pagina noastra un text.
Pentru a edita textul executam un dublu click pe acesta si va apare o
cutie de editare text in care putem seta textul : fontul acestuia, stilulsubliniat, ingrosat, inclinat, alinierea stanga, centrat, dreapta, incadrat,
pentru ca o portiune din acesta sa fie un link alegem optiune hyperlink din
caseta si alegem una din optiunile: pagina exterioara, link de e-mail, pagina din
site);pentru a aseza textul in pagina pur si simplu tinem click apasat pe cutia
bordurata si il mutam unde dorim.

Inserarea unei imagini:

Pentru inserarea unei imagini alegem din meniul Insert comanda Image si
avem doua optiuni :
Inserarea unei imaginii aflata intr-un mediu de stocare sau inserarea
unei imaginii din biblioteca proprie.
Proprietatile imaginii le putem seta executand un dublu click pe aceasta
in interfata editorului.
Inserarea unei forme:
Pentru a insera o forma alegem din meniul Insert comanda Shape si avem
de ales intre a introduce un dreptunghi, o forma ovala fi o forma dreptunghica
cu colturi rotunjite.
Pentru a seta culorile si efectele formei executam in editor un dublu
click asupra ei.Mediul salveaza automat imaginea sub un nume specificat de noi
in proprietatile acesteia.
Bare de navigare:
Pentru a insera o bara de navigare alegem din meniul Insert comanda
Navigation Bar, ne va apare o cutie de dialog in care setam bara de navigare:
imaginile folosite pentru afisarea acesteia, font-ul textului, dimensiunile,
adresele la care conduc etc.
Imaginile(bara de navigare este salvata automat de mediu sub nume
proprii utilizarii acestora).
Inserarea unui tabel
Pentru a insera un tabel alegem din meniul Insert comanda Table si va
apare o caseta de dialog in care vom seta numarul de coloane si linii, borduri si
alte efecte.
Inserarea unei forme

Pentru a insera o forma alegem din meniul Insert comanda Form si avem
optiunile: inserarea unei casete text, inserarea unui buton radio, inserarea unei
casete de alegere, inserarea unei liste ascunse, inserarea unei liste vizibile,
inserarea unui buton imagine, inserarea unei casete de editare text cu linii
multiple, inserarea unui buton si un mic exemplu definit de producator :
inserarea unei forme de trimitere e-mail utilizand editorul e-mail definit de
sistem.

Inserarea unui obiect multimedia:

Pentru a insera un obiect multimedia alegem din meniul Insert comanda
Object si avem optiunile de introducere a unui fisier audio, fisiere media video.

Inserarea unei animatii flash:

Pentru a insera o animatie flash alegem din meniul Insert comanda Flash
Movie si editorul ne va genera automat sursa inserarii acestuia, noi trebuie sa
selectam marimea pe pagina al acestuia pentru a fi vizibil complet.

Inserarea unui text miscator

Pentru a insera un text miscator (marquee) alegem din meniul Insert
comanda Marquee si ne va apare o caseta text unde introducem textul, drumul
deplasarii acestuia :sus-jos, stanga-dreapta etc., culorile textului si alte
optiuni.

Inserarea unei imagini cu efect de schimbare a acesteia:

Pentru a o insera alegem din meniul Insert comanda Roll Over Image si ne
va apare o caseta text in care vom seta imaginea principala, imaginea ce va fi
afisata la pozitionarea cursorului peste aceasta, adresa catre care ne va
conduce la executarea unui dublu click etc.
Programul are o proprie extensie pentru salvarea proiectelor si anume
*.wpm (in versiunile 1.x) sau *.wss (in versiunile 2.x) iar pentru salvarea in
format *.html alegem din meniul File Export to Html si atunci programul va

10

salva imaginile folosite in pagina intr-un folder numit IMAGES astfel nu este
necesar sa facem noi insisi acesti pasi, cat si pagina web in format html.
Pentru a insera proprietatile documentului simplu executam un click dublu
pe fundal si va apare urmatoarea fereastra:

Aici putem introduce titlul paginii,autorul,descriere,putem alege o

imagine de fundal,un sunet de fundal,culorile predeterminate ale textului,linkurilor pe pagina si alte proprietati.

11

3.Despre Html
Notiuni de baza
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul
care sta la baza paginilor web.
Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau
.htm. In marea lor majoritate aceste etichete sunt pereche, una de deschidere
<eticheta> si alta de inchidere </eticheta>. Browserul interpreteaza aceste
etichete afisand rezultatul pe ecran. HTML-ul nu este un limbaj case
12ractice12 (nu face deosebirea intre litere mici si mari).
Pagina 12ractice12 a unui domeniu este fisierul index.html. Aceasta pagina este
setata a fi afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata pagina
www.nume.ro/index.html.
Unele etichete permit utilizarea de 12ractice12 care pot avea anumite valori:
<eticheta atribut=valoare> </eticheta>
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>
Versiunea HTML poate fi:
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd>
HTML 4.01 TrANSItional
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd>
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN
http://www.w3.org/TR/html4/frameset.dtd>
Toate paginile HTML incep si se termina cu etichetele <html> si </html>.
In interiorul acestor etichete gasim perechile <head>, </head> si <body>,
</body>.

12

Head contine titlul paginii intre etichetele <title> si </title>, descrieri de tip
<meta>, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere
externe (de exemplu scripturi, fisiere de tip CSS sau favicon).
Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre
autor, informatii utile motoarelor de cautare si au urmatorul format:
<META NAME=nume CONTENT=continut>
Exemplu: link catre un fisier extern CSS:
<link rel=stylesheet type=text/css href=css.css>
Body gazduieste 13ractice toate etichetele afisate de browser pe ecran.
Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina
<html>
<head>
<title>Titlu</title>
</head>
<body>
Continut pagina
</body>
</
Formatarea textului in HTML
Atunci cand avem nevoie sa folosim un titlu in cadrul paginii noastre web putem
apela la tag-urile <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Cu ajutorul acestor taguri, care au si tag-uri de incheiere, vom scrie titlurile din cadrul paginilor
noastre web. Astfel in cadrul codului HTML vom folosi tag-ul <H1>, de exemplu,
urmat de textul titlului, iar la sfarsit vom folosi tag-ul de incheiere </H1>. Tagurile <H1> si </H1> permit scrierea unui titlu cu caracterele cele mai mari in
timp ce textul incadrat de tag-urile <H6> si </H6> va fi afisat cu caracterele
cele mai mici, dupa cum urmeaza:
Acesta
Acesta
Acesta
Acesta
Acesta
Acesta

este
este
este
este
este
este

un titlu cu
un titlu cu
un titlu cu
un titlu cu
un titlu cu
un titlu cu

<H1>
<H2>
<H3>
<H4>
<H5>
<H6>

Tag-urile acestea accepta atributul ALIGN cu ajutorul caruia titlul va putea fi

aliniat la stanga, la centru sau la dreapta.

13

4.Schema site

14

4.Descrierea proiectului

Ideea mea de realizare a acestui proiect a fost aceea de a fi unul simplu

de utilizat, cu multe informatii interesante, care sa nu plictiseasca si de
asemenea sa nu deranjeze in vreun fel ochiul prin culori stridente.
In prima pagina am facut o scurta prezentare a temei pe care am
abordat-o de-a lungul proiectului: Legiunea Straina cuprinsa intr-o schema cu
6 butoane , fiecare conducandu-ne la o alta pagina.
De asemenea sus am asezat o imagine reprezentativa , am introdus un ceas cu
data si titlul principal al proiectului impreuna cu o mica observatie Legiunea
Straina Dincolo de limite.

Tot aici avem o bara realizata din partea de jos a imaginii cu 5 butoane,
fiecare buton conducandu-ne la pagini diferite din site .
Primul buton ne duce catre pagina de inceput a site-ului unde sunt cuprinse
informatii generale . Aici gasim intrebarile frecvente si scurte informatii
pentru cei ce vor sa afle mai multe lucruri pentru cultura lor generala sau
pentru ca doresc sa se inroleze in legiunea. Cel de-al doilea buton ne duce
catre regimentele Legiunii Straine, fiecare regiment avand cate un buton care
ne duce la o pagina cu informatii si poze specifice. Cel de-al treilea buton ne
duce catra pagina despre istoria legiunii. Aici gasim cateva dintre cele mai

15

importante evenimente istorice ale legiunii dar si cateva traditii. Cel de-al
patrulea buton ne duce catre traditii. Aceasta pagina contine 4 butone sub
forma de imagini fiecare conducandu-ne la pagini diferite din site. Ultimul
buton ne duce catre media. Aici gasim doua butone care ne conduc spre galeria
foto respectiv galeria video.

Despre legiune

Aceasta pagine prezinta o schema cu 6 butoane , fiecare buton duce la o pagina

diferita din site . Gasim informatii generale si cateva intrebari referitoare la
cine poate ajunge in legiune, modul de recrutare si ce cuprinde un antrenament
de baza.

16

Regimente

Aceasta pagina prezinta o schema formata din 6 butone , fiecare buton ducand
la pagini diferite din site . Aici gasim informatii generaledespre fiecare
regiment din legiunea straina.

17

Istoria legiunii

Aceasta pagine prezinta o schema formata din 4 butoane, fiecare buton ducand
la pagini diferite din site. Aceste pagini prezinta informatii despre istorie,
profesionalism si cateva traditii.

18

Traditii

19

Aceasta pagina prezinta o schema cu 4 butoane sub forma de imagini , fiecare

buton ducand la o pagina diferita din site. Aceste pagini prezinta informatii
generale despre tinute, traditii, embleme si steaguri si codul de onoare.

Media

Aceasta pagina prezinta doua butoane sub forma de tinta , fiecare dintre ele
ducand la pagini diferite din site . Aici gasit galeria foto si cateva videoclipuri.

20

Tinute

Aceasta pagina prezinta 5 desene, fecare desen reprezentand o tinuta

specifica legiunii staine. Mai contine 7 butoane, fiecare buton ducandu-ne
la o pagina diferita din site in care sunt prezentate detalii despre cateva
dintre componentele principale alea tinutelor.

21

6.Bibliografie

1. Teodoru Gugoiu, HTML, XHTML, CSS si XML prin exemple - ghid practic,
Editura Teora, Bucuresti 2005
2. http://legiuneastraina.ro/
3. www.youtube.com
4. http://www.legion-etrangere.com/ - informatiile din aceast site au fost
traduse din limba franceze in limba romana de doamna profesoara
Banescu Doina

22