Disertație Raluca

UNIVERSITATEA TEHNICĂ DE CONSTRUCȚII
BUCUREȘTI
DEPARTAMENTUL PENTRU PREGĂTIREA
PERSONALULUI DIDACTIC
Studii universitare de MASTER

Specializarea: Tehnologii Didactice asistate de Calculator
LUCRARE DE DISERTAȚIE
Coordonare ştiinţifică:
conf. univ. dr. Ion Mierluş-Mazilu
Masterand:
Stoichiță-Damian V. Raluca (Burdușa)
Bucureşti
2019
Tema lucrării:
Pagina web de prezentare a anatomiei
„CORPUL UMAN”
CUPRINS
INTRODUCERE
CAPITOLUL I.......................................................................................................................1
REȚEAUA INTERNET.........................................................................................................1
I.1. Internet şi world wide web...........................................................................................1
I.2. Reţele de calculatoare.................................................................................................3
I.3. Arhitectura world wide web.......................................................................................6
I.4. Tehnologia realizării siturilor WEB............................................................................7
I.5. Concluzii....................................................................................................................10
CAPITOLUL II....................................................................................................................11
SISTEME DE ADMINISTRARE A CONȚINUTULUI.....................................................11
II. 1 Sisteme de administrare a conținutului web ( CMS )...............................................12
II.2 Operarea....................................................................................................................13
II. 3 Terminologie............................................................................................................13
II. 4 Tipuri de CMS-uri....................................................................................................14
CAPITOLUL III...................................................................................................................15
EDITAREA PAGINII WEB „CORPUL UMAN”..............................................................15
3.1 Template.....................................................................................................................15
3.2 Pagina principală........................................................................................................35
3.3 Pagina „ Cursuri Anatomie”.......................................................................................37
3.3.1 Anatomia și fiziologia umană............................................................................42
3.3.2 Organizarea corpului...........................................................................................47
3.3.3. Sistemul osos..................................................................................................50
3.4 Pagina „Galerie foto”.....................................................................................................53
3.5 Curiozități.......................................................................................................................56
CONCLUZII........................................................................................................................60
BIBLIOGRAFIE..................................................................................................................61
Introduction
In the process of learning the use of the computer, but also of other devices (tablet,
phone), has become a necessity due to the accelerated development of information
technology. This concept, assisting the education process with the computer, for the new
generations of pupils and students, has become an intrinsic requirement. The calculator is
perceived at a time, as a resource of information, a toy, a tool, already entering the daily
habit of using it, both for communication and for information and instruction.
This student-computer interaction allows for the diversification of the teaching
strategy, facilitating the pupil's access to wider, more logically organized, varied structured
information presented in different ways of viewing.
Pedagogical modernization involves the existence of hardware equipment
(computer, tablet, telephone), software (programs) and their ability to adapt, receive and
capitalization in the instructional environment.
The teacher, being so far the only knowledge provider, due to the speed of
technology development, must combine its activity with other sources of information such
as access to virtual libraries, communication with specialists, scientific articles, through
Use of hardware devices and software, thus providing the possibility for those who wish to
be informed by using the facilities provided by the link to the global network, "Internet".
The school needs to keep up with technology, understand and anticipate the impact
on learning mode. Computers have been incorporated into educational programs, giving
them the training of greater freedom and flexibility. The affinity between pupils and the
Internet made it possible to create several projects geared towards pupils, initiated and led
by them. Pupils, as active participants, print their own rhythm and strategies. The learning
method is individualised, focused on the particularities of each individual (heredity,
experience, training, talents, capacities and needs, perspectives).
Due to the extraordinary development of the Internet, Fiacre School, in recent
years, wanted to create its own Web page or even the traumatise site, because there are
some advantages, such as:
-Availability and Accessibility 24 h from 24, 7 days out of 7;
-The webpage is considered to be an open book of an organization, a school, where the
main information is recorded, a business card available at any time;
-A school owned by an official website, will generate a much higher reputation and will
benefit from more confidence from students or potential students, compared to other
profile institutions that do not possess a webpage.
By addressing this theme, I want to make an Internet application accessible to those
interested so, any teacher, pupil, future pupil or parent, will be able to inform in a modern
system, which will be able to provide access to online materials. This system has as its
advantages the constant updating of the information, the permanent tuning of the material,
but also the interactivity between teachers, pupils and parents.
Requirements for making the Web page the following:
-Attractive, modern Design;
-Quick loading of the page by multiple browsers (Internet Explorer, Opera, etc.);
-Achieving dynamic effects.
INTRODUCERE
În procesul de învățământ utilizarea calculatorului, dar și a altor dispozitive

(tabletă, telefon), a devenit o necesitate datorită dezvoltării accelerate a tehnologiei
informației. Acest concept, de asistare a procesului de învățământ cu calculatorul, pentru
noile generații de elevi și studenți, a devenit o cerință intrinsecă. Calculatorul este perceput
pe rând, ca o resursă de informații, o jucărie, o unealtă, intrând deja în obișnuința zilnică
utilizarea lui, atât pentru comunicare cât și pentru informare și instruire.
Această interacțiune elev-calculator, permite diversificarea strategiei didactice,
facilitând accesul elevului la informații mai ample, mai logic organizate, structurate variat,
prezentate în modalități diferite de vizualizare.
Modernizarea pedagogică implică existența echipamentelor hardware (calculator,
tabletă, telefon), a software-lui (programelor) și a capacității de adaptare a lor, de receptare
și valorificare în mediul instrucțional.
Profesorul, fiind până acum unicul furnizor de cunoștințe, datorită vitezei
dezvoltării tehnologiei, trebuie să-și combine activitatea cu alte surse de informare cum ar
fi acces la biblioteci virtuale, comunicarea cu specialiști, articole științifice, prin utilizarea
dispozitivelor hardware și a programelor software, oferind astfel posibilitatea celor ce
doresc să se informeze, prin utilizarea facilităților oferite de legătura la rețeaua globală,
„Internet”.
Școala trebuie să țină pasul cu tehnologia, să înțeleagă și să anticipeze impactul
asupra modului de învățare. Calculatoarele au fost încorporate în programele educaționale,
oferindu-le celor ce se instruiesc o libertate și o flexibilitate mai mare. Afinitatea dintre
elevi și Internet a făcut posibilă crearea mai multor proiecte orientate înspre elevi, inițiate
și conduse de aceștia. Elevii, ca participanți activi, își imprimă ritmul propriu și propriile
strategii. Modalitatea de învățare este individualizată, focalizată pe particularitățile fiecărui
individ (ereditate, experiență, pregătire, talente, capacități și nevoi, perspective).
Datorită dezvoltării extraordinare a Internetului, fiacre școală, în ultimii ani , a dorit
să-și creeze prorpia pagină Web sau chiar prorpiul site, deoarece există unele avantaje,
cum ar fi:
- Disponibilitate și accesibilitate 24 h din 24, 7 zile din 7;
- Pagina web este considerate a fi o carte deschisă a unei organizații, a unei școli,
unde sunt consemnate principalele informații, o carte de vizită disponibilă în orice
moment;
- O școală posesoare a unui site web official, va genera o notorietate mult superioară
și va beneficia de mai multă încredere din partea elevilor sau a potențialilor
studenți, în comparație cu alte instituții de profil care nu posedă o pagină web.
Prin abordarea acestei teme, doresc realizarea unei aplicații internet accesibilă celor
interesați Astfel,, orice cadru didactic, elev, viitor elev sau părinte, se va putea informa
într-un sistem modern, care va putea oferi acces la materialele online. Acest sistem are ca
avantaje actualizare permanentă a informațiilor, diaponibilitatea permanentă a materialului,
dar și interactivitatea dintre cadrele didactice, elevi și părinți.
Cerințele pentru realizarea paginii web impugn următoarele:
- Design atractiv, modern;
- Incărcare rapidă a paginii de către mai multe browsere ( Internet explorer, Opera
etc.);
- Realizarea de efecte dinamice.
CAPITOLUL I
REȚEAUA INTERNET
I.1. Internet şi world wide web
Istoria Internetului, deși sub acest nume va apărea mult mai târziu, începe în 1966
odată cu crearea Agenției pentru Proiecte de Cercetare Avansată (ARPA). Obiectivul
agenției era crearea unei rețele de comandă a trupelor SUA, care să poată rămâne
operațională chiar și în cazul unui atac nuclear (de unde se vede că multe lucruri bune apar
din rațiuni militare). Rețeaua a fost denumită ARPAnet și a fost operațională în 1969, când
lega 4 calculatoare din laboratoarele unor universități.
Agenția ARPA a finanțat proiecte de cercetare în domeniul rețelelor ale
universităților americane, pe baza cărora s-a dezvoltat rețeaua. Realizarea "practică" a
rețelei a fost încredințată firmei BBN (construcția subrețelei de comunicație). S-a hotărât
ca subrețeaua să aibă ca routere minicalculatoare IMP Honeywell DDP-316 special
modificate (memorie de 12 KB, cuvânt de 16 biți, fără discuri mobile considerate
nesigure), conectate prin linii telefonice de 56 Kbps închiriate de la diverse firme de
telefoane. Fiecare nod al rețelei era format dintr-un calculator gazdă și un IMP (Interface
Message Processors) aflate în aceeași încăpere. Pentru a spori siguranța comunicării,
fiecare IMP era conectat cu alte două.
1
Inițial, ARPAnet a funcționat experimental prin conectarea a patru universități, iar
în câțiva ani s-a extins pe întreg teritoriul SUA. În 1983, ARPAnet a fost divizată în două
sisteme distincte: MILNET (rețea destinată operațiunilor militare) și ARPAnet.
Rețeaua ARPAnet a arătat cercetătorilor cât este de utilă comunicarea rapidă între
echipele de cercetători aflate în diverse orașe ale SUA și s-a dorit conectarea cât mai
multor universități. Procedura de conectare era restrictivă deoarece rețeaua ARPAnet era
finanțată de ARPA (adică, pe scurt, de Pentagon).
La sfârșitul anilor '70, din inițiativa Fundației Naționale de Știință (NSF), a
demarat proiectul de conectare a universităților care nu aveau contract de colaborare cu
ARPA.
Inițial au fost oferite servicii de poștă electronică. În 1986 a fost creată o subrețea
care conecta șase centre de supercalculatoare din șase orașe americane, fiecare supercal-
culator conectat fiind legat de un minicalculator LSI-11 (FUZZBALL), numit și "fratele
mai mic". Fuzzball-urile au format subrețeaua la care au fost conectate, în timp, 20 de
rețele regionale. Rețeaua a fost denumită NSFNET.
La mijlocul anilor '80, rețelele ARPAnet și NSFNET au "fuzionat" și, odată cu
mărirea exponențială a numărului cererilor de conectare, lumea a început să perceapă
colecția de rețele ca fiind o uriașă conexiune de rețele. Putem spune că este momentul
nașterii rețelei Internet. Aceasta cuprindea, în 1990, 3000 de rețele și 200 000 gazde pentru
a ajunge astăzi la câteva zeci de mii de LAN-uri și milioane de gazde.
Expansiunea spectaculoasă a rețelei a început în 1992, după ridicarea interdicției de
a desfășura activități comerciale pe Internet și odată cu apariția WWW. Una dintre
activitățile profitabile este aceea de furnizor Internet (Internet provider = firmă care oferă
servicii de conectare la Internet).
Înainte de a putea înțelege ce înseamnă și cum funcționează World Wide Web, va
trebui să clarificăm anumite noțiuni, definiții, tehnologii pe care se bazează.
Una dintre cele mai importante părți ale Internetului a fost construită la mijlocul
anului 1980, cu sprijinul Fundației Naționale de Știintă a Statelor Unite (FNS), pentru a
permite tuturor cercetătorilor universitari din țară să benificieze de resursele costisitoare
ale celor cinci centre de calcul regionale , pe care FNS le construia simultan. La vremea
aceea, folosirea Internetului era limitată exclusiv la instituțiile academice și
guvernamentale. Totuși, la începutul anului 1990, conectările au devenit accesibile nu
numai companiilor mici, ci și la nivel de individ, iar această realitate, cumulată cu intenția
2
guvernului Statelor Unite de a construi la nivel național o infrastructură informațională, a
declanșat o explozie a numărului persoanelor și calculatoarelor conectate.
În 1995, statisticile confirmau conectarea în rețea a peste 35 de milioane de oameni,
din 135 de țări. Internetul este cea mai mare rețea de calculatoare din lume, dar nu este
singura. Mai sunt multe alte feluri de sisteme „online”, care se pot accesa prin linii
telefonice, folosind un modem (modulator / demodulator); acesta transformă datele pe care
computerul le poate citi, în zgomote ce pot fi transmise și decodate la celălalt capăt.
Sistemele „online” oferă, în general, aceleași servicii ca și Internetul. Acestea includ poștă
electronică, biblioteci de fișiere și de alte informații, conferințe electronice și acces la baze
de date cuprinzând informații despre anumite companii sau articole ale unor publicaţii
periodice.
Multe sisteme de acest gen, cunoscute ca „bulletin board sistem” (BBSs), sunt
gratuite; altele cum ar fi vechiul sistem „online” de informații comerciale CompuServe,
trebuie plătite de către utilizator, plata făcându-se în funcție de timpul efectiv petrecut
„online” și în funcție de serviciul folosit. Deoarece Internetul a fost construit din banii
publici și primii lui utilizatori au fost universitățile și cercetătorii, informațiile de pe
Internet erau gratuite. Situația însă începe să se schimbe, pe măsură ce finanțarea vine tot
mai mult din mediul privat și sunt dezvoltate sisteme de securitate tot mai performante. Pe
langă e-mail, Usenet șiWeb, cele mai uzuale servicii de pe Internet sunt Telnet și FTP.
Fiecare din aceste servicii are o funcție diferită și necesită câte un software diferit, numit
software „client”, instalat pe server, dar care poate fi rulat pe calculatorul utilizatorului. Cu
cât sistemele comerciale sunt mai mari cu atât este mai ușor pentru utilizatori, pentru că
acestora le este furnizat un set complet de software sau de facilități. Telnet, de exemplu,
permite utilizatorului conectarea la calculatoare îndepărtate, ca și cum s-ar afla în fața unui
terminal direct conectat la acel computer. FTP, adică File Transfer Protocol, permite
utilizatorului trimiterea sau recuperarea fișierelor spre sau de la computere îndepărtate.
I.2. Reţele de calculatoare
Rețea de calculatoare este o colecție de calculatoare (zeci sau sute) interconectate

