Documente Academic
Documente Profesional
Documente Cultură
PREZENTARE PROIECT
Bijuterii
Cuprins:
1
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
2
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
2. Structura aplicaţiei
3
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
ARGINT BRITANNIA
ARGINT STERLIN
BRATARA
BRELOC
CAMEE
CERCEL
INEL
COLIER
PIATRA PRETIOASA
TENGURA
ARGINT
AUR
CRISTALE
OTEL INOXIDABIL
PERLE
PIELE MYTH
RUBIN GLASS
4
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
3. Detalii tehnice
5
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Introducerea imaginilor:
6
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Crearea legaturilor:
7
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Animatia in flash:
Proiectul contine un
joc in flash care a fost
introdus in proiect ca in
imaginea alaturata
selectand meniul
insert/media/flash sau
apasand combinatia de
taste CTRL+ALT+F dupa
care se selecteaza fisierul
dorit. In cazul nostru se
selecteaza din directorul
/animatii fisiserele de
acolo .Animatiile au fost
realizate pe siteul
www.flashvortex.com.
8
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
4. Limbajul HTML
Asa cum se poate deduce din numele limbajului, HTML descrie caracteristicile de
format ale elementelor incluse prin procedee de marcare. Acestea pot fi asemãnate
intuitiv cu marcajele folosite în tipografie pentru a indica scrierea unui text cu un
anumit tip de caractere. Fiecare element va fi introdus între douã marcaje ("tags", în
limba englezã) - de început si sfârsit - (uzual) de forma <marcaj> … </marcaj>.
Caracterele speciale de delimitare a marcajelor "<", ">" permit deosebirea acestora de
textul propriu-zis. De exemplu, pentru textele aldine (îngrosate), marcajul de început
este <B> iar de sfârsit - </B>.
9
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Paginile HTML se pot crea cu orice editor de texte de cãtre utilizatorii care cunosc
limbajul HTML sau, mai simplu, se pot utiliza editoare speciale, în care obiectele se
introduc interactiv iar codul HTML se genereazã automat. Având în vedere cã si în
acest caz este utilã cunoasterea marcajelor generate pentru corectarea eventualelor
erori (mai ales în cazul link-urilor), vom prezenta în continuare entitãtile care se pot
introduce în paginile HTML si marcajele caracteristice acestora:
Toate obiectele HTML sunt introduse între marcaje care le definesc; majoritatea
acestora sunt de forma <tip_obiect> (la început) si </tip_obiect> (la sfârsit). Tipul
standard al obiectului poate fi specificat cu majuscule sau minuscule; totusi, se
recomandã utilizarea majusculelor fiindcã astfel marcajele ies în evidentã.
10
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Mai mentionãm faptul cã în ultimele versiuni ale limbajului HTML si ale browser-
elor s-a introdus posibilitatea integrãrii, respectiv lansãrii în executie prin navigator, a
unor aplicatii. Acestea sunt scrise în limbajul Java, un limbaj cu caracteristici
distribuite si obiectuale, adaptat programãrii în Web; ele se numesc "applet"-uri si se
introduc în sursele HTML cu marcajul <APP> sau <APPLET> . Ultimele versiuni de
editoare HTML permit introducerea interactivã a applet-urilor Java.
Marcaje de bazã
11
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Astfel, o formã extrem de simplã a unui document HTML ar putea fi cea din
urmãtorul exemplu:
<HTML>
<HEAD> <TITLE>Titlul documentului </TITLE>
</HEAD>
<BODY>Document HTML foarte simplu</BODY>
</HTML>
12
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
aldine - în acest scop pentru acel text se aplicã marcajele <B>… </B>;
cursive (italice) - pentru acel text se aplicã marcajele <I> … </I>;
subliniate - textul se introduce între marcajele <U> …</U>.
Pentru tastaturile care suportã numai codurile ASCII, caracterele speciale se pot crea
folosind formatul &nume_caracter - de exemplu, è pentru e. Având în vedere
semnificatia specialã a caracterelor <, > si &, aparitia lor în documente trebuie
specificatã sub forma caracterelor speciale: < , > , respectiv & .
<head>
<title>Pagina simpla</title>
</head>
13
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
<body>
<p>Acesta este un exemplu simplu de o
pagina HTML. Ea arata cum
pot aparea caractere <strong>bold</strong>, <em>italic</em>,
<font size="5">mai mari</font>,
<font size="1">mai mici</font>,
respectiv insera
o mica imagine
<img src="Handshake8114.gif"
width="20" height="14">.
</p>
</body>
</html>
textul este extins pentru a ocupa întregul ecran si este afisat cu un corp de literã
diferit fatã de sursa HTML;
terminatorii de linie nu sunt respectati;
spatiile albe suplimentare din documentul sursã sunt ignorate.
Introducerea obiectelor de tip imagine (marcajul <IMG>) este detaliatã mai jos.
Limbajul HTML permite definirea mai multor tipuri de liste si imbricarea lor
(includerea unor liste în altele), caz în care trebuie verificatã cu atentie corespondenta
dintre marcajele de început si sfârsit pentru fiecare listã. Formatarea listelor la afisarea
paginii (introducerea bulinelor, numerotãrii etc.) se face de cãtre programul de
navigare.
14
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Listele utilizate cel mai frecvent sunt cele ordonate si neordonate. Prezentãm în
continuare un exemplu simplu de paginã HTML care contine aceste tipuri de liste.
<html>
<head>
<title>Pagina cu liste</title>
</head>
<body>
<ul>
<li>neordonate</li>
<li>ordonate</li>
</ul>
<ol>
15
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
<li>primul element;</li>
<li>al doilea element...</li>
</ol>
</body>
</html>
În fiecare din aceste cazuri, un click pe textul sau imaginea respectivã va determina
activarea legãturii si afisarea prin intermediul navigatorului a resursei asociate link-
ului.
Resursa asociatã unei legãturi este descrisã prin parametrii marcajului <A>:
16
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
HREF - permite asocierea unei adresei URL, crearea unei legãturi locale prin
specificarea numelui si cãii fisierului corespunzãtor sau a unei legãturi interne
documentului; este cel mai important parametru pentru construirea de
hiperlegãturi;
NAME - numele hiperlegãturii sau al zonei dintr-o paginã cãtre care se face
referirea, în cazul unui link intern;
METHODS - metodele de acces (acest parametru se utilizeazã doar în
prelucrãri speciale).
Astfel, un link local sau cãtre o adresã URL se poate defini pe un text cu: <A
HREF="resursa"> text </A>.
O legãturã internã cãtre o zonã a documentului curent se indicã folosind marcajul <A
NAME="nume-zona">.
În HTML 3.0 s-au introdus obiectele de tip tabel, formate din linii orizontale si
coloane verticale la a cãror intersectie se formeazã celulele. Acestea pot contine intrãri
diverse: texte, figuri sau chiar alte tabele. Se pot realiza reuniri de celule (de exemplu,
pentru titluri mai lungi). Atributele de formatare a tabelului (aliniere, stilul chenarului
si marginilor etc.) se definesc în proiectarea paginii dar modul lor de afisare va
depinde si de programul de navigare.
17
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
<HTML>
<HEAD>
<TITLE>Pagina cu tabel</TITLE>
</HEAD>
<BODY>
<H1>Aceasta pagina da un exemplu de folosire a unui tabel</H1>
<H3>Vanzari anuale:</H3>
<TABLE> <TH>1996</TH><TH>1997</TH><TH>1998</TH><TR>
<TD>125 milioane lei</TD><TD>160 milioane lei</TD><TD>231 milioane
lei</TD>
</TABLE>
</BODY>
</HTML>
Includerea imaginilor se face folosind marcajul <IMG>, care are parametri specifici:
18
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
SRC indicã (dupã semnul '=') URL-ul imaginii, respectiv calea fisierului dacã
acesta este local; uzual, se acceptã fisiere în format GIF sau JPEG;
ALLIGN controleazã alinierea imaginii fatã de limita inferioarã a textului
(TOP, MIDDLE sau BOTTOM); este un parametru optional;
ALT furnizeazã textul afisat în locul imaginii dacã utilizatorul dezactiveazã
optiunea de afisare a imaginilor (parametru optional);
ISMAP este un indicator optional pentru imaginile care sunt hãrti selectabile.
19
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
plus, un asemenea script poate interactiona cu baza de date creatã pentru realizarea
unor actiuni specifice (de exemplu, hãrtile active folosesc script-uri CGI pentru a
executa diferite actiuni, în functie de zona selectatã de utilizator).
20
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Dreamweaver s-a bucurat de un larg success inca de la sfarsitul anilor ’90 si momentan
detine aproximativ 80% din piata editoarelor HTML.Produsul poate di rulat pe variante
platforme software: Mac , Windows, dar suporta in acelasi timp si platforme UNIX cu
ajutorul unor emulatoare software,cum ar fi Wine.
Unii creatori de pagini web critica aceste tipuri de editoare deoarece produc pagini de
dimensiuni mult mai mari decat ar fi necesar ,ceea ce conduce la o functionare
neperformanta a browserelor web.Aceasta afirmatie este in mare parte adevarata deoarece
paginile web produse folosesc design-ul pe baza de table. In plus, produsul a mai fost criticat
in trecut si pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar
acest aspect a fost mult imbunatatit in versiunile recente.Cu toate acestea,Macromedia a
crescut suportul pentru tehnologia CSS si alte modalitati de design fara a fi necesara
folosirea design-ului pe baza de tabel.
21
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
22
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
23
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Meniurile File si Edit sunt standard pentru majoritatea programelor.Meniul File contine
comenzi de deschidere, salvare , import si export de fisiere. Meniul edit contine comenzile
Cut , Copy si Paste ,alaturi de comenzile Find si Replace si comanda Preferences.Multe
elemente din interfata Dreamweaver si din operarea sa pot fi configurate in Preferences.
24
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Meniul View are de asemenea comenzi de activare a riglei si a grilei,de executare a pug-in-
urilor si pentru afisarea de imagini de trasare. Comanda Prevent Layer Overlaps(Prevenirea
suprapunerii de straturi) este si ea pozitionata in meniul View.
Meniul View
25
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Meniul Insert este aproape echivalent cu bara de inserari.Din acest meniu se poate insera
optional toate elementele disponibile pe bara de inserari. Bara de inserari contine un numar
total de sectiuni din care putem sa alegem diferite categorii de obiecte disponibile. Exista
douasprezece sectiuni in bara de inserari: Common,
Layout,Text,Tables,Frames,Forms,Templates,Characters,Media,Head,Script si Application.
Pentru a afisa butoanele obiectelor dintr-o anumita categorie trebuie sa dam click pe
sectiunea categoriei.
26
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
27
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
Meniul Text ne ofera acces la mai multe modalitati de finisare a aspectului textului din
pagina Web. Cel mai important pentru cei care scriu cu greseli este ca meniul text contine
comanda Check Spelling (verificarea ortografiei). Putem indenta un text,crea o lista si
modifica proprietatile fontului.
Meniul Commands ofera comenzi utile cum ar fi Clean up HTML (curatarea codului
HTML) si Clean Up Word HTML ( Curatarea cuvintelor din codul HTML).
28
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
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 ,Mozilla, 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)
- Un browser oarecare: Internet explorer ,Mozilla
2) Software :
- Sistem de operare : Windows XP
29
ATESTAT LA INFORMATICǍ –Bijuterii –
PREZENTARE PROIECT
BIBLIOGRAFIE
https://ro.wikipedia.org/wiki/Bijuterie
https://www.gomag.ro/blog/promovare-magazin-bijuterii-online/
30