Documente online.
Zona de administrare documente. Fisierele tale
Am uitat parola x Creaza cont nou
 HomeExploreaza
upload
Upload




Html

html


HTML

Ce este HTML?

Unul din primele elemente fundamentale ale WWW ( World Wide Web ) este HTML ( Hypertext Markup Language ), care descrie formatul primar in care documentele sunt distribuite si vazute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de platforma, structurarea formatarii si legaturile hipertext, fac din el un foarte bun format pentru documentele Internet si Web.



Primele specificatiile de baza ale Web-ului au fost HTML, HTTP si URL.
HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. HTML a fost vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite si schimba intre ei informatie utilizand Internetul. Erau prin urmare necesare cateva trasaturi : independenta de platforma, posibilitati hypertext si structurarea documentelor. Independenta de platforma inseamna ca un document poate fi afisat in mod asemanator de computere diferite ( deci cu fonturi, grafica si culori diferite ), lucru vital pentru o audienta atat de variata.

Hipertext inseamna ca orice cuvant, fraza, imagine sau alt element al documentului vazut de un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult navigarea 616e41g intre multiple documente sau chiar in interiorul unui aceluiasi document. Structurarea riguroasa a documentelor permite convertirea acestora dintr-un format in altul precum si interogarea unor baze de date formate din aceste documente.

Pentru ca navigatorul Netscape a fost printre primele browsere care suporta anumite taguri HTML 3.0, iar Netscape detine in jur de 70% din piata de browsere, multi au crezut eronat ca toate extensiile Netscape (incluzand taguri ca si facilitati ca ferestrele) fac parte din HTML 3.0 sau HTML 3.2.

In acest moment HTML 4.0 este larg utilizat si au fost deja publicate specificatiile HTML 4.01.

Documentele HTML sunt documente in format ASCII si prin urmare pot fi create cu orice editor de texte. Au fost insa dezvoltate editoare specializate care permit editarea intr-un fel de WYSIWYG, desi nu se poate vorbi de WYSIWYG atata vreme cat navigatoarele afiseaza acelasi document oarecum diferit, in functie de platforma pe care ruleaza. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a documentelor generate (si formatate) cu alte editoare. Evident conversiile nu pot pastra decat partial formatarile anterioare deoarece limbajul HTML este inca incomplet.

Structura unui document HTML

Un document HTML poate sa contina:

titlu

antete

paragrafe

texte

link-uri

liste

tabele

figuri

forme

texte preformatate

formule matematice

Orice document HTML incepe cu notatia <html> si se termina cu notatia </html>. Aceste notatii se numesc in literatura de specialitate 'TAG-uri'.

Prin conventie, toate informatiile HTML incep cu o paranteza unghiulara deschisa '<' si se termina cu o paranteza unghiulara inchisa '>'.

Tag-urile intre aceste paranteze transmit comenzi catre browser pentru a afisa pagina intr-un anumit mod. Unele blocuri prezinta delimitator de sfarsit de bloc, in timp ce pentru alte blocuri acest delimitator este optional sau chiar interzis.

Intre cele doua marcaje <html> si </html> vom introduce doua sectiuni:
sectiunea de antet <head> </head> si corpul documentului <body> </body>.

Blocul <body> </body> cuprinde continutul propriu-zis al paginii HTML, adica ceea ce va fi afisat in fereastra browser-ului.

O eticheta poate fi scrisa atat cu litere mici, cat si cu litere mari, adica <HTML> = <HtmL> = <html>. Caracterele 'spatiu' si 'CR/LF' ce apar intre etichete sunt ignorate de catre browser.

Deci un prim document HTML ar fi ceva de genul acesta:

<html>

<head> </head>

<body>

</body>

</html>

Titlu

Comanda TITLE defineste textul care se va afisa ca titlu al ferestrei browser-ului:

<TITLE> Text de titlu </TITLE>

In plus, in sectiunea <body></body> putem scrie texte cat dorim.

