Proiectarea Unui Site Ghid de Conversatii Online

Cuprins

Capitolul 1: Introducere

Notiuni introductive(argument)

Descrierea temei

Obiective

Capitolul 2: Tehnologii de instrumente utilizate in dezvoltarea aplicatiei

2.1 Limbajul HTML

2.1.1 Structura unui document

2.2 Limbajul PHP si MySQL

2.2.1 PHP

2.2.2 Cerinte tehnice pentru rularea limbajului PHP pe un sistem Windows

2.2.3 SGBD si MySQL

2.2.4 Sisteme de baze de date

2.3 Limbajul CSS

2.3.1 Stiluri în CSS

2.4 Rolul unei pagini Web

2.5 Principii de web design

Capitolul 3: Proiectarea generala a unui ghid de conversatii electronic

3.1 Proiectarea unui ghid de conversatii

3.2.1 Pagini web

Capitolul 4: Proiectarea si programarea in PHP a ghidului

4.1 Structura bazei de date

4.2 Proiectarea intrarilor si iesirilor

4.3 Descrierea functiilor utilizate in aplicatie

Capitolul 5: Concluzi

Bibliografie

Aneze

Capitolul 1

Introducere

Notiuni introductive

Pentru lucrarea mea de licenta am vrut să fac un site și anume un ghid de conversații online. Din cîte vedem sit-urile sunt din ce în ce mai răspîndite, atunci cînd avem nevoie de o informație căutăm pe google sit-uri specializate în domeniul pe care ne intereseaza.

Descrierea temei

Așa cum am spus și mai sus am decis să fac un site numit ghid de conversatii online despre Coreea de Sud. În acest site o să vorbesc despre Corea de Sud și am sa ma accesez mai mult pe modul cum să înveți cît mai usor limba coreana.

O să încep cu o mică povestioara și anume cum am început să descopar aceasta tara minunata și cum am început sa învat limba coreana. Totul a început cînd eram în clasa a unsprazecea, atunci fiind pasionata de Japonia ascultam muzică și tot căutînd pe YouTube trupe japoneze am dat din întamplare peste o melodie într-o limba total necunoscuta de mine, asa că am început să caut să vad despre ce era vorba. Cautand informatii despre acea trupa am descoperit ca erau din Coreea de Sud, o țara total necunoscuta de mine atunci, așa că am început să caut mai multe informații despre aceasta țară și sa descopar “o alta lume ” care cu timpul sa ma îndragostesc de ea.

Cum am spus totul a fost o întamplare frumoasă pentru mine și din cauza acestui lucru viața mea s-a schimbat radical adică, am început sa ascult foarte mult kpop (muzica coreana), sa ma uit foarte mult la kdrame ( seriale coreene) la emisiuni si filme. Sincer din cauza acestui fenomen , pot să îl numesc așa am început să nu ma mai uit la televizor și să nu mai stiu ce se întîmplă în țara în care traiesc .

Chiar dacă toți prietenii mei , chiar si parinții, rîd de acest lucru pe mine mă face mai puternica și mai ambițioasă să invat cat mai repede limba coreana si chiar vreau ca într-o zi să ma mut acolo.

Aceasta a fost povestirea mea despre cum am descoperit Coreea de Sud si cum am început să învat Hangul ( pentru cei care nu știu asa se numeste limba coreana).

1.3 Obiective

Acest site are ca scop atingerea a trei obiective si anume:

Primul obiectiv și cel principal este de a învața hangul prin metode mai simple;

Al doilea obiectiv este de a promova Coreea de Sud prin atractiile ei cele mai importante ;

Primul obiectiv

Atunci când studiem o limbă străină, probabil că una dintre cele mai mari preocupări ale noastre este pronunția. Fiecare dintre noi vrem să pronunțăm cât mai corect cuvintele și cu un accent cât mai apropiat de cel al unui vorbitor nativ.

La fel ca majoritatea limbilor, și limba coreeană are câteva iregularități pe care le veți întâlni pe tot parcursul timpului în care o veți studia. Poate la prima vedere, acestea vi se vor părea dificile, însă cu timpul vă veți familiariza cu ele.

Ca o mică paranteză , aș vrea să vă precizez că literele alfabetului coreean se numesc jamo (자모; 字母) sau natsori (낱소리). Următoarele litere și “grupuri de litere” se găsesc în scrierea modernă.