între ele prin cabluri speciale cu scopul de a putea interschimba sau folosi în comun
anumite resurse (fișiere, imprimante, etc.).Pentru a comunica între ele, calculatoarele
folosesc un set de reguli care definesc noțiunea de protocol de comunicatie.
3
Rețelele de calculatoare locale pot fi la rândul lor interconectate, formând rețele
globale de calculatoare, adică inter-rețele. O rețea de calculatoare reprezintă un mod de
conectare a unor calculatoare individuale, astfel încât să poată folosi în comun anumite
resurse. Aceste resurse includ componente de genul unităților de disc, fișiere (baze de
date), imprimante și echipamente de comunicație. În plus, rețeaua permite o interacțiune
mai mare și o comunicare mai bună între membrii rețelei, prin intermediul poștei
electronice, bazelor de date și a altor metode de utilizare în comun a informațiilor de orice
fel.
Calculatoarele conectate la rețea sunt denumite noduri. Când nodurile aparțin
aceleiași clădiri sau aceleiași organizații, rețeaua este locală (Local Area Network-LAN),
de exemplu rețeaua unui liceu. Dacă nodurile sunt dispersate pe o zonă mai extinsă, de
exemplu pe suprafața unui județ sau a câtorva județe, la nivelul țării sau pe întregul glob,
rețeaua este pe plan extins (Wide Area Network-WAN). O astfel de rețea ar putea fi
constituită, de exemplu, la nivel național, pentru toate instituțiile Ministerului Educației și
Cercetării. Cea mai mare inter-rețea cu access public este rețeaua Internet.
Niveluri ale unei rețele și tipuri de rețele

Există șapte niveluri de clasificare a unei rețele. Cinci dintre aceste niveluri sunt
prezentate în continuare.
Nivelul fizic este constituit din cablurile sau alte echipamente ce leagă între ele
calculatoarele, adică partea palpabilă a rețelei. Aici intră și plăcile de interfață ale rețelei,
elementele de conectare și orice altă componentă hard (inclusiv concentratoare și
amplificatoare).
Nivelul logic este cel care interpretează semnalele obținute, le traduce sub formă de
date în cod binar (0 și 1), ce pot fi transmise celuilalt nivel și care pot fi prelucrate de
calculator.
Nivelul de rețea răspunde de identificarea calculatoarelor din rețea.
Nivelul de transport răspunde de corectitudinea recepționării datelor transmise între
calculatoare.
Nivelul de aplicație este pachetul de programe (software-ul) folosit de fiecare
calculator pentru accesul la alte resurse ale rețelei, de exemplu la tipărirea la o imprimantă
din rețea.
Ca tipuri de rețele se rețin:
- magistrală (toate calculatoarele conectate la cablul principal al rețelei);
4
- în stea (calculatoarele interconectate prin intermediul unui concentrator);
- circulară (un calculator între alte două calculatoare);
- magistrală în stea (combinație a primelor două tipuri).
Calculatoarele se conectează prin plăcile adaptoare pentru rețea. Aceste plăci au rolul
de a realiza legătura între cablurile rețelei și stația de lucru. Placa dispune de puncte de
conectare în care se cupleză cablurile rețelei. Placa are o mică memorie folosită ca
memorie tampon. Ca tipuri de cablu se folosesc cabluri coaxial și fibrele optice
(transmitere prin unde luminoase). Pot fi folosite și sisteme de transmitere prin unde
luminoase sau prin unde radio, cu aparate de emisie și de recepție. Pot fi conectate și doar
două calculatoare, printr-un cablu serial cu un adaptor null-modem.
Definiția dată anterior este foarte generală și mai necesită câteva completări:
 Internetul este un mijloc de comunicare – este un mediu foarte eficient de expunere
a ideilor unei audiențe foarte mari.
 Internetul este o resursă de informare – este un imens depozit de informații.
Oricând ai nevoie de o informație legată de orice domeniu vei putea găsi undeva
publicat pe Internet o lucrare care să te ajute.
 Internetul este o comunitate – face posibilă și foarte eficientă comunicarea între
oameni cu aceleași preocupări.
Pentru toate facilitătile enumerate mai sus, Internetul oferă mai multe metode de
access – servicii Internet :
 World Wide Web – serviciul ce permite accesul la informația stocată pe un
calculator aflat oriunde în lume;
 E-Mail – este un serviciu de mesagerie electronică. Permite schimbul de mesaje
între utilizatorii Internet;
 FTP – este prescurtarea de la File Transfer Protocol care înseamnă în limba
română protocol pentru transferul fișierelor,
 Telnet – serviciul ce permite accesul la resursele altui calculator din Internet.
