sâmbătă, 22 septembrie 2012

Formulare in HTML




Avertisment Chrome -Conexiunea la acest site 
nu este sigură 


Cui îi este adresat, ce înseamnă avertismentul de securitate, și care este scopul acestuia?

Google dorește să atragă atenția atât utilizatorilor, cât și web developerilor și proprietarilor de website-uri, pentru scopuri diferite:

  • utilizatorii trebuie să fie informați cu privire la faptul că site-ul pe care navighează nu este securizat, conexiunea nu este privată, ceea ce înseamnă că datele transmise de ei către website prin protocolul HTTP ar putea fi interceptate de persoane neautorizate în timpul transferului. De aceea, Google menționează în avertisment: „Nu ar trebui să introduci informații sensibile pe acest site(de exemplu, parole sau carduri de credit), deoarece ar putea fi furate de atacatori. Iată o captură de ecran a avertismentului pe mobil .
Dacă dorești să descoperi cum arată avertismentul de securitate de la Google pentru website-ul tău pe mobil, accesează opțiunile navigatorului Chrome .
  • web developerii vor fi nevoiți să se adapteze la noile condiții, adică cei care utilizează în prezent protocolul HTTP vor renunța la el vor implementa protocolul HTTPS, prin care datele trimise de utilizator către website sunt encriptate. Această schimbare nu este obligatorie, însă cei care nu o vor face for avea anumite dezavantaje, despre care vă voi vorbi mai mult în continuarea acestui articol.
  • proprietarii de site-uri web vor deveni mai conștienți de riscurile pe care le au dacă nu vor face schimbarea de la HTTP la HTTPS și le vor cere web developerilor care se ocupă de site-urile lor să le îmbunătățească securitatea și, implicit, imaginea în ochii utilizatorilor prin adoptarea noului protocol.

De ce să treceți de la HTTP la HTTPS?

  1. traficul pe site-urile celor care solicită date sensibile, dar decid să rămână la HTTP va scădea ca urmare a avertismentului vizibil pentru utilizatori. Aceștia vor deveni mai conștienți de implicațiile de securitate și, mai ales utilizatorii noi, vor evita să-și introducă pe un site marcat ca nesecurizat. Chrome este cel mai utilizat navigator la nivel global conform celor mai recente statistici privind cota de piață a navigatoarelor. Cei mai mulți nu vor ști ce reprezintă acel avertisment
  2. cei care vor trece la HTTPS vor vedea o creștere de poziție în clasarea motorului de căutare Google și, odată cu îmbunătățirea poziției în căutare, mai mult trafic. Îmbunătățirea clasării în motoarele de căutare se face cu eforturi financiare destul de mari cu ajutorul campaniilor SEO sau a schimbărilor care țin destructura site-ului; prin această înlocuire de protocol puteți obține mai mult trafic gratuit ca bonus pentru îmbunătățirea propriului website!
  3. paginile care utilizează HTTPS se încarcă mult mai rapid. Viteza site-ului este unul dintre factorii decisivi pentru maximizarea ratei de conversie și unul dintremotivele pentru care unele afaceri nu au succes online.
  4. scăderea dramatică a conversiilor pentru cei care aleg să rămână pe HTTP. Atunci când utilizatorii vor intra de pe navigatorul Chrome pe site-ul vostru nesecurizat și vor dori să facă o plată sau să se autentifice, Google le va afișa pe acele pagini mesajul că site-ul nu este securizat și informațiile pe care le vor introduce vor fi transmise printr-o conexiune nesecurizată. Rata de abandon a acțiunilor inițiate de utilizator va fi foarte mare, nu vor mai avea sentimentul de siguranță pe site și acest lucru va contribui la generarea unei percepții negative cu impact direct asupra traficului provenit de la utilizatori recurenți.

Implementarea protocolului HTTPS – tutorial

Acest tutorial a fost făcut pe un website care utilizează panoul de administrare și găzduire web cPanel și sistemul de administrare al conținutului WordPress.
Ca să începeți, deschideți CPanel și dați clic pe Lets Encrypt SSL.
Opțional, pentru ca toți utilizatorii să fie redirecționați către noul vostru domeniul care conține https inclusiv atunci când dau clic pe linkurile anterioare care conțin http, adăugați liniile de cod:

RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]


Formularele reprezinta o modalitate de comunicare intre utilizatori si server. Pentru prelucrarea lor, sunt folosite diferite scripturi server-side, ex.:PHP, Perl.

Un formular se defineste cu ajutorul marcajului <form>, iar in interiorul acestuia se gasesc diferite campuri de introducere a datelor. Campurile unui formular destinate pentru introducerea datelor se definesc prin intermediul marcajului <input>.

Exemplu

<form action="mailto:AdresaTa@email.com" method="POST">
Numele:<br>
<input type="text" name="name"><br>
Email:<br>
<input type="text" name="email"><br>
Mesajul:<br>
<textarea cols="30" rows="5"></textarea><br>
<input type="submit" name="submit" value="Trimite">
<input type="reset" name="reset" value="Reseteaza">
</form>

Rezultat:
Numele:

Email:

Mesajul:


Pentru transmiterea informatiilor catre server se utilizeaza una din cele doua metode:
  • metoda get - informatiile din formular sunt vizibile in URL
  • metoda post- informatiile din formular nu sunt vizibile in URL
Atributul action are ca valoare URL-ul careia ii vor fi transmise informatiile din formular, pentru prelucrare.

Campurile unui formular sunt definite cu ajutorul marcajului <input> care poate lua urmatoarele atribute:
  • type - tipul campului. Poate lua urmatoarele valori:
    • button - definirea unui buton
    • checkbox - casute de bifat. Prin intermediul lor utilizatorul poate selecta (bifa) mai multe variante de raspuns simultan.
    • file - permite utilizatorului sa selecteze un fisier din calculatorul sau. (ex. un fisier care se doreste a fi incarcat pe server).
    • hidden - acest camp nu va aparea in formular, va fi invizibil.
    • submit - informatiile din formular sunt trimise spre prelucrare la URL-ul indicat inaction.
    • password - acest camp se foloseste la introducerea parolei. Din motive de securitate se inlocuieste fiecare caracter tastat cu un asterix (*).
    • radio - reprezinta un set de elemente cu un singur nume, din care se poate selecta doar unul.
    • text - camp in care utilizatorul poate introduce text.
    • reset - buton la apasarea careia se goleste formularul.
  • name - numele elementului
  • value - valoarea atributului elementului
  • size - lungimea campului de tip text sau password
  • maxlength - numarul maxim de caractere care pot fi introduse intr-un camp de tip text saupassword
  • disabled - dezactivarea unui element.

Niciun comentariu:

Trimiteți un comentariu