Lab 1

1. HTML noiuni introductive a) Structura unui fiier HTML <HTML> <HEAD>  <TITLE> INFORMATICA APLICATA.
PROGRAMARE WEB </TITLE> </HEAD> <BODY> <!-- Continutul propriu-zis al fisierul care va fi afisat in fereastra browser-ului. --!> <! -- tag-uri specifice -- !> </BODY> </HTML>
Observaie: a) n HTML un element este format dintr-un tag de nceput i un tag de sfrit; b) Unui atribut i se atribuie o valoare n cadrul tag-ului. <tag atribut1=valoare1 atribut2=valoare2 ... atribut=valoare> Exemplu: <body bgcolor="blue" TEXT="yellow"
LINK="cyan" VLINK="#000000" ALINK="#FFFFFF> Efect: Fereastra site-ului va avea culoare albastra, - Culoarea textului = galben - Culoarea link-urilor = cyan - Culoare link-urilor vizitate= neagr - Culoarea link-urilor active=alb a)Formulare n HTML
Folosind formularele, administratorul site-ului poate colecta diverse informaii de la vizitatori. Formularul se declar cu tag-ul pereche <FORM atribute> ... </FORM>. Cele mai importante atribute ale etichetei <form> sunt action i method. Action meioneaz adresa scriptului (aflat pe server) care va interpreta formularul. Aceste scripturi pot fi scrise n limbajele PHP sau Pearl. Method indic metoda folosit de browser pentru transmiterea formularului. Poate lua valorile get i post.
= get datele sunt trimise prin adugarea la adresa indicat de action. Permite trimiterea unor mici cantiti de date; = post datele sunt trimise separat i sunt trimise cantiti mari de date. Pe lng cele dou atribute, eticheta <form> mai dispune de un atribut care se refer la transmiterea pachetelor din formular i se utilizeaz n cazul transmiterii fiierelor propriu-zise cum ar fi imagini sau fiiere pdf. Acest atribut este enctype. n formular sunt mai multe tipuri de obiecte care permit introducerea datelor. Obiectele din formular pot fi de tip caset de text, parol, butoane radio, caset de selecie (checkbox), upload, buton SUBMIT sau buton RESET situaie n care se declar cu ajutorul tag-ului <INPUT>, sau list drop down sau list de selecie definite cu tag-ul <SELECT>, sau zon de text specific comentariilor declarat cu tag-ul <TEXTAREA>. 1. 1. Obiect de tip TEXT :<input type=text> Atributele butoanelor de tip text: type = text tipul de obiect; name = nume numele obiectului de tip text box, nume prin intermediul cruia poate fi referit mai trziu; size = valoare limea obiectului (pe orizontal). Unitatea de msur este n spaii; maxlength = valoare numrul maxim de caractere care poate fi introdus. Script HTML Efect
<form action="script.php" method="post"> <table> <tr> <td>Nume</td> <td><input type="text" name="nume"> </td> </tr> <tr> <td>Prenume</td>
<td><input type="text" name="prenume"></td> </tr> <tr> <td>Telefon </td> <td><input type="text" name="telefon"/></td> </tr> <tr> <td>Fax</td> <td><input type="text" name="fax"/></td> </tr> <tr> <td>Email</td> <td><input type="text" name="email"/></td> <tr> </table> </form>
1.2. Obiect de tip password <input type=password name=parola> Script HTML