Orice silabă în 한글 trebuie să înceapă cu o consoană. Când silaba începe cu o vocală în pronunție, trebuie adăugat înaintea vocalei consoana mută ᄋ. (Ex: 안녕)

Al doilea obiectiv

Cum vara a venit, mulți oameni doresc să profite de timpul liber și să meargă în locuri interesante. Un astfel de loc este Parcul Național Byeonsanbando, singurul parc din Coreea de Sud care are atât munte cât și mare.

   Orașul Yeosu din Jeollanam-do este cunoscut pentru apa minunată și curată din jurul său, dar și pentru insulele ce îl înconjoară. Numele orașului vine de la două cuvinte: yeo, ce înseamnă frumusețe și su, care înseamnă apă. Dincolo de orașul propiu-zis se află 365 de insule răspândite de-a lungul a 880 de km de coastă a provinciei Jeollanam-do. Având un minunat port, Yeosu este una dintre destinațiile cele mai apreciate de vacanță din Coreea. Peisajele care îți taie respirația date de marea curată, parcă pictată, au devenit centrul atenției internaționale în 2012, când orașul a fost gazdă a Expo 2012 Yeosu.

Dune gigantice de nisip pot fi văzute în jurul lumii, de la deșertul Sahara din nordul Africii până la deșertul Arabiei în sud-vestul Asiei  și Deșertul Australiei de Vest. Și în Peninsula Coreeană, de asemenea, este posibil să vezi dune de nisip de-a lungul coastei. 

     Eongtto este o cascadă din Sogwipo, Jeju. Are o înălțime de 50 m și este înconjurată de roci cu o formă unică, specifice insulei Jeju.

Capitolul 2

Tehnologii de instrumente utilizate în dezvoltarea aplicației

Pentru dezvoltarea aplicației am folosit urmatoarele instrumente: Limbajul HTML, PHP, MySQL și CSS. Aceste instrumente sunt cele mai folosite în momentul actual pentru a crea un site.

Pentru aplicația mea am folosit cel mai mult limbajul HTML și CSS pentru ca aplicația să arate asa cum este în momentul actual.

Pentru a putea crea o baza de date și a o folosi în aplicație am folosit limbajele PHP și MySQL.

2.1 Limbajul HTML

Rădacinile HTML (HyperText Markup Language) merg pînă în anii `80 și debutul anilor `90. În anul 1989, Tim Berners-Lee, membru CERN( Centrul European de Cercetare Nucleară cu sediul la Geneva, Elveția), a inventat un limbaj capabil de a structura datele și de a crea legaturi hypertext permițînd schimbul de documente pe Internet. În acest mod, cercetătorii de la CERN aveau la dispoziție un instrument simplu pentrun a schimba datele rezultate din rapoartele de cercetare.

Pentru descrierea legaturilor ce apar in cadrul aceluisi document, între documente diferite trebuie utilizat in www (World Wide Web) cu limbajul HTML (HyperText Markup Language). HTML nu este un limbaj de programare, ci un limbaj de descriere, continând elemente ce permit construirea paginilor Web.[11]

Limbajul HTML este provenit din S.G.M.L. (Standard Generalized Markup Language – limbaj standard generalizat de marcare) accesibil, fiind destinat numai paginilor web, având caracteristici specifice limbajelor descriptive:

Documentele HTML pot fi vizualizate cu diferite browser-e și sunt independente de platforma de lucru;

Documentul HTML poate fi vizualizat cu un browser diferit independente de platforma de lucru;

Pentru descrierea documentelor web in html sunt utilizate tag-uri (etichete sau marcaje) pentru fiecare element în parte, structura documentului și a aspectului fiind stabilite de tag-uri.

Unele elemente admit atribute ce conțin informații suplimentare despre conținutul elementelor. Atributele se precizează în cadrul tag-ului de început, acestea se separa prin spații și se precizează sub urmatoarea forma: atribut=valoare. [11]

2.1.1 Structura unui document HTML

Un document HTML este delimitat de perechea de etichete <HTML>(pentru deschidere) și </HTML> (pentru închidre). Acesta este constituit din:

1. Antetul documentului este delimitat de tag-urile <HEAD> și </HEAD>, acestea conținînd informații generale despre document cum ar fi:

titlul documentului – va fi afișat în bara de titlu a ferestrei browser-ului și este delimitat de tag-urile <TITLE> și </TITLE>;

