Sunteți pe pagina 1din 8

Inserarea fiierelor audio

Introducerea de secvente audio se poate realiza prin doua modalitati:


1.
sub forma unei referinte(link) cum se poate vedea n figura 19.
2.
prin intermediul marcajelor embed (figura 20) sau bgsound (figura 21).
<html>
<head>
<title>Inserarea unui fiier audio ca referin </title>
</head>
<body>
<p> Execut click pe legtura urmtoare
<a href="sunet.au">
<p> Fisierul audio va fi rulat n cadrul unei aplicaii existente pe
calculator cum ar fi Media Player
</body>
</html>
Figura 19. nserarea unui fiier audio ca referin
Marcajul embed poate avea atributele urmatoarele:

autostart setat true, are ca efect rularea fiierului audio imediat dup
ncarcare;

hidden setat true, nu va afia interfaa pentru rularea fiierului audio;

loop setat true, are ca efect reluarea secvenei audio la "nesfrit";

volume are rolul de a seta volumul de redre a secvenei audio ;

<html>
<head>
<title>Inserare secventa audio cu embed</title>
</head>
<body>
<embed src="aaa.wav" width="200" height="200"
autostart=false hidden=false loop=true volume=50>
</body>
</html>
Figura 20. nserarea unui fiier audio utiliznd marcajul embed
In HTML 4 embed este nlocuit de marcajul object. Exist trei formate de fiiere care sunt
recomandate pentru utilizarea cu acest marcaj: wav, au i midi.

Marcajul bgsound va rula o secven audio n fundal. Acest marcaj, fiind o extensie
Microsoft, va funciona numai n Internet Explorer.
<html>
<head>
<title>Inserare secventa audio cu bgsound</title>
</head>
<body>
<bgsound src="aaa.wav" loop=10>
</body>
</html>
Figura 21. nserarea unui fiier audio utiliznd marcajul bgsound

Formulare
Formularele (chestionarele) sunt instrumente oferite prin limbajul HTML
pentru a genera pe ecran zone de dialog cu cititorul documentelor Web. Un
formular reprezint doar o interfa pentru captarea informaiilor, el necesit
elemente pentru tratarea datelor colectate.
Prelucrarea final a datelor se execut pe server, de exemplu, prin
programele denumite CGI (Common Gateway Interface). Altfel spus, CGI
asigur interaciunea server-navigator n sensul personalizrii rezultatelor
prin diverse prelucrri asupra elementelor din paginile Web.
Prin intermediul tag-urilor HTML se descriu zonele formularului, care vor fi
completate de utilizator. Sintaxa general pentru deschiderea unui formular
este:
<FORM METHOD=tip_m ACTION=URL_cgi NAME=nf TARGET=cadr>
unde:
Atributul METHOD=tip_m specific modul cum se emite informaia ctre
server.
Valorile cel mai frecvent utilizate pentru tip_m sunt: GET i POST.
Cnd se utilizeaz metoda GET irul de caractere constituit din ansamblurile
nume cmp i valoare este adugat la URL-ul scriptului care se va executa.
Separatorul ntre numele scriptului i restul irului de caractere l reprezint
caracterul ?. Deoarece majoritatea browserelor afieaz URL curent, acest ir
de caractere va fi vizibil. Din aceast cauz se prefer metoda POST, cnd
irul de caractere este trimis ctre server printr-o secven HTTP special. De
exemplu, dac tag-ul de nceput este:
<FORM METHOD=GET ACTION=http://www.ace.ucv.ro/dir/nume_script>

URL-ul pe care l va apela clientul, dup completarea formularului, are


urmtoarea form:
http://www.ace.ucv.ro/dir/nume_script?
cmp1=valoare1&cmp2=valoare2&cmp3=valoare3

Atributul ACTION=URL_cgi indic locul unde se emite informaia, unde se


gsete scriptul care se va executa. Valoarea sa este reprezentat prin URLul scriptului.
Atributul NAME=nf deine dou funcii particulare:

indic scriptului numele formularului care a trimis datele, n situaia cnd


mai multe formulare exist n acelai document;
identific un formular, prin numele su, pentru a putea fi referit prin
funciile JavaScript.
Atributul TARGET=cadr specific fereastra sau cadrul (frame) n care se va
afia rezultatul execuiei scriptului. n absena atributului TARGET se
nlocuiete pagina curent.
Textul ncadrat de <FORM> i </FORM> va conine un ansamblu de
comenzi: INPUT, SELECT etc.

Tag-uri pentru definirea intrrilor ntr-un formular


