- text. Sarcina noastră este de a seta poziționarea dorită a conținutului acestor straturi.

Stratul de mijloc va avea o poziționare absolută, deoarece elementul (caseta de umbrire) este poziționat în raport cu marginile browserului, cu umplutură zero.

Poziție: absolută;

Poziționați stratul de text de sus în raport cu elementul de mijloc.

Poziție: relativă;

Cod 404 pagină

Având acest cod gata pregătit și schimbând doar imaginea în sine, vă puteți crea o mulțime de pagini de „erori” diferite.

Dacă intenționați să creați site-uri web personalizate, atunci veți fi ajutați de toate complexitățile aspectului folosind HTML5 și CSS3.

Am lansat o nouă carte, Marketing de conținut pe rețelele sociale: Cum să intri în capul abonaților și să te îndrăgostești de marca ta.

Eroare 404 sau Not Found („nu a fost găsit”) - codul de răspuns al serverului către o pagină inexistentă de pe site.

Cum functioneaza?

Întregul proces are loc prin protocolul de transfer de date HTTP. Aplicația client formulează și trimite o cerere către server. La rândul său, serverul procesează această solicitare și generează un răspuns.

În cazul nostru, codul de răspuns este 404. Răspunsul serverului arată astfel:

Cauzele erorii 404

Veți avea nevoie cu siguranță de o frumoasă pagină 404 pentru site-ul dvs. web pentru a o arăta unui utilizator atunci când:

1. Va urma un link incorect care conține o eroare de sintaxă sau doar o greșeală de scriere.
2. Va merge la o pagină care nu există în acest moment. Aceasta înseamnă că datele ar putea fi transferate sau șterse complet. Se poate presupune, de asemenea, că această pagină (și, prin urmare, link-ul) nu a existat deloc.

În orice caz, pagina notifică utilizatorul că pagina la care intenționa să se uite nu a fost găsită.

Cum se face o pagină 404?

În primul rând, trebuie să vă dați seama cum se formează pagina 404 pentru site. De fapt, aceasta este aceeași pagină ca orice altă pagină din proiectul dvs. web.

Dacă utilizați un fel de CMS, atunci trebuie să cunoașteți structura fișierului și pagina care este afișată la procesarea unui cod de eroare 404. Dacă site-ul dvs. nu este pe motor, atunci veți fi salvat de fișierul .htaccess al sistemului, care se află în folderul rădăcină al site-ului dvs. Dacă lipsește, creați-o singur.

Cum se face o pagină 404? Trebuie doar să scrieți următoarele instrucțiuni în acest fișier:

ErrorDocument 404 //site/404.php

Este destul de simplu!

În primul rând, pagina 404 trebuie să fie! O pagină de eroare 404 ar trebui să fie cu siguranță prezentă pe fiecare site web.

În proiectele mici, puteți reduce probabilitatea erorilor 404 utilizând programul Xenu „s Link”. Cu ajutorul acestuia puteți găsi toate linkurile rupte de pe site și efectuați următoarele acțiuni:

• dacă linkul paginii a fost modificat, trebuie să schimbați adresa URL a linkului către cea nouă;
• dacă pagina nu există deja, trebuie doar să ștergeți linkul.

Din păcate, Xenu nu protejează împotriva utilizatorilor care pot introduce textul linkului incorect și nu se asigură împotriva legăturilor externe rupte sau învechite care vor fi introduse pe paginile site-ului dvs.

Proiectare 404 pagini

În mod implicit, pagina de eroare 404 este prezentată ca o pagină goală cu inscripția 404 Not Found; este, de asemenea, posibil să existe o situație cu o redirecționare către pagina de găzduire, ale cărei servicii le utilizați.

Nu este suficient ca o proporție semnificativă de utilizatori ai World Wide Web să furnizeze o pagină în acest formular - pur și simplu nu vor înțelege ce s-a întâmplat, de ce site-ul a dispărut brusc și l-a trimis la lucru. Aceasta înseamnă doar un singur lucru - pierderea unui client. Dar să nu renunțăm și să luăm în considerare această situație dintr-un alt unghi. Cum să proiectezi o pagină 404 și să păstrezi un invitat pe site?

Text pentru 404 pagini

1. Spune nu!" informații tehnice!
2. Majoritatea utilizatorilor sunt familiarizați cu termenul „eroare 404”, dar nu ar trebui să aprofundați motivele apariției acestuia și să oferiți sfaturi tehnice suplimentare. Comunicați utilizatorului esența erorii.
3. Oferiți conținut util!

Este necesar să furnizați informații utile în situația actuală și să împingeți utilizatorul la o acțiune care va ajuta la rezolvarea problemei.

Acest lucru se poate face în diferite moduri:

• plasează meniul site-ului. Nu uitați de linkul către pagina principală a site-ului
• postează linkuri utile - acestea pot fi linkuri către conținut popular sau nou.
• Plasați o bară de căutare pe site, astfel încât utilizatorii să găsească ceea ce căutau.

În proiectarea unei pagini 404, este important să nu o exagerați - nu ar trebui să o supraîncărcați cu conținut.

Proiectare 404 pagini

Designul vizual al unei pagini 404 nu ar trebui să iasă din calea designului general.

Faceți din pagina dvs. 404 punctul culminant al site-ului dvs.! Adăugați creativitate paginii cu un strop de umor - atrage și reține vizitatorii.

