MIJLOACE ȘI TEHNICI DE CONSTRUIRE A PAGINILOR ȘI A SITE-URILOR WEB Pagini web 1.1.1 Date generale Internetul se prezintă sub forma unei colecții de… [302297]

CAPITOLUL I

MIJLOACE ȘI TEHNICI DE CONSTRUIRE

A PAGINILOR ȘI A SITE-URILOR WEB

Pagini web

1.1.1 Date generale

Internetul se prezintă sub forma unei colecții de pagini care conțin informații diverse: texte, imagini, uneori sunete și animație. [anonimizat] “web pages” sau “web sites” [anonimizat], prescurtare de la Hypertext Markup Language.

Limbajele de marcare (markup languages) își au originea în tehnicile editoriale și tipografice tradiționale. Un text (manuscris) [anonimizat] (titluri, subtitluri, cuvinte sau porțiuni de text care trebuiau evidențiate) precum și caracteristici formale ([anonimizat], modul de aliniere).

Această tehnică a fost preluată în mod natural de îndată ce calculatorul a fost folosit pentru activitățile editoriale: textul era presărat cu marcaje de tipul celor editoriale clasice. Au apărut însă atâtea sisteme de marcaj câte programe specifice s-au scris pentru această activitate. S-a ajuns la situații incredibile astăzi ca cea apărută prin anii 60 [anonimizat].

Așa că IBM a lansat un proiect de cercetare în scopul de a găsi o soluție unitară pentru propriul sistem de editare de documente. Rezultatul a [anonimizat]-limbaj extensibil numit inițial GML (Generalized Markup Language), iar apoi numit SGML (Standard Generalized Markup Language) când a fost adoptat ca standard ISO în 1986.

[anonimizat] (un alt subset al SGML apărut în anii 90).

Dar deși adoptat ca standard a [anonimizat]-a [anonimizat] a sute de mii de pagini Web care fie sunt scrise în acest sublimbaj fie sunt pagini HTML rezultate în urma interogării unor baze de date.

[anonimizat], [anonimizat]. Comenzile sunt separate se text prin includerea între croșete <…>, iar fiecare comandă are un început și un sfârșit.

Forma generală a unei comenzi este: <comandă> … </comandă>

[anonimizat] 1.1.

Tabelul 1.1 – [anonimizat] o pagină, [anonimizat]. Cea mai simplă pagină poate fi următoarea:

<HTML>

<HEAD>Text didactic</HEAD>

<BODY>Acesta este conținutul paginii</BODY>

</HTML>

Observăm că întregul conținut este cuprins între comenzile <HTML> și </HTML> ceea ce semnifică faptul că fișierul este scris în limbaj HTML. [anonimizat] (browser-ul) va “ști” că urmează să interpreteze o [anonimizat], ținând cont de toate comenzile cuprinse între croșete. Urmează un text cuprins între comenzile <HEAD> și </HEAD> iar navigatorul va interpreta textul cuprins între aceste comenzi ca fiind titlul paginii. [anonimizat] <BODY> și </BODY>. Realizarea sub formă de exercițiu a acestui mic exemplu poate fi un pas important în înțelegerea modului de realizare a unei pagini de Web. Desigur, textul trebuie salvat sub un nume oarecare, însoțit însă de extensia htm sau html.

1.1.2 Principalele comenzi pentru crearea unei pagini web

Alinierea textului

Plasarea textului cade în sarcina navigatorului care interpretează pagina. Acesta ignoră, în textul sursă, trecerea la rând nou, inclusiv tasta Enter, precum și spațiile multiple. Pentru a realiza spațierea voluntară sau trecerea la un rând nou, trebuie inserate comenzi speciale în textul sursă, dintre care cele mai importante sunt prezentate în continuare in tabelul 1.2

Tabelul 1.2 – Comenzi petru text

Folosind aceste comenzi, putem modifica înfățișarea paginii anterioare:

<HTML>

<HEAD>Titlul paginii</HEAD> <BODY>Conținutul paginii

<BLOCKQUOTE>Text "îngropat"</BLOCKQUOTE>

<CENTER>Text centrat</CENTER>

</BODY>

</HTML>

Stiluri ale textului

Aceste comenzi se referă la stilul utilizat la prezentarea textului, dimensiune, înclinare, etc.

<FONT SIZE="+5">Dimensiune mai mare</ FONT >

textul va fi afișat (de către navigator!) într-un font mai mare cu 5 puncte, față de dimensiunea implicată

<I> Înclinat </I>

textul va fi afișat în format italic (înclinat)

<B> Îngroșat </B>

textul va fi afișat cu litere îngroșate

<U> Subliniat </U>

textul va apare subliniat

<FONT FACE = "arial" > Fontul ARIAL </FONT>

această comandă dă posibilitatea de a cere navigatorului să utilizeze un anumit font (set de caractere)

Legaturi (ancore)

Un text HTML este un text inteligent, adică, pe lângă informații propriu-zise conține și informații de legătură fapt ce permite cititorului să treacă, printr-un simplu click din mouse, de la pagina curentă, la o altă pagină, legată logic de cea anterioară sau de un anumit context din aceasta. Astfel de înlănțuiri sunt extrem de utile, deoarece o anumită informație poate fi completată printr-o pagină specială, apelată în funcție de opțiunea utilizatorului. De exemplu, un text matematic poate fi “ancorat” astfel încât fiecare noțiune să fie însoțită de definiție, exemple, etc.

Informațiile de legătură sunt pur și simplu adresele unor alte pagini (URL) imagini, obiecte în general. Parcurgerea acestor legături permite utilizatorului să “navigheze pe Internet”. Generic, o trimitere poartă numele de hyperlink.

Legăturile pot fi de două tipuri:

• în interiorul aceleași pagini

• către o altă pagină

Pentru a realiza o “trimitere” în interiorul același pagini este nevoie de două comenzi, aceea care definește poziția “ancorată” și aceea care face trimiterea către poziția ancorată. Aceste comenzi sunt:

<A name=ancora>…</A>

<A href=#ancora>…</A>

Poziția relativă a celor două comenzi poate fi arbitrară, stabilită numai în funcție de dorința realizatorului paginii.

Următorul fragment de text HTML ilustrează modul de realizare a unei trimiteri în cadrul aceleași pagini:

<BR> Din această poziție, printr-ul click, se ajunge la

<A href=#ancora>„textul ancorat”</A>

<A name=ancora>Textul</A> „ancorat”

Trimiterea către o altă pagină se face invocând adresa acesteia, URL, într-o comandă HREF, așa cum se vede în continuare:

<A href="http://www.mateescu.ro">G.D.Mateescu</A>

În cazul în care pagina conține textul anterior, printr-un click, se va realiza o trimitere către o pagină personală aflată la adresa http://www.mateescu.ro; dacă textul „http://” nu este prezent, atunci pagina va fi căutată în folderul curent.

Imagini

Un text poate să fie însoțit de imagini, care de cele mai multe ori sunt stocate în fișiere având formatul jpg sau gif.

Există două modalități de a ilustra un text cu imagini: prin inserare în text sau prin “link” spre o imagine. Inserarea în text se face prin comanda <IMG SRC>

<IMG SRC="imagine.jpg" align="middle">

iar trimiterea la o imagine se face prin comanda

<A HREF>: <A href="imagine.jpg">poza</A>

Fond grafic

O pagină poate avea un anumit fundal, realizat de obicei printr-un fișier de tip gif. De exemplu:

