Referat nr.1: URL (Uniform Resource Locator)

Orice informatie de pe internet poate fi accesata direct, acest lucru fiind posibil deoarece fiecare fisier (informatie accesata) are o adresa. Aceasta adresa este numita URL (uniform resource locator). URL-urile sunt utilizate de programele de navigare pe internet pentru localizarea si aducerea informatiei catre utilizator.

Forma generala a unui URL este urmatoarea:

Protocolul este metoda in care accesam fisierele de pe domeniu. Uzual pentru navigare este http (hypertext transfer protocol). Alte protocoale des utilizate sunt ftp (file transfer protocol) si pentru a accesa un fisier de pe propriul hard-disk file. Domeniul reprezinta numele serverului la care utilizatorul doreste sa se conecteze.

Calea reprezinta locatia pe server (in cadrul domeniului) a fisierului. Structura fisierelor pe server este identica cu cele de pe calculatorul personal si astfel, pentru a indica un fisier, trebuie specificata calea completa, incluzind structura de directoare.

Fisierele pot primi argumente, aceste fiind specificate dupa numele complet al fisierului (incluzind extensia). Inainte de primul argument se va folosi '?' iar intre argumente se va utiliza '&'. Daca dupa numele fisierului se utilizeaza '#', atunci acest link se refera la un element din pagina curenta care are un atribut de tipul NAME.

Tema


Referat nr.2: TAG-uri HTML

Tag-ul <body>:

Acest tag defineste continutul paginii web, cu tot ce este inclus in ea (imagini, text, grafica). Acest tag poate primi o serie de atribute optionale cum ar fi alink care specifica culoarea link-urilor active din pagina, vlink care specifica culoarea link-urilor deja vizitate din pagina, background care specifica imagine ce va reprezenta fondul paginii web si in final bgcolor care specifica culoarea de fond a paginii.

Tag-ul <meta>:

Acest tag este ofera o serie de informatii despre pagina cit si o serie de parametrii ai acesteia. Informatiile din acest tag se refera la descrierea paginii, la cuvintele cheie pentru motoarele de cautare, iar parametrii sunt timpul de refresh si setul de caractere utilizat. Un tag meta contine un nume pentru o proprietate (http-equiv) sau pentru o informatie (name) cit si continutul acesteia (content). Name poate poate fi una dintre urmatoarele: author, description, keywords, generator si revised, iar http-equiv poate lua valorile content-type, expires, refresh si set-cookie.

Tag-ul <Hx>:

Acest tag este tag-ul folosit pentru titluri de diferite marimi. Valoarea lui x variaza de la 1 la 6. Pentru x avind valoarea 1 se obtine scrisul cel mai mare iar pentru 6, scrisul cel mai mic. Atributul align (care ia una din valorile: center, left, right, justify) specifica alinierea in pagina a textului din cadrul acestui tag.

Tag-ul <p>:

Acest tag defineste un paragraf. Atributul align (care ia una din valorile: center, left, right, justify) specifica alinierea in cadrul paragrafului a textului.

Tag-ul <br>:

Acest tag defineste salt la linie noua. De specificat ca acest tag nu trebuie inchis.

Tag-ul <hr>:

Acest tag introduce in document o linie orizontala. Acest tag nu trebuie inchis. Primeste ca atribute align (vezi tag-ul <p>), size care determina grosimea liniei, width care determina lungimea (in pixeli sau procente) a liniei orizontale si color care determina culoarea.

Tag-ul <center>:

Textul cuprins in interiorul acestui tag este centrat in pagina.

Tag-ul <address>:

Acest tag specifica inceputul unui text care reprezinta o adresa.

Tag-ul <code>:

Acest tag specifica inceputul unui text care are un font special (specific calculatorului).

Tag-ul <cite>:

Acest tag specifica inceputul unui text care reprezinta o citatie.

Tag-ul <b>:

Acest tag specifica inceputul unui text care va fi scris ingrosat.

Tag-ul <i>:

Acest tag specifica inceputul unui text care va fi scris oblic.

Tag-ul <u>:

Acest tag specifica inceputul unui text subliniat.

Tag-ul <blockquote>:

Acest tag specifica inceputul unui text care reprezinta un citat (textul este deplasat la dreapta si trecut pe rind nou).

Tag-ul <font>:

Acest tag specifica formatarea textului din interiorul tag-ului. Primeste ca atribute size care reprezinta marimea textului, color care reprezinta culoarea textului si face care reprezinta fontul cu care se va afisa textul.

Tag-ul <map>:

Acest tag defineste o zona map intr-o imagine. O zona map intr-o imagine este o imagine care contine zone care vor raspunde la clickurile de mouse. Acest tag are 2 atribute (dependente de browser) name si id care reprezinta identificatorul de map. Acest identificator este utilizat de atributul usemap al tagului <img>.

Tag-ul <img>:

