Hogyan lehet weboldalt létrehozni a Jegyzettömbben? Valódi példa
Sokan azt gondolják, hogy a saját webhely létrehozása aztrükkös üzlet, amely komoly előkészítést és komplex eszközök használatát igényli. Valójában, kezdetben, elegendő tudás és a legalapvetőbb Windows program - a Jegyzettömb - elég. A webhely létrehozásáról a Notepadban egyszerű utasításokat követve néhány órán belül elkészítheti az első teljes oldalt.
A Notepad előnyei
Professzionális webfejlesztők, tapasztalta webhely készítői nagyon ritkán használják a Jegyzettömböt a folyamatban, de két felhasználói kategória létezik, akik számára ez a program kiváló választás:
kezdő betűkészlet;
olyan emberek, akik újak a weblapok létrehozásának folyamatában, és nem akarják megtanulni a bonyolult szerkesztőket, hogy egyszerű névjegykártya-helyet írjanak.
Sok szakember megismerte az elrendezést és aHTML, megértése, hogyan lehet webhelyet létrehozni a Jegyzettömb segítségével. Ez lehetővé tette számukra, hogy biztonságosan és gyorsan összegyűjtsék az összes megszerzett tudást. A Jegyzettömböt nem úgy tervezték, hogy a kóddal és a jelöléssel együtt dolgozzon, nincs beépített tippe, automatikus kiegészítése és más chipek sem a modern programokban, ami azt jelenti, hogy a fejlesztő csak magára és memóriájára támaszkodhat.
A Jegyzettömb szövegszerkesztője a leg szerényebbminimalista felület, ami azt jelenti, hogy sokáig nem kell megértenie a program összetett funkcióit. Ez nagyon vonzó azoknak a felhasználóknak, akik nem tervezik időt tölteni olyan eszköz tanulására, amelyet gyakran nem fognak használni.
Munka alapjai
A HTML webhely létrehozásáról a Notepadban lépésről lépésre a program megnyitásával kezdődik. A Jegyzettömb legegyszerűbben a Windows Start menüjében található, a Kellékek részben.
A megnyitott új fájlt a következővel kell mentenihtml kiterjesztés. Ez nagyon fontos, mert ezzel a kiterjesztéssel a böngésző megérti, hogy van egy weboldala előtte. A Fájl menü Mentés másként parancsa új ablakot nyit meg. Itt meg kell neveznie az index.html dokumentumot, ki kell választania az utf-8 kódolást és a menteni kívánt mappát.
Most bármikor megnyithatja ezt a fájlt, duplán kattintva rá, vagy a jobb gombbal kattintva a helyi menüre, és kiválasztva az „Megnyitás a Jegyzettömbvel” lehetőséget.
Az oldalt már létrehozták, és láthatja, hogyan néz ki a böngészőben. Számos módszer nyílik meg a dokumentum megnyitására egy internetes böngészőben:
a jobb gombbal rákattintva és a megjelenő menüben válassza a „Megnyitás a Google Chrome-mal” (vagy egy másik böngészőt) lehetőséget;
csak húzza az ikont a nyitott böngésző fülsávjába;
beírja a böngésző címsorába a dokumentum teljes címét, kezdve a protokoll fájllal: //
Most az oldal kiszámíthatatlanul szűz, az ideje kitölteni az információkat.
Hipertext jelölőnyelv
Az összes weboldal a világhálónspeciális HTML nyelven írva (hipertext jelölő nyelv). Az alapok megértése nagyon fontos annak megértéséhez, hogyan lehet webhelyet létrehozni a Jegyzettömbben vagy bármilyen más szerkesztőben. A HTML segítségével a fejlesztő megmondja a böngészőnek az oldal kinézetét. Ezért fontos a helyes fájlkiterjesztés beállítása.
A nyelv címkékre épül - a szögletes zárójelbe zárt karakterkombinációk.
Címkepéldák:
1. szintű címsor
Dőlt szöveg
A nyitó és záró címkék közötti szöveget a böngésző speciálisan feldolgozza.
Az oldalon közvetlenül megjelenített adatok mellett az oldal létrehozásakor meg kell határoznia a maga szolgáltatásának a saját böngészőhöz való speciális szolgáltatási adatait is.
Első tervezetek
A html-dokumentum helyes kialakításával kell kezdenie a munkát. Az oldal alapvető felépítése a következő:
A világ legjobb oldala
Head>
Body>
Html>
Az egyes elemek értéke:
DOCTYPE - a böngésző műszaki adatai, amelyek megmutatják, hogyan kell érzékelnie a kódot;
html - az oldal gyökércímkéje;
fej - a szolgáltatási információk egy része, amely a webhely látogatói számára nem látható;
meta - szolgáltatáscímke, a karakterkészlet-attribútum határozza meg a szöveg kódolását;
cím - a böngésző lapon megjelenített oldal neve;
szerv - a dokumentum törzse, amely közvetlenül megjelenik az oldalon.
A kód mentése és a fájl újbóli megnyitása (vagy újratöltése) után a böngészőben láthatja az első változást - a lap neve megjelent a lapon.
Téma és felépítés
Mielőtt megérti, hogyan hozhat létre saját HTML-webhelyet a Jegyzettömb segítségével, világosan el kell képzelnie, hogyan kell kinéznie ennek a webhelynek. Vegyük például egy John Doe személyes blogját.
Az oldal szerkezetének fő elemei:
kalap logóval és az első szint címsorával;
vízszintes navigációs sáv;
a fő tartalom, amelyet három cikk képvisel, amelyek mindegyike címsorból, rövid leírásból és a teljes szöveghez mutató hivatkozásból áll;