<BODY BACKGROUND="backgr.gif">

va avea drept consecință introducerea, ca fundal pentru pagină, a fișierului backgr.gif; fișierul trebuie să se afle în același folder cu pagina propriu-zisă.

Fond sonor

Există posibilitatea de asociere a unui fond sonor, care va însoți lectura paginii, printr-o comandă de forma:

<BGSOUND SRC="gameover.mid" loop="-1">

Comanda anterioară execută fondul sonor conținut de fișierul gameover.mid, timpul de reluare a fondului sonor fiind precizat, în secunde, de comanda loop; parametrul –1 semnifică reluarea nedefinită a fondului sonor. Fișierul trebuie să aibă un format audio recunoscut, de obicei mid sau wav, iar plasarea sa trebuie făcută în același folder cu pagina.

Exemplu de pagină simplă

<HTML>

<HEAD>Exemplu</HEAD>

<TITLE>Pagina mea</TITLE>

<BODY>Acesta este conținutul paginii

<BR>De aici se va ajunge la <A href=#ancora>„textul ancorat”</A>

<BLOCKQUOTE>iar acest text este "îngropat"</BLOCKQUOTE>

<FONT FACE="arial">Fontul ARIAL</FONT>

<BR><U>Scrisul este subliniat</U>

<CENTER>Text centrat</CENTER>

<A HREF="http://www.infoagroturism.ro">CofasElena/A>

<A name=ancora>Acest</A> text este „ancorat”

<A HREF="imagine.jpg">poza</A>

</BODY>

</HTML>

Pentru ca exemplul să “funcționeze”, fișierul trebuie salvat cu extensia htm și trebuie să existe o imagine, cu numele imagine.jpg, în folderul curent.

Website-uri

Date generale

Noțiunea site web provine din expresia engleză web site și desemnează o grupă de pagini web multimedia (conținând texte, imagini fixe, animații ș.a.), accesibile în Internet în principiu oricui, de obicei pe o temă anume, și care sunt conectate între ele prin așa-numite hiperlinkuri. Diversele site-uri web pot fi create de către o organizație, o persoană particulară, instituții publice etc. Inițial noțiunea apărea în limba română scrisă sub două forme : sit web și site (ca în limba engleză). Lingvistul George Pruteanu considera că varianta de preferat este sait.

De obicei un site web este administrat (creat, întreținut și actualizat) de către un așa-numit webmaster, dar există și alte posibilități:

site-ul web se actualizează automat și permanent pe baza unei baze de date;

paginile sale se creează în mod dinamic și automat în funcție de acțiunea utilizatorului în cadrul unei aplicații web;

site-ul web se creează și e administrat chiar de către utilizatorii săi

La începuturile Internetului fiecare site web se accesa prin indicarea adresei sale numerice specifice (adresa IP), de ex. 155.284.317.027. Ulterior pentru web site-uri s-au introdus și numele de domenii, care permit indicarea adresei respective în mod mult mai comod, prin cuvinte sau nume ușor de reținut, ca de exemplu www.wikipedia.org. Adresele de site-uri web trebuie să fie clar stabilite, unice în lume și chiar garantate pentru posesorul respectiv.

Un site web este alcătuit de regulă din mai multe pagini web. O pagină web este un document creat cu ajutorul limbajului de marcare HTML și (opțional) limbaje de programare cum ar fi PHP, ASP ș.a. fiind accesibil vizitatorilor prin intermediul protocolului HTTP, care transferă informația de la server la browser. Pagina web se numește așa deoarece, afișată pe un monitor, ea se aseamănă cu o pagină de ziar: de obicei paginile web au o lățime care încape în întregime pe ecran. În schimb, pagina poate fi chiar mult mai înaltă (adâncă) decât înălțimea ecranului, ea putând fi totuși ușor afișată cu ajutorul funcțiilor normale ale mausului și browserului folosite, prin "tragere" în sus și în jos. De asemenea, un site web poate fi vizualizat pe orice dispozitiv conectat la Internet capabil să afișeze informații prin intermediul protocolului HTTP (unele telefoane mobile, PDA-uri, etc.).

Un site alcătuit din mai multe pagini are de obicei o pagină inițială sau principală numită homepage, de la care pleacă legături către paginile interioare, secundare. Structurile și schemele de "navigare" din interiorul site-urilor web sunt foarte diferite, în funcție de scopurile, dorințele și posibilitățile ofertantului de informații

1.2.2 Tipuri de site-uri web după conținut

Site-urile web pot fi clasificate după o mulțime de factori, dar principalul factor rămâne subiectul de activitate site-ului. Din punct de vedere tehnologic un site web poate fi alcătuit din orice tipuri de date și informații statice, anunțuri, produse și servicii de vânzare, formulare de completat online, sunete digitalizate, imagini statice și animate, clipuri video, efecte speciale, meniuri dinamice și multe, s.a.. Vorbind la un nivel mai înalt, subiectul unui site web poate fi: un așa-numit blog, portal web, magazin virtual, catalog web, bancă, universitate virtuală, bibliotecă, enciclopedie virtuală, revistă web, ziar web și aproape orice altceva. Un exemplu de site web oarecum surprinzător este CouchSurfing, un sistem de mijlocire de locuințe particulare pentru găzduirea pe timpul concediului a călătorilor interesați de contacte cu noi persoane particulare și noi culturi.

Dacă la început nu s-a pus accent prea mare pe latura estetică, în zilele de azi se acordă o importanță din ce în ce mai mare nu numai conținutului de informații al unui site web, dar și esteticii, dinamicii și atractivității lui.

La ora actuală (2007) Internetul conține sute de milioane de pagini web, pe cele mai variate subiecte și limbi[necesită citare]. În octombrie 2006, Netcraft, o companie de monitorizare a Internetului care produce statistici despre Internet încă din anul 1995, a anunțat că în web există 101.435.235 site-uri, fiecare cu nume de domeniu propriu unic (față de 18.000 site-uri în august 1995).

Principalele categorii de site-uri web după conținut

1. Conținut video – foarte util în cazul website-urilor ce oferă demonstrații,tutoriale,etc

2. Conținutul propriu-zis de tip text – textul este elementul cheie al unui site sau blog ce poate fi combinat cu succes împreună cu primele trei tipuri de conținut

3. Conținutul de tip meme – meme-urile reprezintă imagini editate cu textul dorit

4. Conținut infografic – reprezentări grafice ale unor date (ex.graficele vânzărilor de pe ultima lună)

1.2.3 Tipuri de site-uri web după domeniul de utilizare

Site-urile informationale

Site-urile informaționale sunt diferite de cele comunitare prin scopul principal al distribuției informației. Site-urile guvernamentale, educaționale, ale organizațiilor nonprofit, ale grupurilor religioase etc. sunt considerate ca fiind informaționale.

Aceste site-uri sunt bazate pe rațiuni comerciale, scopul lor principal este de a informa, fara sa aiba ca efect realizarea unei tranzactii. Identificarea clară a utilizatorilor unui site informațional este dificilă, deoarece depinde foarte mult de tipul informațiilor furnizate, dar vizitatorii sunt, în general, cei interesați în obținerea și utilizarea informațiilor prezentate. Scopul site-urilor informaționale variaza semnificativ. Site-ul din cadrul unei universități, dedicat unei anumite materii, poate avea ca scop instruirea vizitatorilor în domeniul respectiv , site-ul informațional al unei grupări sociale, religioase sau politice poate avea ca ținta convingerea utilizatorilor de a face donații, respectiv de a deveni membri. Site-urile care prezintă știri au ca ținta primară informarea utilizatorilor cu privire la evenimente curente, astfel de site-uri sunt cele care conțin un ziar sau o revista pe care utilizatorul preferă să o citeasca on-line.