Acest tag defineste o imagine in pagina. Cu atributul src se specifica fisierul sursa al imaginii, cu atributul ismap se defineste imaginea ca map pe server. Atributul usemap defineste imaginea ca map client. De asemenea se pot specifica dimensiunile imaginii.

Tag-ul <area>:

Acest tag defineste o zona "activa" (care va raspunde la click de mouse) in interiorul unui map. Acest tag se gaseste intotdeauna in interiorul tagului <area>. Cu atributul shape se specifica forma geometrica zonei (poate fi circ pentru cerc, poly pentru poligon si rect pentru dreptunghi) , iar cu atributul coords se specifica coordonatele zonei (valoarea acestui argument depinde de forma geometrica a ariei). Atributul href specifica pagina care va fi incarcata la click de mouse in zona definita.

Tag-ul <form>:

Acest tag defineste un formular. Formularele asigura construirea unor pagini web care permit utilizatorilor sa introduca efectiv informatii si sa le transmita unui URL. Formularele pot contine o varietate de elemente care ofera facilitati puternice de transmitere a datelor (caseta text, buton radio, casuta de marcare, butoane, etc...). In cadrul formularului exista numai doua cai prin care informatiile pot fi transmise. Daca se transmite informatia dintr-un formular si URL-ul de destinatie include informatiile care s-au introdus avem de aface cu metoda 'get' (method="GET"), in caz contrar avem metoda 'post'(method="POST"). Fisierul apelat de formular va fi specificat in cadrul atributului action.

Tag-ul <textarea>:

Acest tag defineste un element de tipul casuta text, in care utilizatorul poate introduce mai multe linii de text (daca nu este specificat atributul readonly). Se poate specifica latimea si lungimea casutei text prin utilizarea atrbutrlor cols si rows.

Tag-ul <select>:

Acest tag defineste un element de tipul lista. Parametrul multiple va permite utilizatorului sa selecteze mai mult de o singura optiune la un moment dat. Atributul size specifica numarul de optiuni vizibile la un moment dat, iar name numele variabilei corespunzatoare listei.

Tag-ul <option>:

Acest tag defineste un element al unei liste definite de tagul SELECT. Atributul value va reprezenta valoarea variabilei corespunzatoare listei cind acest element este selectat. Daca se doreste ca acest element sa fie selectat la incarcarea paginii se specifica atributul selected.

Tag-ul <input>:

Acest tag defineste un cimp in care utilizatorul poate introduce date. In functie de tipul specificat (type), cimpul poate fi: casuta text(text), casuta text pt. parola(password), casuta de marcare(checkbox), buton radio(radio), buton(submit sau reset). Atributul name specifica numele variabilei corespunzatoare.

Tema


Referat nr.3: FORMATAREA TEXTULUI IN PAGINA

<FONT>...</FONT>:
Schimba dimensiunea fontului pentru textul inclus dupa valorile atributelor.
Atribute:
SIZE="..." Dimensiunea fontului de la 1 la 7. Valoarea implicita este3. Poate fi specificata si o valoare relativa la fontul curent, de pilda, +2. Poate include: <A><IMG><BR><EM><STRONG><CODE><SAMP><KBD><VAR><CITE><TT><B ><I>
FONT SIZE=[+|-]1|2|3|4|5|6|7 COLOR="..." FACE="...">
Exemplu:
<FONT SIZE=+4 COLOR "GREEN"> text verde, mai mare cu 4 decat normal </FONT>

<CENTER> ... </CENTER>:
Tot continutul elementului CENTER va fi centrat intre marginea dreapta si cea stanga.
Poate fi folosit astfel: <CENTER>characters... </CENTER>

<P>...</P>:
Marcheaza intre ele un paragraf simplu. Tag-ul de inchidere, numit si terminator (</P>) este optional.
Atribute:
ALIGN=CENTER (numai in HTML 3.0). Centreaza paragraful.
Poate include tag-urile <A><IMG><BR><EM><STRONG><CODE><SAMP><KBD><VAR><CITE> etc. <ADDRESS>...</ADDRESS>
Utilizat pentru marcarea textului care reprezinta semnaturi sau informatii generale despre un document.
Poate include: <A><IMG><BR><EM><STRONG><CODE><SAMP><KBD><VAR><CITE><TT><B ><I>
Este permis in: <BLOCKQUOTE><BODY><FORM>

<PRE>...</PRE>:
Textul este afisat asa cum este scris. CARACTERE SPECIALE
- &ccedil - c mic cu sedila
- &lt - pentru <
- &gt - pentru >
- &apm - pentru &
- &oslash - slash

LISTE:

<UL>...</UL>:
Marcheaza inceputul, respectiv sfarsitul unei liste neordonate.
Atribute:
TYPE="..."(Netscape)bulina dingbat utilizata pentru a marca elementele listei. Posibile valori sunt DISC, CIRCLE, SQUARE.
Poate include:<LI>.
Este permis in:<BLOCKQUOTE><BODY><DD><FORM><LI><TH><TD>.

