Első webhely létrehozása a semmiből: 4 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:44

Ez az oktatóanyag megmutatja, hogyan készítheti el saját webhelyét, teljesen a nulláról, gyakorlatilag semmilyen html elsajátítása nélkül, és teljesen ingyen, bár némi festőprogram -készségre van szükség, de ha nem rendelkezik ezzel a készséggel, kereshet az interneten hogy mit fog csinálni az előre elkészített festékben.a szükséges dolgok listája.

• Internet -hozzáférés (valószínűleg, ha ezt olvassa, megvan ez)
• Festékprogram
• Körülbelül egy óra (készségtől függően még rövidebb)
• És néhány letöltés, amelyek természetesen ingyenes eszközök.

Az első letöltést gimp -nek hívják, amely alapvetően a fotóüzlet víztelenített változata, vagy a Windows festék terjedelmesebb változata. A Gimp ebben a programban Linux és Mac felhasználók számára is tartalmaz verziókat. A továbbiakban nagyon szeretem, hogy ez egy HTML -szerkesztő. kitalálta Ingyenes eszközök. ez teszi lehetővé, hogy ne kelljen html -t tanulni. de ha kódolni szeretné, akkor ebben a programban megteheti. NVUGott mindent, jó most, ahol készen áll arra, hogy lépést tegyen az internetes világban.

Lépés: Készítse el a képeket

Ez az a lépés, amikor elkészíti webhelye összes képét, természetesen ebben a szakaszban nevet kell adnia webhelyének. Egy kipróbált és valódi módszer az, hogy 1000x600 -as képet készítsen el mindenről, ami a webhelye lesz, például az oktatható anyagok webhelye valójában egy szalaghirdetés a tetején, a narancssárga sáv a gombokkal és néhány menüsor. Csak készítse el az egészet egyetlen képként (csak hagyja ki a tartalomterületet, azaz ahol a szöveg a középső oldalon van, hagyja üresen ezt a helyet), és ne készítsen hátteret, csak töltse ki a hátteret egyszínűvel, amely jól illeszkedik az oldalához. Nem fogok mondani festési tippeket vagy bármit, amit megnézhet ilyenkor egyedül. ha megvan, amit szeretne, hogy kinézzen a főoldala. ha egyszer kész. vágjon ki és illesszen be mindent, amire kattintani lehet, beleértve a szalaghirdetést és a gombokat egyenként egy új ablakba, és mentse el külön -külön. A lényeg itt az, hogy szétválasztunk mindent, így kódolni tudjuk.

Egy másik tipp, hogy hozzon létre egy új mappát a mentéshez, nem szükséges, de a szervezéshez

2. lépés: Összerakni mindent

Most, hogy megnyitja az nvu -t, kellett egy kis kattintgatás, de nem túl bonyolult. rosszul, lépésről lépésre.

Először fel kell vennie a felső sávot, amely alapértelmezés szerint 600 -ra van állítva (ebben egészen biztos vagyok), de ezt húzza át, és szélesítse 1000 -re, tegye ugyanezt az oldalra, csak 600 -ra. Először a webhely hátterét szeretné beállítani, és nem a festési programban használt kitöltést fogja használni, hanem lépjen a Formátum> Oldalszínek és háttér elemre, majd kattintson az egyéni színek használata elemre. és állítsa be a háttérszínt, amit a festési programban készített. A következő dolog, amit meg kell tennie, a felső szalaghirdetés hozzáadása. kattintson a kép gombra az eszköztáron. és keresse meg a zászlót. kattintson ne használjon alternatív szöveget. és ok. most van az első kép az oldalon. *Kattintson a program alján található forrássávra, hogy megnézze, mennyi kódolás ment bele. ez is egy jó módja a HTML tanulásának. Töltse fel a többi gombot, használhat alternatív szöveget, vagy nem rajtad múlik. azonban a gombra kell kattintania, és be kell lépnie a formátum sávba a kép- és linktulajdonságokban. kattintson a hivatkozási sávra, és hivatkozzon arra, amire vonatkozik, a kezdőképernyő gomb index.htm, a linkek gomb linkek.htm írja le, hogy a gombok milyen linkekkel vannak lefelé, majd később szüksége lesz rájuk, miután mindent elvégezett úgy kell kinéznie, mint a webhely képén, mielőtt elvágta és beillesztette. Az utolsó dolog, amit meg kell tennie, hogy táblázatot készít az oldal közepére a gombok alatt, megváltoztathatja a színt és a szegélyeket a menüsorban, ide kerül a fő szöveg. írj be valamit, csak hogy legyen valami az oldaladon.