Daca nu intalnim nici un marcaj < sau > atunci interpretorul HTML le va lua ca texte simple si le va afisa pe ecran. Sa vedem o noua versiune a paginii:

<html>

<head>

<title> Prima pagina web </title>

</head>

<body>

Bine ati venit in prima pagina web!

</body>

</html>

Legaturi (link-uri)

Legaturile (link-urile) reprezinta partea cea mai importanta a unei pagini Web.

Ele transforma un text obisnuit in hipertext sau hiperlegatura, care permite trecerea rapida de la o informatie aflata pe un anumit server la alta informatie memorata pe un alt server aflat oriunde in lume.

Legaturile sunt zone active intr-o pagina Web, adica zone de pe ecran sensibile la apasarea butonului stang al mouse-ului.

Tabele

Tabelele ne permit sa cream o retea dreptunghiulara de domenii, fiecare domeniu avand propriile optiuni pentru culoarea fondului, culoarea textului, alinierea textului, etc.

Pentru a insera un tabel se folosesc etichetele corespondente.

Prin comanda table se poate defini un tabel cu titlu caption, antet th si date td astfel :

Declarare tabel

<TABLE></TABLE>

<TABLE BORDER></TABLE>

<TABLE BORDER= CELLSPACING= CELLPADDING= WIDTH=></TABLE>

unde :

border specifica desenarea conturului celulelor de tabel (in absenta parametrului sau la border=0 nu se afiseaza liniile de contur)

cellspacing defineste, in pixeli, spatiul dintre celulele tabelului

cellpading defineste, in pixeli, dimensiunea unei celule

width defineste, in procente din latimea paginii, latimea tabelului

Declarare titlu (pozitionat inainte sau dupa tabel; implicit este inainte)

<CAPTION></CAPTION>

<CAPTION ALIGN=TOP></CAPTION>

<CAPTION ALIGN=BOTTOM></CAPTION>

Definire linie de tabel

<TR></TR>

<TR ALIGN= VALIGN=></TR>

unde :

align defineste alinierea textului pe orizontala (centrat, stanga, dreapta)

valign defineste alinierea textului pe verticala (sus, jos)

Definire antet de tabel

<TH></TH>

<TH ALIGN= VALIGN=></TH>

<TH COLSPAN= rowspan='></TH>

<TH WIDTH=%></TH>

unde :

align defineste alinierea textului pe orizontala (centrat, stanga, dreapta)

valign defineste alinierea textului pe verticala (sus, jos)

colspan numarul de coloane pe care se intinde celula curenta

rowspan numarul de randuri pe care se intinde celula curenta

width latimea celulei, in procente din latimea tabelului


Definire celula de tabel

<TD></TD>

<TD ALIGN= VALIGN= COLSPAN= rowspan='></TD>

<TD WIDTH=%></TD>

unde :

align defineste alinierea textului pe orizontala (centrat, stanga, dreapta)

valign defineste alinierea textului pe verticala (sus, jos)

colspan numarul de coloane pe care se intinde celula curenta

rowspan numarul de randuri pe care se intinde celula curenta

width latimea celulei, in procente din latimea tabelului

<TABLE BORDER>

<CAPTION> Tabel </CAPTION>

<TH>AN<TH>LUNA<TH>ZI<TR>

<TD>1995<TD>mai<TD>25

<TD>1995<TD>mai<TD>31

</TABLE>

Formulare

Un formular este un ansamblu de zone active alcatuit din butoane, casete de selectie, campuri de editare etc.

Formularele va asigura construirea unor pagini Web care permit utilizatorilor sa introduca efectiv informatii si sa le transmita serverului.

Formularele pot varia de la o simpla caseta de text, pentru introducerea unui sir de caractere pe post de cheie de cautare - element caracteristic tuturor motoarelor de cautare din Web - pana la o structura complexa, cu multiple sectiuni, care ofera facilitati puternice de transmisie a datelor. O sesiune cu o pagina web ce contine un formular cuprinde urmatoarele etape:

Utilizatorul completeaza formularul si il expediaza unui server

