Programarea Web

8/18/2019 Programarea Web

1/18

Ministerul Educa iei al Republicii Moldovaț

Colegiul de Microelectronică i Tehnică de Calculș

Catedra: Calculatoare

Disciplina: Programarea WEB

Proiect de curs

Tema: Realizare unui site Web

elaborat: elevul gr!C"#$#

nghel %icolae

veri&icat: Pro&esoara de specialitate

Enache %ade'da

Chi inău $(#)ș


2/18

*tructura saitului Web


3/18

+om &ace mai intai pagina din partea de sus top.html, care va avea urmatorul

cod -TM.

/-TM.0

/-ED0

/T1T.E0Top/2T1T.E0

/2-ED0

/B3D4 bgcolor567((CC8860/img src56!!2Poze2logo!'pg6 align56le&t6 hspace569(60

/B0/83%T color56red60/BR0/BR0/BR0

E"mail: /a

hre&56mailto:abecedar;ahoo!com60abecedar;ahoo!com/2a0/BR0

Web: /a hre&56http:2260

/2B3D40

/2-TM.0

&isarea dupa inscrierea programului de mai sus


4/18

1n continuare am scris codul pentru pagina html care va contine meniul din

partea stanga a site"ului:

/-TM.0

/-ED0

/T1T.E0becedar/2T1T.E0

/2-ED0

/B3D4 bgcolor56788??@@60

/img src56!!2Poze2meniu!'pg60/BR0/BR0/BR0/BR0/BR0

/a hre&56!!2home!html6 target56=parent60/img src56!!2Poze2home!'pg6

border56(60/2a0/BR0

/a hre&56!!2Pagini2calculator!html6 target56=parent60/img

src56!!2Poze2calculator!'pg6 border56(60/2a0/BR0


5/18

/a hre&56!!2Pagini2limbistraine!html6 target56=parent60/img

src56!!2Poze2limbistraine!'pg6 border56(60/2a0/BR0

/a hre&56!!2Pagini2muzica!html6 target56=parent60/img

src56!!2Poze2muzica!'pg6 border56(60/2a0/BR0

/a hre&56!!2Pagini2eAcursii!html6 target56=parent60/img

src56!!2Poze2eAcursii!'pg6 border56(60/2a0/BR0

/a hre&56!!2Pagini2desprenoi!html6 target56=parent60/img

src56!!2Poze2desprenoi!'pg6 border56(60/2a0/BR0

/2B3D40

/2-TM.0/2span0

Dupa ce am &acut meniul si partea de sus a site"ului, care se vor repeta in &iecare

pagina, vom scrie codul pentru prima pagina a site"ului, unde vom &olosi cadrele

/-TM.0

/-ED0

/T1T.E0-ome page/2T1T.E0

/2-ED0

/&rameset cols56$$,6 &rameborder56(60


6/18

/&rame src56Pagini2meniu!html60

/&rameset ro


7/18


8/18

Pagina va trebui salvata cu numele home.html in directorul Abecedar alaturi

de subdirectoarele Pagini si Poze, insa nu va &i &unctionala pentru ca nu a &ost

creata pagina index.html, al carei cod este urmatorul:

/-TM.0

/-ED0

/T1T.E0-ome/2T1T.E0

/2-ED0

/B3D4 bac>ground56!!2Poze2bac>ground!'pg60

/CE%TER0/img src56!!2Poze2


9/18

/283%T0

/2B3D40

/2-TM.0

Prima pagina a site"ului este gata! 1ata rezultatul


10/18

Pentru pagina icalculator.html Jclic> aiciK, codul -TM. este urmatorul

/-TM.0

/-ED0

/T1T.E0-ome/2T1T.E0

/2-ED0

/B3D40

/CE%TER0/img src56!!2Poze2calculator$!'pg60/2CE%TER0/BR0/BR0

/img src56!!2Poze2calculator@!'pg6 hspace56$96 vspace56$96

align56le&t60/BR0

/83%T color567((??886 align56le&t60

/BR0/-G0

Calculatorul a devenit ceva &oarte obi7@9#nuit 7$@In via7@99a tuturor!

De aici rezult7$9? 7@9#i necesitatea de a 7$@Inv7$9?7@99a cum se

utilizeaz7$9? un calculator! Lr7$9?dini7@99a BECEDR are ca

obiectiv principal 7$@In domeniul implement7$9?rii 7$@In procesul

educa7@99ional a cuno7@9#tin7@99elor de calculator, ini7@99ierea7@9#i &amiliarizarea copiilor pre7@9#colari 7$@In acest domeniu! *e va

7@99ine cont de particularit7$9?7@99ile de v7$$)rst7$9? ale celor

mici! st&el copii vor 7$@Inv7$9?7@99a no7@99iunile de baz7$9?

7$@Inso7@99ite de numeroase eAemple!

/2-G0

/283%T0

http://www.ecursuri.ro/htmlex/exemplu-site/Pagini/icalculator.htmlhttp://www.ecursuri.ro/htmlex/exemplu-site/Pagini/icalculator.html


11/18

/2B3D40

/2-TM.0

pentru pagina istraine.html , codul -TM. este urmatorul

/-TM.0

/-ED0

/T1T.E0-ome/2T1T.E0

/2-ED0

/B3D40

/CE%TER0/img src56!!2Poze2straine!'pg60/2CE%TER0/BR0/BR0/BR0

/img src56!!2Poze2learn!'pg6 align56le&t6 hspace56$96 vspace56960


12/18


/-G0

7$()n cadrul cursurilor de limbi str7$9?ine copiii 7$@Inva7@997$9?

s7$9? pronun7@99e corect cuvinte 7@9#i propozi7@99ii 7$@In

diverse limbi str7$9?ine! *untem preg7$9?ti7@99i s7$9? o&erim cursuri

de un 7$@Inalt nivel calitativ pentru urm7$9?toarele limbi str7$9?ine:

/H.0

/.10limba englez7$9?

/.10limba italian7$9?

/.10limba german7$9?

/.10limba &rancez7$9?!

/2H.0

/2-G0

/283%T0

/2B3D40

/2-TM.0


13/18

pentru pagina imuzica.html , codul -TM. este urmatorul

/-TM.0

/-ED0

/T1T.E0-ome/2T1T.E0

/2-ED0

/B3D40

/CE%TER0/img src56!!2Poze2muzica$!'pg60/2CE%TER0/BR0/BR0

/img src56!!2Poze2muzica@!'pg6 hspace56$96 vspace56$(6

align56le&t60/BR0/BR0


/-G0

Pentru copii este minunat s7$9? poat7$9? asculta muzic7$9? 7@9#i

s7$9? poat7$9? dansa, mai ales dac7$9? acestea se

7$@Int7$$)mpl7$9? 7$@Intr"un cadru organizat! Cursurile de


14/18

muzic7$9? 7@9#i dans de la gr7$9?dini7@99a noastr7$9?

acoper7$9? o gam7$9? &oarte divers7$9? de la muzica popular7$9?

p7$$)n7$9? la muzica latino! 7$()n &iecare

s7$9?pt7$9?m7$$)n7$9? sunt organizate concursuri de dans, iar

perechile c7$$)7@9#tig7$9?toare primesc premii din partea

gr7$9?dini7@99ei!

/2-G0

/283%T0

/2B3D40

/2-TM.


15/18

pentru pagina iexcursii.html , codul -TM. este urmatorul

-TM.0

/-ED0

/T1T.E0-ome/2T1T.E0

/2-ED0

/B3D40

/CE%TER0/img src56!!2Poze2eAcursii$!'pg60/2CE%TER0/BR0/BR0

/img src56!!2Poze2eAcursii@!'pg6 hspace56$96 vspace56$(6align56le&t60/BR0/BR0


/-G0

Lr7$9?dini7@99a BECEDR organizeaz7$9? eAcursii 7$@In

Bucure7@9#ti, dar nu numai, cu scopul vizit7$9?rii a c7$$)t mai multe

obiective culturale 7@9#i turistice! De asemenea, 7$@In vacan7@99ele devar7$9? se vor organiza tabere educa7@99ionale 7$@In care

lec7@99iile se vor des&7$9?7@9#ura 7$@In diverse loca7@99ii,

7$@In mi'locul naturii!

/2-G0

/283%T0

/2B3D40

/2-TM.0


16/18

pentru pagina idesprenoi.html codul -TM. este urmatorul

/-TM.0

/-ED0

/T1T.E0-ome/2T1T.E0

/2-ED0

/B3D40


17/18

/CE%TER0/img src56!!2Poze2desprenoi$!'pg60/2CE%TER0/BR0/BR0

/img src56!!2Poze2desprenoi@!'pg6 hspace56$96 vspace56#(6

align56le&t60/BR0


/-G0

Lr7$9?dini7@99a BECEDR este o gr7$9?dini7@997$9?

particular7$9? care 7$@Incearc7$9? s7$9? o&ere o alternativ7$9? la

7$@Inv7$9?7@997$9?m7$$)ntul de stat care nu o&er7$9?

condi7@99iile

optime pentru preg7$9?tirea copiilor! %oi o&erim condi7@99ii moderne de

7$@Inv7$9?7@99are, pro&esori specializa7@99i pentru lucrul cu copii,

materiale 7@9#i echipamente de ultim7$9? or7$9?, toate acestea la

pre7@99uri atractive!

/2-G0

/283%T0

/2B3D40

/2-TM.0


18/18

Pagina 8inala

Cancluzie: Realizind acest sait

Programarea Web

Documents

Transcript of Programarea Web