Ex: <title>Ghid de conversatii online</title>

pentru infor mații suplimentare se utilizează eticheta <META> care admite atributele:

NAME – conține un șir de caractere ce reprezintă numele proprietății cum ar fi “ Author ”, “ Keywords ”, “ Description ” ;

Ex: <meta name="keywords" content="" />

CONTENT – conține valoarea asociată proprietății respective (între “ gilimele “);

Ex: <meta http-equiv="content-type" content="text/html; charset=utf-8" />

– < LINK > – pentru adugarea unui css extern.

Ex: <link href="style.css" rel="stylesheet" type="text/css" />

2. Corpul documentului este delimitat de tag-urile <BODY> și </BODY>, si conține textul propriu-zis al documentului cu elementele de formatare ale acestuia.

Elementul BODY admite următoarele atribute:

BACKGROUND=URL – este un șir de caractere ce reprezintă adresa web a unei imagini care va fi utilizată de browser ca fundal (background) pentru document;

BGCOLOR= (culoare) – stabilește culoarea fundalului documentului (BackGround Color);

ALINK= color – stabileste culoarea unui link în document;

TEXT= color – stabileste culoarea unui text.

În HTML culorile pot fi specificate în două moduri:

utilizând denumirile predefinite, cele mai uzuale sunt: red, maroon, yellow, green, lime, teal, olive, aqua, blue, navy, purple, fuchsia, black (este culoarea implicita), gray, silver, white;