aplicatie dedicata de pe server analizeaza formularul completat si (daca este necesar) stocheaza datele intr-o baza de date

Daca este necesar serverul expediaza un raspuns utilizatorului

Un formular este definit intr-un bloc delimitat de etichetele corespondente <form> si </form>.

Atribute esentiale ale campului <form>

Exista doua atribute esentiale ale elementului <form>:

1. Atributul action precizeaza ce se va intampla cu datele formularului odata ce acestea ajung la destinatie. De regula, valoarea atributului action este adresa URL a unui script aflat pe un srver WWW care primeste datele formularului, efectueaza o prelucrare a lor si expediaza catre utilizator un raspuns.

<form action='https://www.yahoo.com/cgi-bin/nume_fis.cgi'>.

Script-urile pot fi scrise in limbajele Perl, C, PHP, Unix shell.

2. Atributul method precizeaza metoda utilizata de browser pentru expedierea datelor formularului. Sunt posibile urmatoarele valori:

get (valoarea implicita). In acest caz, datele din formular sunt adaugate la adresa URL precizata de atributul action

- nu sunt permise cantitati mari de date (maxim 1 Kb)

- intre adresa URL si date este inserat un '?'.

Datele sunt adaugate conform sintaxei: nume_camp = valoare_camp

Intre diferite seturi de date este introdus un '&'.

Exemplu:

'https://www.yahoo.com/cgi-bin/nume_fis.cgi?nume1=valoare1&nume2=valoare2'

post In acest caz datele sunt expediate separat. Sunt permise cantitati mari de date (ordinul MB). Pentru ca un formular sa fie functional, trebuie precizat ce se va intampla cu el dupa completarea si expediere.

Cel mai simplu mod de utilizare a unui formular este expedierea acestuia prin posta electronica (e-mail).Pentru aceasta se foloseste un atribut al etichetei <form>: si anume action care primeste ca valoare 'mailto:' concatenat cu o adresa valida de email catre care se va expedia formularul completat.

Formular cu un camp de editare si un buton de expediere

Majoritatea elementelor unui formular sunt definite cu ajutorul etichetei <input>. Pentru a preciza tipul elementului se foloseste atributul type al etichetei <input>. Pentru un camp de editare, acest atribut primeste valoarea 'text'. Alte atribute pentru un element <input> sunt:

atributul name, permite atasarea unui nume fiecarui element al formularului.

atributul value, care permite atribuirea unei valori initiale unui element al formularului.

Un buton de expediere al unui formular se introduce cu ajutorul etichetei <input>, in care atributul type este configurat la valoarea 'submit'. Acest element poate primi un nume prin atributul name. Pe buton apare scris 'Submit Query' sau valoarea atributului value, daca aceasta valoare a fost stabilita.

MySQL

Notiuni de baza

Bazele de date sunt folosite pentru stocarea informatiilor in vederea furnizarii ulterioare in functie de solicitarea primita.

MySQL este un sistem de baze de date functional independent.

In PHP exista functii pentru toate operatiile executate asupra bazelor de date MySQL.

Administrarea MySQL se poate face din linie de comanda sau folosind browserul si accesand aplicatia numita PHPMyAdmin scrisa in PHP.

Cele mai uzuale operatii cu bazele de date sunt:

Comanda

Semnificatie

CREATE

creeaza o baza de date sau un tabel

DROP

sterge o baza de date sau un tabel

INSERT

adauga inregistrari intr-un tabel

DELETE

sterge inregistrari dintr-un tabel

UPDATE

updateaza inregistrarile dintr-un tabel

SELECT

selecteaza un tabel

ALTER

alterarea unui tabel

In MySQL spatiul alocat pe discul serverului este functie de tipul de date. Cateva din tipurile de date folosite in bazele de date MySQL sunt:

Tip

Semnificatie

int()

numar intreg

32 biti

bigint()

numar intreg

64 biti

tinyint()

numar intreg (-128 la 127 sau 0 la 255)

8 biti

mediumint()

numar intreg

24 biti

smallint()

