HTML 404 létrehozása! Hiba weboldal

számos oka lehet annak, hogy a felhasználó nem tud hozzáférni egy webhelyhez. Ezek közül az egyik a 404! hiba. Egyszerűen egy HTML 404! a hibaüzenet egy Hypertext Transfer Protocol (HTTP) állapotkód, amely azt jelzi, hogy a kiszolgáló nem találta meg a kért webhelyet. Más szavakkal, a webböngésző csatlakozhat a szerverhez, de az a konkrét oldal, amelyet elérni próbál, nem érhető el. Ebben az oktatóanyagban létrehozunk egy HTML 404 hiba weboldalt, hogy testreszabjuk, amit a látogató lát, amikor ott landol. Néhány CSS-t is használunk az oldal további javításához.

a 404! Hiba

miért a 404! HTML hiba jelenik meg

amikor egy HTTP 404 jelenik meg a képernyőn, ez azt jelenti, hogy bár a szerver elérhető, a keresett oldal nem az. A weboldal vagy törött, vagy már nem létezik. A 404-es hibakód bármely böngészőben megjelenhet, függetlenül a használt böngésző típusától.

számos oka lehet annak, hogy miért kap HTTP 404 kódot:

• a 404-es hibaüzenet egyik tipikus kiváltója az, amikor az oldalt törölték a webhelyről.
• az oldalt áthelyezték egy másik URL-re, és az átirányítás helytelenül történt.
• helytelen URL-címet adott meg.
• bár nagyon ritkán fordul elő, néha a szerver meghibásodik.
• a megadott domain név már nem létezik.

sajnos a megszakadt linkek gyakran hosszú ideig maradnak az oldal törlése vagy áthelyezése után. Még akkor is, ha a webtulajdonosok fenntartják webhelyeiket, néha a tulajdonos törölheti a webhelyet, vagy megváltoztathatja a webhely nevét. Ez azt jelenti, hogy amikor valaki rákattint egy “régi” linkre, akkor már nem fogja megtalálni azt a webhelyet. Sajnos, mivel sok ember URL-eket tesz fel a webhelyekre az egész helyen, végül lesznek olyan linkek,amelyek valójában sehova sem mutatnak.

gyakori, hogy a webhelyek tulajdonosai nem ellenőrzik rendszeresen a külső linkeket, ami oda vezet, hogy a felhasználók megpróbálnak hozzáférni egy halott linkhez. A webkarbantartás ezért elengedhetetlen.

hozzon létre egy “oldal nem található” HTML weboldal

ha a webhely látogatója elér egy régi és nem létező weboldalt, akkor a webhelyet kiszolgáló szerver “404” hibát jelenít meg, amely alapvetően azt mondja, hogy az oldal nem található. Ahelyett, hogy engedélyezné a kiszolgálónak, hogy egy unalmas, alapértelmezett hibaoldalt jelenítsen meg, létrehozhat egyet a sajátjából, és olyan kreatívvá válhat, amennyit csak akar.

ugorjunk az első lépés a bemutató.

1.lépés: Hozzon létre egy HTML céloldalt

kezdjük azzal, hogy egyszerűen létrehozunk egy alapvető HTML oldalt. Ez lesz az alapja egy izgalmasabb és informatívabb 404-nek! Hiba weboldal a látogatók leszállni.

nyisson meg egy szövegszerkesztőt, mentse a fájlt “shorelinesurfteam” néven.html ” és tegye be a következő HTML kódot. Ha kész, mentse újra a fájlt.

annak érdekében, hogy segítsen azoknak, akik ezen a “nem létező” oldalon landoltak, hozzáadhat néhány hasznos információt, hogy a helyes úton vezesse őket. Talán adjon hozzá néhány információt arról, hogy miért nem létezik az oldal. Adjon hozzá valami ilyesmit a HTML-be. Nyugodtan másolja a következő kódot, és mentse újra a html fájlt.

az alábbi ábra azonosítja azt a szöveget, amelyet az oldal informatívabbá tétele érdekében adtunk hozzá.

a szöveg betűtípusának felütéséhez adjunk hozzá egy stílust. Másolja a következő kódot, és mentse újra a HTML fájlt.

adjon hozzá egy képet, és változtassa meg a szöveg színét egy egyéni hex színre, ha azt is szeretné, ha hozzáadja a HTML-t a képre való hivatkozáshoz. A kép megy a gyökérkönyvtárban is.

2. lépés: mondja meg a szervernek, hogy használja a HTML 404-et! Hiba oldal

hozzon létre egy “.htaccess ” fájl. Ez a szövegfájl arra szolgál, hogy utasításokat továbbítson a szervernek.

lehet, hogy már van egy .htaccess fájlt a gyökér mappát a web hosting helyet. Ha van, töltse le és módosítsa azt. Lehet, hogy rejtett fájl. Ha igen, akkor lehet, hogy módosítania kell a szerver beállításait, hogy megtekinthesse ezt a fájlt.

ebben”.htaccess ” fájl hozzá kell adnia ezt a sort:

ez minden, amit hozzá kell adnia. Nem kell hozzá semmilyen HTML kódot.

ez azt jelenti, hogy megmondja a szervernek, hogy amikor 404-es hibát észlel, töltse be a shorelinesurfteam-et.html fájl a gyökérmappában.

3 .Lépés: Mentés.htaccess fájlt a gyökérkönyvtárba

mentse el a “.htaccess ” fájlt, és töltse fel a gyökér mappát a webhely. Amikor a kiszolgáló nem talált hibát észlel, megjelenik a hibaoldal.

Most, amikor egy látogató megtalálja a weboldalt (a fenti kódunk szerint)

ahelyett, hogy ezt látná:

látni fogják a következő informatívabb és barátságosabb hibaoldalt, amelyet létrehozott.

A zöld szöveg kiemeléséhez hozzáadhat egy színes háttérrel rendelkező div elemet:

ez a következőket eredményezi:

most, akkor lehet olyan művészi, mint szeretné, hogy hozzon létre a képzelet, informatív 404.html oldal. Mindig tartsa szem előtt az oldal látogatóját, hogy fokozza tapasztalatait.

lásd a HTML betűtípus családokat, hogy megtanulják, hogyan lehet javítani a szöveget, valamint nézd meg a CSS háttér oktatóanyagot, hogy megtanulják, hogyan lehet javítani a weboldal hátterét.

merre tovább?

a 404-es oldal hibájának ez a bevezetése kiindulópontként szolgálhat a weboldalkezelés és a HTML által kínált korlátlan kreatív szempontok további vizsgálatához. A következő blogokban felfedezheti a HTML tervezés más területeit. Továbbra is inspiráljon, fedezze fel tovább, és mélyebben merüljön el a webdesign világában.

beiratkozik a Intro programozás Nanodegree program ma!

Tanulás Megkezdése