<OL>...</OL>:
Marcheaza inceputul, respectiv sfarsitul unei liste ordonate.
Atribute:
TYPE="..."(numai in Netscape) Tipul caracterelor (numeralelor) folosite la ordonarea listei. Valorile posibile sunt:A,a,I,i,1.
START="..."(Netscape)Valoarea initiala a numeralelor.
Poate include<LI>
Este permis in:<BLOCKQUOTE><BODY><DD><FORM><LI><TH><TD>.

<LI>...</LI>:
Insereaza (indiferent de lista) un element al listei.
Atribute:
TYPE="..."(Netscape) Tipul bulinei sau numarul pentru marcarea acestui eveniment. Valorile posibile: DISC,CIRCLE, SQUARE,A,a,i,I,1.
VALUE="..."(Netscape) Valoarea numerica pe care o va avea acest element al listei va afecta toate elementele din lista <OL>.
Poate include tag-urile <A><IMG><BR><E <STRONG><CODE><SAMP>etc.
Este permis in: <DIR><MENU><OL><UL>.

<DL> ... </DL>:
Elementul DL defineste o lista de definitii. Fiecare element din lista are doua parti identificate prin elementele <DT> sau <DD>.
Poate fi folosit astfel:<DL COMPACT LANG="..." DIR=ltr|rtl ID="..." CLASS="..." CLEAR=left|right|all|"..."> </DL> <DT> ... </DT>
Elementul DT identifica termenii separati intr-o lista DL. Intr-o lista DL, DD trebuie sa fie intotdeauna precedat de cel putin un element DT.
Poate fi folosit astfel:<DT LANG="..." DIR=ltr|rtl>characters... </DT>
<DD> ... </DD>
Elementul DD identifica liniile separate prin DL. Intr-o lista DL, DD trebiue sa fie precedat tot timpul de cel putin un element DT.
Poate fi folosit astfel:<DD LANG="..." DIR=ltr|rtl>characters... </DD>.

LINK-uri:

<A>...</A>:
Impreuna cu atributul HREF, creeaza o legatura la un alt document; impreuna cu atributul NAME, creeaza o ancora la care se poate face referinta.
Sintaxa: <A HREF=URL>text afisat</A>
Atribute:
- HREF="..." - URL-ul documentului care va fi legat la documentul curent;
- NAME=string - numele ancorei;
- REL=string - relatia dintre documentul tinta si documentul curent;
- REV=string - o relatie inversa intre documentul curent si documentul tinta;
- TITLE=string - titlul documentului tinta;
- METHODS="..." - metoda prin care va fi adus documentul, de pilda.

Tema


Referat nr.4: GIF-urile

GIF, cunoscut ca si GIF 87a, este o prescurtare de la Graphics Interchange Format si a fost lansat de catre CompuServe.

GIF este singurul format de fisier care poate fi vazut de majoritatea browsere grafice fiind aproape perfect.

Aspecte tehnice ale formatului GIF:

GIF, care a fost creat in 1987,este restrictiv tehnic dupa standardele actuale. GIF poate suporta culori reprezentate pe 8 biti. Aceasta inseamna ca orice grafic GIF poate avea maxim 256 de culori o data.

Din nefericire, majoritatea paginilor Web nu au nevoie sa foloseasca mai mult de 256 de culori. Aspecte Legale ale formatului GIF.

Prin anul 1994, a fost publicat ca formatul GIF a devenit intr-un fel "ilegal" Cand CompuServe a definit GIF, au putut sa foloseasca propria schema de comprimare. Din nefericire, acest algoritm a fost preluat de catre Unisys pentru ca CompuServe nu a putut sa obtina licenta de utilizare a acestuia.JPEG.

La inceputul anilor '90, apare un nou format grafic. Acesta a fost creeat de catre Joint Photographic Experts Group. S-a impus ca fiind unul dintre cele mai bune format de fisiere grafice disponibile in acel moment. Majoritatea browsere grafice mai vechi nu suporta acest format .
<IMG>...</IMG>

Este folosita pentru includerea unei imagini "inline".
Sintaxa:: <IMG SRC=URL>

Atribute:

- SRC=URL - include URL-ul imaginii;
- ALT=string - cuprinde sirul de caractere care va fi afisat de navigatoarele care nu suporta imagini;
- ALIGN=left|right|top|middle|bottom - determina alinierea imaginii date;
- HEIGHT=n - rezerva spatiu pentru o imagine a carei inatime este specificata in pixeli;
- WIDTH=n - acelasi lucru ca si pentru inaltime;
- BORDER=n - deseneaza in jurul imaginii un chenar la valoarea specificata in pixeli;
- VSPACE=n - valoarea lui seteaza spatiul dintre si textul de deasupra sau de desupt;
- HSPACE=n - idem pentru spatiul dintre imagine si textul din stanga si din dreapta. MAP

Descriere:

