Importanta Calculatorului Si a Internetului

Capitolul 1

Introducere

După cum știm toți în ziua de astăzi calculatorul este pretutindeni, indiferent de mărime sau forma, calculatorul poate fi: cel de pe birou, laptopul din geantă și mai nou telefonul care începe și devine din ce în ce mai performant. Datorită tehnologiei care evoluează pe zi ce trece, omul devine mai atent la viața virtuală. Majoritatea oamenilor își petrec foarte mult timp pe aceste device-uri în special pe internet. Ei își crează o viață virtuală pe rețelele de socializare. Aceste rețele de socializare sunt siteuri realizate de “web designeri”. Web design-ul este modalitatea prin care aceste siteuri sunt aduse la viață. În prezent web design-ul este un domeniu foarte bine recunoscut care oferă job-uri bine plătite. Pentru a realiza un site, este nevoie de multă muncă din partea designer-ului. Un site nu se poate realiza peste noapte, el poate să dureze uneori săptămâni chiar și luni. Pentru a realiza un site nu se presupune doar muncă efectuată de designer, este nevoie de planuri, priorități și verificări. Un site trebuie să mulțumească atât clientul cât și designer-ul.

Site-urile apartin de World Wide Web (WWW) si nu sunt constituite doar din rețele de socializare, din ce în ce mai multe firme apelează la web designeri pentru a-și realiza site-ul. Site-ul reprezintă modalitatea prin care aceste firme sunt prezențe și în domeniu virtual nu doar în cel real.

Pentru realizarea unui site este nevoie de cunoștințe din mai multe limbaje de programare cum ar fi: HTML, CSS, PHP, JavaScript, MySQL. La început un site poate fi doar o imagine care nu înseamnă mai nimic. Ulterior poate fi transofmat după preferințele web designerului într-un site de prezentare a unei companii, un magazin online etc.

Pentru ca utilizatorii să fie atrași de site-ul respectiv el trebuie să îndeplinească următoarele condiții: să fie prietenos, să fie unic, cât mai simplu cu putință și bine realizat.

Acesta este motivul pentru care eu am ales acesta temă. Mereu o să fie nevoie de web designeri atât timp cât tehnologia și internetul face parte din viața noastră de zi cu zi.

În această lucrare voi prezenta pe larg aspectele teoretice cât și practice precum și modul de implementare a acestei aplicații.

Capitolul 1-Introducerea, structura aplicației și domeniul din care face parte.

Capitolul 2- Notiuni teoretice despre internet si World Wide Web.

Capitolul 3-Prezentarea tuturor limbajelor folosite la crearea acestei aplicații (HTML, CSS, PHP, Mysql )

Capitolul 4-Prezentarea aplicatiei.

Capitolul 2

Notiuni Teoretice

2.1 Internetul

Termenul internet provine din împreunarea artificială și parțială a două cuvinte englezești: interconnected = interconectat și network = rețea.

Precursorul Internetului datează din 1965, când Agenția pentru Proiecte de Cercetare Înaintate de Apărare – a Ministerului Apărării, Department of Defense sau DoD din SUA (Defence Advanced Research Projects Agency, en:DARPA) a creat prima rețea de computere interconectate sub numele ARPAnet.

Super-rețeaua Internet din zilele noastre, care de mult a împânzit întreg globul pământesc, a rezultat din extinderea permanentă a acestei rețele inițiale Arpanet. Azi pe glob există un singur Internet, care însă este uriaș; el oferă utilizatorilor săi o multitudine de informații și servicii precum e-mail, www, FTP, Găzduire web (web hosting) și multe altele, unele dintre ele fiind numai contra cost.

Potrivit unui comunicat de presă al fundației ECDL în 2008 aproximativ 83 % din populația globală nu folosea Internetul.

Potrivit unui studiu întocmit de firma de cercetare on-line InternetWorldStats, în noiembrie 2007 rata de penetrare a Internetului în România a atins nivelul de 31,4 % din totalul populației, estimată la 22,27 milioane de locuitori, iar numărul de conexiuni broadband era de 1.769.300.

Între 2007 – 2011 numărul conexiunilor la Internet în gospodăriile românești a crescut de la 22 % la 47 %; cifrele corespunzătoare la nivelul Uniunii Europene au fost 54 % și 73 %.