Site-urile guvernamentale pot prezenta modificarile aduse unor legi, pot încerca să-i convinga pe vizitatori să voteze într-un anumit mod – la fel ca și site-urile unor grupări politice, care își pot prezenta programul sau alte elemente necesare pentru atragerea de noi membri. Deși site-urile comerciale și cele informaționale sunt similare în anumite privințe, principala diferența între acestea o constituie faptul că site-urile comerciale au la baza rațiuni economice, pe când cele informaționale nu au o ținta financiară

Identificarea acestor site-uri se poate face foarte ușor și din adresa URL pe care o au , extensia prezintă tipul site-ului. Având în vedere ca scopul principal al acestor site-uri este acela de a transmite informații, pentru ca acestea să poata fi recepționate de utilizatori, trebuie sa fie prezentate intr-un mod care faciliteaza perceperea lor; în plus, și culorile trebuie judicios utilizate pentru a evita o incarcare excesiva a imaginii, și pentru a nu crea confuzii.

O situație diferită apare însa in cazul site-urilor informaționale aparținand unor organe de presa, care prezinta de fapt paginile unui ziar sau ale unei reviste. Chiar dacă pagina Web este foarte încărcată, textul nu foarte vizibil, combinațiile de culori nu întotdeauna potrivite, iar spațiile albe, care trebuie să caracterizeze orice document Web indiferent de natura lui, aproape inexistente, daca publicația respectivă are un anumit layout sau anumite caracteristici care îl diferențiază de celelalte pagina de Web va fi construita ca reflectare a paginii publicației respective. De cele mai multe ori site-ul de Web reflectă organizația în sine și, de aceea, paginile site-ului pot transmite succesul acesteia. În acest sens, în funcție de natura organizației, paginile site-ului vor fi mai mult sau mai puțin organizate, ceea ce poate denota și un anumit nivel de seriozitate.

Site-urile navigationale

Acestui tip de site îi este caracteristică utilizarea ca un instrument care sa îi faciliteze utilizatorului navigarea pe Internet. Acestea se mai numesc și site-uri portal (asa cum sunt Yahoo!, MSN etc.) Site-ul portal reprezintă punctul de pornire pentru navigarea on-line și are rol și în identificarea informațiilor necesare utilizatorului. Aceste site-uri furnizează o cantitate foarte mare de informații pentru a acoperi cât mai multe dintre nevoile potențiale ale utilizatorilor și astfel să îi convingă să nu parasească site-ul sau să îl reviziteze.

Aceste site-uri au ca rol principal asistarea utilizatorului în identificarea informațiilor de care acesta are nevoie, indiferent dacă sunt informații singulare sau elemente prezentate intr-un anumit site. Cele mai multe dintre acestea, la accesare, prezintă o pagina încarcata la prima vedere, cu foarte multe link-uri și de multe ori cu bannere publicitare – cum sunt www.yahoo.com, www.msn.com etc. – dar sunt și pagini cărora le este caracteristică o fereastră pentru tastare și butoane de căutare simplă sau avansată – cum este de exemplu www.google.com. În funcție de preferințe, utilizatorii pot alege un site sau altul, dar de obicei alegerea depinde și de nivelul de experientă al utilizatorului: cei fară experientă preferă site-uri cum este Yahoo!, pentru multitudinea de opțiuni pe care le au referitor la destinațiile posibile. Mai mult, în astfel de site-uri, sortarea este facută deja după anumite criterii, rezultatele fiind prezentate sub forma link-urilor amintite.

Indiferent de tipul site-ului navigational – cu sortare inițiala realizata sau nu – este foarte important ca elementele din pagină să fie vizibile, în acest sens având un rol foarte important culorile utilizate și modul de prezentare a textului.

Site-urile distractive

Aceste site-uri sunt în general comerciale, dar constituie un tip aparte. Scopul principal este acela de a-l distra pe utilizator, deci practic vând buna dispoziție, experiențe distractive, plăcute. Chiar daca site-urile comerciale – cum sunt cele de comerț electronic – funcționează într-un asemenea mod încât să ofere vizitatorului experiențe plăcute care să asigure reîntoarcerea acestuia la site, buna dispoziție constituie o țintă secundara.

Crearea unei experiențe plăcute nu este ușor de realizat atunci când experiența respectivă nu aduce nimic nou, nu creează senzații noi. * Un site prin care se vând articole vestimentare poate avea o temă centrală cum ar fi excursiile în locuri exotice, prezentând anumite informații textuale sau grafice; principalul scop este acela de a vinde, iar celelalte elemente prezentate în site nu sunt acolo decât pentru a servi acestui scop; astfel, dacă produsele nu se vând, site-ul nu este bun.

Astfel, site-urile de Web, construite pentru a oferi experiențe plăcute, de cele mai multe ori trebuie să iasă din tipare pentru atingerea acestui scop, deci pentru a avea succes: premisă în acest sens trebuie să fie aceea ca de cele mai multe ori elementul surpriză este mai folositor decât consistenta și utilizarea corecta a elementelor de design.

Aceste site-uri sunt de fapt site-uri de tip comercial, care nu întrunesc toate elementele caracteristice ale acestora. În general, ceea ce se comercializează în cadrul acestor site-uri este chiar buna dispoziție, consumatorii în acest caz fiind aceia care sunt conectați la astfel de site-uri. Asemenea site-uri sunt cele de chat, cele în care de exemplu utilizatorii pot juca diferite jocuri, vizualiză evenimente erotice etc. Datorită numarului mare de utilizatori, în cadrul acestora sunt prezentate bannere publicitare.

Site-urile comunitare

Un astfel de site are ca scop crearea unei locații central pentru membrii săi. Utilizatorii viziteaza site-ul care este de cele mai multe ori informațional, nu numai pentru a obține anumite date dar și pentru a interacționa cu alte persoane. Conținutul unui site comunitar diferă de cel al unui site informațional în funcție de lărgimea subiectului abordat și de cei pe care îi vizează în principal:

-site-urile informaționale au de regulă un public larg – de exemplu le sunt adresate femeilor in general;

-site-urile comunitare, după cum sugerează denumirea lor, sunt adresate unei comunițati – de exemplu comunitatea celor interesați de protecția animalelor. Aceste site-uri au multe elemente comune cu site-urile informaționale și comerciale, dar ceea ce le diferențiaza de acestea este posibilitatea utilizatorilor de a interacționa. Însă, dacă în timp și celelalte site-uri vor beneficia de această facilitate, elementul distinctiv al site-urilor comunitare se va pierde. Scopul principal al acestor site-uri este la bază unul de informare și, din acest motiv, trebuie ținut cont de anumite elemente, care să favorizeze transmiterea și receptarea informațiilor prezentate în cadrul paginilor. În ceea ce privește aspectul general al paginilor, aceste site-uri fac trecerea de la cele al caror conținut era cantitativ ridicat în cadrul paginii, la cele care conțin informații ce trebuie vizualizate clar. Se poate, însă, ca prezentarea să nu fie facută în acest mod, fapt care ar face ca utilizatorul să caute un alt site potrivit stilului său, în detrimentul paginii respective. Se identifică și in acest caz elemente caracteristice ale acestui tip de site-uri:

– Fundalul este de obicei de culoare deschisă; pe acest fundal sunt prezentate elemente caracteristice comunitații careia i se adresează;

– Elementele coloristice vor depinde de natura comunitații respective, de cele mai multe ori fiind prezentate elemente tradiționale – de exemplu, pentru comunițatile de mexicani, pentru elementele prezentate în pagină vor fi utilizate culori vii, pe când pentru comunitațile de japonezi culorile de bază vor fi cele închise și în special negrul (datorita simbolisticii acestor culori în cultura japoneză);

– Coloritul link-urilor va fi cel convențional;

– Textele vor fi scrise în general cu fonturi de culoare neagră; pentru elementele cu importanță ridicată, se vor utiliza alte culori, de obicei contrastante pentru a atrage atenția;

– Cele mai multe dintre aceste site-uri sunt caracterizate de faptul că asigură și stimulează comunicarea între utilizatori. Ținând cont de natura acestor site-uri, specială prin aceea ca se adresează unui numar limitat de utilizatori, nu se pot stabili principii de design universale, cele legate de colorit fiind influențate de semnificatia culorilor în anumite culturi. Evident, aceste elemente variază în funcție de utilizatorii cărora le este în principal adresat site-ul, dar se pot stabili principii privind prezentarea textului și a elementelor care asigură comunicarea între utilizatori:

– Este bine ca textul să fie scris astfel încât culoarea fonturilor și fundalul pe care sunt tiparite sa fie favorabil citirii;

– Textele de dimensiuni mari trebuie să fie fragmentate pentru ca procesul de citire să nu fie monoton;

– Având în vedere ca aceste site-uri funcționează pe principiul primire-prezentare de informații, primirea acestora trebuie să fie facilitată prin prezentarea în pagină, în mod clar, a elementelor de contact;

– Comunicarea dintre membrii comunițatii câreia îi este adresat site-ul trebuie să fie stimulata, prin asigurarea unei zone de depozitare a mesajelor primite (de obicei prin e-mail).

Site-urile artistice

Aceste site-uri sunt deosebite, în sensul că sunt în principal orientate spre utilizator, prin stimularea gandirii acestuia, pentru expunerea unor idei și, de aceea, de cele mai multe ori evita convenționalismul și logica. Site-ul artistic reprezintă expresia individului sau artistului, scopul lui fiind acela de a-i inspira dau de a-i distra pe vizitatori; cuantificarea masurii în care site-ul a avut succes nu are sens, artistul, de cele mai multe ori, nefiind interesat de asta. Nu se poate vorbi, în cazul acestor tipuri de site, de reguli care ar fi bine de urmat.

Site-urile personale

Similare site-urilor artistice, cele personale, de cele mai multe ori numite pagina de start a utilizatorului sau pagina primară, sunt concepute ca expresie a proprietarului. Aceste site-uri sunt construite pentru a prezenta informații personale, de multe ori posesorii prezentand în cadrul conținutului și un curriculum vitae care poate fi vizionat de potențialii angajatori. Într-un anumit sens, aceste site-uri reprezintă personificarea individului în cadrul Web-ului, dar este de preferat să nu se depasească anumite limite cu privire la informațiile personale.

Noțiunea de standarde web reprezintă un termen general pentru standardele formale și alte tehnici specifice care definesc și descriu aspecte ale World Wide Web. În ultimii ani, termenul a fost frecvent asociat cu tendința de însușire a celor mai bune practici standardizate pentru designul, construirea și dezvoltarea paginilor web folosind aceste metode. Organizația ce coordonează aceste standarde este World Wide Web Consortium.

Conform prof. George Pruteanu, ortografia cuvântului pe românește (scrierea lui corectă) ar trebui să fie „web sait”, și nu ca în engleză web site. El argumentează că normele ortoepice ale limbii române impun ca toate cuvintele să se scrie precum se pronunță și invers; scrierea „web site”, dacă ar fi preluată fără schimbări în română, nu ar respecta aceste norme, cuvântul „site” chiar însemnând cu totul altceva.

CAPITOLUL II

SOFTWARE PENTRU REALIZARE APLICAȚII WEB

Adobe Dreamweaver

Fig.2.1 – Logo-ul Dreamweaver

2.1.1 Date generale

Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicație de dezvoltare web a companiei americane Adobe Systems, disponibilă atât pentru MS Windows, cât și pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, cât și cadre ASP.

Dreamweaver s-a bucurat de un larg succes încă de la sfârșitul anilor 1990 și momentan deține aproximativ 80 % din piața editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac OS, Windows, dar suportă în același timp și platforme UNIX cu ajutorul unor emulatoare software cum ar fi Wine.

Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde detaliile de implementare a paginilor HTML, făcând astfel posibilă crearea cu ușurință a acestora și de către utilizatorii neexperimentați.

Unii creatori de pagini web critică aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari decât ar fi necesar, ceea ce conduce la o funcționare neperformantă a browserelor web. Această afirmație este în mare parte adevarată deoarece paginile web produse folosesc designul pe bază de tabel. În plus, produsul a mai fost criticat în trecut și pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult îmbunătățit în versiunile recente. Cu toate acestea, compania Macromedia a îmbunătățit suportul pentru tehnologia CSS precum și alte modalități de design, fără a fi necesară folosirea designului pe bază de tabel.

Dreamweaver permite folosirea majorității browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza situl web creat. De asemenea conține și câteva utilitare pentru administrarea siturilor, cum ar fi cele pentru a găsi și modifica un paragraf sau o linie de cod, în întregul sit, pe baza oricăror parametri specificați de către utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fără a avea cunoștințe de programare.

Odată cu apariția versiunii MX, Macromedia a încorporat utilitare de generare dinamică a conținutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi cele de tip MySQL și Microsoft Access) pentru a filtra și afișa conținutul folosind scripturi de genul PHP, ColdFusion, Active Server Pages (ASP) și ASP.NET, fără a avea nevoie de o prealabilă experiență în programare.