Elementul MAP este folosit pentru a numi si descrie o harta de imagine. NAME descrie numele hartii pentru a fi utilizat (folosit) impreuna cu atributul USEMAP al elementului IMG.
Atribute minime: <MAP NAME="..."></MAP> Toate atributele posibile: <MAP NAME="..."></MAP> AREA

Descriere:

Elementul AREA specifica o singura arie a unei imagini care, daca este selectata, va face o legatura catre locatia sopecificata de catre HREF Atribute minime <AREA COORDS="..."> Toate atributele posibile <AREA COORDS="..." SHAPE=rect|circle|polygon HREF="..."
NOHREF ALT="...">.

Tema


Referat nr.5: TABELE

<TABLE>...</TABLE>:

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

Atribute:

- ALIGN pentru aliniere,
- WIDTH pentru marime text,
- BORDER definste bordura tabelului,
- CELLPADDING defineste distanta in interiorul celului,
- CELLSPACING defineste distanta dintre celule,
- COLSPAN defineste numarul de coloane generate intr-o celula,
- ROWSPAN defineste numar de linii generate intr-o celula.

TABLE LANG="..."
DIR=ltr|rtl
ID="..."
CLASS="..."
ALIGN=left|right|center|justify|bleedleft|bleedright
WIDTH="..."
COLS=number
BORDER="..."
FRAME=void|above|below|hsides|lhs|rhs|vsides|box|border
RULES=none|basic|rows|cols|all
CELLSPACING="..."
CELLPADDING="..."
CLEAR=left|right|all|"..."
UNITS=en|relative|pixels
COLSPEC="..."
DP="..." NOWRAP>

<TH>...</TH>:

TH defineste o celula ccu semnificatia unui cap de tabel.

Atribute:

<TH LANG="..."
DIR=ltr|rtl
ID="..."
CLASS="..."
AXIS="..."
AXES="..."
NOWRAP
ROWSPAN=value
COLSPAN=value
ALIGN=left|right|center|justify|char|decimal
CHAR="..."
CHAROFF="..."
DP="..."
VALIGN=top|m WIDTH=value
BGCOLOR="...">characters...</TH>

<TD>...</TD>:

TD defineste o celula data a unui tabel.

Atribute:

LANG="..."
DIR=ltr|rtl
ID="..."
CLASS="..."
AXIS="..."
AXES="..."
NOWRAP
ROWSPAN=value
COLSPAN=value
ALIGN=left|right|center|justify|char|decimal
CHAR="..."
CHAROFF="..."
DP="..."
VALIGN=top|middle|bottom|baseline
WIDTH=value
BGCOLOR="..."

<TR>...</TR>:

TR insereaza o linie de tabel.

Atribute:

LANG="..."
DIR=ltr|rtl
ID="..."
CLASS="..."
ALIGN = left | right | center | justify | char| decimal
CHAR="..."
CHAROFF="..."
VALIGN=top|middle|bottom|baseline
DP="..."

FRAME-uri:

<FRAMESET>...</FRAMESET>:

Este folosit in locul tag-ului BODY pentru defini un sub document HTML.

Atribute:

<FRAMESET>characters... </FRAMESET>
<FRAMESET ROWS="..." COLS="...">characters... </FRAMESET>
ROWS - inaltimea randului.
COLS - inaltimea coloanei.
FRAMEBORDER - chenarul unui cadru.

FRAME>...</FRAME>:

Este utilizat pentru a defini o singura fereastra.

Atribute:

<FRAME>
<FRAME SRC="..." NAME="..." MARGINWIDTH="..." MARGINHEIGHT="..."
SCROLLING=yes|no|auto NORESIZE>

Semnificatii:

MARGINWIDTH - defineste latimea FRAME - ului in pixeli
MARGINHEIGHT - defineste inaltimea FRAME - ului in pixeli
SCROLLING - bare de derulare
NORESIZE - interzice redimenionarea unui cadru.
SRC -adresa URL a fisierului HTML.
NAME - da un nume FRAME-ului pentru a fi folosit ca target.


Referat nr.6: FORME

<FORM>:

Elementul Form creaza o forma de umplere.Browser-ul permite utilizatorului sa introduca informatii in campurile formei si trimite aceste informatii catre un script cgi-bin pe un server identificat ca un URL de catre atributul ACTION.
METHOD=GET (implicit) adauga informatia de intrare URL-ului ACTION.
METHOD=POST (de preferat) trimite informatia de intrare intr-un corp de data care este disponibila in stdin cu o lungime de data setata in variabila
CONTENT_LENGTH. Forma datei este perechea de nume=valoare separate de caracterul &. Fiecare pereche nume=valoare este un URL codat. Cel putin unul din urmatoarele tag-uri sunt intalnite in interiorul tag-ului FORM : INPUT, SELECT, TEXTAREA.

Atribute minime:

<FORM></FORM>

Toate atributele posibile:

<FORM ACTION="..." METHOD=GET|POST ENCTYPE="..." LANG="..." DIR=ltr|rtl ACCEPT-CHARSET="..." SCRIPT="..."> </FORM>

<INPUT>
Elementul INPUT este utilizat pentru a specifica un camp simplu de intrare ca parte a continutului in elementul FORM. Implicit este TYPE=text . NAME defineste numele simbolic al campului returnat de catre server si trebuie sa fie prezent pentru la toate dar TYPE=submit|reset. Pentru TYPE=checkbox|radio, elementele multiple INPUT trebuie sa aiba aceeasi valoare NAME . TYPE poate avea urmatoarele valori: text | password | checkbox | radio | submit | reset | hidden
| image | file | range | scribble | jot.

Atribute minime:

<INPUT>

Toate atributele posibile:

<INPUT TYPE="text | password | checkbox | radio | submit | reset | hidden | image | file | range | scribble | jot" LANG="..." DIR=ltr|rtl ID="..." CLASS="..."
NAME="..." VALUE="..." SRC="..." CHECKED SIZE="..." MAXLENGTH=number
ALIGN=top|middle|bottom|left|right ACCEPT="..." DISABLED
ERROR="..." MIN=number MAX=number MD="...">

<TEXTAREA>

Elementul TEXTAREA este utilizat pentru a specifica un camp multiplu ca parte componenta a elementului FORM . NAME defineste numele simbolic returnat de catre server . Doar formatul ASCII este permis pentru caractere , si sunt respectate noile randuri. ROWS si COLS definesc marimea fizica pentru afisarea numerelor de caractere in campul de intrare.

Atribute minime:

<TEXTAREA NAME="..." ROWS="..." COLS="..."> </TEXTAREA>

Toate atributele posibile:

<TEXTAREA NAME="..." ROWS="..." COLS="..." LANG="..." DIR=ltr|rtl ID="..." CLASS="..."
WRAP=off|virtual|physical
ALIGN=top|middle|bottom|left|right DISABLED ERROR="...">characters... </TEXTAREA>

<SELECT>...</SELECT>

Elementul SELECT defineste un meniu al intrarilor selectate intr-o FORM, fiecare fiind identificate cu un element OPTION . Cel putin un element OPTION este vazut intr-un continut SELECT . NAME este numele simbolic al campului returnat de catre server. SIZE determina numarul al OPTIONS vizibil fizic atunci cand un browser afiseaza FORM.

Atribute minime:

<SELECT NAME="...">characters... </SELECT>

Toate atributele posibile:

<SELECT NAME="..." SIZE=value MULTIPLE LANG="..." DIR=ltr|rtl ID="..." CLASS="..."
ALIGN=top|middle|bottom|left|right DISABLED ERROR="..."
SRC="..." MD="..." WIDTH=value HEIGHT=value UNITS=pixels|em>characters... </SELECT>
<OPTION SELECTED VALUE="..." LANG="..." DIR=ltr|rtl ID="..." CLASS="..." DISABLED
ERROR="..." SHAPE="..." >characters... </OPTION>

Tema


Referat nr.7: JAVASCRIPT

Un script este introdus de tagul <SCRIPT>, al carui parametru language specifica limbajul in care este scris scriptul, in acest caz laguage=”JavaScript”

Sintaxa limbajului JavaScript este dezvoltata pe baza limbajului C/C++, operatorii, instructiunile decizionale si cele de ciclare fiind similare. JavaScript ofera clase predefinite.

Clasa String

Contine un sir de caractere. Este creat cu ajutorul contructorului String, este diferit de p variabila sau constanta string.

Exemple:

s1 = “ 1 + 1 ” // variabila string
s2 = new String (“ 1 + 1 ”) // obiect String
Se poate converti orice valoare intr-un obiect String folosind functia String(obiect).

Proprietati:

constructor - specifica functia care creeaza prototipul obiectului,
length - intoarce numarul de caractere din sir,
prototype - permite adaugarea de proprietati la obiectul String.

Metode:

anchor(tinta) - creaza o ancora cu numele tinta,
link(URL) - cereaza un link cu alt URL,
big - determina ca un sir sa fie listat cu fontul <BIG>,
fontsize - similar <FONT size=”marime”>,
fontcolor - similar <FONT color=”culoare”>,
charAt(n) - intoarce caracterul de pe pozitia n,
charCodeAt(n) - intoarce codul Unicode al caracterului de pe pozitia n,
concat(sir1, sir2, ... ) - concateneaza mai multe siruri,
indexOf(sir1, [ind]) - cauta sir1 in sir, incepind de la indicele [ind], intoarce prima pozitie la care acestaa fost gasit, sau -1 daca sir1 nu e gasit,
lastIndexOf(sir1, [ind]) - similar cu indexOf, dar cauta de la sfarsit spre inceput,
toLowerCase - returneaza sirul formatat,
toUpperCae - returneaza sirul formatat,
valueOf - intoarce sirul.