Sintaxa general a tag-ului care definete un cmp pentru introducerea
datelor ntr-un
formular este:
<INPUT TYPE="tip" NAME="nume_cmp" VALUE="val" SIZE="n" MAXLENGHT="m">
Atributul TYPE specific tipul intrrii, care poate fi:
text: text simplu, parol, ascuns, multilinie;
meniu: cu selectarea unei intrri sau selectare multipl;
butoane: caset de control, radio, reset i submit.
Atributul NAME permite definirea numelor, n scopul identificrii

datelor

care vor fi
trimise ctre server. ntr-un formular se utilizeaz o singur dat acelai
nume.
Celelalte atribute sunt dependente de tipul intrrii.
Intrarea text este cel mai simplu tip de intrare ntr-un formular. Zona de
introducere date
accept un cuvnt sau o linie de text. Atributele sunt:
VALUE="val", atribut opional care permite predefinirea coninutului din
cmpul text,
cu alte cuvinte, ceea ce o s apar pe ecran la prima activare a formularului;
SIZE ="n", atribut opional prin care se stabilete lungimea cmpului de
intrare text (n
caractere);
MAXLENGTH ="m", atribut opional prin care se limiteaz numrul
caracterelor care pot
fi introduse (dac se depete acest numr apare un semnal sonor).
Exemplul 7.
<FORM METHOD="Post" ACTION="http://www. . ">
Care este numele de familie?
<INPUT TYPE="text" NAME="Nume_familie" VALUE="Nastase"
SIZE="10" MAXLENGTH="15">
</FORM>
Intrarea: password utilizeaz aceleai atribute ca i intrarea text.
Exemplul 8.
<FORM METHOD="Post" ACTION="http://www.infocib . ">

Introdu 8 caractere pentru parola:


<INPUT TYPE="password" NAME="parola" SIZE="8" MAXLENGTH="8">
</FORM>
Intrare: textarea se utilizeaz pentru introducerea unui text multilinie. De
data aceasta tag-ul
<INPUT TYPE="text"> este nlocuit cu:
<TEXTAREA NAME="nume_cmp" ROWS="r" COLS="c"> [Text implicit]
</TEXTAREA>
Atributele sunt:
ROWS="r", specific numrul de rnduri care pot fi afiate, din textul care
se va
introduce;
COLS="c", specific numrul de coloane care pot fi afiate;
Text implicit, text afiat iniial.
Exemplul 9.
<FORM METHOD="Post" ACTION="http://www... ">
Transmiteti eventualele reclamatii
<TEXTAREA NAME = "Reclamatie" ROWS="3" COLS="40">
Reclamatii despre activitatea de seminar
</TEXTAREA>
</FORM>
Cnd numrul liniilor i al coloanelor introduse depesc pe cele prevzute a
fi afiate se utilizeaz scrollbars.
Intrarea meniu: SELECT are loc selecia unei intrri din meniu. De data
aceasta se utilizeaz
tag-ul SELECT n contextul:
<SELECT NAME="nume_cmp">
<OPTION [VALUE="v"][SELECTED] > Nume_Optiune1
<OPTION > Nume_Optiune2
..
</SELECT>
Atributele sunt:
OPTION, prin care se specific o opiune a meniului;
VALUE="v", atribut opional prin care se specific valoarea opiunii emise
spre server
(dac nu se regsete acest parametru, numele opiunii va fi emis ca
valoare);
SELECTED, atribut opional prin care se specific prima opiune afiat a
meniului (dac
acest atribut lipsete se va afia prima opiune din lista meniu).

Exemplul 10.
<FORM METHOD="Post" ACTION="http://www. . ">
Cum evaluati cunotintele dumneavoastra n domeniul calculatoarelor?
<SELECT NAME="evaluare">
<OPTION>Foarte bun
<OPTION SELECTED>Bun
<OPTION VALUE="acceptabil">Mediu spre bun

<OPTION>Mediu
<OPTION>Slab
<OPTION>Foarte slab
</SELECT>
</FORM>
Intrare meniu: SELECT cu SIZE permite alegerea multipl dintr-o list de
opiuni.
Diferena fa de situaia anterioar const n utilizarea opiunilor: SIZE, prin
care se specific numrul de linii afiate i MULTIPLE, care permite o selecie
multipl.
Exemplul 11.
<FORM METHOD="Post" ACTION="http://www.. ">
Doreti sa cumperi:
<SELECT MULTIPLE NAME="cumparaturi" SIZE="5">
<OPTION> mbracaminte
<OPTION VALUE="AL" SELECTED> Alimente
<OPTION> Rechizite colare
<OPTION SELECTED> Carti de specialitate
<OPTION> Echipament sportiv
<OPTION> ncaltaminte
</SELECT>
</FORM>
Intrarea buton: checkbox (caset de control), principiul de introducere a
datelor este: dac
da, completeaz caseta. Pentru acest tip de intrare se revine la tag-ul:
<INPUT TYPE="checkbox" VALUE="v" CHECKED>
unde:
VALUE="v", atribut opional prin care se specific valoarea trimis ctre
server, n cazul selectrii (dac nu este definit, o valoare on se emite
ctre server);
CHECKED, atribut opional pentru selectarea n mod implicit a casetei.

