Cercetarea Stiintifica

CERCETAREA STIINTIFICA
1. INTRODUCERE
În orice calculator informaţia este stocată în unităţi numite fişiere. Aceste fişiere conţin:
text, programe, imagini, filme, sunete, etc. Pentru www sunt importante anumite fişiere
speciale, numite şi pagini Web. Acestea au extensia .htm sau html şi sunt scrise într-un
limbaj specific numit HyperText Markup Language (HTML), adică Limbajul de Marcare a
Hipertextului, ceea ce reprezintă de fapt limbajul pe care browserele de internet îl înţeleg şi
cu ajutorul lui pot fi afişate paginile web.
La CERCETAREA STIINTIFICA mi-am propus să realizez un site cu tema SOLUTII

STRUCTURALE PENTRU LANTURILE CINEMATICE. Tema se regăseşte în lecţiile studiate
la masterul de MODELARE SI SIMULARE A SISTEMELOR MECANICE MOBILE. Am
considerat că acest site îmi va fi deosebit de util în activitatea de cercetare deoarece, pe
lângă faptul că studentii sunt atraşi de modul de prezentare şi structurare al informaţiei,
HTML-ul prin cele două caracteristici esențiale ale sale: hipertextul și universalitatea, vor
contribui la calitatea actului învăţării. Hipertextul îmi permite să creez link-uri (legături) într-o
pagină web, care direcționează studentii către alte pagini web sau către orice alt site de pe
internet. Cum site-ul poate fi făcut public, aceasta înseamnă că informația poate fi accesată
de către studenti din multe alte locuri, deci noţiunile predate, pot fi oricând accesate şi
revizuite. Universalitatea înseamnă că, orice calculator poate citi o pagină web, deoarece
documentele HTML sunt salvate ca fișiere text. Nu contează că studentii utilizează
calculatoare cu sisteme de operare diferite, cum ar fi: Macintosh, Windows, Linux sau Unix.
Web-ul este deschis tuturor.
Codificarea informaţiilor în HTML se bazează exclusiv pe informaţii de tip text (şiruri de

caractere ASCII). Dacă informaţia propriuzisă este un text acest sistem de codificare este
natural. Dacă însă informaţia este de altă natură (o imagine, o secvenţă video sau audio)
documentul în format HTML va include numele fişierului care conţine informaţia respectivă.
În realizarea acestui site am încercat să utilizez toate noţiunile prezentate pe parcursul

orelor de curs: de la formatări la nivelul textului şi al paragrafului, la liste ordonate,
dezordonate sau imbricate, întâlnite în prima pagină a site-ului; de la inserarea imaginilor şi
crearea tabelelor, la formatări la nivel de celule, întâlnite în paginile 2 şi 3; de la formularul
utilizat în pagina testului de evaluare, la cadrele întâlnite în pagina cu aplicaţii.
Consider că lucrarea mea este utilă atât la orele de curs, din punct de vedere al
conţinutului teoretic, cât şi la orele din cadrul masterului ca exemplu de site şi pentru
identificarea marcajelor folosite.
Site-ul realizat de mine, prin care îmi propun să-i iniţiez pe studenti în tainele informaticii,
cit si in domeniul de specialitate, se compune din trei pagini prin care se poate naviga foarte
uşor. În prima pagină (pagina de Home) ilustrată mai jos, am stabilit o culoare de fundal
(<body bgcolor="#FFCC66">), am utilizat diferite tipuri de titluri (h1, h4), de stiluri de
formatare a textului (îngroşat, înclinat, subliniat), am inserat o linie orizontală pentru care am
stabilit atributele: culoare, grosime, aliniere (<hr align="center" size="20" color="red">), am
stabilit anumite atribute pentru paragrafe (fiecare paragraf începe cu alineat), am inserat o
imagine aliniată la dreapta (<img src="lthh.jpeg" align="right">), am inserat un link,
deasemenea am folosit butoane cu trimitere catre alte pagini si ancore.
Prima pagina a site-ului denumită “Grade de mobilitate” se axează foarte mult pe lucrul
cu tabele. Am încercat să utilizez cât mai multe şi mai variate taguri şi atribute pentru
formatarea tabelelor.
În prima parte a paginii vizibile în browser, am realizat un tabel fără liniatură în care se
află grupate titlul şi imaginea din colţul stânga sus aplicată ca imagine de fundal a celulei.
Tabelul cu capitolele utilizează atributul BORDER pentru evidenţierea liniaturii, tagul

CAPTION pentru a adăuga un titlu tabelului, cât şi o linie de antet. Textul liniilor de antet este
evidenţiat prin stilul bold.
Tabelul care grupează meniurile în coloana din stânga, foloseşte în plus atributele:
 FRAME - specificã afişarea bordurilor exterioare, iar aici are valoarea box - chenar
complet.;
 RULES - controleazã afişarea liniilor interioare, iar aici are valoarea all - afişeazã toate
liniile interioare;
 BORDERCOLORDARK este culoarea umbrei dintr-o bordurã umbritã, iar aici are