Clasa Date:

Permite manipularea datei si timpului.

Metode:

Date() - intoarce un obiect date,
getDate() - intoarce valoarea datei obiectului,
getDay() - intoarce ziua,
getMonth - intoarce luna,
getYear - intoarce anul (2 cifre),
getFullYear - intoarce anul (4 cifre),
getHours - intoarce ora obiectului Date,
getMinutes - intoarce minutele obiectului Date,
getSeconds - intoarce secundele,
getMiliseconds - intoarce milisecundele,
getTime - intoarce numarul de milisecunde scurse de la 1/1/1970, ora 0:0,
getTimezoneOffset - intoarce diferenta intre calculatorul utilizatorului si GMT,
setFullYear - seteaza anul obiectului Date,
setMonth - seteaza luna,
setDay - seteaza ziua,
setHours - seteaza ora,
setMinutes - seteaza minutele obiectului Date,
setSeconds - seteaza secundele,
setMiliseconds - seteaza milisecundele obiectului,
toString - intoarce data convertita in string.

Casete de dialog:

Casetele de dialog sunt ferestre cu unul sau mai multe butoane, ce permit atentionarea utilizatorului, solicitarea unui confirmari sau a unei valori.

alert(text) - afiseaza o caseta de dialog cu textul “text” si un buton OK,
confirm(text) - afiseaza o caseta de dialog cu textul “text” si doua butoane Ok si Cancel,
prompt(text [,initial]) - afiseaza o caseta de dialog cu unt control textbox incare utilizatorul poate introduce text, si butoane Ok si Cancel. Textul este initializat cu valoarea “initial”, daca nu se specifica o valoare initiala, cu valoare “undefined”.

Evenimente:

OnLoad - are loc la terminarea incarcarii unei ferestre sau a tuturor cadrelor dintr-un <FRAMESET>.
OnSumbit - are loc inainte deexpedierea datelor dintr-un formula. Daca handlerul intoarce “false”, expedierea este anulata, iar controalele formei sunt reinitializate.
OnClick - are loc cand se face click pe un obiect al formei. Daca handlerul intoarce false, in functie de tipul controlului, se executa o actiune implicita.
buton - nu se executa nimic,
radio si checkbox - nu se selecteaza nimic,
buton Submit - datele din formular nu sunt trimise,
buton Reset - formularul nu este reinitializat.

Exemple de specificare a handlerelor de evenimente:

<BODY OnLoad=”init()”>
............
</BODY>

<FORM name=”frmForm1” OnSubmit=”return validare()”>
.............
</FORM>

<INPUT type=”submit” name=”btnTrimite” value=”Trimite” OnClick=”return validare()”>

Tema


Referat nr.8: FERESTRE

Obiectul window:

Reprezinta o fereastra navigator sau un cadru, reprezentand nivelul superior pentru fiecare obiect document, Location si History.

Metoda Open:

Deschide o fereastra de navigare, intoarce un obiect window asociat ferestrei.

[var_window = ] window.open(<URL>,<Nume>,[<Caracteristici>])

var_window - obiect fereastra,
URL - resursa ce va fi incarcata in fereastra,
Nume - numele ferestrei,

Caracteristici - o lista de proprietati ale ferestrei ce va fi deschisa(proprietati ale obiectului window).

menubar - (boolean) Specifica daca fereastra are bara de meniu,
tootlbar - (boolean) Fereastra are toolabr,
status - (boolean) Fereastra are bara de stare,
scrollbars - (boolean) Fereastra are bare de scroll daca documentul depaseste dimensiunile ferestrei,
resizable - (boolean) Permite redimensionarea ferestrei,
width/height - dimensiunile (in pixeli ale ferestrei),

Exemplu:

winB=window.open("","win","menubar=no, width=400, height=300");

Metoda Write (obiectul Document):

Scrie cod HTML in documentul unei ferestre.

document.Write(exp1,[exp2],[exp3],...)

Exemplu:

win=window.open(“”,”win”)
win.document.write(“<html><head><title>Document-Write</title></head></html>”)

Obiectul Math:

Contine constante si functii matematice predefinite. Nu este necesara crearea lui.

Proprietati:

E - intoarce numarul E (Euler),
LN2 - intoarce logaritm natural din 2,
LN10 - intoarce logaritm natural din 10,
PI - intoarce numarul PI,

Metode:

abs(x) - valoarea absoluta a lui x,
sin(x),cos(x),tan(x) - functii trigonometrice,
asin(x),acos(x),atan(x) - functii trigonometrice(arc),
exp(x) - functie exponentiala,
log(x) - logaritm natural,
random() - numar aleator intre 0 si 1,
max(x,y)/min(xy) - intoarce maximul/minimul dintre x si y,
sqrt(x) - radical.

Obiectul Array:

Un obiect array contine un set de valori indexate. Indexul incepe de la valoarea 0.
Un obiect array este creat cu instructiunea new