Exemplul 12.
<FORM METHOD="Post" ACTION="http://www.. ">
<INPUT TYPE="checkbox" NAME="donatie" CHECKED>Da, daca vrei sa faci
o donatie
<P>
<INPUT TYPE="checkbox" NAME="lista e-mail">Da, daca vrei sa fii
inclus n lista de pota
</FORM>
Intrare buton: radio selecteaz una dintre posibilitile existente. Sunt
cazuri cnd trebuie aleas o opiune din mai multe, tipul cmpului de intrare
este definit prin atributul TYPE="radio". Alte atribute:
VALUE="v", atribut necesar pentru a indica valoarea asociat butonului,
dac acesta este selectat. Valoarea specificat prin atributul NAME identific
blocul de butoane;
CHECKED, buton radio selectat (se recomand s se foloseasc acest
atribut).

Exemplul 13.
<FORM METHOD="Post" ACTION="http://www. ">
Calculatorul ruleaza sub:
<DL><DD> Sistemul de operare:
<P><INPUT TYPE="radio" NAME="Sistem_operare" VALUE="DOS"> DOS
<INPUT TYPE="radio" NAME="Sistem_operare" VALUE="WIN"> WINDOWS
<INPUT TYPE="radio" NAME="Sistem_operare"VALUE="W_NT" CHECKED>
WIN_NT
<P><DD> Ieirea se face la:<P>
<INPUT TYPE="radio" NAME="Ieire" VALUE="ecran">Ecran
<INPUT TYPE="radio" NAME="Ieire" VALUE="Imprim">Imprimanta
</DL>
</FORM>
Intrarea buton: reset/submit, prin activarea acestor cmpuri are loc
tergerea tuturor zonelor de intrare din formular (se vor regsi valorile
iniiale), respectiv transmiterea datelor ctre server. Butonul SUBMIT
transfer informaia, din formularul completat, la URL specificat prin atributul
ACTION al tag-ului <FORM>. Atributul opional VALUE se utilizeaz pentru
afiarea unui text pe buton.
Exemplul 14.
<FORM METHOD="Post" ACTION="http://www.. ">
--------------<INPUT TYPE="reset" VALUE="terge cmpurile">
<INPUT TYPE="submit" VALUE="Trimite datele">
</FORM>
Intrarea: hidden transmite informaie ascunznd textul.
Atributul VALUE="v" este necesar pentru a se specifica valoarea textului
ascuns, care va fi
emis ctre server.

Exemplul 15.
<FORM METHOD="Post" ACTION="http://www.. ">
Nu se va vedea nimic
<INPUT TYPE="hidden" NAME="nume" VALUE="ABCD">
</FORM>
Exemplul 16. Chestionar
<HTML>
<HEAD>
<TITLE> *** Chestionar *** </TITLE>
<BODY>
<H1 ALIGN=CENTER>CHESTIONAR</H1>
<UL>
<LI><P><H2>Care este domeniul dumneavoastra de
activitate:</H2>

<FORM METHOD="post" ACTION="http://www." >


<SELECT MULTIPLE NAME="domeniu" SIZE="6">
<OPTION>EDUCATIE/INVATAMINT
<OPTION>INFORMATICA
<OPTION>SANATATE
<OPTION>COMERT
<OPTION>SERVICII PUBLICE
<OPTION>FINANTE
<OPTION>CHIMIE
<OPTION>CONSTRUCTII
<OPTION>ALTE DOMENII
</SELECT>
<LI><P><H2>Care este functia pe care o ndepliniti: </H2>
<SELECT MULTIPLE NAME="functie" SIZE="6">
<OPTION>DIRECTOR
<OPTION>PROFESOR
<OPTION>ADMINISTRATOR
<OPTION>INGINER
<OPTION>MUNCITOR
<OPTION>CERCETATOR
<OPTION>SEF COLECTIV
<OPTION>ALTE
</SELECT>
<P>
<INPUT TYPE=SUBMIT VALUE=Tasteaza_pentru_Validare>
</FORM>
</HTML>

Figura 3. Formular n pagina HTML

S-ar putea să vă placă și