Protocolul de comunicație folosit în Internet pentru oricare din serviciile de mai
sus este TCP/IP (și pentru altele). Acesta definește:modul în care calculatoarele ar trebui să
fie conectate în Internet, modul în care se stabilește o legătură de la un calculator la altul
din Internet, modul în care sunt transmise date între calculatoarele din Internet. Pentru a se
putea conecta și a fi identificat în rețea un calculator trebuie să aibă o adresă de rețea unică.
În Internet această adresă se numește adresă IP. O adresă de IP este formată din 4 numere
5
cuprinse între 0 şi 255 separate prin caracterul “.” . Un exemplu de adresă IP este
66.249.85.99.
Deoarece acest format de adrese este greu de reţinut de către om, există
posibilitatea asocierii unei forme mai prietenoase de adresare fiecărei adrese IP. Această
formă de adresare poartă denumirea de Nume de Domeniu. De exemplu pentru adresa IP
de mai sus este asociat următorul nume de domeniu: www.google.com.
I.3. Arhitectura world wide web
World Wide Web, cunoscut și sub numele de WWW, W3 sau Web, reprezintă cel
mai utilizat și mai atractiv serviciu Internet. În traducere aproximativă aceasta înseamnă
“țesătură răspindită în întreaga lume”. Metafora este sugestivă, deoarece serviciul WWW
acoperă ca o pânză de păianjen întreaga lume. Pânza este formată dintr-o colecție de
documente specifice acestui serviciu, conectate logic între ele, denumite hipertexte. Un
hipertext este un document care conține pe lângă text, imagini, sunete (într-un cuvînt,
elemente multimedia) și legături către alte documente de tip hipertext, care pot fi
localizate pe orice server Web din rețeaua internet.
6
Hipertextele sunt denumite deseori pagini Web. Să presupunem, de exemplu, că
doriți să creați o pagină web despre câini. Probabil în cadrul paginii veți face legături
către alte pagini ce conțin principalele categorii de rase de câini. În cadrul paginii fiecărei
categorii, veți crea legătura către paginile care conțin informații despre fiecare rasă în
parte.
O legătură dintr-un hipertext poate deci să conducă către un alt hipertext, dar
și către alte resurse: un fișier ce conține text, imagini sau sunete, un grup de știri,
un server FTP, etc. În plus, resursa către care se creează legătura poate fi de pe un
calculator din rețeaua Internet situat oriunde pe glob.
Consultarea informațiilor organizate sub formă de hipertexte se realizează cu
ajutorul unui program special, denumit browser. Utilizând un browser, utilizatorii
serviciului WWW au posibilitatea de a se “ mișca liber ” pe rețea, de la un
document la altul, indiferent de serverul pe care documentele sunt memorate, motiv
pentru care această operație a fost denumită sugestiv “navigare ”. În acest fel, World
Wide Web, reprezintă un nou mod de organizare a informațiilor din rețeaua Internet, un
spațiu informațional universal, comun tuturor, o modalitate de comunicare flexibilă și
creativă.
Deși Internet-ul are o istorie mai veche, seviciul WWW a fost creat începînd cu
1989. Inițiatorul acestui nou mod de comunicare a fost TIM Berners-Lee, cercetător la
CERN (Consiliul European Pentru cercetatarea nucleară), care intenționa să creeze un nou
sistem informațional pentru a facilita cercetătorilor schimbul de informații și colaborarea în
cadrul proiectelor științifice.
Prima utilizare apublică a serviciului WWW a fost în ianuarie 1992 la Geneva.
Prin proiectul lui Tim Berners-Lee au fost stocate documente pe mai multe calculatoare
denumite servere Web, apoi au fost consultate prin intermediul unui browser.
Tim Berners-Lee și echipa sa au dezvoltat primele versiuni pentru cele patru
componente cheie necesare serviciului WWW:
 protocolul HTTP (hipertext transfer protocol), limbajul de scriere a
hipertextelor HTML (hipertext markup language),
 servsrul Web ,
 și browser-ul.
Primul browser nu funcționa în mod grafic, ci în linie de comandă, dar ulterior
cercetătorii, printre care și Marc Andreessen, au început să dezvolte browsere cu interfață
7
grafică (GUI- Graphical User Interface). Deși inițial a fost destinat cercetătorilor, acest
nou mod de comunicare nu se mai limitează la schimbul de informații științifice.
Serviciul WWW s-a dezvoltat exploziv, astăzi fiind utilizat în școli, în lumea
afacerilor, în casele a milioane de oameni, Web-ul constituind platforma dezvoltării a sute
de noi aplicații, cum ar fi tranzacţii financiare on-line, servicii multimedia on-line sau
servicii de căutare a informaţiilor pe reţea.
WWW reflectă într-un mod realist dinamica relaţiilor noastre sociale, modul în
care astăzi muncim şi ne distrăm.
I.4. Tehnologia realizării siturilor WEB
World Wide Web sau pe scurt Web este un sistem de calculatoare în Internet care
poate efectua schimb de fișiere într-un anumit format, denumit HTML care suportă
existența de legături către alte documente sau către fișiere grafice sau audio. Acest schimb
de fișiere se face folosind tehnologia client-server care presupune existența următoarelor
entităti:
 Pagini Web – Fișiere cu un anumit format ce permite organizarea asociativă a
informațiilor – HTML,
 Web Site – Este o mulțime organizată de pagini Web
 Server – Un calculator conectat la Internet pe care sunt stocate paginile Web și pe
care rulează un program – Web server – care poate servi aceste pagini Web la
cerere unui alt calculator din Internet,
 Client – Un calculator conectat la Internet pe care rulează un program – Web
Browser – ce permite comunicația cu HTTP server la care face cerere pentru a
primi o resursă Web specificată de un URL introdus de utilizator pe care este apoi
capabil să îl interpreteze și să îl afișeze.
 URL – Fiecare pagină sau resursă WEB are asociată o adresă unică în Internet
cunoscută sub acronimul de URL (Uniform Resource Locator). URL : Fiecare
document are o adresă unică (Uniform Resource Locator, URL) folosită pentru
accesarea sa de către programul de navigație. Ea se scrie fără spații și este
compusă din 3 părți : protocolul folosit, numele calculatorului gazdă și cale :
http://www.zdnet.com/pcmag/special/web100
8
Figura 1. Arhitectura World Wide Web
În Figura 1 este prezentat “locul” fiecărei entităţi descrise mai sus ca fiind parte
din World Wide Web, şi de asemenea ordinea etapelor pentru accesul la resursele Web:
Utilizatorul introduce URL-ul care identifică resursa Web dorită, în browserul care rulează
pe calculatorul client, clientul conectat la Internet formulează o cererea de resursă către
Web-Serverul identificat de URL,Web Serverul primeşte, analizează cererea şi întoarce ca
răspuns la client resursa cerută, dacă aceasta există. În caz contrar întoarce un răspuns ce
conţine un mesaj de eroare.Web Browserul de pe calculatorul client primeşte răspunsul de
la Web-server şi îl afişează.
Conţinutul paginilor Web

 Comunicarea unor informaţii cu caracter personal ;
 Distribuirea de informaţii cu caracter ştiinţific ;
 Promovarea unor firme, asociaţii, cluburi etc.;
 Prezentarea de produse ;
 Formulare pentru comanda de produse ;
 Liste cu locuri de muncă ;
 Informaţii necesare pentru a fi contactat ;
 Glume, bancuri, etc.
Paşii realizării paginilor Web

1. Stabilirea subiectului şi reunirea informaţiilor necesare;
2. Organizarea informaţiilor - Informaţiile trebuie grupate în secţiuni, fiecare secţiune
făcând ulterior obiectul unei pagini Web;
9
3. Alegerea unei platforme Joomla, WordPress sau crearea în modul clasic HTML;
4. Adăugarea imaginilor (referinţe la fişiere care conţin imagini);
5. Legarea paginilor prin adăugarea în fiecare pagină a referinţelor spre alte pagini;
6. Publicarea (transferul) pe un server Web.
În orice site Web există o pagină care prezintă succint conţinutul acestuia şi
conţine referinţe spre pagini care detaliază informaţiile. De regulă fişierul în care aceasta
este memorată poartă numele index.html.
10
I.5. Concluzii
World Wide Web este o metodă (serviciu) de acces la informaţia stocată pe un

calculator aflat oriunde în lume. WWW conţine un volum imens de informaţii organizate
după modelul hipertext. Este un sistem distribuit pe mii de site-uri.
Paginile Web au urmãtoarele caracteristici:

 sunt multimedia, adică ele conţin infomaţii sub formã de text, imagini, sunete,
filme etc;
 sunt interactive, adică rãspund la cererile utilizatorului;
 sunt independente de platforma hardware şi software, adică se văd la fel pe orice
calculator, având instalat orice sistem de operare şi utilizând orice browser.
Avantajele serviciului World Wide Web:

 Este un sistem dinamic, adică actualizabil în orice moment;
 Este un sistem interactiv – permite colectarea de informaţii prin formulare;
11
CAPITOLUL II
SISTEME DE ADMINISTRARE A CONȚINUTULUI
Un sistem de administrare a conținutului sau CMS (în engleză Content

Management System, CMS) este un sistem software creat pentru automatizarea cât mai
deplină a gestiunii conținutului, în special a siturilor web. Scopul este de a reduce sau
elimina intervenția programatorilor la editarea și administrarea siturilor lor.
CMS-ul facilitează organizarea, controlul și publicarea de documente sau alt tip de
conținut, cum ar fi imagini și resurse multimedia. Un CMS facilitează adesea crearea în
comun de documente. Un "CMS web" este un CMS cu facilități adiționale pentru ușurarea
publicării de conținut pe diversele site-uri.
Date fiind complexitatea site-urilor web și inexistența unui model standard,
definirea unitară a CMS precum și a părților sale componente este foarte greu de realizat.
Granițele dintre portale, sisteme CMS, DMS (Document Management System – Sistem de
Administrare a Documentelor) și ECS (E-commerce Systems – Sisteme de Comerț
Electronic) nu sunt evidente și acestea adesea se suprapun.
Sistemele de administrare a conținutului web sunt folosite adesea pentru stocarea
și controlul documentelor cum ar fi articole, manuale tehnice sau de alte naturi, ghiduri de
vânzări și broșuri de marketing. Un CMS poate avea următoarele funcții:
 Crearea și transferul de documente și material multimedia;
 Identificarea utilizatorilor cheie și a rolului lor în gestionarea conținutului;
 Atribuirea de roluri și responsabilități diferitelor categorii de conținut;
12
 Definirea de sarcini de lucru, adesea cuplate cu trimiterea de mesaje în funcție de
eveniment, astfel încât managerii de conținut sunt alertați automat când intervin
schimbări ce îi privesc;
 Urmărirea și organizarea mai multor versiuni ale aceluiași element de conținut;
 Publicarea conținutullui într-o bibliotecă, pentru a sprijini accesul la conținut. În
