HTML-weboldal készítéséhez és közzétételéhez szükséges lépések

click fraud protection

Az első weboldal elkészítése nem a legnehezebb dolog az életedben, de ez sem könnyű. Új technológiák, szókincs és szoftverek megtanulására van szükség, amelyekre eddig még nem volt szükség.

Meg kell tanulnia néhány alapot HTML kódot, szerezzen be egy webszerkesztőt, keressen meg egy szolgáltatást a weboldal üzemeltetéséhez, állítsa össze az oldal tartalmát, töltse fel a weboldalt a gazdagépre, tesztelje az oldalt, majd népszerűsítse azt. Tyűha!

A jó hír az, hogy ha egyszer ezt megtette, akkor elsajátította a tanulási görbét. Megteheti újra és újra, hogy weboldalakat készítsen több témáról vagy több célból.

01

08-án

Szánjon időt a tervezésre

Mielőtt bármit megtenne, töltsön el egy kis időt az elkészítendő weboldallal kapcsolatos alapvető kérdések eldöntésével. Azonosítsa a közönségét, és tudja, mit kell mondania nekik. Ha reklámozza vállalkozását, nézze meg versenytársainak webhelyeit, és döntse el, hogy mi működik jól vagy nem jól. Ha több összekapcsolt weboldallal rendelkező webhelyet tervez, és valószínűleg így van, rajzoljon egy ábrát, amely szemlélteti az oldalak egymáshoz való viszonyát.

instagram viewer

Minél több időt töltesz a tervezés előtt kezdjen el egy weboldalt építeni, a tényleges építési folyamat valószínűleg gördülékenyebb lesz.

02

08-án

Webszerkesztő beszerzése

Weboldal készítéséhez szükség van egy webszerkesztőre, amelybe beírja a HTML-t, azt a kódot, amely a weblap működését eredményezi. Nem feltétlenül egy divatos szoftvernek kell lennie, amelyre rengeteg pénzt költenek, bár rengeteg ilyen áll rendelkezésre. Használhatja az operációs rendszerhez kapott szövegszerkesztőt, például a Jegyzettömböt a Windows 10 rendszerben vagy TextEdit Mac gépen, vagy letölthet egy ingyenes vagy olcsó szerkesztőt az internetről. Remek többek között a NotePad ++ és a Komodo Edit ingyenes HTML-szerkesztők Windows-hoz. A Komodo Edit elérhető Mac rendszeren is. Egyéb ingyenes HTML-szerkesztők Mac-hez a Bluefish, az Eclipse, a SeaMonkey és mások.

03

08-án

Tanuljon meg néhány alapvető HTML-t

A HTML a weboldalak építőköve. Bár használhat egy WYSIWYG (amit látsz, amit kapsz) szerkesztőt, és soha nem kell tudnia semmilyen HTML-t, legalább egy kis HTML megtanulása segít az oldalak felépítésében és karbantartásában. Ahogy egy kicsit továbbjut a weboldalak készítésében, érdemes megismernie Lépcsőzetes stíluslapok (CSS) és XML, hogy az új készségeket a következő szintre emelje. Most kezdje a a HTML alapjai.

A HTML elsajátítása nem nehéz, és sokat tanulhat a HTML példáinak megtekintésével. A legtöbb böngészőben választhat a forráskód megtekintése annak a weboldalnak az oldalát, amelyen van. Válasszon ehhez egy egyszerű oldalt, így nem fog elborulni. Lehet, hogy képes is lesz rá másolja a forráskódot hogy tanulmányozza.

A gyakorlat érdekében írjon néhány egyszerű HTML-t a szövegszerkesztőbe, és nézze meg, hogyan nézne ki az interneten. Ha kócos rendetlenségről van szó, valószínűleg kihagyott valamit. Ha pontosan úgy néz ki, mint amire gondoltál, gratulálok.

04

08-án

Írja meg a weboldalt, és mentse a merevlemezre

A szórakoztató rész a weboldal összeállítása és a tartalom megírása. Nyissa meg a webszerkesztőt, és kezdje el felépíteni a weblapját. Ha ez egy szövegszerkesztő, akkor ismernie kell valamilyen HTML-t, de ha WYSIWYG, akkor weboldalt építhet fel ugyanúgy, mint egy Word dokumentumot.

A webes írás eltér a többi írás típusától. Az emberek inkább elfedik azt, amit látnak, ahelyett, hogy alaposan olvasnának, és nem fognak ott lógni ezerszavas értekezésért. Tartsa a szöveget rövidnek és relevánsnak a weboldalához. Térj az első bekezdésre és írj aktív hangon. A cselekvési igék mozgást tartanak. Tartsa rövid a mondatokat, és ahol lehetséges, a bekezdések helyett használja a listákat. Tervezzen nagyobb vagy félkövér alcímeket, hogy vonzza az olvasó figyelmét.

Ne feledkezzen meg a hozzáadásról képek és linkek a weboldalára. Meg kellett volna tanulnia, hogyan kell mindkettőt megtenni a HTML alapjaiban. A képek másolatát fel kell töltenie az internetes gazdagépre vagy egy másik helyre az interneten, hogy azok megfelelő időben működhessenek jön, ezért maradjon szervezett munka közben, és gyűjtsön mindent, ami a weblapjával kapcsolatos, egy mappába, amelyet a merevlemezre ment hajtás.

