Kā izveidot atgriezenisko saiti. Web dizains un meklētājprogrammu optimizācija. PHP atsauksmes forma

Apskatīsim vienkāršas un ātras atsauksmju veidlapas piemēru vietnei, kas rakstīta html un php.

Kāpēc forma ir html un php?

Tādiem CRM kā Wordpress, Joomla un citiem varat atrast dažādus spraudņus, lai vietnē instalētu atsauksmju veidlapu. Tomēr, kas man nepatīk šādos spraudņos, ir to sliktā veiktspēja un palēnina vietnes darbību. Tā kā šie spraudņi joprojām veido to pašu HTML kodu, es iesaku izmantot vienkāršu, bet pilnībā funkcionējošu veidlapu, kuru var arī modificēt, lai veiktu atzvanīšanu no vietnes.

Kontaktforma html formātā tiek vienkārši ievietota Joomla, OpenCart admin panelī, un, ja jūsu vietne ir pašrakstīta vai izmantojat kādu ietvaru, parādītā koda izmantošana nebūs sarežģīta un, pats galvenais, vietne tiks ielādēta kā ātri kā pirms koda ievietošanas.

Struktūra, kā tiek organizēta atgriezeniskā saite par vietni

Lai viss darbotos, iedošu struktūru, kas nepieciešams, lai kontaktu vai zvana forma darbotos?

Lapā ievietots HTML kods + css stili.
Php fails, kas nosūta vēstuli.

Html kods satur informāciju par to, kuri ievades lauki ir jāparāda, un to paraksti. CSS stili ir atbildīgi par pašas formas vizuālo noformējumu un datu attēlošanu. Noklikšķinot uz pogas nosūtīt, tiek izsaukts php fails, kas nosūta vēstuli uz norādīto e-pastu. Apskatīsim veidlapas avota kodu sīkāk vēlāk.

HTML atsauksmju veidlapas kods

Pirmkārt, mēs nodrošināsim pilnu kodu atsauksmju veidlapai par vietni HTML formātā.

Pati forma atrodas starp html tagiem

. Pats formas tags

ir piešķirta css class="form-zvonok", ko izmanto, lai iestatītu veidlapas parādīšanu, izmantojot css stilus.

Veidlapas atribūti autocomplete="off" — veidlapas automātiskā pabeigšana ir atspējota. Formas atribūts ir action="http://site.com/email.php" , tas norāda faila adresi, kas tiek izsaukta un uz kuru tiek pārsūtīti veidlapas dati pēc pogas “Sūtīt” noklikšķināšanas.

Atribūts method="post", šajā gadījumā dati tiek sūtīti paslēpti un netiek rādīti adreses joslā, otra metode Get nosūta veidlapas datus caur adreses joslu. Ņemot vērā vietnes SEO optimizācijas nepieciešamību, vietnes atsauksmju veidlapas gadījumā datus labāk nosūtīt, izmantojot Post metodi, jo Get metodes gadījumā vietnei būtībā būs pieejamas daudzas līdzīgas lapas. , kas atšķiras tikai ar dažiem nenozīmīgiem parametriem.

Šajā div ir div, kas satur tagus Un , un pašās beigās - Iesniegt pogu, noklikšķinot uz tās, tiek nosūtīti veidlapas dati.

Vēstules nosūtīšana ar php skriptu

Šeit ir vienkāršs skripts vēstules nosūtīšanai

Lai nosūtītu vēstuli uz vajadzīgo e-pastu, nomainiet mainīgā $to vērtību [aizsargāts ar e-pastu] uz vajadzīgo adresi. Mainīgais $subject ir ziņojuma priekšmets, ko parāda e-pasta programmas, skatot burtu sarakstus. $ziņojums ir vēstules pamatteksts, tas ir pats ziņojums. $headers - vēstules galvene, tā norāda vēstules veidu, piemēram, html, arī vēstules kodējumu, no kā vēstule piegādāta un uz kuru e-pastu nosūtīt atbildi.

Atzvanīšanas veidlapas izstrāde css vietnei

Šeit ir vietnes atsauksmju veidlapas CSS dizaina kods.