Există multe exemple pe web despre ceea ce înseamnă o pagină originală și frumoasă 404. Nu am fost prea leneș și am găsit câteva pentru tine:

Bună ziua tuturor, astăzi este rândul 404 pag... O pagină 404 este o pagină care se deschide atunci când un utilizator navighează către o adresă (URL) inexistentă. Sunt sigur că ai întâlnit-o des. Iată un exemplu de pagină 404 pe blogul meu:

Dacă „live” doriți să vedeți cum arată această „pagină magică”, trebuie doar să tastați în linia browserului o adresă inexistentă în blog. De exemplu, am introdus un set aleatoriu de numere și litere:

De asemenea, puteți vedea cum arată o pagină 404 pe blogul dvs. Dacă vi se potrivește, lăsați-o așa, dacă nu, citiți mai departe, împreună vom crea / edita „pagina de adresă greșită”.

Crearea și editarea unei pagini 404

Pagina 404 este o necesitate! Acesta va păstra vizitatorul pe blogul dvs. De obicei, cei care văd pagina de eroare standard 404 părăsesc pur și simplu blogul (și ce altceva să facă dacă există o inscripție de neînțeles „Eroare 404. Pagina nu a fost găsită” în fața ochilor lor).

Să începem.

Gata 404 pagină.

Voi da un exemplu de 404.php de pe blogul FanBar.ru. I-am adăugat toate comentariile necesare pentru a vă explica ce face codul pentru a vă fi mai ușor de creat. 404 pagini de eroare... Această pagină o puteți (doar dezarhivați arhiva) și care sunt prea leneși pentru a descărca, consultați codul de mai jos:

Practic, atât. Dacă aveți întrebări, scrieți în comentarii. Și nu uitați mâine - duminică, gratuit. Participă toată lumea!

_____________________________

Urmatoarea lectie: Lecția 56: Afișarea unui buton de retweet pe un blog.

Salutări cititorilor și vizitatorilor de bloguri! Astăzi vreau să abordez una dintre întrebările importante pentru un blogger, și anume cum să schimbi o pagină 404. Permiteți-mi să explic imediat ce este o pagină 404. Eroarea 404 (pagina 404) sau Not Found este codul de răspuns HTTP standard. Probabil că toți sau mulți au întâmpinat această eroare. Când accesează orice pagină, utilizatorii văd că pagina nu există. Acest lucru se datorează legăturilor „rupte”, „moarte”, ortografiei incorecte la tastarea manuală și altor erori. Browserul web solicită un document HTML (pagină web) și așteaptă un cod de răspuns numeric.

În codul 404, prima cifră „4” indică o eroare a clientului, cum ar fi o greșeală de tipar în adresa URL. Următoarele două numere identifică eroarea specifică. Pentru o înțelegere umană a ceea ce a văzut, există o explicație a motivului. Lucrul este că mulți bloggeri folosesc șabloane gratuite pentru blogurile și site-urile lor web. Șabloanele gratuite nu sunt adesea scrise destul de corect și mulți 404 de autori nu acordă atenție paginii. Drept urmare, atunci când un vizitator ajunge la un blog și vede un text în limba engleză pe care nu îl înțelege, pur și simplu pleacă. Pentru a împiedica vizitatorii să se sperie și să nu părăsească blogul dvs., este suficient să schimbați ușor aspectul paginii.

Acest lucru nu este suficient de dificil de făcut. Este necesar să corectați codul paginii în editor, să adăugați o descriere a problemei în limba rusă, să vă oferiți să rămâneți pe blog și să adăugați ceva amuzant (de exemplu, ca la începutul articolului). Am instalat un șablon plătit pe blogul meu. După schimbarea mai multor teme gratuite, din cauza problemelor cu setările, am decis să rămân cu versiunea plătită. Apropo, deloc scump. Acum nu voi enumera avantajele și dezavantajele șabloanelor gratuite și plătite, voi spune doar că în acest șablon pagina 404 avea deja un aspect destul de decent. Cu toate acestea, am decis să o „reînviu” puțin. Așa arăta pagina înainte de modificări:

În general, vizitatorul își putea da seama că pagina nu a fost găsită, din ce motive s-ar putea întâmpla și ce să facă în acest caz. Este posibil să aveți o pagină complet diferită, cu aproximativ același conținut.

Cum se creează o pagină 404?

Pentru a edita pagina 404, este suficient să faceți modificări la fișierul 404.php, care se află în folderul cu tema blogului dvs. Editarea fișierului se poate face chiar în panoul de administrare Word Press al blogului dvs. Accesați panoul de administrare, „Aspect” ===> sub-element „Editor”.

În partea dreaptă a ecranului, în lista de fișiere, selectați Șablonul de eroare 404 (404. php).

Deschideți fișierul. În cazul meu, arată așa:

Tot ce trebuie să faceți este să modificați textul în valoare din engleză în rusă. Nu voi da exemple de schimbare a codului fișierului, pentru începători aceasta este o sarcină destul de dificilă. O poți rezolva cu ajutorul unui freelancer, nu este deloc scump. Pentru cei care doresc să experimenteze, vreau să vă reamintesc - asigurați-vă că faceți o copie a fișierului înainte de a schimba, astfel încât, în cazul unei erori, totul să poată fi readus la starea inițială.

Introduceți o imagine

Între rândurile de text, am inserat imaginea pe care am descărcat-o și am editat-o. Imaginea trebuie încărcată pe hosting.