Hozzon létre egy új weboldalt a Jegyzettömb használatával

A Windows Notepad egy olyan alapvető szövegszerkesztő program, amellyel a weboldalakat írhatja. A weboldalak csak szöveg, és bármely szövegszerkesztő programmal HTML-t írhat. Ez az útmutató bemutatja a folyamatot.

01/07

Helyezze a fájlokat egy új mappába

Új webhely létrehozása a Jegyzettömbben először hozzon létre egy külön mappát, amely tárolja. Általában a weboldalakat a Saját dokumentumok mappában lévő HTML mappában tárolja, de tárolhatja őket tetszés szerint.

1. Nyissa meg aDokumentumok ablak.
2. Kattints fájl > Új > Folder.
3. Nevezze el a mappát my_website.

Fontos jegyzet: Adja meg az internetes mappákat és fájlokat az összes kisbetűvel és szóközök vagy írásjelek nélkül. Míg a Windows lehetővé teszi, hogy szóközöket használj, sok webes tárhelyszolgáltató nem, és menteni fogsz egy kis időt és problémát, ha a fájlokat és mappákat helyesen nevezed el a kezdetektől.

02, 07

Az oldal mentése HTML formátumban

Ahogyan a könyvtár neve, az oldal mentésekor minden kisbetűs betűt használ, és nincs szó szóközt vagy speciális karaktert a fájlnévben.

1. A Jegyzettömbben kattintson a gombra fájl és akkor Mentés másként.
2. Menjen a mappába, ahol elmenti a webhely fájljait.
3. Változtasd meg a Mentés típusként legördülő menüben Minden fájl (*.*).
4. Nevezze el a fájlt. Ez az útmutató a nevet használja pets.htm.

03. 07. sz

Indítsa el a weboldal írását

Az első dolog, amit be kell írni a Notepad HTML5 dokumentumba, a DOCTYPE. Ez megmondja a böngészőknek, hogy milyen típusú HTML várható.

A dokktípus deklaráció nem tag. Azt mondja a számítógépnek, hogy egy HTML5 dokumentum érkezik. Minden HTML5 oldal tetején megy, és ez a formát veszi:

Miután megvan a DOCTYPE, elindíthatja HTML-jét. Írja be mind a kezdő címkét, mind a végtagot, és hagyjon helyet a weboldal tartalmának. A Jegyzettömb-dokumentumnak így kell kinéznie:

04, 07

Hozzon létre egy fejét weboldalához

A HTML dokumentum vezetője az, ahol a weblapra vonatkozó alapvető információkat tárolják - olyan dolgokat, mint például az oldal címe és esetleg meta tagek a keresőoptimalizáláshoz. Fejrész létrehozásához vegye fel a fejléceket a Jegyzettömb HTML szöveges dokumentumában a html címkék között.

​

Mint a html címkéknél is, hagyjon helyet egymás között, így van hely a fej információinak hozzáadásához.

05/07

Adja hozzá az oldalcímeket a fejrészben

A weboldal címe a böngésző ablakában megjelenő szöveg. Az is, amit könyvjelzőkben és kedvencekben írtak, amikor valaki megmenti a webhelyét. A címcímeket a címcímkék között tárolja. Nem fog megjelenni a weboldalon, csak a böngésző tetején.

Ez a példaoldal "McKinley, Shasta és egyéb háziállat" címet viseli.

Nem számít, mennyi ideig tart a címed, vagy ha több sort is tartalmaz a HTML-ben, de a rövidebb címek könnyebben olvashatók, és néhány böngésző hosszabb ideig levágja a böngészőablakot.

06, 07

A weboldal fő teste

A weboldal teste a testcímkéken belül található. A fejjel kell utánuk, de a végső html tag előtt. Itt helyezzük el a szöveget, címeket, alfejezeteket, képeket és grafikákat, linkeket és minden más tartalmat. Bármennyire is lehet.

Hagyjon helyet a kezdő és a végződő címkék között.

Ez a formátum követhető a weblap megírásához a Jegyzettömbben.

07, 07

Képek mappájának létrehozása

Mielőtt tartalmat ad hozzá HTML dokumentumának testéhez, be kell állítania a könyvtárakat, hogy legyen egy mappája a képekhez.

1. Nyissa meg a Dokumentumok ablak.
2. Változás a my_website mappát.
3. Kattints fájl > Új > Folder.
4. Nevezze el a mappát képek.

Tárolja az összes képet a webhelyére a képek mappában, hogy később megtalálja azokat. Ez megkönnyíti a feltöltését, ha szükséges.