var sir= new Array(20);
var zile=new Array("Luni","Marti","Miercuri","Joi","Vineri","Sambata","Duminica");

Atribuirea elementelor tabloului:

sir[0]=10;
sir[1]=100;
sir[2]=1000;

Metode:

length - intoarce numarul de elemente ale tabloului;
join() - intoarce un sir obtinut prin concatenarea tuturor elementelor tabloului;
concat() - intoarce un Array obtinut prin concatenarea a doua siruri;
reverese() - intoarce sirul inversat;
slice() - intoarce o parte specificata a sirului;
sort() - intoarce sirul sortat;

Tema


Referat nr.9: CGI(COMMON GATEWAY INTERFACE)

Common Gateway Interface permite serverului web sa execute alte programe shi sa trimita rezultatul lor browserului WEB.

Programele CGI proceseaza datele trimise prin formulare, executa cautari in baze de date, trimit E_mailuri. Fara CGI, un server nu poate trimite decat pagini statice, cu cgi, Web devine interactiv.

Functionarea CGI:

Daca un browser primeste o cerere pentru unfisier text sau imagine(de ex.), va trimite acel obiect browserului. Daca insa cererea este numele unui program, serverul va rula acel program, ii va trimite datele suplimentare trimise de browser, si va trimite inapoi acestuia outputul programului CGI.

Metode de cerere(POST shi GET) - variabile de mediu:

Aceste metode indica scriptului in ce mod a fost invocat, bazat pe aceasata informatie, scriptul stie cum sa actioneze, cum sa preia datele transmise. Metodele cele mai intalnite sunt GET si POST.

In general, GET este folosita pentru a cere date, aceeasi metoda prin care se solicita documente statice. Metoda GET trimite parametrii aditionali la sfarsitul adresei URL.

Medoda POST este in general folosita pentru a trimite date de la client spre server. Informatiile suplimetare sunt transmise prin protocolul HTTP.

Inainte de a rula scriptul CGI, serverul seteaza o serie de variabile de mediu, reprezentatnd satarea curenta a serverului, care cere respectivele informatii. Fiecare script are propriile lui variabile de mediu.

REMOTE_ADDR - contine adresa IP a clientului (browserul)
REMOTE_HOST - contine adresa clientului (nume de domeniu)
HTTP_ ACCEPT
HTTP_USER_AGENT - tipul browserului folosit de client
REQUEST_METHOD - metoda de request folosita
CONTENT_LENGTH -(are valoare numai pentru metoda POST) lungimea sirului de date transmis programului CGI - acesta va fi citit de script din STDIN.
QUERRY_STRING - in cazul metodei GET, aceasta variabila are ca valoare sirul de caractere ce reprezinta cererea trimisa de client(CONTENT_LENGTH este 0).

Tipuri MIME:

Aceste tipuri sunt un set de coduri, prin care programele recunosc tipurile de date ce se transmit prin HTTP. Tipurile de date pot fi text, cod html, imagini, sunete, fisiere, etc... Fiecare document trimis prin protocolul HTTP este precedat de un antet, care contine si codul MIME corespunzator tipului de informatie transmisa

Fiecare tip MIME e o categorie ce contine mai multe subtipuri:

Text: reprezinta informatie textuala,
plain - text standatrd ASCII,
html - text (cod) html,
Multipart: - o combinatie de tipuri de date intr-un sinur mesaj,
Application - trimite informatie binara, programe executabile, aplicatii,
Message - incapsuleaza un mesaj E-mail,
Image - trimite imagini (fara animatii).

Tema


Referat nr.10: FTP(FILE TRANSFER PROTOCOL)

Este protocolul cel mai des folosit pentru transferul fisierelor prin Internet. FTP este un protocol client server.

Comenzi FTP Client (trimise de client catre server):

OPEN <host> - deschide o conexiune catre serverul cu adresa <host>
USER <username> - permite conectarea unui alt utilizator
CD <path> - schimba directorul curent (pe server)
PWD - indica calea curenta (pe server)
LCD - indica calea curenta locala(de pe masina client - aici for fi salvate fisierele downloadate)
DIR - listeaza continutul directorului curent (pe server)
GET <fiser> - aduce un fisier de pe server
mGET <fisere> - aduce mai multe fisiere de pe server
PUT <fiser local> - trimite un fisier pe server
MPUT <fisiere locale> - trimite mai multe fisiere pe server
RENAME <fiser> <nume nou> - redenumeste un fisier pe server
DELETE <fisier> - sterge un fisier de pe server
RMDIR <directior> - sterge un director de pe server
MKDIR <director> - director nou
ASCII / BINARY - comuta intre modurile de transfer caracter_ascii(html,txt) si binar(exe.zip,etc..)

Exemplu de sesiune FTP(numai comenzile trimise):

open stud.usv.ro

cd public_html

dir

lcd c:\site\localpublish

ascii

get index.html