Mindig megtekintheti a weboldalát és lektorálja a munkáját. Egy maroknyi elírási hiba vagy megszakadt hivatkozás károsíthatja a hitelességét egy témában.

05

08-án

Keressen webtárhelyet a weboldalához

Most, hogy megírta a weblapját és elmentette a merevlemezre, itt az ideje, hogy feltegye az internetre, hogy mások is láthassák. Ezt egy internetes fogadó segítségével hajtja végre, amely egy olyan vállalat, ahová feltölti az összes fájlját. Rengeteg van odakint, és fontos a megbízható gazdagép kiválasztása. Látogasson el a webtárhely-felülvizsgálati oldalakra, vagy keresse fel az egyik olyan ismert szolgáltatót, mint például a HostGator vagy a GoDaddy egy vállalkozás számára. Ne hagyja figyelmen kívül a Wix-et (a WYSIWYG platformot), a WordPress.com-ot és a Weebly-t, amelyek mindegyike jól bejáratott gazdagép.

Számos lehetőség kínálkozik az ingyenes (reklámozással és anélkül) webhostingra akár havi több száz dollárig. Amire szüksége van egy internetes fogadóban, attól függ, mire van szüksége a webhelyének ahhoz, hogy vonzza és megtartsa az olvasókat. Látogasson el néhány web hosting webhelyre, és nézze meg, mibe kerülnek és mit nyújtanak. Néhány szolgáltató generikus terméket szállít URL címet, de ha személyre szeretné szabni vállalkozásának URL-jét, vagy a nevét szeretné használni az URL részeként, regisztrálnia kell egy domaint. Regisztrálhat egy domaint 10 USD vagy annál kevesebb vagy 10 000 USD vagy annál magasabb áron. Mivel ez az első weboldalad, menj alacsonyra.

Töltsön ki egy alkalmazást, szerezzen be egy domaint, és döntsön a többi szükséges funkcióról, és iratkozzon fel egy internetes gazdagépre.

06

08-án

Töltse fel oldalát a házigazdára

Ha van tárhelyszolgáltatója, akkor át kell helyeznie a fájlokat a helyi merevlemezről a tároló számítógépre. Számos tárhelyszolgáltató kínál online fájlkezelő eszközt, amellyel feltöltheti fájljait, de ha nem, akkor igen használja az FTP-t a weboldal feltöltéséhez. A folyamat szolgáltatónként eltérő, ezért kövesse a kapott utasításokat a fájlok feltöltésének helyére. A legtöbb tárhelyszolgáltató oktatóanyagokat tesz közzé olyan emberekhez, mint te, akik feltöltik az első fájljaikat. Ha konkrét kérdése van azzal kapcsolatban, hogyan juttassa el fájljait a vállalat szerverére és hová helyezze, kérjen technikai segítséget.

Egy bizonyos pillanatban megkap egy URL-t a webgazdától. Ez az Ön weboldalának címe, amelyet megadhat minden barátjának és rokonnak, hogy megcsodálhassák munkáját, de még nem adják át.

07

08-án

Teszteld az oldalad

Mielőtt közzétenné az URL-t a közösségi médiában vagy kiosztaná, tesztelje weboldalát. Nem akar semmilyen kellemetlen meglepetést.

Sok kezdő webfejlesztő kihagyja a weboldal létrehozásának tesztelési szakaszát, de ez fontos. Az oldalak tesztelésével megbizonyosodhat arról, hogy a megfelelő URL-címen szerepelnek, és hogy az összes népszerű webböngészőben rendben vannak. Nyissa meg weboldalát a Chrome-ban, a Firefox-ban, a Safari-ban, az Opera-ban és más böngészőkben, amelyeket Ön vagy ismerőse telepített a számítógépre. Győződjön meg arról, hogy az összes kép megjelenik és a linkek működnek. Nem akar semmilyen kellemetlen meglepetést.

Ha meglepetésbe ütközik, hajtsa végre a webes tervezéssel kapcsolatos problémák megoldásának szokásos lépéseit.

Amikor a weboldal pontosan úgy néz ki, ahogy tervezte, itt az ideje annak népszerűsítésére.

08

08-án

Hirdesse weboldalát

Miután a weboldala fent van az interneten, értesítse erről az embereket. A legegyszerűbb módszer, ha e-mail üzenetet küld az ügyfeleknek, barátainak és családtagjainak az URL-címmel. Adja hozzá az URL-t az e-mail aláírásához, vagy tegye közzé a közösségi oldalakon. Ha az Ön vállalkozásának szól, adja hozzá a címet névjegykártyáihoz és más nyomtatott anyagaihoz.

Ha azt szeretné, hogy sokan nézzék meg az Ön weboldalát, meg kell tanulnia, hogyan népszerűsítse azt a keresőmotorokban és más helyeken, de a keresőmotorok optimalizálása (SEO) egy másik nap története.

instagram story viewer