Termenul „Internet” nu trebuie confundat cu serviciul internetic World Wide Web (www). Acesta este doar unul din multele servicii oferite pe Internet.

2.2 WWW sau World Wide Web

La 12 decembrie 1991 la Stanford Linear Accelerator Center (SLAC) a fost instalat un server web si primele pagini Web, care făceau legătura cu biblioteca centrului. Dar primul server web a fost realizat aproape cu un an înainte, la Centrul European pentru Cercetări Nucleare (CERN), la Geneva, în Elvetia, si s-a numit la început nxoc01.cern.ch, iar mai apoi info.cern.ch . Iar prima pagină web a continut chiar prezentarea proiectului si a fost accesibilă la: http://nxoc01.cern.ch/hypertext/www/TheProject.html

Termenul World Wide Web, abreviat WWW sau și www, numit scurt și web, de multe ori este confundat cu rețea. Acesta reprezinta totalitatea siturilor / documentelor și informaților de tip hipertext legate între ele, care pot fi accesabile prin rețeaua mondială de Internet (net = retea ). Documentele, care se afla în diferite locații pe diverse calculatoare server, pot fi regăsite cu ajutorul unui identificator numit URL. Hipertextul inclusiv imagini etc. este afișat cu un ajutorul unui program de navigare în web numit browser, care descarcă paginile web de pe un server web și le afișează pe un terminal „client” la utilizator.

WWW este numai unul din numeroasele servicii și aplicații informatice disponibile în Internet. Alte servicii sunt de exemplu: afișarea de informații cu formă de text, imagini și sunete, poșta electronică de tip e-mail, transferul de fișiere de date și informații FTP, chat, aplicații video și video on demand, servicii telefonie și telefonie cu imagine prin Internet de tip VoIP, posturi de radio și televiziune prin Internet, sondări de opinie, răspândirea știrilor prin metode RSS, toate genurile de grafică și muzică, lucrul pe un calculator de la distanță prin Internet, grupuri de discuții pe diverse teme, sisteme de jocuri interactive, distribuție de software ș.a.

Browserele pot nu numai să afișeze pagini web, ci oferă și interfețe către celelalte servicii Internet, având un efect integrator (pentru toate serviciile este suficient doar un singur browser). De aceea granițele dintre serviciul WWW și celelalte servicii din Internet nu sunt întotdeauna clare.

Webul a fost inventat în 1989 la Centrul European de Cercetări Nucleare (CERN) din Geneva, Elveția. Propunerea inițială de creare a unei colecții de documente având legături între ele a fost făcută în martie 1989. Aceasta propunerea a apărut în urma problemelor de comunicare pe care le aveau echipele de cercetători ce foloseau centrul, chiar și prin folosirea poștei electronice.

Prototipul acestei colecții (prima data in format de text simplu) a apărut nu cu mult înainte de decembrie 1991, când s-a făcut prima lui demonstrație publică. Studiul a fost continuat prin apariția primei aplicații grafice Mosaic, în februarie 1993.

Functionare

La baza funcționării webului stau 3 standarde, și anume:

(HTTP) – Hypertext Transfer Protocol, stiva de protocoale OSI prin care serverul web și browserul clientului (utilizatorului) comunică între ele;

(HTML) – Hypertext Markup Language, standard de definire și prezentare a paginilor web.

(URI) – Uniform Resource Identifier, sistem universal de identificare a resurselor din web, folosit pentru a identifica și regăsi paginile web;

World Wide Web Consortium (cunoscut și sub denumirea de W3C), care astăzi este condus de Berners-Lee, dezvoltă standardele HTML și CSS; alte standarde provin de la Internet Engineering Task Force (IETF), ECMA sau producători ca Sun Microsystems.

Programul de navigare (browserul) cheamă pagina folosindu-se de URI și HTTP, o interpretează conform formatării paginii (hipertext) și o prezintă utilizatorului pe un monitor. Unul dintre principiile webului este modelul client-server, browserul fiind aplicația client, iar serverul HTTP (serverul web) fiind aplicația server. Pentru a putea interpreta și reda informațiile sub forma hipertextului, browserul apelează la standardul de limbaj HTML, definit încă de la începtul dezvoltării webului.