3. lépés: Minden beállítása

Most már nagyjából elkészült a weboldal. de valószínűleg nincs ideje vagy helye a szerver beállításához, ráadásul akkor nem lenne ingyenes. de ezek olyan helyek, amelyek ingyenesen tárolják webhelyét a szervereiken. a kedvencem. freewebs

Ha nincs kedve ezt az oktathatót csinálni, és csak olvassa végig, akkor is készíthet egy webhelyet a webhelyükről, és mindent megtalál, amire szüksége van. Mindössze annyit kell tennie, hogy kiválasztja, hogyan szeretné webhelyét kinézni, és írja be, amit szeretne. Ez a módszer sokkal rugalmasabb

Hozzon létre egy fiókot a freewebs -en, ha a webhely nevét elfoglalja, ne aggódjon, csak adjon hozzá egy 2 -t a webhely végéhez egyelőre, azaz bányászik punkholy -t, ha elvették, akkor punkholy2 -nek hívnám. (ez valószínűleg nem az, amit az emberek begépelnek, amikor az Ön webhelyére mennek. Végül, amikor elkészíti a webhelyet, győződjön meg róla, hogy html módba állítja. A harmadik képhez hasonló képernyőre jut, kattintson a Webhelykezelő elemre, és kattintson az index.htm nevű oldal szerkesztésére, törölje a bennük lévő dolgokat, lépjen be a forrássávba az nvu -ban, és másolja be és illessze be az üres szövegszerkesztőbe. végül töltse fel a képeket a főkönyvtárba, és kattintson a kis földgömbre az oldal megtekintéséhez. ha bármi baj történik, írjon megjegyzést erről, és küldjön nekem egy üzenetet a html -jével, és nézze meg, mit tehetek.

4. lépés: A befejezés

Nyugodtan velem, majdnem kész. emlékszel, amikor annyira pózoltál, hogy leírod ezeket a neveket? Most, amikor szüksége van rájuk. készítsen néhány új oldalt ugyanazokkal a dolgokkal, mint a gombok. most másolja le a html kódot az Index oldalról. és az ellenőrzés után másolja be az új oldalakra. látnia kell, hogy a szöveg hová került a kezdőlapra. törölheti ezt, és írhat valami mást, ami az oldalra kerülne, akkor meg kell keresnie egy html -t, ha linkeket szeretne hozzáadni más webhelyekhez és ehhez hasonló dolgokhoz. de a legtöbb esetben a KÉSZ tesztelje a gombjait, hátha működnek. találjon ki tartalmat, és legyen boldog.*választható lépésként, ha kapott egy nevet, amelyet 2 -be kellett írnia a nevébe, lépjen ide, és regisztrálja a kívánt nevet. még akkor is, ha a freewebs -re van felvéve, valószínűleg nem itt veszik fel. végül csak a szokásos dolgok megjegyzése, ha problémái vannak, tudom, hogy ez hosszú utasítás, sok információval, és ha kihagytam valamit, mondja meg, ne lángoljon én, Iv rengeteg weboldalt készítettem, és valami, ami nyilvánvalónak tűnik, talán nem annyira nyilvánvaló annak, aki új. ha példát szeretne, itt a webhelyem: www.punkholy.tk.