Obratnuj-zvonok(platums: 100%; max-width: 350px; ) .form-zvonok(platums: 100%; displejs: flex; flex-direction: kolonna; polsterējums: 0 20 pikseļi; kastes izmērs: apmale-box; ) .form-zvonok div( polsterējums: 15px 0; ) .bot-send-mail( box-sizing: border-box; width: 100%; ) .form-zvonok label,.form-zvonok input( displejs: bloks; platums : 100%; lodziņa izmērs: apmale-box; ) .form-zvonok label( margin-down: 5px; font-weight: bold; ) .form-zvonok input( polsterējums: 10px 15px; margin-augšs: 10px; ) .form-zvonok etiķetes span( krāsa: sarkana; ) .form-zvonok .bot-send-mail( polsterējums: 15px; margin-top: 10px; fons: nav; apmale: nav; teksta pārveidošana: lielie burti; krāsa: # fff; fonta svars: treknrakstā; fona krāsa: #009b97; kursors: rādītājs; apmale: 3px #009b97 cieta; apmales rādiuss: 5px; ) .form-zvonok .bot-send-mail:hover( krāsa: #009b97 ; fona krāsa: #fff; )

Iestatiet div daļas platumu vienādu ar vecākbloka platumu un ierobežojiet maksimālo platumu līdz 350 pikseļiem; ja platums ir platāks, html veidlapa izskatās izstiepta:

Obratnuj-zvonok (platums: 100%; maksimālais platums: 350 pikseļi;)

Lai sakārtotu laukus un iesniegšanas pogu, mēs tos iesaiņojam div, iestatām displeju uz elastīgu un iestatām displeja virzienu uz kolonnu. Skaistuma labad pievienojiet 20 pikseļu polsterējumu augšpusē un apakšā:

Form-zvonok (platums: 100%; displejs: elastīgs; elastīgs virziens: kolonna; polsterējums: 0 20 pikseļi; lodziņa izmērs: apmale-box; )

Paraksts un ievades lauks ir iesaiņoti div:

Vārds*

Šim divam mēs piešķirsim polsterējumus:

Form-zvonok div (polsterējums: 15 pikseļi 0; )

Iestatiet iesniegšanas pogas platumu, kas vienāds ar vecākbloka platumu, un piešķiriet apmales lodziņam lodziņa izmēru tā, lai tas nepārsniegtu vecākbloku:

Bot-send-mail (kastes izmērs: apmale-box; platums: 100%; )

Tāpat arī etiķetēm un ievades laukiem:

Form-zvonok etiķete,.form-zvonok ievade( displejs: bloks; platums: 100%; kastes izmērs: apmale-box; )

Mēs pielāgojam skaisto parakstu un ievades lauku izskatu:

Form-zvonok etiķete (piemale-apakšējā: 5px; fonta svars: treknrakstā; ) .form-zvonok ievade (polsterējums: 10px 15px; piemale-augšējā: 10px; )

Padariet zvaigzni sarkanu:

Form-zvonok etiķetes laidums( krāsa: sarkana; )

Mēs izveidojam sūtīšanas pogu:

Form-zvonok .bot-send-mail( polsterējums: 15 pikseļi; malas augšdaļa: 10 pikseļi; fons: nav; apmales: nav; teksta pārveidošana: lielie burti; krāsa: #fff; fonta svars: treknraksts; fona krāsa: # 009b97; kursors: rādītājs; apmale: 3px #009b97 cieta; apmales rādiuss: 5px; )

Novietojot kursoru virs pogas, iestatiet krāsas maiņu:

Form-zvonok .bot-send-mail:hover( krāsa: #009b97; fona krāsa: #fff; )

Izveidojiet atsauksmju veidlapu

Atsauksmju veidlapas izveidošana vietnē

Mājas lapas popularizēšanas procesā, līdztekus apmeklētāju statistikas izpētei, īpaša nozīme ir informācijai par vietni no pašiem apmeklētājiem. Viens no vienkāršākajiem veidiem, kā iegūt šādu informāciju, ir tīmekļa vietnē ievietot lapu ar atsauksmju veidlapa. Apmeklētājs atstāj ziņojumu, un tas tiks nosūtīts uz jūsu e-pasta adresi vai jebkuru citu jūsu norādīto adresi. Šajā gadījumā apmeklētājam nav jāizmanto sava pasta programma, viņam pat nav nepieciešams savs e-pasts.

Vienkāršākais šīs formas piemērs ir parādīts 1. attēlā. (Šis ir pilnībā funkcionējošs paraugs, un jūs varat to izmantot, lai nosūtītu man pateicības piezīmi.)

1. att. Vienkārša atsauksmju veidlapa

Lai ievietotu šādu atsauksmju veidlapu vietnē, jums ir nepieciešama tikai pamatinformācija par HTML un iespēja darboties ar divām komandām - Kopēt Un Ievietot. Apskatīsim darbību secību, lai vietnes HTML lapā izveidotu atgriezeniskās saites veidlapu (1. att.).

1. Pārbaudiet, vai jūsu mitināšanas plāns (birojs, kurā tiek mitināta jūsu vietne) atbalsta PHP. Ja nē, tad, visticamāk, jums būs jāmaksā papildus, lai pārslēgtos uz citu tarifu, kas atbalsta šo pašu PHP. Jums nav jāmeklē šī saīsinājuma nozīme, jo jums nav nepieciešamas PHP zināšanas.

2. Atlasīsim lapu, kurā vēlamies ievietot atsauksmju veidlapu, un ielīmēsim šādu kodu pareizajā vietā:
Tavs vārds:

Jūsu e-pasts (atbildei):

Tava ziņa:

Kā redzat, visu formu veido tags

ar atribūtiem action=mail.php(norāde uz vietnes lapu, kurā atrodas ievadīto datu apstrādes skripts) un metode=post(datu nosūtīšanas metode uz serveri). Atsevišķas rindas, kas izveidotas ar tagu ar pilnīgi saprotamiem atribūtiem. Atsevišķu formas elementu, teksta, fontu u.c. atrašanās vieta. varat to mainīt atbilstoši savas vietnes dizainam. Tagā </b> ir iestatīti ziņojuma teksta ievades laukuma izmēri: rindu un kolonnu skaits (rows="3" cols="25").</p> <p><b>3. </b> Izveidosim jaunu lapu <b>mail.php</b>, līdzīgi parastajam HTML, bet ar paplašinājumu .php. Pilns lapas kods ir parādīts 2. attēlā:</p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br> <html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><br> <title>Atsauksmes</title><br> </head><br> <body><br><?php <br>if (isset($_POST["nosaukums"])) ($nosaukums = $_POST["nosaukums"];) <br>if (isset($_POST["e-pasts"])) ($email = $_POST["e-pasts"];) <br>if (isset($_POST["nekārtība"])) ($mess = $_POST["nekārtība"];)</p><p>$to = "pupkin@rambler.ru"; /*Ievadiet savu e-pasta adresi*/ <br>$headers = "Satura veids: teksts/vienkāršs; charset=utf-8"; <br>$subject = "Ziņojums no jūsu vietnes"; <br>$message = "Sūtītāja vārds: $name \nE-pasta adrese: $email \nZiņojums: $mess"; <br>$sūtīt = pasts($kam, $tēma, $ziņa, $galvenes); <br>if ($send == "true") <br> {<br>atbalss" <b>Paldies, ka nosūtījāt savu ziņojumu! <p>";<br>atbalss" <a href=index.html>Klikšķis</a> lai atgrieztos galvenajā lapā"; <br> } <br>cits <br> {<br>atbalss" <p><b>Kļūda. Ziņa nav nosūtīta!"; <br> } <br>?> <br> </body><br> </html></p> <h5><i>2. att.</i> Atsauksmes veidlapas apstrādes lapas kods</h5> <p>Saišu adreses, kurām jāpievērš uzmanība, ir iezīmētas sarkanā krāsā:</p> <ul><li>pupkin@rambler.ru - nomainiet Pupkin adresi ar savu e-pasta adresi, kur tiks saņemtas ziņas no vietnes apmeklētājiem, kā arī no nenogurstošiem surogātpasta izplatītājiem. Starp citu, lai aizsargātos pret tiem, veidlapā bieži tiek ievadīts tā sauktais captcha. <b>CAPTCHA</b>- Pilnīgi automatizēts publiskais Tjūringa tests, lai atšķirtu datorus un cilvēkus — pilnībā automatizēts publiskais Tjūringa tests, lai atšķirtu datorus un cilvēkus). Parasti tie ir ļoti izkropļoti cipari un burti, kas jums tiek lūgts ievadīt pirms ziņojuma nosūtīšanas. Mēs runāsim par captcha vienā no šiem rakstiem. <br>Ja vēlaties nosūtīt vēstules uz vairākām adresēm, vienkārši norādiet tās, atdalot tās ar komatiem.</li> <li>a href=index.html - vietnes galvenās (mājas) lapas adrese.</li> </ul><p>Izveidota lapa <b>mail.php</b> jāievieto tajā pašā vietnes direktorijā (direktorijā, mapē), kurā atrodas lapa ar atsauksmju veidlapu.</p> <p>Pārbaudiet atsauksmju veidlapas funkcionalitāti. Ja viss ir izdarīts rūpīgi, tad pēc veidlapas aizpildīšanas un nospiešanas <b>Nosūtīt ziņu</b> Jāparādās šādam tekstam: " <b>Paldies, ka nosūtījāt savu ziņojumu. lai atgrieztos galvenajā lapā</b> Pēc tam pastkastītē (vai citā, kuru norādījāt, veidojot atsauksmju veidlapu) jūs atradīsiet savu ziņojumu savam mīļotajam.</p> <blockquote> <p><b><i>komentēt:</i> </b> dažās mitināšanas vietnēs jaunā (tikko vietnē instalētā) atsauksmju veidlapa nesāk darboties uzreiz, un pirmās vēstules nesanāk vispār vai pienāk ar 1-2 dienu kavēšanos. Iespējams, notiek "zobratu pieslīpēšana" un tad viss darbojas labi. Turklāt vēstules no dažām hostinga vietnēm nesasniedz noteiktas adreses, piemēram, man radās problēmas ar pastkastīti vietnēs Rambler un Mail.ru. Lai atrisinātu šīs problēmas, sazinieties ar savu saimnieku – viņi parasti palīdz.</p> </blockquote> <p>Dažreiz, izmantojot aprakstīto atsauksmju veidlapu, rodas problēmas ar kodēšanu. Ja ienākošajā vēstulē, nevis vietējās kirilicas alfabēts, teksts sastāv no “trakiem kodiem” vai tukšiem laukumiem, tad kodējums ir jāizvēlas manuāli, kas, protams, ir neērti. Lai tas nenotiktu, pārbaudiet, vai jūsu lapa ar atsauksmju veidlapu ir kodēta <b>charset=utf-8</b>. Ja izmantojat programmu <b>Adobe Dreamweaver</b>, lai to izdarītu, ir jāizvēlas izvēlnes sadaļa <b>Rediģēt — Lapas rekvizīti — Kodējums</b>.</p> <p>Vietnes failu kodēšanas problēma ir sīkāk aplūkota rakstā Kodēšanas problēmas atsauksmju veidlapā.</p> <p>Aprakstītajā piemērā vienkāršības labad ziņojums par vēstules nosūtīšanu tiek parādīts uz tukšas lapas. Protams, varat to ievietot jebkurā savas vietnes lapā, lai apmeklētājs varētu izmantot navigāciju (izvēlni), lai izvēlētos, ko darīt tālāk. Lai to izdarītu, ievietojiet PHP kodu (to, kas atrodas no<<b>?php</b> pirms tam <b>?> </b>) uz vajadzīgo vietu izvēlnes lapā un nomainiet tās nosaukumu uz mail.php.</p> <p>Papildus pašas atsauksmju veidlapas ievietošanai ieteicams pārbaudīt, vai apmeklētājs ir pareizi aizpildījis tās laukus. Tas jādara, lai jūs nesaņemtu tukšas vēstules un jūsu pastkaste nebūtu aizsērējusi ar atkritumiem, ko sūta draiskuļi, kuriem vienkārši patīk spiest pogu <b>Nosūtīt ziņu</b>. Metodes atsauksmju veidlapas aizpildīšanas pārbaudei un aizsardzībai pret surogātpastu ir aprakstītas rakstos "</p> <p><b>Vietnes atsauksmju veidlapa</b>, kuru es jums parādīšu, ir balstīts uz Ajax tehnoloģijas izmantošanu. Bet neuztraucieties, jums tas nav jāzina, viss jau ir gatavs, jums atliek tikai instalēt šo veidlapu un pielāgot to sev!</p> <p>Puiši, scenārijs jau sen ir novecojis. Dažiem tas darbojas, citiem ne. Un es esmu pārāk slinks, lai to izdomātu, nemaz nerunājot par tā atjaunināšanu. Tāpēc pārbaudiet pēc saviem ieskatiem.</p> <h2>PHP atsauksmju veidlapa, kas nosūtīta pa e-pastu</h2> <p>Šis <i>vietnes atsauksmju veidlapa</i> pati par sevi ir ļoti funkcionāla, tam ir pieslēgti vairāki spraudņi, kas veido pievilcīgu izskatu un pārbauda ievadīto datu derīgumu (lasīt pareizību). Šie spraudņi darbojas uz lielajiem un varenajiem! Un tos sauc šādi:</p> <ol><p>1. <i>JQTransform</i>– spraudnis, kas ļauj padarīt mūsu atsauksmju formu skaistu!</p> <p>2. <i>formValidator</i>– un šis spraudnis pārbauda kontaktformā ievadītās informācijas pareizību un, ja kaut kas notiek, parāda rīka padomus!</p> </ol><p>Šīs veidlapas pilnīgai darbībai tiks izmantota klase PHPMailer. Tiek uzskatīts par vienu no labākajiem!</p> <p>Piezīme gudrākajiem:</p><p>Vietnes atsauksmju veidlapu var izveidot HTML formātā! Bet tas sāks darboties tikai ar PHP palīdzību! Un nekas cits!</p> <p>Tas ir man tiem, kas meklē atsauksmju veidlapu tikai HTML formātā. Jūs to izdarīsit, bet tas nedarbosies!</p> <p>Tādēļ jums ir jāatbalsta PHP, un šai saziņas veidlapai PHP ir jābūt vismaz 5. versijai. Es ceru, ka es to paskaidroju? Turklāt tagad jebkurš normāls hostings atbalsta šos nosacījumus!</p> <p>Šo atsauksmju veidlapu izraku vietnē www.tutorialzine.com, saite ved tieši uz sākotnējo lapu, t.i. šīs veidlapas autora vietne!</p> <p>Tur viss ir angļu valodā, tāpēc mums ar Sašu nācās nedaudz pačalot, lai pārrusificētu šo kontaktformu un pašus spraudņus, kas ar to ir saistīti.</p> <p>Godīgi sakot, mēs ar šo “veidlapu” ķērāmies divas dienas, jo sāka parādīties dažādas kļūdas, un mēs negribējām ievietot atsauksmju veidlapu, kas nebija pilnībā aizpildīta, it īpaši tik skaista! Tātad, ja jums patīk visu darīt pats, un jūsu gaišākajā galvā iešaujas doma - lai pats rusificētu šo formu, es jums sniegšu dažus padomus, jo jūs neaprobežosities tikai ar frāžu tulkošanu:</p> <ol><p>1. Šī atsauksmju veidlapa ir pielāgota buržuāzijai un tika lejupielādēta no turienes, tāpēc tā nosūtīs jums krakozyabl, nevis parastās krievu rakstzīmes. Izprotiet kodējumu. Un vispār ar to būs saistīti visi “roņi”!</p> <p>2. Validācijas skripts sākotnēji nesaprot mūsu burtus, tāpēc tie būs jāraksta tur!</p> <p>3. Arī pēc šīm darbībām, ja norādāt vēstules tēmu krievu valodā, vēstule pienāk ar tematu - Bez tēmas (ceru, ka uzrakstīju pareizi), to var izārstēt, ja PHPMailer klases failā norādāt kodējumu .</p> <p>4. Sākotnējā formā teksts ievades laukos tika nospiests uz leju, nevis pa vidu. Šī ir spraudņa JQTransform kļūme.</p> </ol><p>Nu izskatās, ka viss tika izrakstīts un brīdināts. Ejam tālāk!</p> <p>Sveicināts, dārgais lasītāj, šodien esmu jums sagatavojis garšīgu html atsauksmju veidlapu, kas darbojas bez lapas atkārtotas ielādēšanas, izmantojot Ajax tehnoloģiju + spēcīgu trigeri, kas motivēs jūsu apmeklētājus izmantot formu. Mana emuāra lasītāji ļoti aktīvi apsprieda manu iepriekšējo rakstu par galveno lapu, tagad mēs izvērtējam un skatāmies pabeigto jauno formu. Viss nepieciešamais <i><span>rakstā pievienots pirmkods un demonstrācija</span> </i>, mēs arī analizēsim darba un savienojuma struktūru.</p> <p><b>UPD:</b> Izlabota kļūda ar nosaukuma kodējumu temata rindiņā. Tagad viss tiek parādīts pareizi. Mēs pateicamies lasītājai (Jekaterina Karačeva)</p> <p>Pati veidlapas formātā ir iekļauts arī apdarinātāja fails PHP, turklāt darbam būs nepieciešama jquery bibliotēka un skripti, bet vispirms es to nelādēšu pārāk ilgi - pāriesim uz apskatu un mūsu atsauksmju analīze.</p> <h3>HTML atsauksmju forma - darba struktūra</h3> <p>Mūsu veidlapa izskatās šādi:</p> <p>Kāda te jēga? Labajā pusē ir tāda forma, bet kreisajā pusē izveidoju īpašu bloku, kas mudinās Jūsu apmeklētāju nekavējoties ievadīt savu kontaktinformāciju! Noslēpums ir vienkāršs: vai kreisajā blokā redzat datumu un laiku? Šodienas datums tiks rādīts visu laiku, laika gaitā šo divu stundu diapazons tiek aprēķināts no pašreizējās stundas, pieņemsim, ja jūsu laiks tagad ir 13:14, tad stundu diapazons būs: no 12 līdz 14. Paskaties, kā tas strādā)))</p> <p>Apmeklētājs redzēs: oho, šodien ir atlaide, un es biju tieši laikā, ir arī atlaide! Tas jāņem nekavējoties! – Tas ir mūsu sprūda.</p> <p><img src='https://i0.wp.com/vpluce.ru/wp-content/uploads/2015/01/demo.png' height="50" width="136" loading=lazy loading=lazy><img src='https://i2.wp.com/vpluce.ru/wp-content/uploads/2015/01/skachat-ishodniki.png' height="50" width="272" loading=lazy loading=lazy></p> <p>Es lejupielādēju html atsauksmju veidlapas pirmkodu, apskatīju demonstrāciju - domāju, ka esmu spēlējis pietiekami)) Tagad par vissvarīgāko lietu, darbības principu:</p> <p><img src='https://i0.wp.com/vpluce.ru/wp-content/uploads/2015/06/shema-rabotu-formu.jpg' align="center" height="600" width="406" loading=lazy loading=lazy></p> <p>Ievades formas lauku validācija notiek apdarinātāja failā <b>contact.php</b> Zemāk redzamajā programmas koda sarakstā pašā veidlapā parādās ziņojums par kļūdām un veiksmīgu vēstules nosūtīšanu, tā izskatās pēc nosūtīšanas:</p> <p><img src='https://i2.wp.com/vpluce.ru/wp-content/uploads/2015/06/forma-otpravleno1.jpg' align="center" height="218" width="374" loading=lazy loading=lazy></p> <h3>Veidlapu apstrādātāja pirmkods</h3> <p>Ielīmējiet rindā <b>52 </b> savu e-pastu, tāpēc visas vēstules tiks nosūtītas uz norādīto e-pastu.</p> <table><tr><td class="line_numbers"> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 </td><td class="code"> <?php $post = (!empty($_POST)) ? true: false; if($post) { $email = trim($_POST["email"]); $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $message = htmlspecialchars($_POST["message"]); $tel = htmlspecialchars($_POST["tel"]); $error = ""; if(!$name) { $error .= "Пожалуйста введите ваше имя.<br /><br /><br /> < 1) { $error .= "Введите ваше сообщение.<br /> <".$tel."> <div class="notification_error">".$error."</div>"; } } ?> </td> </tr></table><p><?php $post = (!empty($_POST)) ? true: false; if($post) { $email = trim($_POST["email"]); $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $message = htmlspecialchars($_POST["message"]); $tel = htmlspecialchars($_POST["tel"]); $error = ""; if(!$name) { $error .= "Пожалуйста введите ваше имя.<br />"; ) // Tālruņa verifikācijas funkcija ValidateTel($valueTel) ( $regexTel = "/^(7,12)$/"; if($valueTel == "") ( return false; ) else ( $string = preg_replace( $regexTel, "", $valueTel); ) return empty($string) ? true: false; ) if(!$tel) ( $error .= "Lūdzu, ievadiet tālruņa numuru. <br />"; ) if($tel && !ValidateTel($tel)) ( $error .= "Ievadiet derīgu tālruņa numuru. <br />"; ) if(!$error) // Pārbaudiet ziņojumu (garumu) if(!$message || strlen($message)< 1) { $error .= "Введите ваше сообщение.<br />";// Šī rinda nosaka minimālo ierobežojumu burtu rakstīšanai. ) if(!?utf-8?b?". base64_encode($name) ."?="; $message ="\n\nNosaukums: " .$ vārds."\n\nTālruņa numurs: " .$tel."\n\nZiņojums: ".$ziņa."\n\n"; $mail = pasts("jūsu_e-pasts@gmail.com", $subject, $message , "No: ".$name_tema."<".$tel.">"."Atbildēt uz: ".$email." "." X-Mailer: PHP/" . phpversion()); if($mail) ( atbalss "OK"; ) ) else ( echo " <div class="notification_error">".$error."</div>"; } } ?></p> <h3>Veidlapas veiktspēja</h3> <p>Lai saņemtu vēstules uz savu pastkasti, mainiet rindiņu, ko minēju iepriekš. Iesaku izmantot gmail.com pastu, saņemot ģenerētu vēstuli no formas, nav nekādu aizķeršanos un aizķeršanos. Es tevi brīdināju, jo... Lasītājiem radās daudz jautājumu (vēstules mail.ru nenonāk). Esiet uzmanīgi šajā jautājumā.</p> <p>Mēs aizpildām visus laukus, lūdzu, ņemiet vērā, ka tālruņa numurs tiek ievadīts ar 8 - es rīka padomos speciāli ierakstīju numuru ar astoņnieku “89251122333”. Ievadot rakstzīmi <b>«+» </b> Tiks parādīts kļūdas ziņojums. Ja kādam tas ir nepieciešams, to var viegli pievienot apstrādātājam <b>«+» </b>.</p> <p><i>Aizpildīta veidlapa ar testa datiem</i> </p> <p><img src='https://i1.wp.com/vpluce.ru/wp-content/uploads/2015/06/proverka-formu.jpg' align="center" height="414" width="369" loading=lazy loading=lazy></p> <p><i>Vēstule pastkastītē</i> </p> <p>Kā redzat, mēs saņēmām vēstuli ar visiem trim laukiem, kas tika aizpildīti un nosūtīti. Apdarinātājā mainās vēstules “Pieprasījums no vietnes vietnes” galvene <b>contact.php</b></p> <p><img src='https://i1.wp.com/vpluce.ru/wp-content/uploads/2015/06/mail2.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Viss darbojas labi, būs patīkami dzirdēt jūsu atsauksmes (konstruktīvu kritiku) komentāros, ja jums ir kādas grūtības un nevarat tikt galā ar kaut ko, droši rakstiet man uz VK (atradīsiet kontaktinformācijā ). Ceru, ka jums patika šīs atgriezeniskās saites veidlapas (pakalpojumu pasūtīšanas, lietojumprogrammas) un uz darbību aicinoša trigera simbiozes dizains un funkcionalitāte. Veiksmi visiem darbā un pozitīvu attieksmi, čau))</p> <p><b>Sagatavots ar atbalstu</b></p> <p>Viens no praksē izplatītākajiem uzdevumiem ir atgriezeniskās saites veidlapas ieviešana. Jūs domājat tā HTML koda rakstīšanu, noformēšanu CSS, PHP skripta izveidošanu, kas apstrādātu no lietotāja saņemtos datus un nosūtītu tos uz mūsu pastu, JS skripta rakstīšanu, kas pārbaudītu formu ievadīto datu atbilstību, aizsargā mūsu brainchild no surogātpasta, lai mūsu pastkastīte nesabruka no botu uzbrukumiem.</p> <p>Visi iepriekš minētie punkti tiks apspriesti mūsu pārskatā un detalizēti komentēti.</p> <p>Tātad, sāksim veidot atsauksmju veidlapu:</p> <h3>HTML</h3> <p>Pirmkārt, mēs rakstām HTML kodu, kas norāda laukus, kurus lietotājs aizpildīs. Nākotnē tie tiks formalizēti. Veidlapas kods izskatās šādi:</p> <p>< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" >Vārds:</ label> < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" >Tālrunis:</ label> < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" >E-pasts:</ label> < input maxlength= "30" type= "text" name= "mail" /> </ div> < div class = "right" > < label for = "message" >Ziņa:</ label> < textarea rows= "7" cols= "50" name= "message" ></ textarea> < input type= "submit" value= "Sūtīt" /> </ div> </ form> </p> <p>Un vizuāli tas tagad izskatās šādi:</p> <p><img src='https://i1.wp.com/vaden-pro.ru/sites/default/files/forma-html.png' width="100%" loading=lazy loading=lazy></p> <p>Piekrītu, pagaidām viss ir neglīts un nekas nav skaidrs, bet mēs tikko sākām.</p> <p>Apskatīsim iepriekš minēto kodu sīkāk:</p> <ul><li><p>< form method= "post" action= "mail.php" > … </ form> </p><br>Lai izveidotu veidlapu, ir jāizmanto formas tags. Tas ir tas, kurš nosaka koda tulka formas sākumu un beigas. Tam, tāpat kā jebkuram tagam, ir vesels atribūtu komplekts, taču, lai veidlapa darbotos, ir nepieciešami tikai divi, tie ir metode (pieprasījuma nosūtīšanas metode serverim, pastu izmanto kā standartu veidlapām) un darbība ( norāda ceļu uz veidlapas apstrādātāja failu, proti, šajā failā būs PHP skripts, kas pēc tam nosūtīs lietotāja ievadītās vērtības mums pa e-pastu. Mūsu gadījumā mēs redzam, ka šis fails saucas mail.php un tā atrodas tajā pašā vietnes direktorijā, kurā atrodas lapa, kuru apsveram).</li> <li><p>< input maxlength= "30" type= "text" name= "name" /> </p><br>Tālāk mums ir ievades. Tie faktiski ir paši veidlapas lauki, kuros lietotāji ievadīs mums nepieciešamo informāciju (type="text" norāda, ka tas būs teksts). Atribūts maxlength norāda, cik rakstzīmju lietotājs var ievadīt noteiktā formas laukā. Vissvarīgākais atribūts ir nosaukums – tas norāda konkrēta lauka nosaukumu. Ar šiem nosaukumiem PHP skripts vēlāk apstrādās tajā ievadīto informāciju. Ja vēlaties, varat iestatīt arī viettura atribūtu, kas laukā parāda tekstu, kas pazūd, kad kursors tiek ievietots tajā. Viena no viettura problēmām ir tā, ka dažas vecākas pārlūkprogrammas to neatbalsta.</li> <li><p>< label for = "name" >Vārds:</ label> </p><br>Izmanto, ja esam atteikušies no vietturiem. Parasts lauka paraksts, atribūts for norāda, uz kuru konkrētu lauku šis paraksts attiecas. Vērtība norāda mūs interesējošā lauka nosaukumu.</li> <li><p>< textarea rows= "7" cols= "50" name= "message" ></ textarea> </p><br>Tāpat kā ievade, tā ir paredzēta lietotājam informācijas ievadīšanai, tikai šoreiz lauks ir pielāgots gariem ziņojumiem. Rindas norāda lauka lielumu rindās, kolonnas rakstzīmēs. Kopumā viņi nosaka mūsu lauka augstumu un platumu.</li> <li><p>< input type= "submit" value= "Sūtīt" /> </p><br>Type="submit" norāda, ka šī ir poga veidlapas iesniegšanai, un vērtība norāda tekstu, kas būs šīs pogas iekšpusē.</li> <li><p>< div class = "right" > </ div> </p><br>tiek izmantoti tikai turpmākajam veidlapas vizuālajam noformējumam.</li> </ul><h3>CSS</h3> <p>Lai mūsu atsauksmju veidlapa izskatītos reprezentabla, tā ir jāformatē. Lai iegūtu šādu rezultātu:</p> <p><img src='https://i1.wp.com/vaden-pro.ru/sites/default/files/oformlenie-formi.png' width="100%" loading=lazy loading=lazy></p> <p>Mēs izmantojām šo kodu:</p> <p>forma ( fons: #f4f5f7; polsterējums: 20px; ) forma . pa kreisi, forma . pa labi ( displejs: iekļauts bloks; vertikāls līdzinājums: augšpusē; platums: 458 pikseļi; ) forma . pa labi ( polsterējums- pa kreisi: 20 pikseļi; ) etiķete ( displejs: bloks; fonta izmērs: 18 pikseļi; teksts- līdzinājums: centrā; mala: 10 pikseļi 0 pikseļi 0 pikseļi 0 pikseļi; ) ievade, teksta apgabals ( apmale: 1px solid #82858D; polsterējums: 10 pikseļi; fonta izmērs: 16 pikseļi; platums: 436 pikseļi; ) teksta apgabals ( augstums: 98 pikseļi; mala- apakšdaļa: 32 pikseļi; ) input[ type= "submit" ] ( platums: 200 pikseļi; pludiņš: pa labi; apmale: nav; fons: #595B5F; krāsa: #fff; teksta pārveidošana: lielie burti; )</p> <p>Es neredzu jēgu detalizēti aprakstīt CSS; es vēršu jūsu uzmanību tikai uz galvenajiem punktiem:</p> <ol><li>Veidlapā nav jāraksta dizains katrai birkai. Mēģiniet izveidot atlasītājus tā, lai jūs varētu izveidot visus nepieciešamos elementus pāris koda rindiņās.</li> <li>Neizmantojiet nevajadzīgas tipa atzīmes, lai pārtrauktu līnijas un izveidotu atkāpes <span>< br>, < p> </span> uc CSS ar displeju: bloks un mala ar polsterējuma īpašībām lieliski tiek galā ar šiem uzdevumiem. Vairāk par to, kāpēc to nevajadzētu izmantot <span>< br> </span> izkārtojumā vispār var lasīt rakstā Tag br, bet vai tas tiešām ir vajadzīgs? .</li> <li>Veidlapām nevajadzētu izmantot tabulas izkārtojumu. Tas ir pretrunā ar šī taga semantiku, un meklētājprogrammas mīl semantisko kodu. Lai veidotu dokumenta vizuālo struktūru, mums ir nepieciešami tikai tagi div un CSS norādītie displeja rekvizīti: inline-block (sakārto blokus pēc kārtas) un vertical-align: top (neļauj tiem izkliedēties pa ekrānu) , iestatiet tos vajadzīgajā augstumā un voila, nekas lieks un viss atrodas tā, kā mums vajag.</li> </ol><p>Tiem, kas vēlas ietaupīt savu laiku mājaslapu dizainam, varu ieteikt, veidojot mājas lapas, īpaši pašu rakstītās, izmantot CSS ietvarus. Mana izvēle šajā ziņā ir Twitter Bootstrap. Varat noskatīties nodarbību, kā noformēt veidlapas, izmantojot to.</p> <h3>PHP</h3> <p>Nu, ir pienācis laiks likt mūsu formai darboties.</p> <p>Mēs ejam uz mūsu vietnes saknes direktoriju un izveidojam tur mail.php failu, kuram iepriekš norādījām ceļu formas taga atribūtā action.</p> <p>Galu galā viņa kods izskatīsies šādi:</p> <p><!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Jūsu ziņojums ir veiksmīgi nosūtīts</title> </head> <body> <?php $back = "<p><a href=<span>\" javascript: history.back()\" >Atgriezties</a></p>" </span>; ja (! tukšs ($_POST [ "vārds" ] ) un ! tukšs ($_POST [ "tālrunis" ] ) un ! tukšs ($_POST [ "pasts" ] ) un ! tukšs ($_POST [ "ziņa" ] ) ) ( $nosaukums = apgriezt (sloksnes_tags ($_POST [ "nosaukums" ] ) ) ) ; $phone = apgriezt (strip_tags ($_POST [ "phone" ] ) ) ) ; $ pasts = apgriezt (strip_tags ($_POST [ "pasts" ] )) ) ; $message = trim (strip_tags ($_POST [ "ziņa" ] ) ) ; pasts (, , "Es jums rakstīju: " . $name ." <br />Viņa numurs: " . $phone ." <br />Viņa pasts: " . $ pasts . <span>"<br />Viņa vēstījums: "</span>. $ziņa, ) ; atbalss <span>"Jūsu ziņa ir veiksmīgi nosūtīta! <Br>Drīzumā saņemsiet atbildi <Br>$atpakaļ"</span>; Izeja ; ) else ( atbalss ; iziet ; ) ?></body> </html></p> <p>Varat izlaist šī dokumenta HTML un CSS daļu apspriešanu. Tā pamatā ir parasta vietnes lapa, kuru varat veidot atbilstoši savām vēlmēm un vajadzībām. Apskatīsim tā vissvarīgāko daļu - PHP skriptu formas apstrādei:</p> <p>$atpakaļ = " <p><a href=<span>\" javascript: history.back()\" >Atgriezties</a></p>" </span>; </p> <p>Ar šo rindiņu mēs izveidojam saiti, lai atgrieztos iepriekšējā lapā. Tā kā mēs iepriekš nezinām, no kuras lapas lietotājs nokļūs šajā, tas tiek darīts, izmantojot nelielu JS funkciju. Nākotnē mēs vienkārši piekļūsim šim mainīgajam, lai parādītu to vajadzīgajās vietās.</p> <p>ja (! tukšs ($_POST [ "vārds" ] ) un ! tukšs ($_POST [ "tālrunis" ] ) un ! tukšs ($_POST [ "pasts" ] ) un ! tukšs ($_POST [ "ziņa" ] ) ) ( <span>//apdarinātāja iekšējā daļa</span>) cits ( atbalss <span>"Lai nosūtītu ziņojumu, aizpildiet visus laukus! $back"</span>; Izeja ; )</p> <p>Šeit mēs pievienojam veidlapas pārbaudi, lai pārliecinātos, ka lauki ir pilni. Kā jūs uzminējāt, $_POST["nosaukums"] daļā pēdiņās mēs ierakstām mūsu ievades atribūta nosaukuma vērtību.</p> <p>Ja visi lauki ir aizpildīti, skripts sāks apstrādāt datus savā iekšējā daļā, bet, ja nav aizpildīts vismaz viens lauks, tad lietotāja ekrānā tiks parādīts ziņojums ar lūgumu aizpildīt visus veidlapas lauki atbalsojas “Lai nosūtītu ziņojumu, aizpildiet visus laukus! $back” un saite, lai atgrieztos iepriekšējā lapā, kuru izveidojām ar pašu pirmo rindiņu.</p> <p>Tālāk mēs ielīmējam veidlapas apstrādātāja iekšējā daļā:</p> <p>$nosaukums = apgriezt(sloksnes_tags($_POST["nosaukums"])); $phone = apgriezt(sloksnes_tags($_POST["tālrunis"])); $ pasts = apgriezt(sloksnes_tags($_POST["pasts"])); $ziņojums = trim(strip_tags($_POST["ziņojums"]));</p> <p>Tādējādi mēs notīrījām lietotāja ievadītos datus no html tagiem un papildu atstarpēm. Tas ļauj mums pasargāt sevi no ļaunprātīga koda saņemšanas mums nosūtītajos ziņojumos.</p> <p>Pārbaudes var padarīt sarežģītākas, taču tas ir jūsu ziņā. Mēs jau esam uzstādījuši minimālu aizsardzību servera pusē. Pārējo darīsim klienta pusē, izmantojot JS.</p> <p>Es neiesaku pilnībā atteikties no veidlapu aizsardzības servera pusē par labu JS, jo, lai arī ārkārtīgi reti, ir unikāli, kuriem pārlūkprogrammā ir atspējots JS.</p> <p>Pēc atzīmju tīrīšanas pievienojiet īsziņas nosūtīšanu:</p> <p>pasts ( <span>"mail_to_receive_messages@gmail.com"</span>, <span>"Vēstule no jūsu_vietnes_adreses"</span>, "Tev rakstīja: " . $vārds . " <br />Viņa numurs: " . $phone ." <br />Viņa pasts: " . $ pasts . <span>"<br />Viņa vēstījums: "</span>. $ziņa <span>"Content-type:text/html;charset=windows-1251"</span>) ; </p> <p>Tieši šī līnija ir atbildīga par ziņojuma ģenerēšanu un nosūtīšanu mums. To aizpilda šādi:</p> <ol><li>“mail_to_receive_messages@gmail.com” — šeit starp pēdiņām ievietojat savu e-pastu</li> <li>“Vēstule no jūsu_vietnes_adreses” ir ziņojuma tēma, kas tiks nosūtīta uz jūsu e-pastu. Šeit jūs varat rakstīt jebko.</li> <li>"Es jums rakstīju: ".$name." <span>< br /> </span> Viņa numurs: ".$phone." <span>< br /> </span> Viņa e-pasts: ".$mail." <span>< br /> </span> Viņa ziņojums: ".$message – veidojam pašu ziņojuma tekstu. $name – ievietojam lietotāja aizpildīto informāciju, piekļūstot laukiem no iepriekšējā soļa, pēdiņās aprakstam, ko šis lauks nozīmē, ar tagu <span>< br /> </span> Mēs pārtraucam līniju, lai ziņojums kopumā būtu lasāms.</li> <li>Content-type:text/html;charset=windows-1251 — beigās ir skaidra norāde par ziņojumā pārsūtīto datu tipu un tā kodējumu.</li> </ol><p><b>SVARĪGS!</b></p> <p>Kodējums, kas norādīts dokumenta “galvenā” ( <span>< meta http- equiv= "Content-Type" content= <span>"text/html; charset=windows-1251"</span> /> </span>), kodējumam no ziņojuma Content-type:text/html;charset=windows-1251 un vispār PHP faila kodējumam ir jāsakrīt, pretējā gadījumā pa pastu saņemtajos ziņojumos tiks rādīti “traki vārdi” nevis krievu vai Angļu burti.</p> <p><img src='https://i2.wp.com/vaden-pro.ru/sites/default/files/kodirovka-faila.png' width="100%" loading=lazy loading=lazy></p> <p>Daudzi cilvēki nepārprotami nenorāda sūtāmā ziņojuma kodējumu, taču dažos e-pasta klientos tas var radīt problēmas nākotnē (uz pastu tiek nosūtīti nelasāmi e-pasta ziņojumi), tāpēc iesaku to norādīt jebkurā gadījumā.</p> <h3>Veidlapas pārbaude par ievadīto datu atbilstību</h3> <p>Lai lietotāji netīšām nepalaistu garām laukus un visu aizpilda pareizi, ir vērts pārbaudīt ievadītos datus.</p> <p>To var izdarīt gan PHP servera pusē, gan JS klienta pusē. Izmantoju otro variantu, jo tādā veidā cilvēks var uzreiz noskaidrot, ko izdarījis nepareizi, un kļūdu izlabot, neveicot papildu lapas pārejas.</p> <p>Mēs ielīmējam skripta kodu tajā pašā failā, kur mums ir veidlapas HTML daļa. Mūsu gadījumā tas izskatīsies šādi:</p> <p>< script>funkcija checkForm(form) ( var nosaukums = forma. nosaukums. vērtība; var n = nosaukums. match(/ ^[ A- Za- zA- Jaa- z ] * [ A- Za- zA- Jaa- z ] + $/ ) ; if (! n) ( brīdinājums( <span>"Ievadītais vārds ir nepareizs, lūdzu, izlabojiet kļūdu"</span>) ; return false ; ) var tālrunis = forma. tālrunis. vērtība; var p = tālrunis. atbilst (/ ^[ 0 - 9 + ] [ 0 - 9 - ] * [ 0 - 9 - ] + $/ ) ; if (! p) ( brīdinājums( <span>"Nepareizi ievadīts tālruņa numurs"</span>) ; return false ; ) var pasts = forma. pastu. vērtība; var m = pasts . atbilst (/ ^[ A- Za- z0- 9 ] [ A- Za- z0- 9 \. _- ] * [ A- Za- z0- 9 _] *@ ([ A- Za- z0- 9 ] + ([ A- Za- z0- 9 - ] * [ A- Za- z0- 9 ] + ) * \. ) + [ A- Za- z] + $/ ) ; if (! m) ( brīdinājums( <span>"Ievadītais e-pasts ir nepareizs, lūdzu, izlabojiet kļūdu"</span>) ; return false ; ) atgriezt patiesu ; )</script> </p> <p>Nu, tagad parastā analīze:</p> <p>Par to, <b>lai, noklikšķinot uz veidlapas iesniegšanas pogas, mēs to pārbaudītu</b> Mēs pievienojam skripta palaišanu veidlapas tagam:</p> <p>< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" > </p> <p>Tagad pieņemsim kontrolsarakstu pa punktiem:</p> <p><img src='https://i1.wp.com/vaden-pro.ru/sites/default/files/proverka-formi.png' width="100%" loading=lazy loading=lazy></p> <br><img src='https://i1.wp.com/vaden-pro.ru/sites/default/files/soobchenie-o-oshibke.png' width="100%" loading=lazy loading=lazy><p>Kā redzat, šāds mini čeks ir rakstīts katram mūsu laukam. Ekrānuzņēmumā es iezīmēju atzīmi vienam laukam ar sarkanu kvadrātu; citiem laukiem tam ir līdzīga struktūra, un, ja ir nepieciešams pievienot vai noņemt lauku, tagad varat to viegli izdarīt.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </article> <section class="likes likes-default"> <h2 class="title-section"><span>Patika?</span></h2> <p>Noklikšķiniet uz pogas, ja jums patika raksts, tas mums palīdzēs attīstīt projektu. Paldies!</p> <div> <ul class="social-likes"> <li class="vkontakte"></li> <li class="facebook"></li> <li class="odnoklassniki"></li> <li class="twitter"></li> </ul> </div> </section> </main> <aside class="sidebar" role="complementary" data-mh="layout"> <div class="sticky"> <section class="widget popular_posts-2 widget_popular_posts"><h2 class="title-section"><span>Tendences</span></h2><div class="widget-body"> <article class="primary"> <a href="https://rsasite.ru/lv/mobile/pravilnaya-ustanovka-1s-predpriyatie-pravilnaya-ustanovka/"> <div class="thumb"><img width="360" height="240" src="/uploads/e49d0f102a35f6a7887e80ae602cc15f.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Pareiza “1C:Enterprise Install 1C Enterprise 8" sizes="(max-width: 360px) 100vw, 360px" / loading=lazy loading=lazy></div> <h3>Pareiza “1C:Enterprise Install 1C Enterprise 8</h3> <div class="summary">Lai instalētu 1C 8.2 platformu datorā, kurā darbojas operētājsistēma Windows, jums ir jābūt...</div> </a> </article>  <article class="secondary"> <a href="https://rsasite.ru/lv/mobile/ustanovka-i-nastroika-shablona-na-joomla-3-kak-ustanovit-novyi-shablon-na-joomla/"> <div class="row"> <div class="col col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/c7da5d667771b097d78225ee3e4724f5.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Kā instalēt jaunu veidni Joomla" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Kā instalēt jaunu veidni Joomla</h5> </div> </div> </a> </article> <article class="secondary"> <a href="https://rsasite.ru/lv/os/zablokirovan-skaip-na-kompyutere-chto-delat-chernyi-spisok-v-skaipe-kak/"> <div class="row"> <div class="col col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/d2094eb96527c7263095df1cb3c01ca5.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Skype ir bloķēts datorā, kas man jādara?" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Skype ir bloķēts datorā, kas man jādara?</h5> </div> </div> </a> </article> <article class="secondary"> <a href="https://rsasite.ru/lv/mobile/programma-dlya-rezervnogo-kopirovaniya-backup-besplatnaya/"> <div class="row"> <div class="col col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/c3cdd53683c7427808d37ff037608f3a.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Bezmaksas dublēšanas un failu sinhronizācijas programma Exiland Backup Free" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Bezmaksas dublēšanas un failu sinhronizācijas programma Exiland Backup Free</h5> </div> </div> </a> </article> <article class="secondary"> <a href="https://rsasite.ru/lv/notebooks/kak-udalit-vse-s-aifona-poshagovaya-instrukciya-opisanie-i-rekomendacii-kak-ochistit-aifon-ot-musor/"> <div class="row"> <div class="col col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/47017668ee60220d406fc9063dcbdee2.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Kā attīrīt iPhone no netīrumiem un nevajadzīgām aplikācijām Es iedodu savu iPhone draugam, kā visu izdzēst" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Kā attīrīt iPhone no netīrumiem un nevajadzīgām aplikācijām Es iedodu savu iPhone draugam, kā visu izdzēst</h5> </div> </div> </a> </article> <article class="secondary"> <a href="https://rsasite.ru/lv/mobile/reshenie-problemy-nerabotayushchego-povorota-ekrana-na-android-planshete/"> <div class="row"> <div class="col col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/82c58b8ed4734e7968c4062dc43441cb.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Ko darīt, ja Android viedtālruņa ekrāna pagriešana nedarbojas?" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Ko darīt, ja Android viedtālruņa ekrāna pagriešana nedarbojas?</h5> </div> </div> </a> </article> </div></section><section class="widget recent_posts-2 widget_recent_posts"><h2 class="title-section"><span>Pašreizējais</span></h2><div class="widget-body"> <article> <a href="https://rsasite.ru/lv/mobile/kak-skachat-s-youtube-lyuboi-rolik-s-pomoshchyu-odnoi-klavishi-osobennosti-plagina-savefrom-net-dlya-yand/"> <div class="row"> <div class="col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/f2aebff3751a9099d8a2a1f9907a0fb9.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Savefrom tīkla spraudņa Yandex pārlūkprogrammas iespējas, kāpēc tas nelejupielādē failus Programmas lejupielādei no sociālajiem tīkliem" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Savefrom tīkla spraudņa Yandex pārlūkprogrammas iespējas, kāpēc tas nelejupielādē failus Programmas lejupielādei no sociālajiem tīkliem</h5> </div> </div> </a> </article> <article> <a href="https://rsasite.ru/lv/computer/sverhbystroe-raspoznavanie-rechi-bez-serverov-na-realnom-primere/"> <div class="row"> <div class="col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/b4b6e8f98a0f4caac6a493196ebeae55.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Runas atpazīšana, izmantojot darbvirsmu" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Runas atpazīšana, izmantojot darbvirsmu</h5> </div> </div> </a> </article> <article> <a href="https://rsasite.ru/lv/mobile/samsung-galaxy-s3-neo-servisnaya-proshivka-poluchenie-root-samsung-gt-i9301i-galaxy-s-iii-neo/"> <div class="row"> <div class="col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/bfe2cb1de7a1269280590174a0015511.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Iegūt Samsung GT-I9301I Galaxy S III Neo" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Iegūt Samsung GT-I9301I Galaxy S III Neo</h5> </div> </div> </a> </article> <article> <a href="https://rsasite.ru/lv/notebooks/kak-ustanovit-twrp-recovery-raznymi-sposobami-kak-ustanovit-twrp/"> <div class="row"> <div class="col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/3548c4662d59261baaea0d3509aee23a.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Kā dažādos veidos instalēt TWRP atkopšanu TWRP izmantošana: sistēmas atkopšanas rīka palaišana" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Kā dažādos veidos instalēt TWRP atkopšanu TWRP izmantošana: sistēmas atkopšanas rīka palaišana</h5> </div> </div> </a> </article> <article> <a href="https://rsasite.ru/lv/os/proshivka-ili-pereproshivka-smartfona-highscreen-proshivka-ili-pereproshivka/"> <div class="row"> <div class="col-xs-4"> <div class="thumb"><img width="100" height="75" src="/uploads/30bac9afa696326b9c48819ac463c205.jpg" class="attachment-col-2-crop size-col-2-crop wp-post-image" alt="Highscreen viedtālruņa programmaparatūra vai mirgošana Programmaparatūra Highscreen Zera F rev" sizes="(max-width: 100px) 100vw, 100px" / loading=lazy loading=lazy></div> </div> <div class="col-xs-8"> <h5>Highscreen viedtālruņa programmaparatūra vai mirgošana Programmaparatūra Highscreen Zera F rev</h5> </div> </div> </a> </article> </div></section> </div> </aside> </div> </div> <footer role="contentinfo"> <div class="row"> <div class="col col-sm-2"> <h3 class="title-footer">Sadaļas</h3><ul class="list-unstyled"> <li class="menu-den-svadby"><a href="https://rsasite.ru/lv/category/os/">OS</a></li> <li class="menu-den-svadby"><a href="https://rsasite.ru/lv/category/programs/">Programmas</a></li> <li class="menu-den-svadby"><a href="https://rsasite.ru/lv/category/computer/">Dators</a></li> <li class="menu-den-svadby"><a href="https://rsasite.ru/lv/category/mobile/">Mobilais</a></li> </ul> </div> <div class="col col-sm-2"> </div> <div class="col col-sm-2"> <h3 class="title-footer">Esam sociālajos tīklos</h3> <ul class="list-unstyled"> <li> <a href="https://vk.com/share.php?url=https://rsasite.ru/programs/kak-sozdat-obratnuyu-svyaz-veb-dizain-i-poiskovaya-optimizaciya-forma-obratnoi/">Saskarsmē ar</a> </li> <li> <a href="https://www.facebook.com/sharer/sharer.php?u=https://rsasite.ru/programs/kak-sozdat-obratnuyu-svyaz-veb-dizain-i-poiskovaya-optimizaciya-forma-obratnoi/">Facebook</a> </li> <li> <a href="https://www.twitter.com/share?url=https%3A%2F%2Frsasite.ru%2Flv%2Fprograms%2Fkak-sozdat-obratnuyu-svyaz-veb-dizain-i-poiskovaya-optimizaciya-forma-obratnoi%2F">Twitter</a> </li> </ul> </div> </div> </footer> <noscript></noscript> <script type='text/javascript' src='https://rsasite.ru/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.68'></script> <script type='text/javascript' src='https://rsasite.ru/wp-content/themes/alpha/dist/js/scripts.min.js?97dcb82ba08eedf6370ca2a8683cd79b'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.8'></script> <div class="hidden"> </div> </body> </html> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>