Un aspect foarte lăudat al Dreamweaver-ului îl reprezintă arhitectura sa extensibilă. Extensiile sunt mici programe pe care orice dezvoltator le poate scrie (de obicei în HTML și JavaScript) și pe care oricine le poate descărca și instala, acestea aducând un spor de performanță și funcționalitate îmbunătățită programului. Există o comunitate de dezvoltatori care produc aceste extensii și le publică (atât comercial cât și gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover până la soluții complete de vânzare online, în Internet.

2.1.2 Principalele funcții ale softului Adobe Dreamweaver

Inserarea filmelelor Shockwave

Putem folosi Dreamweaver pentru a insera filme Shockwave. Adobe Shockwave , care reprezintă un standard pentru fișierele multimedia interactive pe Web, este un format comprimat, care permite descărcarea rapidă a fișierelor media create în aplicația Adobe Director.

Fig.2.2 – Inserare film

Adăugarea unui fișier de sunet

Pentru a insera un fișier de sunet in pagina web trebuie să alegem locul de unde dorim să inserăm fișierul după care alegem obiectul Plug-in din secțiunea Media a meniului Insert. Mai departe în caseta de dialog Select File introducem calea către fișierul de sunet și dam click pe butonul Select.

Fig.2.3 – Inserare fisier sunet

Inserarea unui applet Java

Folosind Dreamweaver putem introduce un applet Java într-un document HTML. Java este un limbaj de programare care permite dezvoltarea de aplicații nu foarte complicate (denumite applet-uri) care pot fi încorporate în paginile Web.

Pentru a insera un applet Java se selecteaza Insert -> Media -> Applet ce va deschide caseta de dialog Select File. Se navigheaza în directorul care conține appletul Java și se selecteaza fișierul dorit. Se introduc parametrii ceruți de documentația applet-ului, selectând butonul Parameters. Acum se poate salva pagina si previzualiza in browser.

Fig.2.4 – Inserare Applet Java

Inserarea imaginilor

Toate imaginile inserate într-o pagină Web sunt fișiere separate și nu fac parte din documentul HTML. Aplicația Adobe Dreamweaver permite vizualizarea imaginilor introduse în pagină, în fereastra Document.

Pentru a insera o imagine în pagina Web trebuie să alegem locul de unde se dorește să se insereze imaginea, din meniul Insert se selecteaza comanda Image. Se alege imaginea dorita iar in secțiunea Image preview aflatată in partea dreaptă a ferestrei Select Image Source se poate previzualiza imaginea.

Fig. 2.5 – Inserare imagini

După inserare, putem efectua modificări ale dimensiunii imaginii. Prin micșorarea imaginii în Dreamweaver, dimensiunea fișierului nu se reduce (transferul datelor va fi același).

Inserarea și formatarea tabelelor

Crearea tabelor este recomandată pentru a controla așezarea în pagină. Se pot modifica proprietățile tabelelor prin redimensionarea rândurilor și a coloanelor și se poate crea design-ul paginii folosind modul de vizualizare Layout.

Crearea unui tabel

Tabelul poate sa aibă una sau mai multe celule. O celulă reprezintă zona creată la intersecția unui rând cu o coloană. Tabelul va avea cel puțin un rând, ceea ce va crea implicit o celulă. Pentru a insera un tabel în Adobe Dreamweaver CS6, se selectează Insert -> Table din meniul principal sau putem folosi combinația de taste Ctrl+Alt+T.

Fig.2.6 – Crearea unui tabel

Adăugarea unei hiperlegături în pagină

Pentru a putea crea o hiperlegătură trebuie să avem în directorul sitului Web cel puțin două pagini sau putem realiza hiperlegături la adrese Web.

Un link din HTML cuprinde două părți: numele sau calea (sau URL-ul – Uniform Resource Locator) fișierului cu care dorim să facem legătura, respectiv textul sau grafica zonei pe care se face clic. Atunci când un utilizator efectuează clic pe un link, browser-ul încarcă documentul legat de acel link. Link-urile pot redirecționa utilizatorul către alte documente HTML, imagini sau alte elemente media.

Fig.2.7 – Crearea link-urilor Hypertext

Crearea link-urilor Hypertext

Link-urile hypertext oferă posibilitatea de a redirecționa vizitatorul către documente din pagina Web sau către altă locație de pe Internet. Link-urile realizate în cadrul aceluiași sit poartă numele de link-uri relative și pot face legătura cu fișiere din orice locație.

Este foarte important să salvăm documentul înainte de a crea legături. Operația de salvare a unui fișier comunică aplicației Dreamweaver locația documentului și permite programului să determine calea link-ului. Dacă vom crea un link fără a salva în prealabil documentul, toate aceste căi vor începe cu file:// și nu vor lucra pe siturile găzduite de alte servere, deoarece aceste căi sunt relative cu hard discul pe care s-a lucrat și nu cu fișierul în care este link-ul.

Un link are două elemente: o ancoră și o destinație. Linkul pornește de la ancoră (care poate fi un text de obicei scurt, un buton web sau o imagine grafică), trimițând utilizatorul la o destinație predefinită în cod. Cel mai comun tip de hiperlink folosit este URL-ul (prescurtarea din engleză a Uniform Resource Locator) sau URI-ul (Uniform Resource Identifier). Acesta se referă la un sit web, o pagină dintr-un sit sau chiar o anumită poziție pe o pagină.

PHP (Hypertext Preprocessor )

Fig.2.8 – Logo-ul PHP

2.2.1 Date generale

PHP este un limbaj de programare. Numele PHP provine din limba engleză și este un acronim recursiv : Php: Hypertext Preprocessor. Folosit inițial pentru a produce pagini web dinamice, este folosit pe scară largă în dezvoltarea paginilor și aplicațiilor web. Se folosește în principal înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în mod „linie de comandă” (CLI), permițând crearea de aplicații independente. Este unul din cele mai importante limbaje de programare web open-source și server-side, existând versiuni disponibile pentru majoritatea web serverelor și pentru toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane de site-uri web și pe 1 milion de servere web. Este disponibil sub Licenṭa PHP ṣi Free Software Foundation îl consideră a fi un software liber.

PHP însemna inițial Personal Home Page. PHP a fost început în 1994 ca o extensie a limbajului server-side Perl, și apoi ca o serie de CGI-uri compilate de către Rasmus Lerdorf, pentru a genera un curriculum vitae și pentru a urmări numărul de vizitatori ai unui site. Apoi a evoluat în PHP/FI 2.0, dar proiectul open-source a început să ia amploare după ce Zeev Suraski și Andi Gutmans, de la Technion au lansat o nouă versiune a interpretorului PHP în vara anului 1998, această versiune primind numele de PHP 3.0. Tot ei au schimbat și numele în acronimul recursiv de acum, până atunci PHP fiind cunoscut ca Personal Home Page Tools. Apoi Suraski și Gutmans au rescris baza limbajului, producând astfel și Zend Engine în 1999. În mai 2000 a fost lansat PHP 4.0, având la bază Zend Engine 1.0.

PHP este simplu de utilizat, fiind un limbaj de programare structurat, ca și C-ul, Perl-ul sau începând de la versiunea 5 chiar Java, sintaxa limbajului fiind o combinație a celor trei. Datorită modularității sale poate fi folosit și pentru a dezvolta aplicații de sine stătătorare, de exemplu în combinație cu PHP-GTK sau poate fi folosit ca Perl sau Python în linia de comandă. Probabil una din cele mai importante facilități ale limbajului este conlucrarea cu majoritatea bazelor de date relaționale, de la MySQL și până la Oracle, trecând prin MS Sql Server, PostgreSQL, sau DB2.

PHP poate rula pe majoritatea sistemelor de operare, de la UNIX, Windows, sau Mac OS X și poate interacționa cu majoritatea serverelor web. Codul dumneavoastră PHP este interpretat de serverul WEB și generează un cod HTML care va fi văzut de utilizator (clientului -browserului- fiindu-i transmis numai cod HTML).

Arhitectura tip LAMP a devenit populară în industria web ca modalitate rapidă, gratuită și integrată de dezvoltare a aplicațiilor. Alături de Linux, Apache și Mysql, PHP reprezintă litera P, deși uneori aceasta se referă la Python sau Perl. Linux ocupă rolul de sistem de operare pentru toate celelalte aplicații, MySQL gestionează bazele de date, Apache are rol de server web, iar PHP are rol de interpretator și comunicator între acestea.

PHP foloseste extensii specifice pentru fișierele sale: .php, .php3, .ph3, .php4, .inc, .phtml. Aceste fișiere sunt interpretate de catre serverul web iar rezultatul este trimis în formă de text sau cod HTML către browser-ul clientului.

2.2.2 Popularitate-Notorietate celebritate, faimă, glorie, notorietate, renume, reputație, slavă, vogă, (figurat) priză, (învechit) poporalitate.

PHP-ul este unul din cele mai folosite limbaje de programare server-side, conform unui studiu efectuat de Netcraft în aprilie 2002, apărând pe 9 din cele 37 milioane de domenii cercetate în studiu. De asemenea, există un grafic al creșterii folosirii PHP-ului pe site-ul oficial. Popularitatea de care se bucură acest limbaj de programare se datorează următoarelor caracteristici :

Familiaritatea : sintaxa limbajului este foarte ușoară combinând sintaxele unora din cele mai populare limbaje Perl sau C;

Simplitatea : sintaxa limbajului este destul de liberă. Nu este nevoie de includere de biblioteci sau de directive de compilare, codul PHP inclus într-un document executându-se între marcajele speciale;

Eficiența : PHP-ul se folosește de mecanisme de alocare a resurselor, foarte necesare unui mediu multiutilizator, așa cum este web-ul;

Securitate : PHP-ul pune la dispoziția programatorului un set flexibil și eficient de măsuri de siguranță;

Flexibilitate : fiind apărut din necesitatea dezvoltării web-ului, PHP a fost modularizat pentru a ține pasul cu dezvoltarea diferitelor tehnologii. Nefiind legat de un anumit server web, PHP-ul a fost integrat pentru numeroasele servere web existente: Apache, IIS, Zeus, server, etc.;

Gratuitate : este probabil cea mai importantă caracteristică a PHP-ului. Dezvoltarea PHP-ului sub licența open-source a determinat adaptarea rapidă a PHP-ului la nevoile web-ului, eficientizarea și securizarea codului.

Tipuri de date interne

Boolean – valori logice tip adevărat sau false, similare cu cele din C++ sau Perl.

Integer – numere întregi (în baza 10, 2 sau 16). Valoarea maximă depinde de sistem și de tipul de integer. Tipul poate fi "signed" sau "unsigned", adica dependent de semnul + sau – sau independent de acestea. Valorile pentru integer unsigned sunt mai mari decât cele pentru signed. Sistemele pe 32 bits pot crea numere întregi între -2147483648 și 2147483647( 2^31-1 ). Maximul pentru sisteme pe 64 bits este 9223372036854775807.

Float – cunoscute ca numere reale. Valorile maxime sunt de asemenea dependete de platform, in general cu un maxim de ~1.8e308 cu o precizie de 14 zecimale dupa virgula (formatul 64 bits IEEE).

String – șiruri de caractere. Înainte de PHP6, un caracter era echivalent cu un byte. Nu există limitări pentru lungimea unui șir, în afara memoriei alocate PHP.

Array – în PHP un array este un tip de data care conține un grup de elemente. Fiecare element are un indice intern în group, iar fiecărui indice îi corespunde o valoare – elementul în sine. Un astfel de grup poate fi folosit ca o simulare pentru diverse situații matematice precum vectori, serii, dicționare de elemente, liste ordonate, matrici sau matrici de matrici. Indicii și valorile unui grup pot fi orice tip de data interna PHP (cu excepții: obiectele, resursele și null nu pot fi indici).

Obiecte – O clasa este o colecție de proprietăți și funcții având o logică comună. Obiectele sunt instanțe ale unei clase, în care proprietățile obiectului primesc valori specifice. Vezi POO – programarea orientată pe obiecte.

Resurse – aceastea sunt variabile speciale care conțin legături cu resurse externe PHP. De exemplu, conexiunea cu o bază de date este o resursa deschisă și menținută cu ajutorul unor funcții special definite pentru aceasta muncă.

NULL – este un tip special de dată, care semnifică că variabila respectivă nu a fost definită și că nu are valoare sau valoarea e necunoscută.

2.2.3 Principalele functii in PHP

Afisarea textului in PHP

In multe din scripturile scrise de incepatori continutul rezultat in urma executiei este un text. Pentru a obtine acest text, secvențele de cod trebuie sa conțina instructiuni explicite care sa arate intrepretorului ce anume trebuie afișat.

Instructiunile de afisare sunt print, echo si printf. Primele doua sunt echivalente si fac acelasi lucru (exista unele diferente de forma, vezi exemplul de mai jos, dar poate fi folosita oricare dintre ele); printf este folosita mai rar datorita sintaxei oarecum greoaie.

<?php

# cele 2 instructiuni de mai jos sunt echivalente

print "Text";

echo "Text";

# o singura instructiune echo poate primi mai multi parametri, separati prin virgula

echo "<br />", "Afisez", " un text din ", 4, " bucati";

# o singura intstructiune print poate primi doar unul

print "<br />";

print "Afisez";

print " un text din ";

print 4;

print " bucati";

# printf este folosita pentru a formata continutul, la fel ca in C/C++

printf( "<br />Am %4.2f lei", 102.123456 ); // afiseaza Am 102.12 lei

?>

Comentarii in PHP

Comentariile sunt portiuni de cod care nu se executa. Sunt folosite de programatori de regula pentru a da diverse explicatii despre logica aplicatiei, variabile si altele. Comentariile nu afecteaza executia unui script si pot fi sterse din cod fara nici un efect.

<?php

// acesta este un comentariu. intreaga linie nu va fi luata in considerare (doar o linie)

// print "hello";

// linia de mai sus nu se executa

# la fel ca mai sus

# print "hello";

# nu se executa

/* comentariu cu delimitator de inceput si sfarsit

se poate intinde pe oricate linii; se termina la

intalnirea marcajului de sfarit */

print /* partea asta e ignorata */ "Salut!";

/* afiseaza

Salut!

*/

?>

Este un lucru foarte util sa se folosească comentarii in cod pentru a explica modul de rezolvare a problemei abordate, sau pentru a da detalii despre operatiile efectuate. Acestea va vor ajuta mai tarziu daca veti vrea sa modificati codul scris, sau vor oferi altor persoane informatii (valoroase) despre cum ati gandit codul respectiv.

Siruri de caractere

In majoritatea scripturilor PHP se lucreaza cu bucati de text denumite siruri de caractere sau string-uri. Sirurile de caractere reprezinta expresii (entitati ce au/returneaza o valoare) si pot fi folosite, la afisare, in atribuiri, la verificari, etc.

In limbajul PHP, sirurile de caractere pot fi delimitate de ghilimele duble, ghilimele simple sau printr-o notatie speciala folosind operatorul <<< (numit heredoc).

<?php

print "Salut, straine! "; // sir simplu, delimitat de ghilimele duble

print 'Salut din nou! '; // sir simplu, delimitat de apostrof

// sir delimitat prin notatia speciala heredoc

print <<<SIR

Salut iar!

SIR;

?>

Nota: in acest exemplu nu este nicio diferenta intre modul de definire a sirurilor – toate cele 3 stringuri afisate sunt echivalente, indiferent ca au fost delimitate prin ghilimele, apostrof sau operatorul heredoc.

Cu toate astea, PHP trateaza in mod diferit aceste moduri de delimitare. Mai multe explicatii si exemple sunt prezentate in pagina Operatii cu siruri.

Java Script ( JS )

Fig. 2.9 – Logo-ul Java Script

JavaScript (JS) este un limbaj de programare folosit mai ales pentru introducerea unor funcționalități în paginile web, codul Javascript din aceste pagini fiind rulat de către browser. Limbajul este binecunoscut pentru folosirea sa în construirea siturilor web, dar este folosit și pentru acesul la obiecte încastrate (embedded objects) în alte aplicații. A fost dezvoltat inițial de către Brendan Eich de la Netscape Communications Corporation sub numele de Mocha, apoi LiveScript, și denumit în final JavaScript.

În ciuda numelui și a unor similarități în sintaxă, între JavaScript și limbajul Java nu există nicio legătură. Ca și Java, JavaScript are o sintaxă apropiată de cea a limbajului C, dar are mai multe în comun cu limbajul Self decât cu Java.

Până la începutul lui 2005, ultima versiune existentă a fost JavaScript 1.5, care corespunde cu Ediția a 3-a a ECMA-262, ECMAScript, cu alte cuvinte, o ediție standardizată de JavaScript. Versiunile de Mozilla începând cu 1.8 Beta 1 au avut suport pentru E4X, care este o extensie a limbajului care are de a face cu XML, definit în standardul ECMA-357. Versiunea curentă de Mozilla, 1.8.1 (pe care sunt construite Firefox și Thunderbird versiunile 2.0) suportă JavaScript versiunea 1.7.

Java, JavaScript și Jscript

Schimbarea numelui din LiveScript în JavaScript s-a făcut cam în același timp în care Netscape încorpora suport pentru tehnologia Java în browserul web Netscape Navigator.

Microsoft a implementat limbajul JavaScript sub numele de JScript, cu o serie de modificări și extensii față de implementarea Netscape. Pe platforma Windows, JScript este unul din limbajele executabile de către Windows Script și, deci, poate fi folosit pentru scriptarea aplicațiilor ce suportă Windows Script, de exemplu Internet Explorer, sau chiar sistemul de operare Windows.

Asociația ECMA a standardizat limbajul JavaScript/JScript sub numele ECMAScript (standardul ECMA-262)

Cea mai des întâlnită utilizare a JavaScript este în scriptarea paginilor web. Programatorii web pot îngloba în paginile HTML script-uri pentru diverse activități cum ar fi verificarea datelor introduse de utilizatori sau crearea de meniuri și alte efecte animate.

Browserele rețin în memorie o reprezentare a unei pagini web sub forma unui arbore de obiecte și pun la dispoziție aceste obiecte script-urilor JavaScript, care le pot citi și manipula. Arborele de obiecte poartă numele de Document Object Model sau DOM. Există un standard W3C pentru DOM-ul pe care trebuie să îl pună la dispoziție un browser, ceea ce oferă premiza scrierii de script-uri portabile, care să funcționeze pe toate browserele. În practică, însă, standardul W3C pentru DOM este incomplet implementat. Deși tendința browserelor este de a se alinia standardului W3C, unele din acestea încă prezintă incompatibilități majore, cum este cazul Internet Explorer.

O tehnică de construire a paginilor web tot mai întâlnită în ultimul timp este AJAX, abreviere de la „Asynchronous JavaScript and XML”. Această tehnică constă în executarea de cereri HTTP în fundal, fără a reîncărca toată pagina web, și actualizarea numai anumitor porțiuni ale paginii prin manipularea DOM-ului paginii. Tehnica AJAX permite construirea unor interfețe web cu timp de răspuns mic, întrucît operația (costisitoare ca timp) de încărcare a unei pagini HTML complete este în mare parte eliminată.

CAPITOLUL III

STUDIU DE CAZ : REALIZAREA SITE-ULUI “CULTURA DE SOIA”

Pentru realizarea site-ului “Cultura de soia” am folosit programul Macromedia Dreamweaver ver.8.

Este o aplicație de dezvoltare web a companiei americane Adobe Systems.

Siteul contine sapte pagini web conectate intre ele cu butoane hyperlink. Fiecare pagina web este formata dintr-un tabel in care au fost inserate obiectele paginii ( imagini, butoane, text etc. ) pentru o asezarea corecta in pagina si pentru a asigura standardizarea site-ului.

Fig. 3.1 – Interfata softului Dreamweaver

In prima pagina web, denumită “Acasa”, am introdus o scurta descriere a plantei de soia si o imagine sugestiva a plantei in faza de vegetatie.

Fig. 3.2 – Pagina web “Acasa”

Soia este o plantă de cultură din familia leguminoase, subfamilia faboidae. Din această familie mai face parte și fasolea, trifoiul sau lucerna. Boabele de soia joacă un rol important în industria alimentară, ele conținând 39 % proteine, 17 % ulei.

Florile sunt mici și au culoare albă sau violetă iar fructul este o păstaie, care contine boabe, folosite in scop fitoterapeutic. Aceste boabe, folosite în alimentația curentă, dar și in industrie, au și proprietăți medicinale, alături de rădăcini sau chiar planta intreagă.

In aceasta imagine este prezentata Pagina “Scurt Istoric“ in care sunt redate informatii istorice despre planta de soia de la aparitia ei si pana in prezent.

Figura 3.3 – Pagina web “Scurt istoric”

Istoria acestui produs ne spune ca soia a fost dintotdeauna considerata un aliment de calitate inferioara. Initial, soia a fost folosita ca furaj pentru animale, insa puii crescuti cu soia au murit la scurt timp. Treptat , a inceput sa fie oferita spre mancare celor din clasa de jos, adica muncitorilor sau saracilor. Mai mult, trebuie precizat ca proteina din soia nu a fost niciodata inclusa in alimentele zilnice alea consumatorilor, cum se intampla astazi.

La ora actuala, industria alimentara are nevoie de produse ieftine care nu sunt foarte daunatoare populatiei. Soia este unul din alimentele care au obtinut aviz de comercializare in intreaga lume si care astazi este vandut ca un produs ieftin si bun. Medicii nutritionisti combat idea ca soia este un produs nutritional care trateaza boli. Astazi, soia de tip deformata genetic este ascunsa in numeroase alimente, mai ales in produsele de tip fast-food.

In imagine este prezentata pagina “Formarea recoltei” in care ne sunt prezentate principalele lucrari agricole si reguli pentru obtinerea boabelor de soia.

Figura. 3.4 – Pagina web “Formarea recoltei”

Calendaristic, condițiile pentru semănatul soiei se realizează începănd cu prima sau a două decadă a lunii aprilie in sudul țării și în decada a doua sau a treia a lunii aprilie în celelalte zone ale țării. Soiurile târzii și semitârzii se seamană în prima parte a epocii optime, iar soiurile semitimpurii și cele timpurii, adaptate la o fotoperioadă mai lungă se seamană în a doua parte a perioadei optime de semănat.

Semănatul soiei se realizeaza paralel cu semănatul porumbului și nu după terminarea însămânțării acestuia.

Densitatea la semănat trebuie să realizeze 35 – 45 plante/m2 în condiții de irigare și 30 – 40 plante/m2 în condiții de neirigare. Pentru a se realiza aceste densități se seamană 50 – 55 semințe germinabile/m2 și respectiv, 45 – 50 semințe germinabile/m2. Aceste desimi se diferențiază și în funcție de zona de cultură: 40 – 45 pl./m2 în prima zonă, 38 – ¬42 pl./m2 în zona a doua și 35 – 40 pl./m2 în zona a treia – în condțtii de irigare, respectiv 35 – 40 si 30 – 35 pl./m2 – în condiții de neirigare.

Figura 3.5 – Pagina web “Formarea fecoltei”

Distanța între rănduri se corelează cu gradul de îmburuienare a terenului și posibilitățile de combatere a acestora. Pe terenurile slab sau mijlociu îmburuienate și în condițiile combinării combaterii chimice a buruienilor cu lucrările de prășit mecanic între rânduri, pe terenuri neirigate sau irigate prin aspersiune se efectuează semănatul în rânduri echidistante la 50 cm, sau în benzi de 3 rânduri la 45 cm, cu 60 – 70 cm între benzi. La irigarea prin brazde se utilizează distanța între rânduri de 80 cm. În condițiile combaterii ireproșabile a buruienilor semănatul soiei în rânduri apropiate (25 – 30 cm sau chiar 15 cm) a determinat obținerea unor sporuri însemnate de producție (10 – 15%).

Pagina web “Efectele consumului” ne prezinta o serie de efecte benefice ale plantei de soia.

Figura 3.6 – Pagina web “Efectele Consumului”

Soia conține isoflavone care ajută la imbunătățirea densității osoase, prevenind astfel fracturile. Daidzein-ul, un tip de isoflavon, actionează similar medicamentelor ipriflavine, deja folosite in Europa si Asia in tratarea osteoporozei.

In 1993, cercetătorul Erdman a mai realizat un studiu, dar de aceasta data bazându-se pe posibilele beneficii oferite de soia femeilor aflate la menopauza. Astfel, participantele la studiu au consumat 40g proteine de soia zilnic, timp de 6 luni. Dupa această perioadă, cercetătorii au descoperit că densitatea minerala osoasa a femeilor aflate la menopauza a crescut semnificativ. 
În Japonia, unde alimentele din soia sunt consumate zilnic, numai o treime dintre femei prezinta simptome ale menopauzei în comparație cu femeile din SUA si Canada. Potrivit studiilor, soia creste in mod natural nivelul de estrogen – efect benefic mai ales in cazul femeilor aflate la menopauza.

In pagina “Soia modificata” este descrisa cultura de soia insamantata cu soia modificata genetic de tip Roundup Ready si ne sunt prezentate efectele consumului.

Figura 3.7 – Pagina web “Soia modificata”

Expansiunea rapidă în lume a culturilor de soia modificată genetic RR, a condus la creșteri mari în utilizarea de glifosat. S-a afirmat de multe ori că glifosatul este sigur pentru oameni și pentru mediu. Oamenii de știință argentinieni au ajuns la concluzia că acest erbicid ne poate provoca malformații severe. Ministerul Agriculturii din România este în favoarea culturilor modificate genetic în țara noastră!

Efectele dăunătoare ale glifosatului și ale Roundup au fost găsite chiar și la niveluri frecvent utilizate în agricultură și găsite în mediul înconjurător.

In pagina “Produse” am enumenat o serie de produse sanatoase care pot fi obtinute prin prelucrarea semintelor de soia respectiv uleiul de soia, faina de soia si laptele de soia.

Figura 3.8 – Pagina web “Produse”

Uleiul de soia se obține din boabele de soia, ce conțin 16-19% ulei, prin procedeul extracției. Uleiul din boabe de soia este bogat în acizi grași nesatuați. Poate fi consumat atat crud cât și preparat termic deoarece are punctul de ardere ridicat ( 232oC ). Este galben-deschis la culoare, are aromă neutră și vâscozitate moderată.

Făină de soia se obține prin măcinarea boabelor galbene de soia. Capacitatea de absorbție a apei de către făină de soia este mult mai mare decat cea a făinii de grâu. În combinație cu făina de grâu, făina de soia se folosește la prepararea pâinii integrale sau a diferitelor produse de patiserie. Făina de soia are un atu în plus față de făina de grâu: se folosește pentru prepararea pâinii pentru persoanele care suferă de diabet.

Laptele de soia, una dintre cele mai populare alternative la laptele de vacă, este ideal pentru persoanele care au intoleranță la lactoză. Deși conține o multitudine de nutrienți esențiali printre care fibre, vitamine și minerale și antioxidanți, laptele de soia nu este bun pentru toată lumea. Ar fi bine să

te gândești bine înainte de a-l consuma.

În pagina “Contact” se regăsesc cateva date de contact printre care numele, emailul și profesorul îndrumator.

Am inserat logo-uri ale Universitații de stiinte agronomice și medicina veterinară București și ale Facultății de management, inginerie economic în agricultură și dezvoltare rurală

Figura 3.10 – Creare pagina “Contact”

Figura 3.9 – Pagina web “Contact”

CONCLUZII

Scopul lucrării este de a prezenta posibilitațile oferite de limbajul HTML și importanța sa în bazele internetului. HTML-ul are un rol definitoriu în crearea și designul site-urilor. Internetul este o rețea internațională de calculatoare, formată prin interconectarea rețelelor locale și globale, destinată să faciliteze schimbul de date și informații în diverse domenii. . El oferă omului modern o mulțime de avantaje, care îi ușurează sau îi îmbunătățesc viața.

În cadrul primului capitol am demonstrat, că limbajul HTML are un rol foarte important in funcționarea corecta a internetului pe care il cunoastem astazi, dezvoltande-se permanent în ultimele decenii. Printre altele am prezentat și o serie de exemple de comenzi principale pentru realizarea unei pagini web.

De asemenea am evidențiat și rolul de design al HTML-ului prin comenzile de formatari de text, de creare de legături, de inserare imagini , fond grafic și fond sonor. Prin tipurile de site-uri am demonstrat importanța lor in diferite domenii ca ramura informațională, economică, comercială, publicitară si comunitară.

În cadrul capitolului doi am insistat asupra modalităților de afișare a datelor pe internet ce are loc prin intermediul web-siteurilor. Pentru asta am trecut la a prezenta câteva programe de creare a site-urilor și webdesign. Prin programul Dreamweaver se poate vedea exact cum funcționează limbajul HTML deoarece oferă o interfață ușor de utilizat și poate ascunde detaliile de implementare a paginilor HTML, făcând astfel posibilă crearea cu ușurință a acestora și de către utilizatorii neexperimentați. De asemenea și programele PHP și JavaScript sunt limbaje de programare folosite pentru producerea de pagini dinamice și introducerea unor funcționalități în paginile web.

Acest ultim capitol are rolul de a demonstra funcționalitatea limbajului HTML prin crearea site-ului “Cultura de soia” astfel eforturile dupa cum ați putut vedea nu pot fi considerate zadarnice. Paginile web sunt prezentate pe rând pentru a se vedea butoanele de legatura ce formeaza site-ul propriu zis.

Astfel sper că prin aceasta lucrare am reușit sa demonstrez posibilitațile oferite de limbajul HTML și importanța sa in bazele internetului și cel mai important lucru, cum poate fi utilizat în diferite domenii pentru a ne ușura viața.

BIBLIOGRAFIE

Bill McCarty, PHP4, Ed. Teora, 2003

E. Cofas, Baze de date și programarea calculatoarelor, Ed. All, 2011

Eugenia Lucia Stamate, Crearea și publicarea unui site web, Ed. Paralela 45, 2005

Elizabeth Castro, Limbajul HTML pentru World Wide Web, Ed. Corint, 2003

G.D.Mateescu, Bazele utilizării calculatoarelor, Ed. Donaris Info, 2004

Jim Keogh, Java script fără mistere, Ed. Rosetti International, 2005

Khristine Annwn Page, Macromedia Dreamweaver8, Ed. All, 2008

www.csid.ro

www.cursurigratuite.ro

www.garbo.ro

www.ipe.ro

www.isgmlug.org

www.lataifas.ro

www.libertatea.ro

www.php.punctsivirgula.ro

www.scribd.com

www.sfatulmedicului.ro

www.w3.org

www.wikipedia.org

www.furnizorprodusenaturiste.wordpress.com

Similar Posts