programarea web
Post on 07-Jul-2018
252 Views
Preview:
TRANSCRIPT
-
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 $(#)ș
-
8/18/2019 Programarea Web
2/18
*tructura saitului Web
-
8/18/2019 Programarea 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
-
8/18/2019 Programarea Web
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
-
8/18/2019 Programarea Web
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
-
8/18/2019 Programarea Web
6/18
/&rame src56Pagini2meniu!html60
/&rameset ro
-
8/18/2019 Programarea Web
7/18
-
8/18/2019 Programarea Web
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
-
8/18/2019 Programarea Web
9/18
/283%T0
/2B3D40
/2-TM.0
Prima pagina a site"ului este gata! 1ata rezultatul
-
8/18/2019 Programarea Web
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
-
8/18/2019 Programarea Web
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
-
8/18/2019 Programarea Web
12/18
/83%T color567((??886 align56le&t60
/-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
-
8/18/2019 Programarea Web
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
/83%T color567((??886 align56le&t60
/-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
-
8/18/2019 Programarea Web
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.
-
8/18/2019 Programarea Web
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
/83%T color567((??886 align56le&t60
/-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
-
8/18/2019 Programarea Web
16/18
pentru pagina idesprenoi.html codul -TM. este urmatorul
/-TM.0
/-ED0
/T1T.E0-ome/2T1T.E0
/2-ED0
/B3D40
-
8/18/2019 Programarea Web
17/18
/CE%TER0/img src56!!2Poze2desprenoi$!'pg60/2CE%TER0/BR0/BR0
/img src56!!2Poze2desprenoi@!'pg6 hspace56$96 vspace56#(6
align56le&t60/BR0
/83%T color567((??886 align56le&t60
/-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
-
8/18/2019 Programarea Web
18/18
Pagina 8inala
Cancluzie: Realizind acest sait
top related