numar intreg

16 biti

char()

sectiune cu lungime fixa de la 0 la 255 caractere

varchar()

sectiune cu lungime variabila de la 0 la 255 caractere

float()

numar mic cu virgula flotanta

double

numar mare cu virgula flotanta

text

sir cu maximum 65535 caractere

date()

data in format YYYY-MM-DD

date

data in format YYYY-MM-DD HH:MM:SS

time

ora in format HH:MM:SS

Pentru ca baza de date sa functioneze mai bine, coloanelor li s-au adaugat modificatori de coloana.

Tipul de date intregi incep de la valori negative la pozitive. Daca se adauga optiunea UNSIGNED, care este un modificator de coloana, nu vor mai fi valori negative ci vor incepe de la 0.

Alti modificatori sunt:

AUTO_INCREMENT functioneaza cu orice tip intreg. La fiecare rand nou adaugat in baza de date numarul asociat va fi incrementat.

NULL inseamna fara valoare (diferit de spatiu sau zero).

NOT NULL inseamna ca orice inregistrare va fi considerata ceva.

PRIMARY KEY este rolul primei coloane din tabel, totodata reprezentand elementul de referinta pentru fiecare linie.

Conectarea la baza de date

De cate ori vom lucra cu MySQL va trebui sa ne conectam la baza de date folosind o anume sintaxa. Vom salva aceasta secventa de cod cu numele conexiune.php putand fi folosita ulterior in mai multe scripturi utilizand functia include().

/* urmeaza fisierul conexiune.php */
<?php
$hostname='localhost';
$username='root';
$password='pass';
$database='test';

$conexiune=mysql_connect($hostname,$username,$password)
or die ('Nu ma pot conecta la baza de date');$bazadate=mysql_select_db($database,$conexiune)
or die ('Nu gasesc baza de date');
?>

mysql_connect() este functia prin care ne conectam la baza de date cu urmatorii parametrii: numele serverului, nume utilizator si parola pentru conectarea la baza de date. Variabila $conexiune va avea o valoarea TRUE sau FALSE functie de rezultatul conectarii la serverul MySQL folosind functia mysql_connect(), iar in cazul esuarii va afisa mesajul cottinut de constructia die().

mysql_select_db este functia care stabileste baza de date la care ne vom conecta, avand ca parametrii numele bazei de date si identificatorul de acces la conexiunea catre serverul MySQL. In mod similar variabila $bazadate folosind functia mysql_select_db va afisa in cazul negasirii bazei de date mesajul continut de die. Puteti modifica variabilele din fisierul conexiune.php in functie de configurarile propriei baze de date:

$hostname=adresa serverului, de cele mai multe ori este localhost dar pentru siguranta intrebati administratorul serverului.

$username=username-ul de conectare la baza de date

$password= parola de conectare la baza de date

$database=numele bazei de date

Dupa ce operatiile dorite au fost executate cu baza de date va trebui sa inchidem conexiunea folosind functia mysql_close() avand ca argument datele de acces la serverul MySQL.

mysql_close($conexiune);

CREATE TABLE - Crearea tabelelor

Bazele de date contin tabele. Aceste tabele sunt similare cu cele din HTML continand randuri si coloane. Fiecare diviziune se numeste celula sau camp si are anumite proprietati.
Fiecare tabel din baza de date are un nume sau titlu.Fiecare coloana din tabel are un nume sau titlu. Sintaxa pentru crearea tabelului este:

CREATE TABLE nume_tabel (coloana_1, coloana_2,, coloana_n);

Coloanele vor fi separate prin virgula iar fiecare coloana va avea un nume si tip.

Pentru a crea un tabel mai intai includem in script fisierul anterior conexiune.php de conectare la baza de date si apoi folosim functia CREATE TABLE.

INSERT - Introducere date

INSERT este comanda pentru introducerea datelor in baza de date. Cel mai frecvent mod de introducere a datelor este preluarea lor dintr-un formular adecvat structurii bazei de date.

Sintaxa pentru introducerea datelor in tabelul bazei de date este:

INSERT INTO nume_tabel (coloana_1, coloana_2,, coloana_n) values ('valoare_1','valoare_2',,'valoare_n');

SELECT - Preluarea datelor

Proprietatea SELECT poate fi utilizata intr-o comanda mysql_query pentru a alege anumite informatii din tabelul bazei de date.

Sintaxa pentru preluarea datelor din tabelul bazei de date este:

$sql=mysql_query('SELECT * FROM nume_tabel');

Pentru a afisa fiecare rand din tabel se foloseste o bucla while si comanda mysqli_fetch_row.

Conditionale

Conditionalele sunt operatori care ne permit sa particularizam interogarea bazei de date.

Operator

Semnificatie

egalitate

<

mai mic

>

mai mare

<=

mai mic sau egal

>=

mai mare sau egal

diferit de

IS NOT NULL

are o valoare

IS NULL

nu are valoare

BETWEEN

in interiorul unui domeniu dat

NOT BETWEEN

in afara unui domeniu dat

OR

una din cele doua ecuatii este adevarata

una din cele doua ecuatii este adevarata

AND

amandoua ecuatiile sunt adevarate

&&

amandoua ecuatiile sunt adevarate

NOT

amandoua ecutiile sunt false

amandoua ecuatiile sunt false

LIKE si NOT LIKE

Daca dorim sa facem o cautare mai generala in baza de date, introducand doar cateva caractere, putem folosi simbolurile LIKE sau NOT LIKE. Caracterul _ anunta ca rezultatul va contine inca un caracter in plus iar % inlocuieste zero sau mai multe caractere. Acestea pot fi adaugate la inceput, la sfarsit sau in ambele parti.

Exemplu: cautare generala folosind LIKE si caracterul % si la inceput si la sfarsit

/* urmeaza fisierul cautare2.html */
<html>
<head><title>Cautare 2</title>
</head>
<body>
<b>Cautare inregistrari</b>
<form method='POST' action='where2.php'>
Numele cautat: <input type='text' name='nume1'><br>
<input type='submit' value='Trimite'>
</form>
</body>
</html>

/* urmeaza fisierul where2.php */
<?php
include 'conexiune.php';

$nume1=$_POST['nume1'];

$sql=mysql_query('SELECT * FROM proba WHERE nume LIKE '%$nume1%'');

echo '<table border=1>';
echo '<tr><td>ID</td><td>Nume</td><td>Prenume</td></tr>';
while ($row=mysqli_fetch_row($sql))
echo '</table>';

mysql_close($conexiune);
?>

UPDATE

Putem modifica valoarea unei inregistrari din baza de date pentru un anume id cu urmatoarea sintaxa:

UPDATE nume_tabel SET coloana_1='$nou_coloana_1', coloana_2='$nou_coloana_2',, coloana_n='$nou_coloana_n' WHERE id='$nou_id';

Cunoscand valoarea identificatorului id al unei inregistrari putem actualiza o inregistrare in baza de date, dar mai inainte trebuie sa afisam inregistrarile pentru a selecta care se potrivesc solicitarilor noastre.

Primul fisier va afisa sub forma unui formular fiecare inregistrare din baza de date. Campurile formularelor sunt completate cu valorile corespunzatoare fiecarei inregistrari, ele putand fi modificate.

DELETE

Stergerea poate fi facuta folosind id-ul inregistrarii dorite cu sintaxa:

DELETE FROM nume_tabel WHERE id='$id';


Document Info


Accesari: 447
Apreciat: hand-up

Comenteaza documentul:

Nu esti inregistrat
Trebuie sa fii utilizator inregistrat pentru a putea comenta


Creaza cont nou

A fost util?

Daca documentul a fost util si crezi ca merita
sa adaugi un link catre el la tine in site


in pagina web a site-ului tau.




eCoduri.com - coduri postale, contabile, CAEN sau bancare

Politica de confidentialitate | Termenii si conditii de utilizare




Copyright © Contact (SCRIGROUP Int. 2024 )