<td> Parola:</td> <td> <input type="password" name="password"> </td>
Efect
1.3. Obiect de tip RADIO: <input type=radio> Opiunile butoanelor radio: name = nume definete grupul de butoane radio. Dac mai multe butoane radio au acelai nume, atunci sunt n acelai grup i doar o singur opiune poate fi selectat o dat; value = valoare specific valoarea care se va transmite n cazul n care se selecteaz opiunea. Script HTML
<tr> <td>Anul de studiu</td><td></td> <td> <b>I </b><input
Efect
type="radio" name="an" value="1"></td> <td><b>II </b><input type="radio" name="an" value="2"></td> <td> <b>III </b> <input type="radio" name="an" value="3"></td> </tr>
1.4. Obiect de tip CHECKBOX <input type=checkbox name=check> Opiunile butoanelor de tip CHECKBOX: name = nume value = valoare Script HTML
<tr> <td> Materii studiate:</td> <td> Informatica aplicata I <input type="checkbox" name="info1"> </td> <td> Pachete de programe <input type="checkbox" name="pp"> </td> <td>Programare Web <input type="checkbox" name="info3"></td> </tr>
Efect
1.5. Obiect de tip Drop DownList Obiectul de tip DropDownList permite selectarea unei opiuni dintr-o list cu elemente predefinite. Lista este declarat cu ajutorul tag-ului <SELECT>, iar fiecare opiune este definit cu tag-ul <OPTION>.
Script HTML <tr> <td>Specializarea:</td> <td colspan="4"> <select name="specializare"> <option value=""> Selectati optiunea <option value="mo">Managementul Efect
Organizatiei <option value="mef">Management Economico-Financiar <option value="ap">Administratie Publica </select> </td> </tr>
1.6. Obiect de tip SELECTION MULTIPLE (List de selecie) Obiectul de tip SELECTION MULTIPLE permite selectarea unei opiuni dintr-o list de selecie. Lista de selecie este declarat cu ajutorul tag-ului <SELECT MULTIPLE>, iar fiecare opiune este definit cu tag-ul <OPTION>. Script HTML
<td>Limbaje de programare sau aplicatii</td> <select multiple name="limbaje"> <option value="access" selected> MS Access</option> <option value="autocad"> Autocad </option> <option value="matlab"> Matlab </option> <option value="matcad"> Mathcad </option> <option value="PhP"> PhP </option> <option value="pearl">Pearl </option> <option value="mysql"> MySQL </option> </select>
Efect
1.7. Obiect de tip UPLOAD <input type="file" name="file"> Obiectul de tip UPLOAD este format din trei pri: prima parte (opional) un cmp ascuns care limiteaz dimensiunea fiierului;
a doua parte cmpul propriu-zis care permite introducerea numelui i url-ului fiierului; a treia parte butonul BROWSE care permite selectarea fiierului dorit. Script HTML
Poza: <input type="hidden" name="MAX_FILE_SIZE" value="100"> <input type="file" name="fisier">
Efect
1.8. Obiect de tip TEXTAREA Obiectul de tip TEXTAREA permite introducerea observaiilor. Zona de text trebuie specificat prin tag-ul <TEXTAREA> cu urmtoarele opiuni: rows = valoare numrul de linii pentru zona de comentariu; cols = valoare numrul de coloane; wrap = = off = virtual = physical name = nume numele obiectului cu care va fi referit ulterior. Script HTML
Comentarii: <textarea rows="5" cols="30" wrap="physical" name="comentariu"> Introduceti comentariul dorit </textarea>
Efect
1.9. Buton de tip SUBMIT: <input type=submit> Butonul de tip SUBMIT transmite spre fiierul specificat n opiunea ACTION a tag-ului FORM, datele completate din formular. Opiunile butonului SUBMIT: type = submit; name = nume numele prin care va fi referit ulterior;
value = text textul ce va fi afiat pe buton; implicit este SUBMIT. 1.10. Buton de tip RESET: <input type=reset> Butoanele de tip RESET anuleaz datele introduse n formular. Script HTML
<input type="submit" value="TRIMITE"> <input type="reset" value="Reseteaz">
Efect

Lab 1

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Lab 1

Încărcat de

Drepturi de autor:

Formate disponibile

1. HTML noiuni introductive a) Structura unui fiier HTML <HTML> <HEAD>  <TITLE> INFORMATICA APLICATA.

1.2. Obiect de tip password <input type=password name=parola> Script HTML

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