În perioada 2004-2005 webul a cunoscut un salt calitativ cu privință la aplicațiile de mare răspândire pe glob, care e cunoscut sub numele simbolic Web 2.0.

Capitolul 3

3.1 HTML

3.1.1 Notiuni generale

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML contin elemente (etichete) si au extensia .html sau .htm.

Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu un editor specializat, de exemplu Crimson Editor, care va indica si numarul liniilor, lucru util la depanarea codului HTML.

Verificati ca nu aveti extensiile ascunse (My Computer -> Tools -> Folder Options -> View -> debifati Hide extensions for known file types). Pentru a putea crea fisiere html dati clic dreapta New -> Text Document, apoi il redenumiti index.html.

Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care marcheaza inceputul si sfarsitul unui element. Tag-ul pentru inceput este < iar pentru sfarsit este >.

In marea lor majoritate elementele sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. Browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).

Toate paginile HTML incep si se termina cu etichetele <html> si </html>.
In interiorul acestor etichete gasim perechile <head>, </head> si <body>, </body>.

head contine titlul paginii intre etichetele <title> si </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere externe (de exemplu scripturi, fisiere de tip CSS sau favicon).

Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:

Exemplu: link catre un fisier extern CSS:

body gazduieste practic toate etichetele afisate de browser pe ecran.

Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina:

Comentariul in HTML, care bineinteles nu va fi afisat de browser, poate fi introdus astfel:

3.1.2 Formatarea Textului

In HTML trecerea la un rand nou se face doar prin introducerea etichetei <br> iar pentru paragraf nou cu eticheta <p>.

Exemplu:

HTML Afisare

3.1.3 Legaturi
Legatura (link-ul) este o eticheta foarte importanta in HTML deoarece confera utilizatorului posibilitatea navigarii de la o pagina la alta. Deobicei link-ul este subliniat iar atunci cand suntem deasupra lui cursorul isi schimba forma.

Link-ul este definit cu etichetele <a> si </a> si are atributele:
href – adresa fisierului destinatie
target – in ce fereastra se va deschide fisierul destinatie
title – mica descriere asociata legaturii afisata in momentul in care mouse-ul se afla deasupra legaturii

Adresa fisierului destinatie poate fi exprimata astfel:
nume fisier, daca se afla in acelasi folder cu pagina curenta

folder/nume fisier,daca se afla in alt folder

adresa URL, fiind adresa completa a paginii

Atributul target poate lua valorile:
_blank pagina va fi incarcata intr-o noua fereastra
_parent pagina va fi incarcata in fereastra parinte
_top pagina va fi incarcata in fereastra top a cadrului
_self pagina va fi incarcata in aceeasi fereastra

Exemplu: link catre pagina www.google.ro

Exemplu: link catre pagina www.google.ro incarcata intr-o noua fereastra

Putem insera un link catre o adresa de e-mail putand asocia si un subiect prestabilit

Culoarea linkurilor
Poate fi modificata introducand in eticheta body urmatoarele atribute:
LINK legatura nevisitata (default albatru)
VLINK legatura visitata (default rosu)
ALINK legatura activa (nu prea se foloseste – default portocaliu)

Exemplu:

Ancore
Se pot adauga puncte de reper (ancore) pentru o deplasare mai usoara in cazul unor pagini HTML lungi sau catre un loc anume aflat intr-o alta pagina.
Ancora se defineste tot intre etichetele <a> si </a> dar cu atributul name. Pentru a face trimitere catre ancora se introduce un link cu atributul href avand ca valoare denumirea ancorei.

Exemplu:

3.1.4 Imagini

Folosind imagini pagina capata un plus de atractivitate dar puteti plati pretul unei incarcari greoaie daca dimensiunile imaginii sunt mari.

Cateva din formatele de imagini utilizate in paginile web sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP (*.bmp), PNG (*.png).

Formatul GIF (8 biti) contine maximum 256 culori, fiind recomandat pentru grafica (butoane, icon-uri, etc.). Imaginile gif pot fi animate. Puteti crea gif-uri animate folosind Adobe Image Ready.