valoarea red;
 BORDERCOLORLIGHT este culoarea liniei luminoase dintr-o bordurã umbritã, iar aici are
valoarea #FFFF33-galben.
În coloana a doua a tabelului, în care se află conţinutul propriu-zis, am folosit mai multe
tabele imbricate pentru a organiza informaţiile şi imaginile.
Meniurile reprezintă atât legături câtre alte pagini web ale site-ului cât şi referinţe la
documente de tip Word sau PowerPoint pentru a pune în valoare şi alte modalităţi de
reprezentare a informaţiei.
În partea de jos a paginii am realizat o legătură către testul de verificare a cunoştinţelor
şi am inserat un buton ca referinţă către pagina de aplicaţii a site-ul.
Pentru inserarea imaginii video în documentul HTML am folosit alături de eticheta <IMG>
următoarele atribute:
 dynsrc - înlocuieşte atributul src şi permite inserarea în documentul HTML a

unei imagini video în acelaşi mod în care este inserată o imagine statică.
 controls - nu are alocată nici o valoare, prezenţa sa având doar scopul de a
adăuga butoanele de control asemănătoare celor de la aparatele video.
 loop - repetă redarea clipului de un anumit numar de ori (aici are valoarea
infinite, caz în care clipul este redat pâna când utilizatorul stopează derularea
sa apăsând butonul stop al ferestrei de vizualizare ( dacă fereastra conţine
butoanele de control) sau efectuează click dreapta cu mouse-ul în fereastra de
vizualizare.
 start – aici are două valori combinate pentru a se realiza redarea imaginii mai
întâi imediat după încărcarea în pagină şi apoi de fiecare dată când mouse-ul
este plasat deasupra ei.
Atribut dynsrc este o extensie Internet Explorer si nu este recunoscut de browserele
Netscape. Pentru a vizualiza o imagine video in-line într-un browser Netscape, vizitatorul
paginii trebuie să instaleze un program auxiliar de tip plug-in. Dacă programul plug-in nu este
disponibil pe computerul vizitatorului, imaginea video nu va putea fi afişată.
Pagina de inceput a raportului de cercetare cuprinde butoane ,ancore butoane cum ar fi:
Grupe modulare pasive , Grad de mobilitate unitar ,Grad de mobilitate unitar, Grupe
modulare active bimobile.
În partea de jos a paginii am realizat o legătură către testul de verificare a cunoştinţelor

şi am inserat un buton ca referinţă către pagina de aplicaţii a site-ul
Prima pagina a site-ului denumită “Tipuri de grupe modulare” se axează foarte mult pe
lucrul cu tabele. Am încercat să utilizez cât mai multe şi mai variate taguri şi atribute pentru
formatarea tabelelor. În prima parte a paginii vizibile în browser, am realizat un tabel fără
liniatură în care se află grupate titlul şi imaginea din colţul stânga sus aplicată ca imagine de
fundal a celulei.
A doua pagina apare in documentul HTML prin actiunea butonului “Grad de mobilitate”, in care sunt
explicatii referitoare la lanturile cinematice, gradele de mobilitate nul, unitar, lanturi cinematice
bimobile.
TEST DE VERIFICARE A CUNOŞTINŢELOR
Testul pentru verificarea cunoştinţelor se bazează pe utilizarea formularelor. Formularele

asigură construirea unori pagini Web care permit utilizatorilor să introducă efectiv informaţii şi să le
transmită serverului. Ele pot varia de la o simplă casetă de text, pentru introducerea unui şir de
caractere pe post de cheie de căutare - element caracteristic tuturor motoarelor de căutare din Web -
până la o structură complexă, cu multiple secţiuni, care oferă facilităţi puternice de transmisie a
datelor.
În spaţiul delimitat de cele două linii orizontale, am creat casete text pentru identificarea celui care dă
testul şi o parolă. Atributul type al casetei de text determină tipul campului de text. De exemplu: text,
trimite, sau parolă.
Testul conţine CheckBox-uri care oferă posibilitatea de a alege unul, două sau mai multe
variante de răspuns şi Butoanele Radio ca să poata alege o variantă de răspuns dintr-un număr limitat
de posibilităţi.
În finalul paginii am inserat un buton de finalizare test care trimite testul către
serverul de e-mail prin sintaxa: <input type="Submit" name="verificare"
value="Finalizare test"> şi butonul de întoarcere în pagina de Home.
Ca resursa a acestui site, am folosit un document Word despre SOLUTIILE STRUCTURALE PENTRU
LANTURILE CINEMATICE, document care se afla in site, in resurse.
Documentul HTML a fost scris in Notepad, iar forma lui finala se deschide in INDEX, cu ajutorul
aplicatiei Internet Explorer sau Google Chrome.
APLICAŢII
Cu HTML 4.0 au apărut specificaţiile pentru modele de stiluri, cunoscute ca Modele de Stiluri în
Cascada (Cascading Style Sheets - CSS). Acestea ajută la afişarea grafică şi încadrarea conţinutului în
pagină. Documentele HTML pot conţine reguli de stil direct în ele sau ele pot importa foi de stil.
Pentru valorificarea noţiunilor de CSS predate la acest curs, am realizat o pagină web cu aplicaţii
variate pe tema aleasă. Am editat pagina de aplicaţii cu Notepad, aşa cum am procedat şi la celelalte
pagini şi am salvat-o cu extensia html. În acest fişier am apelat stilurile şi cadrele definite în fişierul
extern editat tot cu Notepad, dar salvat cu extensia css.
Sintaxa <link rel="stylesheet" type="text/css" href="stil.css"/> adaugată în secţiunea HEAD a

documentului HTML, spune browser-ului că sunt adăugate elemente de stil CSS.
Avantajul folosirii fişierelor externe CSS este faptul că aceleaşi coduri de stil pot fi folosite de
mai multe pagini din site, chiar tot site-ul, fiind scrise o singură dată. În plus ajută la micşorarea ca
marime (în bytes) a documentului HTML care astfel se încarcă mai repede.
Stilul creat poate fi folosit doar de elementele unde vom adăuga comanda class="cuvant",
celelalte elemente nefiind afectate.
În pagina de mai jos am realizat patru cadre: antet, meniuri, conţinut şi subsol, pentru fiecare
folosind linii de grosimi şi stiluri diferite, după cum se poate observa.
Pentru animarea paginii am aplicat un efect de mişcare atât pe text (vezi antet), cât şi pe
imagine, cu tagul special <marquee> </marquee> cu atributele:
 direction - direcţia de mişcare (left, right, up, down) - (stânga, dreapta, sus, jos)
 behavior - defineşte cum se va mişca textul (scroll, slide, alternate).
1. CONCLUZII
Pentru realizarea site-ului am ales tema “SOLUTII STRUCTURALE PENTRU LANTURILE

CINEMATICE”, deoarece este o temă foarte importantă pentru cercetare la master.
Cred că acest site îmi va fi de un real ajutor în activitatea didactică pentru cercetare prin
conţinutul teoretic şi, mai ales, prin filmuleţele care pot fi accesate foarte uşor şi care ilustrează
efectiv noţiunile abstracte, cât şi prin exemplele concrete realizate într-o mare varietate de programe
care se studiază : documente Microsoft Word, PowerPoint, accesorii Windows (Paint, Notepad),
filme şi expuneri de diapozitive pe computer, completate de şi cu titluri ce au aspect profesionist,
tranziţii, efecte, muzică şi realizate cu softul Windows Movie Maker, care vine gata instalat începând
cu versiunile de Windows XP Profesional.
Un alt motiv care m-a determinat să optez pentru această temă, îl reprezintă legătura
acesteia cu cursurile studiate . Prin filmuleţele şi albumele foto de la cursuri, sper să-i conving pe
studenti de larga răspândire a acestei teme, de faptul , ca are continuitate şi aplicabilitate practică în
foarte multe domenii de activitate. Site-ul reprezintă şi un mod de informare .
Realizarea unui site necesită într-adevăr foarte multă muncă pentru editarea documentelor
HTML, organizarea şi structurarea paginilor web, a documentelor inserate in site, prelucrarea
imaginilor, butoanelor, filmelor, pentru căutarea diferitelor informaţii şi adrese utile.
2. BIBLIOGRAFIE
 Cursul 1 - Informatica aplicata in educatie si formare

 Cursul 2- Medii si tehnologii educationale interactive
 HTML, XHTML, CSS şi XML prin EXEMPLE, Teodoru Gugoiu, editura Teora
 http://www.marplo.net/html/stiluri_css.html
 http://www.scritube.com/stiinta/informatica/html/
http://profs.info.uaic.ro/~val/tabele.html

Cercetarea Stiintifica

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Cercetarea Stiintifica

Încărcat de

Drepturi de autor:

Formate disponibile

CERCETAREA STIINTIFICA

La CERCETAREA STIINTIFICA mi-am propus să realizez un site cu tema SOLUTII

Codificarea informaţiilor în HTML se bazează exclusiv pe informaţii de tip text (şiruri de

În realizarea acestui site am încercat să utilizez toate noţiunile prezentate pe parcursul

Tabelul cu capitolele utilizează atributul BORDER pentru evidenţierea liniaturii, tagul

 dynsrc - înlocuieşte atributul src şi permite inserarea în documentul HTML a

În partea de jos a paginii am realizat o legătură către testul de verificare a cunoştinţelor

Testul pentru verificarea cunoştinţelor se bazează pe utilizarea formularelor. Formularele

Sintaxa <link rel="stylesheet" type="text/css" href="stil.css"/> adaugată în secţiunea HEAD a

Pentru realizarea site-ului am ales tema “SOLUTII STRUCTURALE PENTRU LANTURILE

 Cursul 1 - Informatica aplicata in educatie si formare

S-ar putea să vă placă și