bin

send homeimg.gif

by


Referat nr.11: FTP(FILE TRANSFER PROTOCOL)

Directoare de instalare:

Bin - instalare fisiere executabile - serverul propriu zis si programe utilitare
Cgi-bin - aici se instaleaza programele cgi
Conf - contine fisierele de configurare
Error
Htdocs directorul radacina implicit al siteului
Logs
Pernire si oprire

Serverul se porneste lansand in executie Apache.exe (shortcut in Start menu).
Serverul ruleaza in fereastra consola, se opreste cu combinatia Ctrl-C.
Dupa orice modificare in fisierul de configurare trebuie oprit si repornit serverul..

Directive apache

Identificarea serverului:

ServerName - numele si portul serverului pe care acesta le foloseste pentru a se identifica.
ServerAdmin - adresa e-mail a administratorului serverului
ServerSignature - configureaza subsolul documentelor generate de server (versiunea serverului, adresa e-mail a administratorului, etc.)
ServerTokens - configureaza headerele raspunsurilor HTTP ale serverului.
Locatiile directoarelor/fisierelor
DocumentRoot - directorul care contine siteul - fisierul index.html implicit este htdocs
ErrorLog - calea fisierului in care sunt inregistrate erorile aparute
ServerRoot - directorul unde este instalat serverul
PidFile - fisierul unde se inregistreaza PID-ul procesului daemon
.htacces
AccesFileName - numele fisierului de configurare distribuit
AllowOverride - defineste tipurile de directive ce sunt permise in fiserele .htacces
Options - configureaza optiunile disponibile intr-un anumit director.
AuthType - specifica modul de autentificare pentru un director.
AuthName - defineste un “realm” care va fi protejat prin parola
AuthUserFile - specifica un fisier care contine nume de utilizatori si parole
AuthGroupFile - specifica numele unui fisier care contine grupuri de utilizatori si parole
Require - specifica ce utilizatori pot accesa o resursa.

Fereastra de configurare Apache la instalare:


Fisere de log:

ErrorLog : In acest director , apache inregistereaza toate informatii de diagnostic si orice eroare aparuta. Formatul intrarilor in error.log este:

[Wed Oct 11 14:32:52 2000] [error] [client 127.0.0.1] client denied by server configuration: /export/home/live/ap/htdocs/test

Primul parametru este data si ora aparitiei mesajului, urmat de un indicator al tipului erorii, adresa IP a clientului, si apoi explicatia erorii.

AccesLog : Contine inregistrarea tuturor cererilor procesate de server. Locatia fisierului e data de directiva CustomLog, iar formatul intrarilor de directiva LogFormat. Formatul intrarilor in acceslog este configurabil.

Alte directive:

KeepAlive - permite realizarea de conexiuni http persistente
KeepAliveTimeout - specifica cat timp este pastrata deschisa o conexiune persistenta
MaxKeepAliveRequests - numarul maxim de conexiuni persistente care pot fi deschise simultan.

Directive referitoare la procese:

MinSpareServers - specifica numarul minim de procese server neocupate ce trebuie mentinute
MaxSpareServers - specifica numarul maxim de procese server neocupate ce trebuie mentinute
StartServers - specifica numarul de procese server care sunt lansate la pornirea serverului; de obicei, numarul de procese server e controlat dinamic in functie de incarcarea serverului.
MaxClients - specifica numarul maxim de cereri ce pot fi servite simultan. Daca sunt cereri peste numarul maxim, acestea vor fi puse in coada de asteptare.
MaxRequestsPerChild - specifica numarul maxim de cereri http pe care le poate procesa un proces server. Dupa ce acest numar a fost atins, procesul va fi terminat, iar serverul va porni unul nou.

Hosturi virtuale:

O singura instanta a unui server Apache poate gestiona mai multe siteuri. Exista doua modalitati de a organiza siteuri multiple:

IP based - calculatorul server detine mai multe adrese IP, fiecareia I se asociaza un site, serviciul DNS mapeaza fiecare nume catre una din adresele serverului.
Name based - serverul are o singura adresa IP, si toate numele de domenii sunt mapate la aceeasi adresa.
Pentru a face diferenta intre siteuri virtuale, clientul trebuie sa trimita headerul HTTP Host in cerere.

Directive Apache:

NameVirtualHost - Pentru a folosi hosturi virtuale trebuie specificat IP si portul pe care Apache trebuie sa astepte cererile. Daca orice IP a masinii poate fi folosit, se foloseste ca parametru *
VirtualHost - pentru fiecare site virtual trebuie scris un bloc <VirtualHost>, in care se specifica adresa care identifica siteul, si directorul asociat.
ServerName(in blocul<VirtualHost>) - specifica adresa siteului
DocumentRoot(in blocul<VirtualHost>) - specifica directorul in care se afla siteul(fisierul index.html).


Copyright: iunie.2003 - Adrian Gramada: italianul@dangerous-minds.com