Formatul JPG sau JPEG contine milioane de culori si este folosit pentru fotografii. Formatul JPG foloseste un algotitm complex de comprimare. Daca salvati imaginea JPG cu compresie mica, veti obtine o calitate foarte buna dar dimensiunea fiserului va fi foarte mare. Cu compresie mare imaginea va avea o calitate proasta dar fisierul va fi foarte mic. Un raport optim intre calitatea imaginii si dimensiunea fisierului veti obtine pentru o compresie 60%.

Formatul bmp este putin folosit datorita dimensiunilor mari.

Eticheta folosita pentru inserarea unei imagini in pagina este <img> si are urmatoarele atribute:
src = sursa, locul unde se afla imaginea
width = latimea imaginii
height = inaltimea imaginii
alt = numele care inlocuieste imaginea pana aceasta se incarca sau cand nu a fost gasita
border = chenar (0 = lipsa bordura)

Dimensiunea imaginii afisate de browser este stabilita de argumentele width si height care pot fi diferite de dimensiunile imaginii originale, caz in care imaginea va fi redimensionata automat de catre browser.

Exemplu: o imagine cu latime 100px, inaltime 75px, alt=poza si border=0 si inca o data cu border=1

Pentru a micsora timpul incarcarii complete a paginii exista programe care optimizeaza imaginile.Optimizarea consta in:
1. reducerea dimensiunii imaginii fara degradarea majora a calitatii
2. eliminarea informatiilor tip metadata asociate imaginii. Aceste date (EXIF/IPTC) sunt asociate automat de programele de grafica (de ex. Adobe Photoshop) sau de aparatele de fotografiat digitale. Pentru eliminarea acestor informatii puteti folosi aplicatia Exifer.

In Internet Explorer valoarea atributului alt este afisata in browser in momentul in care mouse-ul se afla deasupra imaginii. Pentru a obtine aceeasi afisare in Firefox in eticheta img se adauga atributul title avand acceasi valoare ca si alt.

Exemplu: acceasi imagine care contine atributele alt si title (verificati cu Internet Explorer si Firefox)

3.1.5 Tabele

Aceste etichete au o mare utilizare deoarece tabele constituie structura care sta la baza organizarii marii majoritati a paginilor web (inclusiv cea de fata).

Tabelul este format din linii si coloane impartind zona in celule. Fiecare celula pastreaza informatia care va fi afisata. Pentru o afisare corecta a tabelului fiecare rand va avea acelasi numar de celule. Daca dorim ca o celula sa fie goala vom introduce un spatiu gol (space) sau codul echivalent &nbsp;.

Pentru inserarea unui tabel este folosita perechea de etichete <table> si </table>, pentru un rand <tr> si </tr> iar pentru o celula <td> si </td>.

Tabele pot fi imbricate, adica in interior pot contine unul sau mai multe tabele.

Exemplu: tabel cu 2 coloane si 2 randuri, border 1, coloana 1 latime 80px, coloana 2 latime 160px, fiecare celula are o alta culoare de fond (bgcolor)

Atributele etichetei table sunt:
border = bordura (0 = lipsa bordura)
width = latimea tabelului
height = inaltimea tabelului
bgcolor = culoarea de fundal
background = imaginea de fundal (W3C invalid, folositi style)
cellspacing = distanta intre celule
cellpadding = distanta dintre marginea celulei si continut

Atributele etichetei td sunt:
align = aliniere pe orizontala a continutului (left=stanga, right=dreapta, center=centru)
valign = aliniere pe verticalala a continutului (top=sus, bottom=jos, middle=mijloc)
width = latimea celulei
height = inaltimea celulei
bgcolor = culoarea de fundal
background = imaginea de fundal (W3C invalid, folositi style)
colspan = uneste celula cu cea din dreapta ei
rowspan = uneste celula cu cea de sub ea

Exemplu: un tabel in care am folosit colspan pentru a uni celulele 1 si 2 din randul 2 si rowspan pentru a uni celula 1 din randul 3 cu celula 1 din randul 4

Daca dorim sa evidentiem continutul primului rand (capul de tabel) putem folosi perechea de etichete <th> si </th> in locul etichetelor <td> si </td>. Astfel continutul celulei va fi afisat ingrosat si aliniat pe mijloc.

Exemplu: un tabel cu 3 randuri si 2 coloane folosind pe primul rand etichetele <th> si </th>