ultima vreme biblioteca (bază de date) este o parte tot mai importantă a sistemului;
ea poate fi ușor interogată.
II. 1 Sisteme de administrare a conținutului web ( CMS )
De obicei un asemenea sistem oferă unelte software prin care utilizatorii fără
cunoștințe de programare pot totuși crea și organiza conținutul cu relativă ușurință.
Majoritatea sistemelor folosesc o bază de date pentru stocarea conținutului, și un layer de
prezentare pentru afișarea acestuia vizitatorilor obișnuiți, bazat pe un set de modele sau
monstre (templates). Administrarea se face în mod normal printr-un browser web, dar
unele sisteme pot fi modificate și pe alte căi.
Un CMS web diferă de creatoare de site-uri precum FrontPage sau Dreamweaver
prin faptul că un CMS permite utilizatorilor fără cunoștințe tehnice să facă schimbări în
site cu training puțin sau deloc. Un CMS este ușor de folosit și permite utilizatorilor
autorizați să administreze un sit web. Un CMS este mai mult o unealtă de întreținere
decât de creere de site-uri.
Un sistem de administrare a conținutului web oferă următoarele facilități cheie:
 Templateuri automate - Creează templateuri vizuale standard care pot fi aplicate
automat conținutului nou și existent, creând un punct central pentru schimbarea
interfeței unui site web.
 Conținut ușor editabil - Odată ce conținutul este separat de reprezentarea vizuală
a site-ului, editatul și manipulatul devin de obicei mult mai ușoare și mai rapide.
Cele mai multe CMS-uri includ unelte de editat WYSIWYG ce permin
personalului ne-tehnic să creeze și să editeze conținut.
 Scalable feature sets - Cele mai multe CMS-uri au plugin-uri sau module care pot
fi instalate ușor pentru a extinde funcționalitatea.
 Upgrade-uri după standardele web - Soluțiile active de administrare a
conținutului primesc de obicei update-uri regulate care includ noi facilități și țin
sistemul la standardele web.
13
 Administrarea workflow-ului - Workflowul este procesul creării de sarcini
secvențiale și paralele care trebuiesc îndeplinite de către CMS. De exemplu, un
creator de conținut scrie un articol care nu este publicat pe site până când nu este
curățat de editorul de copii și aprobat de editorul șef.
 Administrarea documentelor - CMS-urile pot veni cu mijloace de gestionare a
ciclului de viață al unui document, de la creare, prin revizii, publicare, arhivare și
distrugere.
II.2 Operarea
Un sistem de administrare a continuțului unui site web rulează des pe serverul site-
ului. Majoritatea sistemelor oferă acces controlat pentru diferite ranguri de utilizatori cum
ar fi administratorii, editorii și creatorii de conținut. Accesul se face de obicei prin
browserul web, posibil combinat cu FTP pentru uploadarea conținutului.
Creatorii de conținut încarcă documentele lor în sistem. Editorii acceptă sau resping
documentele, editorii de layout aranjează site-ul. Editorul șef este deci responsabil cu
publicarea conținutului pe site-ul live. CMS-ul controlează și ajută la controlarea fiecărui
pas din workflow, incluzând partea tehnică a publicării documentelor pe unul sau mai
multe servere web.
Conținutul și toate informațiile care au legătură cu site-ul sunt de obicei stocate
într-o bază de date relațională pe server. CMS-ul ține în mod normal evidența edițiilor
anterioare ale sitului și a edițiilor nepublicate încă. Paginile controlate și publicate printr-
un CMS pot fi apoi văzute de vizitatorii sitului.
II. 3 Terminologie
Următorii termeni sunt adesea folosiți referitor la CMS-urile web, dar nu sunt nici
standard nici universali:
 Bloc - Un bloc este un link către o secțiune din site-ul web. Blocurile pot de
obicei fi setate să apară în toate paginile site-ului (de exemplu pe un meniu de
navigație) sau doar în pagina principală.
 Modul - Un modul de conținut este o secțiune a site-ului, de exemplu o
colecție de articole de știri, o secțiune FAQ, etc.
14
 Temă - O temă definește aparența fiecărei pagini din site, controlând
proprietăți cum ar fi culori și fonturi.
II. 4 Tipuri de CMS-uri
 CMS-uri bazate pe module - Majoritatea sarcinilor din ciclul de viață al unui

document sunt îndeplinite de module ale CMS-ului. Module comune sunt crearea
și editarea de documente, transformarea și publicarea.
 TODDS CMS - TODDS (din engleza "Totally Organic Data Driven System"). E o
unealtă nouă care ajută departamentele IT să-și facă slujba mai eficient, în special
când ar trebui să aparțină unei organizații de tip marketing.
 CMS bazat pe web - O altă apropiere față de construirea de CMS-uri folosește
baze de date cum ar fi PostgreSQL, MySQL sau MS SQL și limbaje de scripting
cum ar fi Coldfusion, PHP, JSP sau ASP pentru interacțiuea cu datele, pentru a le
introduce în conținutul vizual. Datele sunt compilate în pagini HTML sau alte
documente și transformate folosind CSS. Aceste sisteme pot include un număr de
alte funcții, cum ar fi forumurile, blogurile sau newsletterele e-mail.
15
CAPITOLUL III
EDITAREA PAGINII WEB „CORPUL UMAN”
Această pagină web conține imagini și text. Numele domeniul ales este „THE
BODY ONLINE-BURDUSA”. Aplicația are un caracter complex, având încorporate mai
multe secţiuni distincte. Aceste secţiuni sunt:
3.1 Template
Unul din template-urile folosite la crearea pagii este:
!DOCTYPE html>
<html class="finch">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>
Webs - SiteBuilder</title>
<link rel="shortcut icon" href="/websfavicon.ico" type="image/x-icon">

