Documente Academic
Documente Profesional
Documente Cultură
SBOANI
LUCRARE PENTRU ATESTAREA COMPETENELOR
PROFESIONALE
I.
Introducere
Aceast tem, Top 10 cei mai influeni oameni, are rolul de a ne aminti impactul
acestor oameni asupra vieii noastre i felul in care realizrile acestor oameni ne-au
schimbat viaa.
Am ales aceast tema deoarece consider c ei merit tot respectul nostru pentru
munca lor in folosul comunitii mai ales prima persoana de pe acest site, pe care eu o
consider a fi, un model pentru mine, pentru c Bill Gates a reuit s ne fac viaa mai
simpl cu ajutorul muncii lui, i anume calculatoarele dar si software-ul necesar
funcionarii acestora.La fel ca i Gates, Steve Jobs i-a dedicat munca n folosul
oamenilor, facilitnd accesul la informaii, internet si alte metode de divertisment prin
crearea companiei Apple, companie productoare de electronice recunoscut la nivel
mondial.Barack Obama, Vladimir Putin, Nelson Mandela i Angela Merkel au reuit s
creasc economia rilor pe care le conduc i au produs multe locuri de munc prin
parteneriatele pe care le-au incheiat cu firmele strine iar Mahatma Gandhi ,
Papa
Francisc chiar i Nelson Mandela au oferit credina necesar oamenilor pentru a continua
stilul lor de via greu incercat de soart. Isaac Newton i Albert Einstein i-au folosit
cunotinele in domeniul fizicii pentru a ne explica fenomenele naturale dar i lucrurile cu
care interacionam in fiecare zi.
II.
Direcioneaz 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 afiate.
De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i mai mari dect 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 funciile sale.
De exemplu:<b>ngroat</b>
Va afia textul "ngroat" cu litere groase, aldine.Not: Html a inceput n ultimii ani s
nceap s nu mai foloseasc acest gen de tag-uri pentru c "b" nu d sens paginii, pe cnd
tag-ul "strong" (adic strong emphasis) d un neles paginii, i mai important, asemenea
tag-uri pentru prezentare doar ncarc o pagin cu informaii i o fac astfel mai greu de
ncrcat, iar apoi dac ataezi 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 ngroat, plus c n CSS avem
avantajul de a putea preciza ct de mari sau mici s fie literele n pixeli px, n puncte
pt, etc.)avem acelai efect ca i cnd 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
Marcare pentru hiperlink. Leag pri ale unui document cu alte documente. De
exemplu:
III.
Descrierea aplicaiei
1) Inserarea imaginilor:
n principal, utilizarea imaginilor (pozelor) n cadrul paginilor HTML are ca scop
mbuntirea modului de transmitere a mesajului ctre utilizatori. O pagin n care
imaginile sunt combinate cu textul poate transmite un mesaj mult mai bine dect o pagin
care conine doar text.
urmtoarele atribute:
alt - specific un text alternativ pentru cazul n care imaginea nu poate fi afiat. Este
important i pentru motoarele de cutare;
border - traseaz un chenar n jurul imaginii;
width, height - specific limea, respectiv nlimea imaginii. Nu sunt obligatorii, ns
utilizarea lor este recomandat deoarece va reduce timpul de procesare a paginii web de
ctre browser;
hspace, vspace - specific spaiul care va fi pstrat n jurul unei imagini.
2)
Inserarea videoclipurilor:
Introducerea
se
Cele mai
sunt: .mpeg, .swf, .wmv, .mp4. Atributele suportate de tag-ul <video> sunt:
PROIECT
height stabilete nlimea ferestrei n care va rula secvena video, n pixeli;
utoplay permite fiierului video s ruleze imediat dup ncrcarea paginii, dac
valoarea atribuit este autoplay;
muted sunetul din film nu va fi redat, dac valoarea atribuit este muted;
dac
pauz etc.),
dac valoarea
4) Inserarea listelor:
Unul din cele mai obinuite elemente din documentele cu mai multe pagini este un set
de definiii, referine sau indexuri. Glosarele sunt exemple clasice n acest sens; cuvintele
sunt listate n ordine alfabetic, urmate de definiii ale termenilor respectivi. n HTML,
ntreaga seciune a unui glosar va fi gestionat printr-o lista de definiii, care este inclusa ntro pereche de marcaje de lista de definiii: <dl>...</dl> (de la "definition list" = lista de
definiii).
Observaii:
- Un termen al listei este iniiat de eticheta <dt> (de la "definition term" = termen definit);
- Definitia unui termen este iniiata de eticheta <dd> (de la "definition description" =
descrierea definiiei);
- Definitia unui termen ncepe pe o linie noua si este indentat;
Liste neordonate
O lista neordonata este un bloc de text delimitat de etichetele corespondente <ul>...</ul> (" ul
" vine de la " unordered list " = lista neordonata). Fiecare element al listei este iniiat de
eticheta <li> .
b. TOT:
-poriunea din pagin in care sunt prezentate informaiile, imaginile si videoclipurile;
-prezint proprieti pentru formatul scrisului si poziionarea in pagin;
c. SUS:
-prezinta proprietaile imaginii de sus(lime, inlime);
-de aici pot fi ajustate marginile si umpluturile(padding) prii de sus;
d. Menu stanga:
1.
-aici se afl toate proprietile pe care le deine lista din partea stang(distana dintre linii,
poziionarea tabelului, decorarea textului din coloane, proprietile fiecrei pari a tabelului
cum ar fi grosimea marginii din partea dreapt etc.);
2.
-aici se afla proprietile coloanelor, culorile si felul prezentrii lor dupa ce au fost accesate;
e. Coninut:
1.text
-prezint proprietile textului, informaiilor acelor persoane(distana dintre randuri, alinierea
textului, culoarea etc.);
f. Bv:
-sunt prezentate proprietile videoclipurilor(incadrarea in pagin, dimensiuni, margini etc.);
g. Parte jos:
-reprezinta sfritul paginii in care sunt prezentate numele creatorului acestui site si data, care
se autoregleaz;
h. Button:
-reprezint butonul care te trimite in partea de sus a paginii;
(fara proprietile hover)
IV.
iar
V.
Concluzii
Aceti oameni trebuie recunoscui de noi ca fiind pionieri in domeniul lor de munc i
deoarece au pus bazele societii de azi.Atunci cnd folosim obiectele de zi cu zi ar trebui sa
ne gndim de unde provin acele lucruri i s le mulumim pentru ca realizrile lor ne fac viaa
mai uoar. De aceea,am ales aceast tem,consider ca aceti oameni nu primesc destul credit
pentru munca depus.
Realiznd acest proiect, am nvat foarte multe lucruri. La nceput nu tiam foarte
multe despre HTML ns pe parcurs am nvat cum s lucrez cu diferite aplicatii, fapt ce m-a
ajutat la nelegerea codului. Cel mai bine mi dau seama de acest lucru cnd m uit la primele
versiuni ale site-ului care sunt extrem de srace n comparaie cu varianta final. Acest fapt
m ncurajeaz s continui aprofundarea studiului crerii paginilor web dar i a web-designului.
VI.
Anexe
Codul CSS:
VII.
Bibliografie
http://ro.wikipedia.org/wiki/HyperText_Markup_Language
http://ciobanu.cich.md/lectii_view.php?id=1
Cuprins
I. Introducere.................................................................................................................................2
II. Pagini Web.Noiuni generale....................................................................................................3
III.Descrierea aplicaiei.................................................................................................................5
1) Inserarea imaginilor:............................................................................................................7
2) Inserarea videoclipurilor:......................................................................................................9
3) Inserarea formatului dii care se auto-updateaz :..........................................................11
4) Inserarea listelor:.................................................................................................................11
5) Prezentarea codului Css......................................................................................................13
a. BODY...............................................................................................................................13
b. TOT:.................................................................................................................................14
c. SUS:.................................................................................................................................15
d. Menu stanga:...................................................................................................................16
e. Coninut:..........................................................................................................................18
f. Bv:....................................................................................................................................20
g. Parte jos:..........................................................................................................................21
h. Button:.............................................................................................................................22
IV. Prezentarea programului utilizat pentru realizarea proiectului............................................23
V. Concluzii..................................................................................................................................24
VI. Anexe........................................................................................................................................25
VII.Bibliografie.............................................................................................