Eticheta caption va adauga o linie text deasupra tabelului, centrata pe mijloc, deobicei folosita ca fiind un titlu al tabelului. caption se plaseaza obligatoriu imediat dupa tag-ul table dar inainte de prima eticheta tr.

Exemplu: un tabel cu 4 randuri si 2 coloane folosind eticheta caption

tr = Defines a row in a table
td = Defines a cell in a table
th = Defines a table header cell in a table

Exemplu: tabelului anterior ii adaugam o imagine de fundal folosind style in zona head

3.1.6 Formulare

Folosind formularele webdesignerul sau administratorul site-ului poate colecta diverse informatii de la vizitatori.

Cele mai importante atribute ale etichetei <form> sunt action si method.
action metioneaza adresa scriptului (aflat pe server) care va interpreta formularul. Aceste scripturi pot fi scrise in limbajele PHP sau Pearl.
method indica metoda folosita de browser pentru transmiterea formularului. Poate lua valorile get si post.
get – datele sunt trimise prin adaugarea la adresa indicata de action. Permite trimiterea unor mici cantitati de date.
 post – datele sunt trimise separat si sunt permise cantitati mari de date.

Exemplu: formular cu 2 campuri, buton Trimite si buton Sterge

Eticheta <input> poate avea atributele:
type – indica tipul datelor care vor fi introduse (text=text, submit=trimite, reset=sterge, password=parola, hidden=nu este vizibil, checkbox=caseta de validare, button=buton, radio=selectarea unui singur element dintr-un grup, file=fisier pentru upload, image=butonul va fi inlocuit cu o imagine)
name – numele asociat cimpului respectiv. Este folosit la prelucrarea datelor de catre scriptul mentionat in action
size – numarul de caractere vizibile din camp
maxlenght – numarul maxim de caractere introduse in camp
readonly – datele prezente in camp nu pot fi modificate

Exemplu: formular continand toate valorile atributului <input>

Constructia select introduce un meniu derulant (lista de selectie), valorile fiind declarate prin option.

In campul textarea se poate introduce text, avand atributele cols (numar de coloane) si rows (numar de randuri).

Daca doriti puteti particulariza butoanele din formular folosind atributul type=image in cadrul etichetei input si indicand fisierul imagine.

3.2 PHP

Este acronim pentru PHP: Hypertext Preprocessor (initial a fost acronimul de la Personal Home Page, 1994)

PHP esteun limbajde scripting server-side utilizat pentru crearea de pagini dinamice

Scripturile PHP sunt executate pe server.

PHP este un produs free, open source.

Scripturile php incluse în codul html sunt executate pe server. Asta are ca efect faptul ca daca încercati sa vizualizati codul sursa al unei pagini web dinamice o sa observati ca el contine doar tag-uri html, acestea fiind rezultatul obtinut în urma interpretarii codului php.

Cand accesam o pagina HTML serverul care o gazduieste trimite pagina HTML catre browser spre afisare. In cazul unei pagini PHP serverul citeste codul PHP, il interpreteaza si genereaza dinamic pagina HTML care este trimisa browserului spre afisare. Acesta este motivul pentru care utilizatorii folosesc PHP pentru construirea unor pagini cu continut dinamic.

Fisierele PHP au extensia php. Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu un editor specializat, de exemplu Crimson Editor, care va indica si numarul liniilor, lucru util la depanarea scripturilor. Verificati ca nu aveti extensiile ascunse (My Computer -> Tools -> Folder Options -> View -> debifati Hide extensions for known file types).

Pentru a crea un fisier php mai intai creati un fisier text, apoi ii redenumiti extensia din txt in php

Cand PHP-ul parcurge un fisier de fapt "citeste" textul pana cand intalneste una din etichetele speciale care-i spun sa inceapa sa interpreteze textul ca pe cod PHP. Se executata codul pana cand este intalnita eticheta de inchidere. Apoi se "citeste" din nou textul mai departe. Acesta este motivul pentru care in interiorul unui fisier PHP pot exista atat etichete HTML cat si cod PHP.

3.2.1 Sintaxa

Codul PHP este delimitat de unul din urmatoarele seturi de etichete de deschidere si inchidere:

Exemplu: cel mai simplu script PHP este:

Daca veti verifica functionarea acestui script pe un server veti vedea ca este afisat textul delimitat de ghilimele.
Functia echo este folosita pentru afisarea informatiilor delimitate de ghilimele. Nu uitati sa inchideti randul cu ;. Similar functiei echo este functia print.

In situatia in care scriptul nu este scris corect PHP-ul va afisa eroarea indicandu-va si locul unde aceasta apare. Erorile sunt afisate doar daca serverul este setat corespunzator (in php.ini este setat display_errors=On si error_reporting=E_ALL).

Exemplu: in interiorul scriptului puteti insera si etichete HTML

Exemplu: fisierul PHP poate contine intre etichetele <html> si </html> blocuri PHP delimitate de <?php ?>

In PHP sunt trei metode prin care se poate adauga un comentariu, evident neafisat in browser, cu scopul de a adauga informatii necesare programatorului.
Tot ce urmeaza dupa caracterele // sau # este considerat comentariu. De exemplu:

Utilizare:

Un comentariu format din mai multe linii este incadrat de /* si */. De exemplu:

Acest tip de comentariu poate fi folosit si pentru ignorarea unor blocuri PHP. In exemplul urmator browserul va afisa doar proba

3.2.2 Variabile

Variabila este un container de date care poarta un nume si i se poate atribui o valoare care poate fi modificata de mai multe ori sau salvata intr-o baza de date. Numele dat variabilei incepe cu simbolul $ urmat de orice litera mica (a-z) sau mare (A-Z) sau cu caracterul _ dar niciodata cu o cifra si nu poate contine spatii goale. De exemplu: $nume_variabila

Este recomandat ca numele variabilei sa fie cat mai sugestiv pentru a evita incurcaturile in timpul scrierii scriptului.

Exemplu: atribuim variabilei $program valoarea PHP si apoi o tiparim

Exemplu: in aceeasi constructie echo putem folosi text impreuna cu o variabila

Modificand valoarea variabilei se modifica ceea ce este afisat de browser.

Intr-un script puteti folosi mai multe variabile care pot fi adaugate in aceeasi constructie echo.

Exemplu:

3.2.3 Tipuri de date

Tipuri SCALARE:

Boolean

Integer

Float

String

Tipuri COMPUSE

Array

Object

Tipuri SPECIALE

Resource

NULL

Tipul BOOLEAN

Variabilele de acest tip pot avea doar 2 valori:

True

False

Aceste valori nu sunt CASE SENSITIVE (nu se face distincție între litere mari și mici)

Se poate converti o variabilă de orice tip la tipul Boolean. Valorile care în urma conversiei se transformă în FALSE sunt:

Nr întreg 0

Nr real 0.0

Șirul vid

Șirul “0”

Un vector fără nici un element

Un obiect fără nici o variabilă membru

O variabilă de tipul NULL

O variabilă nedefinită

Orice altă valoare se convertește în TRUE.

Tipul INTEGER

O valoare din mulțimea numerelor întregi

În PHP nu există nici un operator pentru efectuarea de împărțiri întregi. (ex: 3/2 nu va fi 1, ci nr real 1.5)

Conversii de la tipul întreg la alte tipuri:

Valoarea logică TRUE devine 1

Valoarea logică FALSE devine 0

Un nr real se convertește prin rotunjire înspre 0 (2.5 devine 2, -2.5 devine -2)

Sirul de caractere se convertește luând în considerare doar primele caractere care conțin informații numerice (“10 ani” va fi convertit la val 10). Dacă primele caractere nu conțin valori numerice, atunci rezultatul va fi 0.

Acest tip se poate folosi de exemplu pt verificarea logării într-o pagină de administrare.

Tipul FLOAT

O astfel de variabilă poate fi specificată fie prin forma zecimală, fie prin cea științifică (cu exponent)

Tipul STRING

Este un șir de caractere

Poate fi specificat în 2 moduri:

Folosind ghilimele simple ‘’

Folosing ghilimele duble “”

Pentru a afișa ghilimele ‘’ în cadrul unui șir cuprins între astfel de ghilimele, ele trebuie precedate de \. La fel se procedează și în cazul ghilimelelor duble.

Pentru a introduce într-un șir caracterul \, el trebuie scris de 2 ori \\.