<link rel="icon" href="/websfavicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css"
href="//secure.websimages.com/v843a3ac/static/projects/finch/css/base.css"/>
16
href="//secure.websimages.com/v843a3ac/static/projects/finch/css/sitebuilder.css"/>
href="//secure.websimages.com/v843a3ac/static/projects/finch/css/ui.css"/>
href="//secure.websimages.com/v843a3ac/active-static/lib/iDropper/iDropper.css"/>
href="//secure.websimages.com/v843a3ac/static/projects/finch/css/numberInput.css"/>
href="//secure.websimages.com/v843a3ac/static/projects/finch/css/loadingSpinner.css"/>
href="//secure.websimages.com/v843a3ac/active-static/target/ui/base.css"/>
<script>
webs = window.webs || {};
webs.startLoad = new Date();
webs.locale = 'en-US';
webs.site = {
id: 139428395,
url: 'https://corpuluman.webs.com/',
username: 'corpuluman',
signupDate: 1560305209,
premium: true,
webstoreInstall: true,
editableFooter: true,
publicEmail: 'david_dvd1an@yahoo.com',
firstTime: false,
firstTimeShowVideo: true,
firstTimeShowToasterDemo: false,
firstSession: ('false' === 'true'),
allowRevert: false,
showVideoUploadTab: true,
showFreeImagesTab: true,
showControlPanel: true,
colors:
["#000000","#333333","#777777","#a1a1a1","#d9d9d9","#ffffff","#053d63","#b30225","#
2a7d33","#ff6600","#520039","#6a4f3d","#2a8fbd","#fc0f3e","#90a128","#ff9500","#623
962","#9f9679","#2ca1b6","#ea3556","#7bcc77","#fbb829","#c0addb","#dad2bf","#a7dbd
8","#e48a90","#ccff00","#f6e024","#f5a0ff","#e7e7c8","#d4eef9","#ffcdd1","#d9ffa9","#f
aed93","#fdd6fd","#fafad8"],
allowCustomColors: true,
hasSeo:false,
hasMobileLandingPage:false,
hasMobilizedPages: true,
isCobrand: false,
hasPublished: false,
shouldSeeDomainUpsell: true,
photoGallerySlideshowEnabled: false,
canEditContactForm: true
};
webs.page = {
17
id: 360667026,
layout: 'noHeaderRightSidebar',
url: 'https://corpuluman.webs.com/',
sections: {"5d005e3ae4b0931d5255e8f7":{"type":"tree","children":
[{"type":"column","children":
[],"width":100}],"id":"5d005e3ae4b0931d5255e8f7","lastModified":"Tue Jun 11 22:06:50
EDT 2019"},"5d005e3ae4b0931d5255e900":{"type":"tree","children":
[{"moduleId":"5d007ccf5870cbd10166723d","siteId":139428395,"moduleType":"title","c
ontent":{"html":"HIPPOCRATE","font":"times","level":null,"icon":
{"enable":false,"set":null,"slug":null,"position":null,"style":null},"align":"center","linksDa
ta":{}},"treeIds":["5d005e3ae4b0931d5255e900"]},
{"moduleId":"5d007f591739bba13e9a6c93","siteId":139428395,"moduleType":"quote","c
ontent":{"submodules":[{"text":{"html":"<span style=\"font-size: 24px;\"><span
class=\"wz-bold wz-italic\" style=\"font-size: 24px;\">Plimbarea este cea mai bună
medicină a
omului<\/span><\/span>","label":"content","quoteContent":true,"font":"times"},"_i_":0,"_i
p1_":1},{"text":
{"html":null,"label":"author","quoteAuthor":true,"enabled":false,"linksData":
{}},"_i_":1,"_ip1_":2}],"adjusted":false},"treeIds":["5d005e3ae4b0931d5255e900"]},
{"moduleId":"5d0060975870cb1c1b666f9f","siteId":139428395,"moduleType":"image","c
ontent":
{"link":null,"imageType":"webs","width":590,"height":988,"align":"center","imageWidth"
:100,"caption":"image","inBucket":false,"changeCallback":null,"frame":"default","frameC
olor":"ffffff","top":0,"left":0,"imageHeight":988,"url":"https:\/\/corpuluman.webs.com\/Hi
ppocrates_1.jpg","webs":
{"fileId":456371838,"path":"Hippocrates_1.jpg"},"topOffset":0,"leftOffset":0,"rotate":0},"
treeIds":
["5d005e3ae4b0931d5255e900"]}],"width":100}],"id":"5d005e3ae4b0931d5255e900","pa
geId":360667026,"lastModified":"Tue Jun 11 22:06:50 EDT
2019"},"5d005e3ae4b0931d5255e901":{"type":"tree","children":
[{"moduleId":"5d00624a5870cb042b666fd5","siteId":139428395,"moduleType":"title","c
ontent":{"html":"<p><span class=\"wz-bold\" style=\"font-size: 18px;\"><span
class=\"wz-bold\" style=\"font-size: 18px;\">Hippocrate - Părintele
medicinei<\/span><\/span><\/p><p><br><\/p><p><span style=\"font-size: 12px;\"><span
style=\"font-size: 14px;\">Istoricii sunt de acord că Hippocrate s-a născut în anul 460 î.e.n.
pe insula greacă Kos<\/span><\/span><\/p><p style=\"font-size: 14px;\">
Soranus din Efes, medic grec din secolul 2, a fost primul
biograf al lui Hippocrate și este sursa celor mai multe informații personale despre
el. <\/p><p style=\"font-size: 14px;\">
Hippocrate a predat și practicat medicina de-a lungul vieții și a călătorit cel puțin până la
Tesalia, Tracia și Marea Marmara. <br style=\"font-size: 14px;\"><\/p><p
style=\"font-size: 14px;\"><span class=\"wz-bold\" style=\"font-size: 14px;\">Contribuții
directe la medicină<\/span><\/p><p style=\"font-size: 14px;\">
Degetele în sticlă de ceas la un pacient cu sindromul Eisenmenger-
descrise pentru prima dată de Hippocrate, degetele în sticlă de ceas sunt de asemenea
cunoscute ca \u201Edegete hipocratice\u201D.<\/p><p style=\"font-size: 14px;\">
Hippocrate și urmăritorii săi au fost primii care au descris
multe boli și condiții medicale. Este considerat cel care a realizat prima descriere a
18
degetelor în sticlă de ceas\u2060, un semn important de diagnostic al unei boli cronice a
plămânilor, anume cancerul pulmonar și boala cardiacă cianotică. Din acest motiv,
degetele în sticlă de ceas sunt uneori numite \u201Edegete hipocratice\u201D. Hippocrate
a fost de asemenea primul medic care a descris fața hipocratică\u2060 în Prognoză.<\/p><p
style=\"font-size: 14px;\"> Hippocrate a început să
categorizeze bolile în acute, cronice, endemice și epidemice, și să utilizeze termeni precum
\u201Eexacerbare, recidivare, rezoluție, criză, paroxism, culme și convalescență.\u201D
Altă contribuție majoră a lui Hippocrate poate fi găsită în descrierile simptomatologiei,
descoperirile fizice, tratamentul chirurgical și prognoza epidemei toracice, adică supurarea
căptușelii cavității pieptului. Învățăturile sale rămân relevante pentru studenții
contemporani de medicină pulmonară și chirurgie. Hippocrate a fost primul chirurg
cardiotoracic documentat, iar descoperirile și tehnicile sale, deși brute, precum utilizarea
țevilor de plumb pentru eliminarea peretelui de puroi din piept, sunt încă valabile.<\/p><p
style=\"font-size: 14px;\"> Școala hipocratică de medicină a descris
bine indispoziții ale rectului uman și tratamentul acestuia, în ciuda teoriei deficitare a școlii
despre medicină. Hemoroizii, de exemplu, deși se credea că sunt cauzați de excesul de bilă
și flegmă, erau tratați de medicii hipocratici prin metode relativ avansate. Cauterizarea și
extirparea sunt descrise în Corpusul Hippocratic, în plus pe lângă metodele preferate:
facerea de ligaturi\u2060 între hemoroizi și uscarea acestora cu fier fierbinte. Alte
tratamente precum aplicarea diferitor alifii sunt sugerate de asemenea. Astăzi,
\u201Etratamentul [pentru hemoroizi] încă include arderea, înăbușirea și facerea de
incizie.\u201D<\/p><p style=\"font-size: 14px;\">
De asemenea, unele dintre conceptele fundamentale ale proctoscopiei prezentate în Corpus
sunt în încă în uz. De exemplu, utilizarea oglindei rectale, un instrument medical obișnuit,
este discutată în Corpusul Hippocratic. Aceasta constituie cea mai timpurie referință
atestată la endoscopie.<\/p><p style=\"font-size: 14px;\">
Hippocrate a utilizat adesea modificări ale stilului de viață precum dieta și
exercițiul pentru a trata boli precum diabetul, ceea ce este în prezent numit medicina
stilului de viață. Este adesea citat cu \u201ELasă mâncarea să-ți fie medicină, și medicina
să-ți fie mâncarea\u201D .<br style=\"font-size:
14px;\"><\/p>","font":"times","level":null,"icon":
{"enable":false,"set":null,"slug":null,"position":null,"style":null},"align":"center","linksDa
ta":{}},"treeIds":
["5d005e3ae4b0931d5255e901"]}],"width":100}],"id":"5d005e3ae4b0931d5255e901","pa
geId":360667026,"lastModified":"Tue Jun 11 22:06:50 EDT
2019"},"5d005e3ae4b0931d5255e8f5":{"type":"tree","children":
[{"moduleId":"5d005e3ae4b0931d5255e8f6","siteId":139428395,"moduleType":"header_
editor","content":{"width":"100%","linksData":{},"text_layers":[{"text":"<span
style=\"color: rgb(255, 255, 255);\"><span style=\"color: rgb(255, 255, 255);\"><span
19
20
21
22
style=\"color: rgb(255, 255, 255); font-size: 48px;\"><span style=\"color: rgb(255, 255,
255); font-size: 48px;\"><span style=\"color: rgb(15, 63, 82);\">ANATOMIA CORPULUI
UMAN<\/span><\/span><span style=\"color: rgb(15, 63, 82); font-size:
48px;\"> <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/sp
an><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span
><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\
/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/sp
23
an><\/span><\/span>","align":"center","center":false,"top":56,"left":154,"right":"auto","z-
index":10,"font":"times","_i_":0,"_ip1_":1}],"image_layers":
[],"showBackground":false,"background":{"url":"","position":{"left":0,"top":0},"mobile":
{"custom":false,"color":null}},"title":{"text":"The body online -
Burdusa","top":25,"left":0,"right":"auto","align":"left","z-
index":20,"display":"none","mobile":
{"display":"block","top":18,"left":null,"color":null}},"subtitle":{"text":"Click here to edit
subtitle","top":75,"left":0,"right":"auto","align":"left","z-
index":21,"display":"none","mobile":
{"display":"none","top":40,"left":null,"color":null}},"logo":
{"top":16,"left":16,"display":"none","width":74,"height":73,"mobile":
{"display":"none","top":10,"left":null,"color":null},"position":"absolute"}},"treeIds":
["5d005e3ae4b0931d5255e8f5"]}]}],"width":100,"id":"5d005e3ae4b0931d5255e8f5","last
Modified":"Tue Jun 11 22:06:50 EDT 2019"}}
};
webs.props = {
globalAssetBaseURL: '//secure.websimages.com/v843a3ac',
membersServer: 'https://members.webs.com',
dynamicAssetServer: 'https://dynamic.websimages.com',
modulesVersion: 'v843a3ac',
staticServer: '//secure.websimages.com',
environment: 'production',
sitebuilderApiUrl: 'https://builderapi.members.webs.com',
imageProcessorServer: 'https://mediaprocessor.websimages.com',
thumbServer: 'https://thumbs.webs.com'
};
webs.partner = {
id: '',
cc: '',
isDefaultPartner: true,
showAppStoreLinks : true
};
webs.mode = 'bldr';
webs.useIR = true;
webs.account = null;
if(!isNaN(parseInt('139428387', 10))) {
webs.account = {
id: parseInt('139428387', 10),
email: 'david_dvd1an@yahoo.com',
total_sites: 1
};
}
</script>
<script src="//secure.websimages.com/active-static/lib/modernizr-old.js"></script>
<script src="//secure.websimages.com/static/global/js/require.js"></script>
24
<script>
define('moduleVersions', function() {
var versions =
{"mobile_link":"1.10","mobile_email":"1.7","zumba_membership":"1.17","photo_gallery
_slideshow":"1.23","zumba-membership":"1.1","zumba-
licenses":"1.1","zumba_footer":"1.22","slideshow":"1.32","button":"1.16","text_image":"1
.13","horizontal_rule":"1.15","video":"1.28","follow":"1.14","spacer":"1.8","text":"1.19","
webstore_products":"1.19","mobile_text":"1.9","menu":"1.5","image":"1.28","team":"1.5",
"table":"1.21","mobile_location":"1.10","photo_gallery":"1.74","stacked_item":"1.9","fb-
comments":"1.10","mobile_social":"1.10","zumba_qualifications":"1.11","zumba_shop":"
1.10","zumba-
contact":"1.1","contact_form":"1.38","google_map":"1.28","seo_footer":"1.15","timeline":
"1.6","sb2_paragraph":"1.15","zumba_contact":"1.15","contact":"1.6","social-
links":"1.23","share_button":"1.11","fb-like":"1.24","zumba-
qualifications":"1.1","title":"1.18","mobile_phone":"1.6","quote":"1.3","carousel":"1.39","
donate":"1.11","twitter-
feed":"1.19","ads":"1.6","email_list":"1.19","icon":"1.3","buckets":"1.20","audio":"1.16","
header_editor":"1.55","paypal":"1.11","google_checkout":"1.8","footer":"1.10","zumba-
footer":"1.1","zumba_calendar":"1.21","html":"1.17","zumba_licenses":"1.11","widget_ba
nk":"1.8","mobile_hours":"1.10"};
versions.__patch = 'v843a3ac';
return versions;
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
</head>
<content tag="css">
<link rel="stylesheet" href="//secure.websimages.com/v843a3ac/active-
static/target/cobrand/webs/sb3Branding.css" />
</content>
<body class="internal style2012 builder">

<div class="notifications notifications-site"></div>
<script>
var webs = window.webs || {};
webs.site = webs.site || {};
webs.site.username = 'corpuluman';
webs.account = {
id: 139428387,
email: 'david_dvd1an@yahoo.com',
total_sites: 1
};
if(typeof jQuery === 'function') {

jQuery(function() {
25
jQuery('#help').click(function(e) {
if(window.location.href.indexOf('sitebuilder') <= -1
&& window.location.href.indexOf('editApp')
<= -1) {
if(mpq) {
mpq.push(['track', 'sb3:clicked:support',
{version: 'support', siteId: webs.site.id}]);
}
}
});
});
}
function removeActiveClassesFromWarningBanner() {
document.getElementById('unpublished-
warning').classList.remove('active');
document.getElementById('unpublished-warning-
banner').classList.remove('active');
}
</script>
href="//secure.websimages.com/v843a3ac/active-static/target/ui/base.css"/>
<div class="wrapper">
<div id="unpublished-warning-banner">
<p class="warning-banner-text">
Don't forget to click
"<a id="publish-warning" href="#" data-
dialog="/s/sitebuilder/dialog/publish" data-width=480 data-height=275 data-
heading='Publish'><span id='warning-publish-publish'>Publish</span><span id='warning-
publish-done' style='display:none'>Done</span></a>"
to publish! Keep your visitors up-to-date and get an SEO boost for
updating your site with fresh content.<a id='warning-banner-close' href='#"'>×</a>
<script>
if (!webs.site.hasPublished){
document.getElementById('warning-publish-
publish').style.display = 'none';
document.getElementById('warning-publish-
done').style.display = 'inherit';
}
document.getElementById('publish-
warning').addEventListener('click', removeActiveClassesFromWarningBanner);
document.getElementById('warning-banner-
close').addEventListener('click', removeActiveClassesFromWarningBanner);
</script>
</p>
</div>
<header class="global-header group">

<div id="unpublished-warning"></div>
26
<a class="logo" href="#"
onclick="checkIfLeavingSitebuilder('/sites/')"><h1>Webs</h1></a>
<div id="websid_leaf">
<div id="websid_trigger">
<span class="pad"></span>
<div id="websid_dropdown_container"
class="loading">
<div class="loadingSpinner"></div>
</div>
</div>
</div>
<div id="accountType">
<a class="premium"
href="/sites/139428395/dashboard/premium?ss=navigation_SiteBuilder" title="Premium
Services">
<span></span>
Premium Account</a>
</div>
<a id="publish" class="w-button large green ondark"
href="#"
data-dialog="/s/sitebuilder/dialog/publish" data-width=480
data-height=275 data-heading='Publish'
>
<span id='publish-publish'>Publish</span>
<span id='publish-done'
style='display:none'>Done</span>
<script>
if (!webs.site.hasPublished){
publish').style.display = 'none';
done').style.display = 'inherit';
}
</script>
</a>
<script>
document.getElementById('publish').addEventListener('click',
removeActiveClassesFromWarningBanner);
</script>
<a class="w-button large gray ondark"

href="/s/sitebuilder/pages/360667026/compare"
target="_blank"
id="preview-button"
>
Preview</a>
<div id="help" title="Help">
27
<span class="help-inner">Support</span>
<script type="text/javascript" src="//secure.websimages.com/v843a3ac/active-

static/lib/zendesk/zendesk-webwidget.js"></script>
<script type="text/javascript">
var _nRepData = _nRepData || [];
_nRepData['kb'] = '55476275';
_nRepData["context"] = { "Scope": "sharedsites, webssites, websdomains,

websemail" };
_nRepData['embed'] = [450, 350, 'nanoRepEmbedContainer'];(function(){var

windowLoadFunc = function(){var _nRepData = window._nRepData ||
[];_nRepData['windowLoaded'] = true;if (typeof(_nRepData['windowOnload']) ===
'function') _nRepData['windowOnload']();};if
(window.attachEvent)window.attachEvent('onload', windowLoadFunc);else if
(window.addEventListener)window.addEventListener('load', windowLoadFunc, false);var
sc = document.createElement('script');sc.type = 'text/javascript';sc.async = true;sc.defer =
true;sc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') +
'my.nanorep.com/widget/scripts/embed.js?account=webs'; var _head =
document.getElementsByTagName('head')[0];_head.appendChild(sc);})();
</script>
<div id="help-options-ul" class="w-more_container">

<div id="nanoRepEmbedContainer"></div>
<div id="nanoRepProxyContainer">
<a href="https://www.nanorep.com" title='Loading nanoRep customer
support software'>Loading nanoRep customer support software</a>
</div>
<div id="nano-footer">
<div id="nano-footer-content" class="pro">
<div id="support-header">Can't find what you're looking for? Speak
to our Support Team.</div>
<a href="#" class="support-btn" id="help-options-email">
<span class="icon email"></span>
<span>
<b>
Email Support
</b>
<br />
Contact us via email
</span>
</a>
<a class="support-btn" id="help-options-chat" href="#">
<span class='icon chat'></span>
28
<span>
<b>
Chat Support
</b>
<br />
Chat with an Agent
</span>
<span class='premium'></span>
</a>
<a href="#" class="support-btn" id="help-options-

phone">
<span class="icon phone"></span>
<span>
<b>
Phone Support
</b>
<br />
Talk to an Agent now
</span>
<span class='premium'></span>
</a>
</div>
</div>
</div>
zE(function() {
zE.hide();
if (webs.locale !== null) {

zE.setLocale(webs.locale);
}
});
jQuery(function($){
$("#help-options-email").click(function(event){
event.preventDefault();
if (true) {
if (false) {
var url = "//www.vistaprint.com/customer-
care/contact-us.aspx?focus=email&rd=1";
var win = window.open(url, "_blank");
if (win) {
win.focus();
29
}
} else {
if (window.zE !== undefined) {
window.zE.activate({hideOnClose: true});
}
}
} else {
new Popover('/s/sitebuilder/requiresPremium?feature=email',
{ heading: 'Upgrade Today!', width: 800, height: 600 }).show();
}
});
$("#help-options-chat").click(function(event){
if (false) {
if (false) {
window.open('//vistaprint.com/customer-care/pre-
chat-information.aspx?wg=2&hs=7', 'newwindow', 'height=550, width=510, toolbar =no,
menubar=no, scrollbars=no, resizable=no, location=no, status=no');
}else {
window.open('http://clients.livesalesstaff.com/chat/visitor_main.php?
chatcode=4190', 'newwindow', 'height=550, width=510, toolbar =no, menubar=no,
scrollbars=no, resizable=no, location=no, status=no');
}
} else {
new Popover('/s/sitebuilder/requiresPremium?feature=chat', {
heading: 'Upgrade Today!', width: 800, height: 600 }).show();
}
});
$("#help-options-phone").click(function(event){
if (false) {
new Popover('/s/support/phoneSupport', { heading: 'Phone
Support', width: 475, height: 300 }).show();
} else {
new Popover('/s/sitebuilder/requiresPremium?feature=phone',
{ heading: 'Upgrade Today!', width: 800, height: 600 }).show();
}
});
});
</script>
</div>
<ul class="header-nav">
<li id="dashboard"><a href="#"

onclick="checkIfLeavingSitebuilder('https://members.webs.com/sites/139428395/dashboar
d/')"><span>Dashboard</span></a></li>
30
<li id="builder"><a
href="/s/sitebuilder/"><span>Builder</span></a></li>
<li id="designer"><a href="/s/sitebuilder/design/?
pageId=360667026"><span>Theme</span></a></li>
<li id="pages"><a
href="/s/manager/sitemanager"><span>Pages</span></a></li>
</ul>
<script>
/*
* Notify the user if he or she attempts to leave sitebuilder
without publishing new saved changes.
* Cookie the notification in
userHasSeenSaveWithoutPublishWarning
*/
function checkIfLeavingSitebuilder(redirectToPath) {
var lastPublishDate = webs.site.lastPublishDate;
var lastSaveDate = webs.site.lastSaveDate;
var userHasSeenSaveWithoutPublishWarning =
document.cookie.contains('userHasSeenSaveWithoutPublishWarning');
// Temporarily disabled while we re-assess the design

if(false && !
userHasSeenSaveWithoutPublishWarning &&
window.location.pathname.contains("/s/sitebuilder") &&
(lastPublishDate === undefined || !
webs.site.hasPublished || lastPublishDate.getTime() < lastSaveDate.getTime())) {
warning').classList.add('active');
warning-banner').classList.add('active');
setTimeout(removeActiveClassesFromWarningBanner, 3000);
// 24 hour cookie to track the warning banner

var date = new Date();
date.setTime(date.getTime() + (24 * 60 * 60 *
1000));
document.cookie =
'userHasSeenSaveWithoutPublishWarning=true; expires=' + date.toGMTString() + ';
path=/';
} else {
window.location = redirectToPath;
}
}
</script>
</header>
<div class="main" id="top">
31
<div id="header"><div class="wrap">
<div id="edit_toolbar">
<div id="module_toolbar_container" class="overflow">
<div id="module_toolbar"></div>
</div>
</div>
<div id="right_tools_container">
<menu id="right_tools">
<li id="tb_undo">
<a title="Undo Changes" class="w-btnbare w-
btnbare-icon w-btn-icon w-icon-left inactive" href="#"><span>Undo</span></a>
</li>
<li id="tb_redo">
<a title="Redo Changes" class="w-btnbare w-btnbare-
icon w-btn-icon w-icon-right inactive" href="#"><span>Redo</span></a>
</li>
<li id="tb_preview">
<a href="/s/sitebuilder/pages/360667026/compare"
target="_blank" title="Preview Site" class="w-btnbare w-btnbare-icon w-btn-icon w-icon-
magnify" href="#"><span>Preview</span></a>
</li>
<li id="tb_seo" style="display:none;" class="w-more">

<a href="#" title="SEO" class="w-btnbare w-btnbare-
text w-more_link">
<span>
SEO: 16%</span>
</a>
</li>
<li id="page_options" class="w-more">
<a title="Settings" id="page_options_anchor"
class="w-btnbare w-btnbare-icon w-btn-icon w-icon-settings_extra w-more_link"
href="#">
<span>Settings</span>
</a>
(function($) {
if (typeof($) !== 'undefined') {
var $span = $
('#page_options_anchor').find('span');
var $text = $span.text();
if ($text.split(' ').length > 1) {
$span.css('width',
'20px');
} else {
$span.css('width', 'auto');
}
}
})(jQuery);
</script>
32
<ul id="page_options_ul" class="w-more_container">
<li class="page-options-title">Settings</li>
<li><a
href="/s/sitebuilder/pages/360667026/settings/rename" title="Rename Page" data-
width="450" data-height="200" class="w-page-options-link w-btnstates w-btntext w-icon-
rename"><span>Rename Page</span></a></li>
<li><a
href="/s/sitebuilder/pages/360667026/settings/meta" id="metaLink" title="Update
title/tags/description" data-width="550" data-height="530" class="w-page-options-link w-
btnstates w-btntext w-icon-tag"><span>MetaTags/Description</span></a></li>
<li><a
href="/s/sitebuilder/pages/360667026/settings/hide" id="hideLink" title="Hide From
Navbar" data-width="480" data-height="170" class="w-page-options-link w-btnstates w-
btntext w-icon-eye"><span id="hideText">Hide From Navbar</span></a></li>
<li><a
href="/s/sitebuilder/pages/360667026/settings/password" id="passwordLink"
title="Password Protection" data-width="600" data-height="450" class="w-page-options-
link w-btnstates w-btntext w-icon-lock-unlocked"><span>Password
Protection</span></a></li>
<li><a
href="/s/sitebuilder/pages/360667026/settings/layout" id="change_page_layout"
title="Change Page Layout" data-width="510" data-height="450" class="w-page-options-
link w-btnstates w-btntext w-icon-layout"><span>Change Page Layout</span></a></li>
<li id="revertPageli"><a
id="revertPageElement" href="/s/sitebuilder/pages/360667026/settings/revertPage"
title="Revert All Changes" data-width="450" data-height="200" class="w-page-options-
link w-btnstates w-btntext w-icon-revertPage"><span>Revert to
Published</span></a></li>
<li><a id="showTour" href="#"
title="SiteBuilder Tour" data-width="510" data-height="525" class="w-page-options-link
w-btnstates w-btntext w-icon-tour"><span>SiteBuilder Tour</span></a></li>
<li><a href="/s/sitebuilder/settings/unpublish"
id="unpublish-btn" title="Unpublish Website" data-width="450" data-height="200"
class="w-page-options-link w-btnstates w-btntext w-icon-unpublish"><span>Unpublish
Website</span></a></li>

<li><a href="/s/sitebuilder/pages/new?
pageType=normal" title="Create a New Page" data-width="510" data-height="525"
class="w-page-options-link w-btnstates w-btntext w-icon-newPage"><span>Create a New
Page</span></a></li>
</ul>
</li>
</menu>
</div>
</div>
</div>
33
<div id="container" class="loading" style="height:800px;">
<iframe id="uploadFrame" name="uploadFrame" src="about:blank"
style="display:none;"></iframe>
<iframe id="website" src="edit"></iframe>
<div id="iframe_cover"></div>
<div class="webs-loading-cover">
<div class="webs-loading-message" data-track-timing="SB3_load" data-
track-variable="SB3_loading_cover_visible">
<h2>Please wait, loading your site builder</h2>
</div>
</div>
</div>
<div id="interface_bottom">
<div id="controls_wrap">
<div id="controls">
<div id="controls_nav">
<menu id="leaf_types"></menu>
<ul id="controls_anchor">
<li>
<a title="Toggle Grid" class="w-btn1 w-btn1-
icon w-btnstates w-icon-grid-small" href="#" id="toggle_grid">
<span>Toggle Grid</span>
</a>
</li>
<li>
<a title="Toggle Dock" class="w-btn1 w-btn1-
icon w-btnstates w-icon-minus" href="#" id="hide_controls">
<span>Toggle Dock</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="toaster">
<div id="leaf_dock">
<div id="leaf_wrap">
<div id="leaf_container"></div>
<div id="leaf_cover"></div>
</div>
</div>
</div>
</div>
<script>
define('bread', [], function() { return
[{"label":"webs.bldr.modules.container.popular","modules":
[{"slug":"text","label":"webs.bldr.modules.paragraph"},
34
{"slug":"title","label":"webs.bldr.modules.title"},
{"slug":"image","label":"webs.bldr.modules.image"},
{"slug":"text_image","label":"webs.bldr.modules.text_image"},{"slug":"2-
columns","label":"webs.bldr.modules.columns"},
{"slug":"photo_gallery","label":"webs.bldr.modules.photo_gallery"},
{"slug":"video","label":"webs.bldr.modules.video"},
{"slug":"contact_form","label":"webs.bldr.modules.contact_form"},
{"slug":"google_map","label":"webs.bldr.modules.google_map"},
{"slug":"button","label":"webs.bldr.modules.button"}]},
{"label":"webs.bldr.modules.container.combos","modules":
[{"slug":"timeline","label":"webs.bldr.modules.timeline"},
{"slug":"stacked_item","label":"webs.bldr.modules.features"},
{"slug":"buckets","label":"webs.bldr.modules.services"},
{"slug":"team","label":"webs.bldr.modules.team"},
{"slug":"footer","label":"webs.bldr.modules.footer"},
{"slug":"menu","label":"webs.bldr.modules.menu"},
{"slug":"quote","label":"webs.bldr.modules.quote"},
{"slug":"contact","label":"webs.bldr.modules.contact"}]},
{"label":"webs.bldr.modules.container.structure","modules":[{"slug":"2-
columns","label":"webs.bldr.modules.2-columns"},{"slug":"3-
columns","label":"webs.bldr.modules.3-columns"},
{"slug":"table","label":"webs.bldr.modules.table"},
{"slug":"horizontal_rule","label":"webs.bldr.modules.horizontal_rule"},
{"slug":"spacer","label":"webs.bldr.modules.spacer"}]},
{"label":"webs.bldr.modules.container.media","modules":
[{"slug":"photo_gallery","label":"webs.bldr.modules.photo_gallery"},
{"slug":"slideshow","label":"webs.bldr.modules.slideshow"},
{"slug":"video","label":"webs.bldr.modules.video"},
{"slug":"audio","label":"webs.bldr.modules.audio"},
{"slug":"icon","label":"webs.bldr.modules.icon"}]},
{"label":"webs.bldr.modules.container.social","modules":[{"slug":"social-
links","label":"webs.bldr.modules.social-links"},{"slug":"twitter-
feed","label":"webs.bldr.modules.twitter-feed"},{"slug":"fb-
like","label":"webs.bldr.modules.fb-like"},{"slug":"fb-
comments","label":"webs.bldr.modules.fb-comments"},
{"slug":"follow","label":"webs.bldr.modules.follow"},
{"slug":"share_button","label":"webs.bldr.modules.share_button"}]},
{"label":"webs.bldr.modules.container.commerce","modules":
[{"slug":"paypal","label":"webs.bldr.modules.paypal"},
{"slug":"donate","label":"webs.bldr.modules.donate"},
{"slug":"webstore_products","label":"webs.bldr.modules.webstore_products"}]},
{"label":"webs.bldr.dock.ads.appfeeds","modules":
[{"slug":"html","label":"webs.bldr.modules.html"},
{"slug":"google_map","label":"webs.bldr.modules.google_map"},
{"slug":"email_list","label":"webs.bldr.modules.email_list"}]}]; });
</script>


<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-H7L7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
35
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','_gtmTrack','GTM-H7L7');</script>

<script src="//secure.websimages.com/v843a3ac/active-
static/target/apps/bootstrap.js"></script>
<script>
if (webs && webs.mode === "bldr" && webs.site && webs.site.hasSeo) {
require(['apps/App', 'apps/Dropdown', 'apps/SeoBuilderApp']);
} else {
require(['apps/App', 'apps/Dropdown']);
}
</script>
<script>
require.config({
waitSeconds: 30,
paths: {
sb3Branding: 'cobrand/webs/sb3Branding',
persist: 'internal/sitebuilder/builderChrome/persistGlimpse'
}
});
define('prefetchTranslationNamespaces', [], function() {

return [
'webs.bldr',
'webs.module'
];
});
require(['internal/sitebuilder/builderChrome/builderChrome.app']);
</script>
</body>
</html>
3.2 Pagina principală
Am editat prima pagină, de numind-o „PAGINA PRINCIPALĂ”, unde am inserat cu

ajutorul butoanelor de editare, imagini și text.
36
37
38
3.3 Pagina „ Cursuri Anatomie”
Am editat a II-a pagină, pe care am denumit-o „ Cursuri Anatomie”. Am inserat

imaginea paginii, urmând pașii premergători.
1. Am creat și am denumit pagina
2. Am selectat template-ul paginii și am inserat o imagine
39
Am introdus imaginea
40
3. În cadrul acestei pagini, „Cursuri Anatomie”, am considerat necesar să mai
introduc câteva subcapitole, cum ar fi:
- ANATOMIA ȘI FIZIOLOGIA UMANĂ
- ORGANIZAREA CORPULUI UMAN
- SISTEMUL OSOS
Fiecare capitol cuprinde la rândul său alte subcapitole:

ANATOMIA ȘI FIZIOLOGIA UMANĂ
o DEFINIȚIA ANATOMIEI
o CARACTERISTICILE SPECIEI
o PLANURILE CORPULUI
o NOMENCLATURA ANATOMICĂ
ORGANIZAREA CORPULUI UMAN
o NIVELURI DE ORGANIZARE
o STRUCTURA CELULEI
Mai jos, voi continua cu prezentarea pașilor urmați în vederea conturării paginii web.
Denumirea paginii și denumirea subcapitolelor, totodată aranjarea lor în meniu.
41
Deschiderea și editarea ferestrei cu noua pagină creată
Editarea paginii
42
Introducerea în pagină a unei imagini
Introducerea textului
43
3.3.1 Anatomia și fiziologia umană
Aranjarea meniului , în ceea ce privește capitolele și subcapitolele și crearea unei noi

pagini responsabile de un nou subcapitol.
44
Inserarea căsuței responsabilă de introducerea titlului
3.3.1.1 Definirea anatomiei
Inserarea titlului subcapitolului
45
Inserarea textului în pagina de subcapitol
46
3.3.1.2 Caracteristicile speciei umane
Editarea și inserarea paginii cu subcapitolul „caracteristicile speciei umane”
47
3.3.1.3 Planurile corpului uman
Editarea și inserarea paginii cu subcapitolul „planurile corpului”
3.3.1.4 Nomenclatura anatomică
Editarea și inserarea paginii cu subcapitolul „nomenclatura anatomică”
Inserare imagini .
48
Inserare text
3.3.2 Organizarea corpului
Crearea, introducere și editarea capitolului secund în cadrul paginii „cursuri anatomie”
49
3.3.2.1 Nivele de organizare ale corpului
Subcapitolul „ nivele de organizare ale corpului uman”
50
3.3.2.2. Structura celulei
Crearea, editarea și inserarea paginii cu subcapitolul „structura celulei”
51
3.3.3. Sistemul osos
Crearea, editarea și inserarea paginii capitolului „sistemul osos”
52
53
54
3.4 Pagina „Galerie foto”
Crearea paginii „galerie foto”, editarea acesteia,

Inserarea fotografiilor și introducerea unui slideshow
55
56
57
3.5 Curiozități
Crearea, editarea unei noi pagini denumite „Curiozități”
Inserare căsuța pentru titlu
58
Inserarea imagine și text
Inserarea imaginii
Inserarea textului
59
Introducerea butonului FB like box
60
Printscreen cu domeniul
61
CONCLUZII
O bună parte din deciziile de proiectare şi din soluţiile HTML utilizate decurg din
decizia globală referitoare la scopul urmărit prin paginile create şi de utilizatorii la care se
speră să se ajungă prin intermediul acestor pagini, deci, s-a pornit de la ideea că site-ul se
adresează tuturor celor doresc să afle informații privind activitatea școlară din cadrul Școlii
Postliceale Sanitare „HIPPOCRATE” Focșani.
Paginile create s-au vrut cât mai atrăgătoare, oferind posibilitatea de informare,
asupra unui număr cât mai mare de utilizatori în vederea atragerii viitorilor elevi pentru
oferta școlară a unității noastre de învățământ.
O alta etapă în proiectarea site-ului a reprezentat-o identificarea, cât mai precisă
cu putinţă, a auditorului căruia i se adresează. Audienţa ţintă joacă un rol important în
determinarea modului de proiectare a paginilor Web.
Din momentul în care s-a stabilit scopul s-a trecut la schiţarea conţinutului
materialului care urma a fi inclus în setul de pagini de web.
Odată ce s-a stabilit schiţa globală a conţinutului paginilor web şi a legăturilor
externe s-a pus la punct şi organizarea de bază a paginilor Web..
Înainte de a începe realizarea propriu-zisă a site-ului Web s-a încercat să se
răspundă la câteva întrebări:
 care sunt informaţiile ce urmează a fi făcute publice şi cui se adresează acestea?
 la ce interval de timp se doreşte înlocuirea sau modificarea acestor informaţii ?
 care sunt posibilităţile tehnice ale viitorilor utilizatori ?
 care sunt aplicatiile software, pe parte de client, de care beneficiază utilizatorii?
Folosirea reţelei de calculatoare a şcolii implică profesorul şi elevul în folosirea
tehnologiilor informatice şi de comunicaţii, precum şi distribuirea materialelor didactice,
fapt ce duce la îmbunătăţirea procesul de predare-învăţare-evaluare, fiind bine cunoscut
faptul că elevul este mult mai receptiv la instruirea asistată de calculator.
Fiecare profesor va putea să-şi schimbe rolul din profesorul clasic care expune
lecţiile, dă explicaţii şi verifică cunoştinţele acumulate de elev. Profesorul va putea să fie
ghid şi furnizor de resurse didactice, proiectant al mediului de instruire şi membru al
grupului de studiu, iar elevii vor fi mai interesaţi şi mult mai motivaţi, implicaţi interactiv
în procesul de învăţare.
62
BIBLIOGRAFIE
1. Anghel A. M. , Olteanu A. , Pietraru R. – “Realizarea paginilor web” , Ministerul

Educaţiei şi Cercetării , Bucureşti , 2006
2. Dan Somnea, I n i ţi e r e în J a v a S c r i p t şi tehnologii
N e t s c a p e , Editura Tehnică, 1998
3. Dave Taylor, C r e a r e a paginilor Web cu HTML 4 , Editura
Teora 1999
4. Jim Keogh, J a v a S c r i p t f ăr ă m i s t e r e , Editura Rosetti Educational,
2005
5. Marcel Andrei Homorodean, Irina Iosupescu, I n t e r n e t şi pagini Web,
Editura Niculescu, 2000
6. . Michael B Karbo,G r a f i c ă W e b , Editura Egmont, 2003
7. Mihaela Brut, Sabin Buruga, P r e z e n t ăr i multimedia pe Web,
Editura Polirom, 2004
8. Simion I. - Proiectarea paginilor WEB, Editura Teora, Bucureşti, 2005
9. Teodoru Gugoiu , HTML, XHTML, C S S Şi X M L , Editura Teora,
2005
10. Toma S. - Suport de curs “ Didactica Tehnologiei Informatiei” – UTCB , Bucureşti
- Suport de curs- AEL, CCD Bucureşti, 2009
11. Traian Anghel, Introducere în A J A X , Editura Polirom, 2006
12. Tudor Sorin, Vlad Huţanu, C r e a r e a şi p r o g r a m a r e a p a g i n i l o r
W e +HTML+CSS+JavaScript+Photoshop+PHP, Editura L&S Soft,
2006
63
64

Disertație Raluca

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Disertație Raluca

Uploaded by

Copyright:

Available Formats

UNIVERSITATEA TEHNICĂ DE CONSTRUCȚII

Studii universitare de MASTER

În procesul de învățământ utilizarea calculatorului, dar și a altor dispozitive

I.1. Internet şi world wide web

I.2. Reţele de calculatoare

Rețea de calculatoare este o colecție de calculatoare (zeci sau sute) interconectate

Niveluri ale unei rețele și tipuri de rețele

I.3. Arhitectura world wide web

I.4. Tehnologia realizării siturilor WEB

Conţinutul paginilor Web

Paşii realizării paginilor Web

World Wide Web este o metodă (serviciu) de acces la informaţia stocată pe un

Paginile Web au urmãtoarele caracteristici:

Avantajele serviciului World Wide Web:

SISTEME DE ADMINISTRARE A CONȚINUTULUI

Un sistem de administrare a conținutului sau CMS (în engleză Content

II. 1 Sisteme de administrare a conținutului web ( CMS )

II. 4 Tipuri de CMS-uri

 CMS-uri bazate pe module - Majoritatea sarcinilor din ciclul de viață al unui

EDITAREA PAGINII WEB „CORPUL UMAN”

Unul din template-urile folosite la crearea pagii este:

<link rel="shortcut icon" href="/websfavicon.ico" type="image/x-icon">

<body class="internal style2012 builder">

if(typeof jQuery === 'function') {

<header class="global-header group">

<a class="w-button large gray ondark"

<div id="help" title="Help">

<script type="text/javascript" src="//secure.websimages.com/v843a3ac/active-

_nRepData["context"] = { "Scope": "sharedsites, webssites, websdomains,

_nRepData['embed'] = [450, 350, 'nanoRepEmbedContainer'];(function(){var

<div id="help-options-ul" class="w-more_container">

<a href="#" class="support-btn" id="help-options-

if (webs.locale !== null) {

<li id="dashboard"><a href="#"

// Temporarily disabled while we re-assess the design

// 24 hour cookie to track the warning banner

<li id="tb_seo" style="display:none;" class="w-more">

define('prefetchTranslationNamespaces', [], function() {

3.2 Pagina principală

Am editat prima pagină, de numind-o „PAGINA PRINCIPALĂ”, unde am inserat cu

Am editat a II-a pagină, pe care am denumit-o „ Cursuri Anatomie”. Am inserat

1. Am creat și am denumit pagina

2. Am selectat template-ul paginii și am inserat o imagine

Fiecare capitol cuprinde la rândul său alte subcapitole:

Denumirea paginii și denumirea subcapitolelor, totodată aranjarea lor în meniu.

Aranjarea meniului , în ceea ce privește capitolele și subcapitolele și crearea unei noi

3.3.1.1 Definirea anatomiei

Inserarea titlului subcapitolului

Editarea și inserarea paginii cu subcapitolul „caracteristicile speciei umane”

Editarea și inserarea paginii cu subcapitolul „planurile corpului”

3.3.1.4 Nomenclatura anatomică

Editarea și inserarea paginii cu subcapitolul „nomenclatura anatomică”

3.3.2 Organizarea corpului

Crearea, introducere și editarea capitolului secund în cadrul paginii „cursuri anatomie”

Subcapitolul „ nivele de organizare ale corpului uman”

Crearea, editarea și inserarea paginii cu subcapitolul „structura celulei”

Crearea, editarea și inserarea paginii capitolului „sistemul osos”

Crearea paginii „galerie foto”, editarea acesteia,

Crearea, editarea unei noi pagini denumite „Curiozități”

Inserare căsuța pentru titlu

1. Anghel A. M. , Olteanu A. , Pietraru R. – “Realizarea paginilor web” , Ministerul