Každý deň navštevujeme rôzne webové stránky. Niekedy sa však čudujeme, je ťažké vytvoriť si vlastnú webovú stránku? V tomto článku vás prevedieme jednoduchou webovou stránkou HTML pomocou programu Poznámkový blok.
Krok
Metóda 1 z 1: Vytvorenie vlastnej webovej stránky
Krok 1. Otvorte Poznámkový blok
Tento textový editor je vstavaný program dostupný na každom počítači so systémom Windows a nájdete ho v ponuke Štart. Po otvorení programu Poznámkový blok kliknite na položky Súbor> Uložiť ako a potom v stĺpci Typ súboru vyberte položku Všetky súbory. Vytvorený súbor uložte vo formáte HTML. Hlavná stránka webu má spravidla názov súboru „index.html“a obsahuje odkazy na všetky stránky na webe.
Krok 2. Pochopte HTML
Značka (tag) v HTML (Hypertext Markup Language) je vo formáte.
Tieto značky slúžia na vytvorenie vašej webovej stránky. Ak chcete ukončiť kód HTML, použite koncovú značku, napríklad. Záverečná značka je užitočná na zatváranie rôznych značiek, napríklad tučných alebo odsekových.
Krok 3. Začnite svoju webovú stránku vložením značky do hornej časti súboru
Krok 4. Na zadanie rôznych informácií použite značky
Značky sú užitočné pri nastavovaní názvu stránky, zatiaľ čo (voliteľné) značky slúžia na zadanie vysvetlenia obsahu webovej stránky. Znak potom prečítajú vyhľadávacie nástroje, ako napríklad Google.
Krok 5. Po zadaní značky zadajte názov stránky so značkou, napríklad wikiHow HTML
Krok 6. Dokončite hlavičku stránky pomocou znaku
Krok 7. Na zadanie obsahu stránky použite značky
Majte na pamäti, že prehliadače nepodporujú všetky farby. Napríklad tmavošedá nemusí byť podporovaná.
Krok 8. Napíšte obsah webovej stránky medzi
Začnite napríklad vytvorením hlavičky stránky. Hlavička stránky je časť webu veľkými písmenami a je označená znamienkom
až
. Podpísať
môžete použiť na vytvorenie hlavičky stránky s najväčšou veľkosťou písma. Skúste použiť značku tesne pod značkou, ako
Vitajte na mojej stránke
. Uistite sa, že ste zatvorili značku
na konci vety.
Krok 9. Na stránke so značkou vytvorte odsek
Napríklad napíšte
Bodový test!
Na vytvorenie nového riadku použite znak, alebo prestávky.
Krok 10. Určite nechcete, aby vami vytvorená webová stránka obsahovala iba obyčajný text
Na formátovanie textu na webových stránkach použite nasledujúce príznaky: na tučný text, na kurzívu a podčiarknutie textu. Po použití vyššie uvedeného znaku ho nezabudnite zavrieť!
Krok 11. Pridajte obrázok so znamienkom
na skrášlenie stránky a doplnenie informácií, ktoré sa nedajú vysvetliť v textovej forme.
Podpísať
na svoju činnosť vyžaduje určité informácie. Úplná syntax znaku
môže mať nasledujúci tvar:.
Parameter src v znaku slúži na zapísanie názvu súboru s obrázkom a funkcia width a height na opis dĺžky a šírky.
Krok 12. Vytvorte odkaz, ktorý vedie na inú stránku s, napríklad Ďalšou stránkou
Text v strede značky je text, ktorý sa zobrazí na stránke, zatiaľ čo parameter href obsahuje cieľovú stránku. Vďaka odkazom sa návštevníci môžu ľahko presúvať na rôzne stránky na vašom webe.
Krok 13. Keď skončíte s vypĺňaním stránok, ukončite stránku zatvorením súboru
Nakoniec zatvorte HTML kód pomocou
Krok 14. Uložte si vytvorenú webovú stránku s príponou.html a otvorte ju vo svojom obľúbenom prehliadači, aby ste ju mohli otestovať
Krok 15. Prečítajte si nasledujúceho sprievodcu a nahrajte svoje stránky na internet
Tipy
- Na internete existujú rôzne stránky, ktoré obsahujú príručky na vytvorenie webovej stránky. W3school je jedna stránka s dobrým materiálom.
- Uistite sa, že zatvoríte všetky značky v súbore HTML.
- Označte značku v prvom riadku súboru pred príponou. Tento príznak naznačuje, že súbor, ktorý vytvárate, je súbor HTML5.
- Zmeňte písmo so značkami pred a za. Nahraďte „N“požadovaným písmom, napríklad „Verdana“.
- Ak potrebujete použiť uhlové zátvorky, použite kód. Ak chcete použiť znak &, použite kód &.
- Podľa HTML tutoriálov by ste mali webové súbory a priečinky vždy pomenovať malými písmenami, bez medzier a interpunkcie. Aj keď systém Windows umožňuje vkladať medzery do názvov súborov, mnoho poskytovateľov hostingu nie. Prehľadný názov súboru vám navyše uľahčí správu vašich stránok.