În cazul folosirii ghilimelelor duble putem utiliza mai multe caractere speciale, și anume: “\r” –sfârșit de linie, “\n” – rând nou, “\t” – tab orizontal, “\$” –semnul dolar, “\”” – ghilimele duble.

3.2.3 Operatori

Operatorii sunt de mai multe feluri si se cunosc deja de la JavaScript sau din C++.

3.2.3.1Operatori aritmetici:

3.2.3.2Operatori de atribuire:

3.2.3.3 Operatori de comparare:

3.2.3.4 Operatori logici:

3.2.4 Structuri de control

Alternative

IF

Else

Elseif

Switch

Repetitive

While

For

3.2.4.1 Alternative

IF

Determină execuția condiționată a unor linii de cod

If (condiție)

ELSE

Extinde construcția IF, permițând execuția unor linii de cod în cazul în care condiția lui IF nu este îndeplinită.

If (condiție)

ELSEIF

După cum sugerează și numele, este o combinație între IF și ELSE. Extinde construcția IF. În cazul în care nu este satisfăcută condiția lui IF, ELSEIF determină testarea unei noi condiții, iar în cazul în care este îndeplinită, se va executa codul atașat lui ELSEIF.

SWITCH

Asemănătoare cu folosirea unei serii de mai multe IF-uri

Permite compararea valorii returnate după evaluarea condiției cu mai multe valori, și execuția unor linii de cod ce corespund acestora.

Switch(conditie)

3.2.4.2 Repetitive

WHILE

Este cel mai simplu tip de buclă în PHP. Bucata de cod se va repeta atâta timp cât condiția este adevărată.

While (condiție)

FOR

Structură repetitivă

Este o alternativă cu o funcționalitate mai ridicată pentru utilizarea buclelor

for(expresie1;condiție;expresie2)

Expresie1 – este evaluată o singură dată – la începerea execuției ciclului

Condiție – este testată înaintea fiecărei repetări a buclei

Expresie2 – executată la sfârșitul fiecărei repetări

Setul de instrucțiuni se execută la fiecare repetare a buclei

Oricare dintre cele 3 expresii poate lipsi. În acest caz se presupune ca ea are valoarea true.

3.3 JavaScript

JavaScript este un limbaj de scripting dezvoltat la origine de Netscape, permitand scrierea de secvente de program care se executa la aparitia unui eveniment utilizator. Vom prezenta in continuare fundamentele JavaScript si, mult mai important, modalitati de valorificare si integrare in propriile pagini web a tehnologiei JavaScript.

JavaScript nu este Java!

Trebuie sa facem distinctie intre limbajul de programare Java si limbajul de scripting JavaScript. Spre deosebire de JavaScript, Java este un limbaj de progrmare considerat "de nivel inalt" (foarte aproapiat de gandirea utilizatorului si nu de arhitectura calculatorului) care permite scrierea de aplicatii de aproape orice tip si grad de complexitate. Consideram ca pentru moment nu trebuie sa enumeram diferentele, trebuie doar sa retinem faptul ca JavaScript nu este Java. Pentru mai multe informatii privind limbajele Java si JavaScript va recomandam lucrarea "Java, JavaScript – Profesional" oferita de site-ul nostru in cadrul pachetului de carti electronice generic intitulat "Internetul pentru Afaceri".

Rularea programelor JavaScript

De ce avem nevoie pentru a rula scripturi concepute in limbajul JavaScript? Avem in primul rand nevoie de un browser care suporta JavaScript – de exemplu Netscape Navigator (incepand cu versiunea 2.0) sau Microsoft Internet Explorer (Ms. I.E. – incepand cu versiunea 3.0). De vreme ce aceste browsere sunt extrem de raspandite, multi utilizatori (peste 90%) au posibilitatea de a rula fara probleme programele JavaScript. Pentru a utiliza in paginile proprii evenimente tratabile prin JavaScript avem bineinteles nevoie si de cunosterea – cel putin la nivel mediu – atat a limbajului HTML, cat si a limbajului de scripting JavaScript.

Joomla

Joomla! este cel mai puternic editor de pagini web, din gama softurilor profesionale gratuite, open source. Joomla este stabil, rapid, puternic usor de utilizat, genereaza un cod html curat, concis, are capabilitati extinse referitor la bazele de date si, cel mai important, este gratuit.