utilizând codul culorii ( # rrggbb ) dat în formatul hexazecimal RGB:

rr reprezintă roșu (de la 00 la FF);

gg reprezintă verde (de la 00 la FF);

bb reprezintă albastru (de la 00 la FF); aceste valori reprezentând contribuția fiecărei culori de bază la culoarea creată.

LINK=culoare – stabilește culoarea cu care vor fi marcate în text link-urile nevizitate.

VLINK=culoare – stabilește culoarea cu care vor fi marcate în text link-urile vizitate.

LANG=cod-limba – lang specifică limba în care este redactat documentul cum ar fi: en, fr, el, ro etc.

DIR=LTR │ RTL – specifică direcția de scriere a textului:

LTR – de la stânga la dreapta (Left To Right);

RTL – de la dreapta la stânga (Right to Left).

Comentariile HTML – sunt texte pe care browser-ul nu le va afișa. Acestea încep cu <! și se termină cu ->.[11]

Tag-uri folosite pentru crearea aplicației:

Pentru texte am folosit urmatoarele tag-uri:

<h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5> si <h6> </h6> – Folosit în general pentru titluri și sub-titluri în pagina web. Textul apare îngroșat și mare pentru "<h1>", descrescînd treptat pana la "<h6>".

Ex: <h1>

<a href="index.html">Ghid de conversatii online</a>

</h1>

<div> </div> – O sectiune în document, un cadru cu linie noua înainte și dupa el. Singur nu face nimic, de aceea este adesea folosit cu un "id" sau "class" pentru ca sa-i fie aplicate proprietațile din CSS.

Ex: Acest l-am folosit pentru a crea meniul principal al aplicatiei

<div id="nav">

<ul>

<li><a href="index.html">Acasa</a></li>

<li><a href="coreea.html">Coreea</a></li>

</ul>

<br class="clear" />

</div>

<p> </p> – Adăugarea unui paragraf

Ex: <p>

"Inteligenta nu se afla in raspuns, ci in felul cum pui intrebarea."

</p>

<br /> – Adauga o linie noua dupa el.

Ex: <br />Nume complet: Jang Dong Woo

<strong> </strong>  –  Afiseaza textul ingrosat (similar cu <b>).

Ex: <div><strong>Membrii</strong></div>

<i> </i> – Afiseaza textul inclinat. Se mai poate folosi și <em></em>

Ex: <i>Daehan-minguk</i>

<a> </a> – Creaza o legatura catre alta pagina web sau zona din pagina curenta (link intern).

Ex: <a href="http://www.youtube.com/watch?v=zdZya6yATn0&amp;feature=relmfu"><em>I Don’t Care</em></a>

Pentru liste am folosit urmatoarele tag-uri:

<ul> </ul> – Tag utilizat pentru afisarea unei liste neordonate numeric, ci cu simboluri gen: disc, cerc, patrat.

Ex: <ul>

<li><a href="index.html">Acasa</a></li>

<li><a href="coreea.html">Coreea</a></li>

<li><a href="coreana.html">Limba coreana</a></li>

<li><a href="div.html">Divertisment</a></li>

</ul>

<li> </li> – Defineste un element in liste <ol> sau <ul>, fiind adaugat in cadrul acestora.

Ex: <li><a href="index.html">Acasa</a></li>

Pentru tabele am folosit urmatoarele tag-uri:

<table> </table> – Defineste un tabel in care pot fi adaugate randuri, coloane, titluri, celule de tabel.

Ex: <table align="left" border="1" cellpadding="0" cellspacing="0" style="width:630px;" width="630">

<tbody>

<tr>

<td style="width:73px;height:10px;"><p align="center"><span style="font-size:12px;"<strong>Verb</strong></span></p></td>

</table>

<tbody> </tbody> – Defineste corpul tabelului, unde se pot include linii si coloane.

Ex: <tbody>

<tr>

<td style="width:73px;height:10px;"><p align="center"><span style="font-size:12px;"<strong>Verb</strong></span></p></td>

</tbody>

<tr> </tr> – Creaza o linie noua in tabel, in care se includ coloane.

Ex: <tr>

<td style="width:73px;height:10px;"><p align="center"><span style="font-size:12px;"<strong>Verb</strong></span></p></td>

</tr>

<td> </td> – Se foloseste pt. a crea coloane si celule in randurile tabelului. Trebuie adaugat in cadrul tag-ului <tr>.

Ex: <td style="width:73px;height:10px;"><p align="center"><span style="font-size:12px;"<strong>Verb</strong></span></p> </td>

Pentru imagini am folosit urmatorul tag:

<img /> – Include o imagine in documentul XHTML.

Ex: <img class="left" src="images/romania_coreea_de_sud.jpg" width="180" height="160" alt="" />

2.2 Limbajul PHP si MySQL

2.2.1 PHP

PHP este una dintre cele mai interesante tehnologii existente in prezent.Deoarece inbina caracteristicile dintre cele mai complexe cu simplitate in utilizare, PHP a devenit rapid un instrument de frunte pentru dezvoltarea aplicatiilor in Web. Totusi spre deosebire de alte instrumente populare pentru dezvoltarea aplicatiilor web, cum este Perl, PHP este un limbaj de programare comod pentru incepatori, chiar si pentru cei nu au mai desfasurat activitati de programare in trecut.

PHP permite să furnizați un conținut web dinamic, adică un conținut web care se modifică automat de la o zi la alta sau chiar de la un minut la altul. Acesta poate obține accesul la fișiere, baze de bate și alte resurse inaccesibile programului JavaScript.

Limbajul PHP (Personal Home Page) este succesorul aplicației creeate de către programatorul danez Rasmus Lerdof în 1994, cu intenția principală de a contoriza numărul de vizitatori ai CV-ului său online. După dezvoltări successive care au inclus elemente de interfață cu bazele de date și instrumente care permiteau crearea unor aplicații simple dinamice, evoluția PHP este puternic influențată de Zeev Surasky și Andi Gutmans, fondatorii companiei Zend Technologies, Israel. Plecând de la rezultatele obținute de Rasmus Lerdof, aceștia dezvoltă un limbaj de programare web numit tot PHP, dar având de data aceasta înțelesul dat de definiția recursivă PHP: Hypertext Preprocesor. [3]

PHP (Personal Home Page) este un limbaj de programare destinat în primul rând Internetului, aducând dinamică unei pagini web care să poată interacționa cu utilizatorul putînd fi încorporat direct în cod HTML.

Este unul dintre cele mai necesare limbaje de programare web open-source (este gratuit , în plus, utilizatorii pot lucra liber asupra procesului de dezvoltare) și server-side (codul sursă nu se rulează pe calculatorul celui care vizualizează pagina, ci pe serverul web).

Limbajul PHP (Personal Home Page) este succesorul aplicației creeate de către programatorul danez Rasmus Lerdof în 1994, cu intenția principală de a contoriza numărul de vizitatori ai CV-ului său online. După dezvoltări successive care au inclus elemente de interfață cu bazele de date și instrumente care permiteau crearea unor aplicații simple dinamice, evoluția PHP este puternic influențată de Zeev Surasky și Andi Gutmans, fondatorii companiei Zend Technologies, Israel. Plecând de la rezultatele obținute de Rasmus Lerdof, aceștia dezvoltă un limbaj de programare web numit tot PHP, dar având de data aceasta înțelesul dat de definiția recursivă PHP: Hypertext Preprocesor.

În momentul actual este utilizată versiunea 6 a acestui limbaj. Prin CGI (Common Gateway Interface) se înțelege o asociere a unui server web, care extinde funcționalitățile acestuia. CGI nu se referă la un anumit limbaj de programare, și definește un modul standardizat, prezent în cadrul unui server HTTP. Prin intermediul acestui modul se stabilesc anumite regulile prin care server-ul va trimite datele primite de la un utilizator către o aplicație scrisă într-un anumit limbaj de programare, pentru ca apoi să se întoarcă rezultatele acestei aplicații înapoi la utilizator. În marea majoritate a cazurilor limbajul PHP, se folosește sub formă de secvențe de cod inserate în cadrul unui document HTML.

Structura unui script PHP este asemănătoare cu cea a unui cod scris în limbajul C, mai ales în sensul în care sistemul de programare au aceeași sintaxă și aceeași funcționalitate. Atributiile de mare importanta ale unui script PHP constau în faptul că fisierul script pote prelua date trimise de către o pagină web de la un client (în general, datele pot fi trimise de către o pagină web prin intermediul formularelor) și de a efectua o secvență de program în urma căreia va rezulta un cod HTML, cod pe care clientul îl va primi sub forma unei pagini web. Clientul nu va avea acces la codul script-ului, prin faptul că acesta se află pe server și se rulează tot pe acesta, acesta va primi direct HTML-ul generat de script.

2.2.2 Cerințe tehnice pentru rularea limbajului PHP pe un sistem Windows

PHP nu este un limbaj de programare de sine-stătător cum ar fi C++, ci se folosește împreună cu HTML pentru a rula, acesta are nevoie neapărată și de un server web (http server).

Pentru a crea scripturi PHP, majoritatea programatorilor PHP folosesc un editor de texte obișnuit. Putem folosi orice editor de text dorim, putem folosi WordPad sau chiar un procesor de texte, precum Microsoft Wodr.

Pentru a face pe calculatorul nostru să poată rula fișiere php, avem nevoie să instalăm, pe lângă limbajul PHP, și un server de web, și de a face legătura dintre cele două. Acest lucru se poate realiza și separat, însă sunt necesare o serie de setări foarte migăloase și greoaie. Pentru a crea aplicația mea am instalat Notepat++ un editor de text gratuit pentru Windows , este gratuit si usor de folosit. Pe langa acesta am instalat si Wampserver pentru baze de date.

2.2.3 SGBD si MySQL

Prin Baze de Date (BD) se înțelege un ansamblu de date structurate operationale înrudite, care descriu un anumit sistem din punct de vedere al funcționalitații si evolutiei sale și în care sunt memorate. Datele pot fi examinate prin intermediul unui sistem de gestiune a bazelor de date, care extrag raspunsurile pentru întrebările (interogările) pe care un utilizator sau un program i le adreseaza prin intermediul unui limbaj specific.[8]

Pentru ca baza de date sa fie folosită, datele trebuie să fie precise, complete și organizate în așa fel încît să poată fi regăsite la nevoie în formatul dorit.

Baza de date este constituita ca un ansamblu intercorelat de colecții de date, realizîndu-se reprezentările unei realități.

Datele – reprezinta orice mesaj primit de receptor, sub o anumită formă.

Informațiile – cantitatea de noutate adusă de mesajul din exterior (realitate).

Un fișier – reprezintă un ansamblu de înregistrări fizice și omogene din punct de vedere al conținutului și prelucrării.

O înregistrare fizică – este unitatea de transfer dintre memoria internă și cea externă a calculatorului.

O înregistrare logică – este o unitatea de prelucrare din punct de vedere al programului utilizator.

O înregistrare este compusă din câmpuri (atribute) care descriu anumite aspecte ale realității. Câmpurile sunt înregistrări logice. [12]

O bază de date trebuie să asigure:

• abstractizarea datelor – baza de date trebuie să fie un model al realității;

• integrarea datelor – baza de date este un ansamblu de colecții de date intercorelate, cu o redundanță controlată;

• integritatea datelor – corectitudinea datelor încărcate și manipulate astfel încât să respecte restricțiile de integritate;

• securitatea datelor – limitează accesului la baza de date;

• partajarea datelor – datele sunt accesate de utilizatori în același timp;

• independența datelor – organizarea datelor trebuie să fie transparentă pentru utilizatori, modificările în baza de date să nu afecteze programele de aplicații. [12]

2.2.4 Sisteme de baze de date

Prin Sisteme de Gestiune a Bazelor de Date (SGBD) se întelege un sistem software complex, care permite administrarea unei baze de date. El controlează stocarea, managementul și regasirea datelor dintr-o bază de date. [8]

Sistemele de baze de date, este un sistem de organizare și prelucrare a informației, constituit din următoarele trei elemente:

• colecția de date trebuie să fie interdependentă;

• descrie datele și relațiile dintre ele;

• sistem de programe asigură exploatarea bazei de date (actualizare, interogare). [12]

Arhitectura sistemului de baze de date este format din următoarele componente:

• baza/bazele de date – reprezintă colecțiile de date propriu-zise;

• sistemul de gestiune a bazei/bazelor de date – reprezinta un ansamblul de programe care gestionează și prelucrarea complexă a datelor;

• alte componente – proceduri manuale sau automate, inclusiv reglementări administrative, destinate bunei funcționări a sistemului.

Arhitectura internă a unui sistem de baze de date conține trei niveluri funcționale. O caracteristică fundamentală a bazelor de date este aceea că produce câteva niveluri de abstractizare a datelor prin ascunderea detaliilor legate de stocarea acestora, utilizatorilor.

O structură de date asociată unei baze de date poate fi reprezentată pe trei niveluri, astfel:

• Nivelul intern – constituit din schema internă ce descrie structura de stocare fizică a datelor în baza de date. La acest nivel se descriu detaliile complete ale stocării și modul de acces la date;

• Nivelul conceptual – sau schema conceptuală, la nivel conceptual se face o descriere completă a bazei de date ascunzându-se detaliile legate de stocarea fizică și detaliind descrierea entităților, tipurilor de date, relațiile dintre ele și restricțiile asociate;

• Nivelul extern – sau nivelul vizual (utilizator), include o colecție de scheme externe ce descriu baze de date prin prisma diferiților utilizatori. [12]

2.3 Limbajul CSS

Utilizarea foilor de stiluri CSS (Cascading Style Sheets) este cel mai bun mod sigur și ușor de formatare a documentelor HTML.

CSS (Cascading Style Sheets), in romana avand denumirea foi de stil in cascada, reprezinta un limbaj de stilizare care permite formatarea elementelor unui document scris intrun limbaj de marcare (HTML, XML etc.). Voi prezenta utilitatea elementelor CSS in stilizarea tag-urilor HTML ce stau la baza dezvoltarii paginilor WEB.

Foile de stiluri constituie o etaba capitala catre separarea conținulului real ( text, imagine) de forma de prezentare a unui document. În afara de controlul ridicat privind vizualizarea documntelor de către vizitatorii dumneavoastră, file de stiluri permit și o gestiune mai ușoară a documentelor html atunci cînd acestea conțin elemente de formatare.

Foile de stiluri reduc de asemenea timpii de creare și de mentenanța a documentelor html. În loc de formata manual paragrafele de text, de exemplu, veți modifica simplu definitia silului într-un singur loc, foaia de stiluri, iarea este aplicata pentru toate paragrafele in documentul html.

Codul HTML se utilizeaza, de obicei, pentru plasarea continutului in pagina WEB, detaliile legate de afisare (culori, font-uri, fundaluri, margini, etc. ) fiind asigurate de elementele CSS.

CSS este conceput în primul rând pentru a oferi posibilitatea separarii documentului ca și conținut (scris în HTML sau un Markup Language similar) de documentul de prezentare (scris în CSS). Această separare îmbunătățeste accesibilitatea conținutului, ofera o mai mare flexibilitate și asigura un control mai simplu al modului de prezentare al elementelor HTML.

Aplicarea foilor de stil în cascadă asupra codului HTML se poate face în mai multe moduri:

– stiluri în linie;

– stiluri interne;

– stiluri externe;

– clase CSS. [10]

2.3.1 Stiluri în CSS

Stiluri in linie

Stilurile în linie se definesc chiar în codul HTML, în elementul care se doreste a fi stilizat. Pentru adaugarea unui stil intern la un element se foloseste atributul style urmat de proprietati si valori, folosind urmatoarea sintaxa:

<element style="proprietate:valoare; proprietate:valoare;"></element> [10]

Stiluri interne

Stilurile interne se definesc in sectiunea a documentului HTML, cu ajutorul urmatoarei sintaxe <style type="text/css"> … </style> . In cadrul acestui tag, se vor defini proprietatile si valorile pentru diverse stiluri.

Aceasta metoda este utila cand se doreste folosirea acelorasi stiluri pentru mai multe tag-uri HTML de acelasi tip din documentul HTML curent (tabele, liste, formulare etc.). Astfel, stilurile folosite pentru formatare sunt scrise o singura data in document, si nu la fiecare element ce se doreste a fi formatat.

Stilurile interne nu actioneaza decat asupra documentelor in care sunt definite, nu si asupra altor documente, astfel daca este necesara modificarea unor proprietati, trebuie actionat in fiecare document in parte.[10]

Stiluri externe

In cadrul acestei metode de lucru, proprietatile si valorile pentru diverse stiluri sunt specificate intr-un fisier extern care are extensia "css", pe care il putem construi cu orice editor de text (Notepad, Wordpad, Dreamweaver etc.). Fisierele css nu contin cod HTML, ci doar CSS.

Avantajul folosirii fisierelor externe css consta in faptul ca aceleasi stiluri pot fi folosite de mai multe pagini din site, chiar de tot site-ul, fiind scrise o singura data. De asemenea, orice modificare necesara asupra unui stil, va trebui operata intr-un singur loc. Pe de alta parte, stilurile externe ajuta la micsorarea ca marime a documentelor HTML, care astfel se incarca mai repede.

Pentru a referi un fisier extern CSS intr-un document HTML, se adauga in sectiunea <head></head> a documentului care va folosi acel fisier cu stiluri, urmatoarea comanda: <link href="fisier.css" rel="stylesheet" type="text/css"> , unde valoarea lui "href" reprezinta calea si numele fisierului css folosit.[10]

2.4 Rolul unei pagini Web

O pagină web personalizată poate reprezenta o cartea de vizită a unei companii, firme, instituții etc. Dacă reușești încă de la început să creezi un impact în mintea vizitatorilor și anume să-l determini să caute mai multe informatii despre acea companie, putem spune că acea pagină web a reușit una din cele mai importante funcții.

De ce e importantă personalizarea unei pagini web? Pentru a te putea face cunoscut în mediul online, a crea o imagine solidă în mintea vizitatorilor ce pot deveni ulterior ”clienți”. Rolul unei pagini de web sunt: de informare, de marketing și promovarea imaginii unei companii, firme, instituții etc.

Catalogarea unei pagini web față de altă pagină asemănătoare constă în cuvintele-cheie folosite. E important ca în pagina noastră să găsim cuvinte care credem că vizitatorul le caută, astfel încât să avem convingerea că pagina noastră va fi găsită cu ajutorul motorului de căutare.

Știm că prima impresie contează și de aceea e important ca totuși de la prima căutare și accesare a paginii web, clientul să reușească să rețină ce-l interesează și să revină asupra ei pe viitor, ba chiar să o recomande mai departe. Pentru asta, pagina trebuie să cuprinda cele mai importante informații într-un text scurt care poate fi însoțit și de o imagine sugestivă pentru că știm că imaginile fac cât o mie de cuvinte.

O pagină web este necesara întrucât stimulează și dezvoltă o afacere, este calea cea mai accesibilă de ofertare a noilor clienți. Ea va crește încrederea, potențialul și vizibilitatea companiei. Este un spațiu nelimitat de comunicare cu vizitatorii sau clienții.

Trebuie să fie vizibilă și ușor de găsit. Atunci când realizăm o pagină web vom ține cont de precizia informațiilor transmise, claritatea textului și a fotografiilor astfel încât clientul să găsească cu ușurință ceea ce caută. Dacă informația cuprinsă în această pagină web este potrivită, cu siguranță vizitatorul se întoarce asupra ei.

Pagina web acționează ca un liant între deținătorul ei și utilizator. Ea are rolul de a informa utilzatorul despre serviciile/produsele oferite.

O pagină web conține: domeniul de activitate al companiei, datele de contact, meritele companiei, portofoliul acesteia.

Pagina web trebui actualizată tot timpul ca numărul accesărilor să fie din ce în ce mai mare.

2.5 Principii de web design

În general, fiecare web site trebuie să fie unic, să aibă elemente distinctive la nivel de design, conținut sau chiar prin funcționalitățile oferite utilizatorilor. Designerul are datoria de a realiza o interfață unică prin culorile, fonturi și layout-ul folosit. Un site bine realizat la nivel vizual are o interfață adecvată cu conținutul prezentat, cu specificul acestuia și este concepută astfel încât să transmită mesajul dorit de producător sau client. Mai mult decât atât, o interfață trebuie să fie accesibilă și dinamică pentru a facilita schimbările ulterioare la nivel de conținut și funcționalități.

În realizarea unei interfețe de web site se pot observa câteva etape: planificare, efectuarea designului, colorarea acestuia, popularea cu conținut și în final, implementarea interfeței la nivel tehnic, utilizând HTML și CSS sau alte tehnologii web. [14]

Astfel, în aceste cazuri, o interfață trebuie să fie mai simplă, mai concisă, pentru a pune în valoare conținutul și a-l expune vizitatorului într-un mod plăcut. Însă, când este vorba de un site de prezentare de produs, bineînțeles, gradul de libertate la nivel vizual este mult mai mare, iar informațiile se află în plan secund.

Această etapă constă în definirea structurii vizuale, a layout-ului, unde se găsesc elementele funcționale din site în design, ce elemente de design decorativ sunt folosite și se stabilesc proporțiile între acestea, etc. După care, elementele sunt colorate. Culorile sunt esențiale pentru a transmite un mesaj artistic utilizatorilor siteului. Adesea se folosesc diferite efecte vizuale în design pentru înfrumusețare, cum ar fi degradeuri, reflexii și umbre. Prin urmarea a câtorva principii de design, o interfață poate fi mai profesională: alinierea elementelor, spații generoase între ele, contrast între texte și elementele vizuale, etc.

După ce designul este complet realizat, se populează cu conținut textual, pentru a se exemplifica cum va arăta la final site-ul: meniuri, articole, link-uri, etc. Dimensiunile textelor, fonturile utilizate și alinierea trebuie să subscrie unor cunoștințe de tipografie măcar minimale. Cunoașterea câtorva lucruri de bază din domeniul tipografiei ajută la augmentarea considerabilă a calității interfeței unui web site. Lizibilitatea și accesibilitatea informațiilor sunt direct influențate de aceste aspecte.[14]

Capitolul 3

Proiectarea generala a unui ghid de conversatii electronic

În acest capitol voi prezenta aplicatia mea si anume tot ce cuprinde ea.

Mai întai voi prezenta partea cea mai importanta din ghidul de conversatii si anume partea de conversati ( în site fiind partea de Limba coreeana , Fig 1), asa că voi lua pe rand și voi prezenta fiecare in parte ce face.

Fig 1

Curs pregatitor in acesta sectiunea am pus

Bibliografie

Bill McCarty, PHP4, Traducere de Mihai Mănăstireanu, Editura Teora.

Claudia Botez, Cătălin Mironescu, Doina Buzea, Baze de Date, Editura Politehnium Iasi, 2009.

Cristian Marinoiu, Programare în PHP, Editura Universității Petrol-Gaze din Ploiești, 2011.

Dorel Dușmănescu, daze de Date, Editura Universității din Ploiești, 2006.

Felicia Ionescu, Baze de Date Relationale și aplicații, Editura Tehnica, 2004.

Liviu Dumitrașcu, Crearea site-urilor Web, Editura Universității din Ploiești, 2006.

Liviu Dumitrașcu, (X)HTML, Editura Universității din Ploiești, 2003.

Monica Vlădoiu

Romică Trandafir, Mihai Nistorescu, Ion Mierluș-Mazilu, Bazele informaticii și limbaje de programare, București 2007.

http://www.aut.upt.ro/~andreea.robu/Lab1_PAI.pdf

http://asis.licee.edu.ro/elev/html.doc

http://civile.utcb.ro/cmat/cursrt/bd2.pdf

http://www.seap.usv.ro/~valeriul/lupu/html_php_mysql.pdf

http://www.uav.ro/files/finalizare/Licenta_Word_2011.pdf