Nu necesita nici un fel de cunostinte referitoare la html, php, etc.

Veti crea o pagina web care contine multiple subpagini, meniu de navigare, formulare de sondaj / poll, login, suppagini destinate numai utilizatorilor inregistrati, feedback, RSS Feed, "breadcrumps menu" pentru orientarea in navigare, latest news – pentru afisara ultimelor articole adaugate.

Veti realiza si monitorizarea utilizatorilor online, setarea drepturilor de acces pentru diferite categorii de utilizatori / administratori, precum si alte module de inalta functionalitate.

Utilizând Joomla! pentru realizarea unui site, fără a avea cunoștințe tehnice, veți decoperi cât de ușor veți putea gestiona conținutul încărcat pe site, cât de ușor dețineți controlul asupra textelor, imaginilor, fișierelor video, audio etc. care sunt incărcăte pe site sau ușurința cu care veți putea încărca noi materiale pe site. Joomla dispune de un panou de administrare foarte prietenos care vă oferă posibilitatea de a crea pagini noi, categorii de pagini, pagini statice descriptive cum ar fi descrierea serviciilor sau a produselor, imagini, video, audio, bannere, formulare de contact sau cerere de ofertă și multe altele fără să aveți cunostințe tehnice.

Fiind o soluție Open Source – Joomla! are în spate o comunitate imensă de utlizatori din întreaga lume, începând cu cei care sunt pur și simplu fascinați de modul în care pot controla și dezvolta propiul website realizat cu Joomla! si pâna la programatorii cu experiență vastă in limbajele de programare cu care Joomla! este cosntruit (PHP) sau companiile specializate în servicii web care au construit extensii pentru Joomla! sau care oferă servicii de web design, web development, Internet Marketing si comunicare online bazate pe aceiași aplicație software – Joomla! Această comunitate imensă  de utilizatori contribuie semnificativ la îmbunătațirea permanentă și dezvoltarea software-ului utilizat pentru realizarea Joomla! și foarte important, la menținerea celor mai înalte standarde web de design, uzabilitate și siguranță a datelor.

Realizarea unui site cu Joomla! CMS oferă și un alt mare avantaj pe lângă interfața flexibila și prietenoasă pentru adminsitrarea site-ului, și anume, posibilitatea de a obține o foarte bună optimizare pentru motoarele de căutare (S.E.O. sau Search Eangine Optimization).

In imaginile de mai sus putem sa vedem cum un simplu user care nu are rol de admin vede site-ul nostru. Design-ul siteului este foarte simplist chiar usor si asta il face usor de utilizat. Pentru mine un site trebuie sa fie simplu si sa fie usor de navigat.

Dupa cum se poate vedea in imaginea de mai sus articolele de pe site pot edita direct din front-end fara a fi nevoie de a modifica codul.

Modificarile se pot efectua pentru absolut orice meniu si sub meniu. Insa modificarile se pot efectua doar de catre adminul site-ului sau userii desemnati pentru a putea face modificari.

Un administator are acces la mai mult functii in back-end. El poate sa creeze articole noi nu doar sa le editeze.

Imaginea de mai sus ne arata ca un administrator are foarte multe functii pentru a modifica site-ul. El poate creea articole noi folosind “New Article” .

Dupa cum puteti vedea daca accesam “New Article” ne apare o pagina in care putem sa adaugam nu numai textul dorit, ci si imagini precum si cod sursa. Dupa cum putem vedea avem un camp de text unde putem sa introducem orice informatie. In dreapta avem un mini meniu pentru noul articol creat.

Pentru a adauga meniuri noi trebuie sa avem functie de administrator pe contul nostru. Meniurile pot fi de mai multe feluri

Main Menu – este meniul principal care apare sus in pagina.

User Menu – este meniul care apare in partea dreapta a siteului.

De asemenea putem adauga si meniuri noi. Dupa cum se poate vedea puteam avea mai multe feluri de meniuri.

Pentru moment folosim meniul article-> single article. Dupa cum se poate vedea in imaginea de mai jos pentru a adauga un meniu nou trebuie sa completam spatiile obligatorii.

Dupa ce completam campurile necesare atunci putem sa salvam si meniul pe care l-am facut.

Bineinteles ca el este din nou editabil dupa ce a fost salvat.