Ako vytvoriť jednoduchú webovú stránku pomocou poznámkového bloku?

Ako vložím rôzne webové stránky na svoju jednoduchú webovú stránku vytvorenú pomocou poznámkového bloku?

Táto príručka vás naučí, ako vytvoriť jednoduchú textovú webovú stránku pomocou aplikácie Poznámkový blok v počítači so systémom Windows. Ako jazyk svojej webovej stránky použijete HTML.

Časť 1 zo 4: Vytvorenie dokumentu HTML

1

Otvorený štart. Kliknite na logo Windows v ľavom dolnom rohu obrazovky. Zobrazí sa ponuka Štart.
2

Vyhľadajte poznámkový blok. Ak to notepad chcete urobiť, zadajte. V hornej časti ponuky Štart by sa mal zobraziť zoznam zodpovedajúcich výsledkov.
3

Kliknite na Poznámkový blok. Je to modrá ikona poznámkového bloku v hornej časti zoznamu výsledkov. V takom prípade sa zobrazí výzva na otvorenie programu Poznámkový blok.
4

Kliknite na položku Súbor. Nachádza sa v ľavom hornom rohu okna programu Poznámkový blok. Po kliknutí naň sa zobrazí rozbaľovacia ponuka.
5

Kliknite na tlačidlo Uložiť ako.... Je to v rozbaľovacej ponuke. Otvorí sa okno Uložiť ako.
6

Kliknite na rozbaľovacie pole „uložiť ako typ“. Táto možnosť je v spodnej časti okna a malo by na nej byť napísané „Textové dokumenty (*.txt)“. Po kliknutí naň sa zobrazí rozbaľovacia ponuka.
7

Kliknite na položku Všetky súbory. Je to v rozbaľovacej ponuke. To vám umožní uložiť súbor ako dokument HTML.
8
Vyberte miesto uloženia. Na ľavej strane okna kliknite na názov priečinka, do ktorého chcete uložiť dokument.
- Ak chcete napríklad uložiť dokument na plochu, posuňte sa nahor a na ľavom bočnom paneli kliknite na položku Pracovná plocha.
9
Zadajte názov a príponu súboru „html“. Kliknite na textové pole „Názov súboru“, zadajte názov súboru a potom ho zadajte .html.
- Ak chcete napríklad pomenovať súbor svojej webovej stránky „ahoj“, zadajte hello.html.
10
Kliknite na položku Uložiť. Tým sa váš aktuálny dokument programu Poznámkový blok zmení na dokument HTML. V tomto mieste môžete pokračovať v nastavení počiatočnej štruktúry svojej webovej stránky.
- Ak sa program Poznámkový blok neúmyselne zatvorí alebo sa k dokumentu budete musieť vrátiť neskôr, môžete pravým tlačidlom myši kliknúť na súbor HTML a potom vo výslednej rozbaľovacej ponuke kliknúť na položku Upraviť.

Zobraziť svoju webovú stránku v prehliadači — Ako môžem potom, čo som uložil svoje údaje do súboru programu Poznámkový blok, zobraziť svoju webovú stránku v prehliadači?

Časť 2 zo 4: Nastavenie webovej stránky

1
Pridajte značku jazyka svojej webovej stránky. Prvá značka, ktorú budete musieť pridať do programu Poznámkový blok, informuje zvyšok dokumentu o použití HTML. Do programu Poznámkový blok zadajte nasledujúce:
```
<! DOCTYPE html> <html> 
```
2

Pridajte značky „hlava“. Tieto značky označujú začiatok a koniec názvu stránky, ktorý vytvoríte v nasledujúcom kroku. Zatiaľ stačí napísať <head> za značku „<html>“, stlačením ↵ Enterdvakrát ponecháte medzeru a zadajte </head>.
3
Pridajte názov stránky na svoj web. Názov, ktorý je umiestnený medzi značkami „<title> </title>“, sa nachádza v medzere medzi značkami „head“. Tento názov určuje názov webovej stránky tak, ako je zobrazený na karte prehliadača. Ak chcete napríklad zadať hlavičku a pomenovať svoju webovú stránku „Moja webová stránka“, zadajte nasledujúce:
```
<title> Môj web </title> 
```
4
Pridajte značky „body“. Všetok kód vašej webovej stránky sa bude nachádzať medzi týmito značkami, ktoré by mali byť pod značkou „</title>“:
```
<body> </body> 
```
5

Zatvorte značku jazyka HTML. Poslednou značkou, ktorá má byť v dokumente umiestnená, bude koncová značka HTML, ktorá bude znamenať koniec stránky. Ak </html> chcete značku HTML zavrieť, zadajte výraz pod značku „</body>“.
6
Zatiaľ si skontrolujte svoj dokument HTML. V tomto prípade by váš dokument mal vyzerať takto:
```
<! DOCTYPE html> <html> <head> <title> Môj web </title> </head> <body> </body> </html> 
```
7

Uložte dokument. Ak to chcete urobiť, stlačte Ctrl+ S. Teraz môžete pokračovať v pridávaní prvkov stránky, ako sú odseky a nadpisy, do dokumentu.

Že dokument HTML po otvorení zobrazí najnovšiu verziu vašej webovej stránky — Zaistíte tým, že dokument HTML po otvorení zobrazí najnovšiu verziu vašej webovej stránky.

Časť 3 zo 4: Pridanie prvkov webovej stránky

1

Vedzte, že všetky prvky vašej webovej stránky sú umiestnené medzi značkami „body“. Akýkoľvek prvok, či už je to nadpis alebo odsek, musí byť napísaný za značku „<body>“ a pred značku „</body>“.
2
Pridajte hlavný nadpis svojho webu. Zadajte <h1></h1> medzi značky „body“ a potom zadajte ľubovoľný hlavný nadpis vašej webovej stránky medzi značky „<h1> </h1>“. Ak napríklad chcete vytvoriť stránku s nadpisom „Vitajte“, budete potrebovať:
```
<h1> Vitajte </h1> 
```
- Na vytvorenie menšieho textu nadpisu môžete použiť značky „<h2> </h2>“ až „<h6> </h6>“.
3
Pridajte na stránku text odseku. Zadajte značky odsekov, ktoré sú „<p> </p>“, a potom medzi značky zadajte čokoľvek, čo chcete použiť ako odsek. Váš konečný výsledok by mal vyzerať takto:
```
<p> Toto sú moje webové stránky. Hlasujte za mňa za predsedu triedy! </p> 
```
4
Vynútiť zalomenie odseku. Ak chcete medzi odseky alebo nadpisy pridať ďalšie medzery, napíšte <br> za koncovú značku riadka. Ak napríklad chcete vytvoriť odsek za odstavcom, mali by ste skončiť s niečím takýmto:
```
<p> Toto sú moje webové stránky. Hlasujte za mňa za predsedu triedy! </p> <br> <p> Tiež mám rád zemiaky. </p> 
```
- Za prvý môžete pridať ďalšiu značku „<br>“ a pridať tak ďalší koniec riadka, čím vytvoríte medzeru medzi prvým odsekom a druhým.
5
Pridajte do textu formátovanie. Formátovanie tučným písmom, kurzívou a podčiarknutím (ako aj horným a dolným indexom) môžete použiť na akékoľvek slovo, vetu alebo blok textu, pokiaľ je medzi značkami odsekov:
```
<b> Tučný text </b> <i> Kurzíva </i> <u> Podčiarknutý text </u> <sup> Horný index </sup> <sub> Text na dolnom indexe </sub> 
```

6

Skontrolujte vzhľad svojej webovej stránky. Aj keď sa prvky webovej stránky môžu líšiť, váš dokument by mal vyzerať takto:

<! DOCTYPE html> <html> <head> <title> Môj web </title> </head> <body> <h1> Vitajte! </h1> <p> Toto sú moje webové stránky. Dúfam, že sa vám tu páči! </p> <p> <b> Tu je nejaký hrubý text na zdôraznenie. </b> </p> <p> <i> Kurzíva môže byť strašidelná. </i> </ p> </body> </html>

Ako vytvoriť jednoduchú textovú webovú stránku pomocou aplikácie Poznámkový blok v počítači so systémom — Táto príručka vás naučí, ako vytvoriť jednoduchú textovú webovú stránku pomocou aplikácie Poznámkový blok v počítači so systémom Windows.

Časť 4 zo 4: Testovanie vašej webovej stránky

1

Uložte dokument. Ak to chcete urobiť, stlačte Ctrl+ S. Zaistíte tým, že dokument HTML po otvorení zobrazí najnovšiu verziu vašej webovej stránky.
2

Kliknite pravým tlačidlom myši na dokument HTML. Zobrazí sa rozbaľovacia ponuka.
3

Vyberte položku Otvoriť pomocou. Je to v rozbaľovacej ponuke. Tým sa otvorí rozbaľovacia ponuka.
4

Vyberte preferovaný webový prehliadač. Dokumenty HTML môžu otvárať všetky webové prehliadače, takže v rozbaľovacej ponuke kliknite na ľubovoľný webový prehliadač, ktorý chcete použiť. Váš dokument HTML sa otvorí vo vybratom webovom prehliadači.
5
Skontrolujte svoju webovú stránku. Ak vám formátovanie vyhovuje, môžete pokračovať a zatvoriť Poznámkový blok.
- Ak chcete pokračovať v úprave dokumentu HTML, vráťte sa do programu Poznámkový blok a vykonajte potrebné úpravy. Uistite sa, že zmeny budete často ukladať.

Tipy

Pomocou CSS v spojení s dokumentom HTML môžete upraviť farbu pozadia webovej stránky alebo zmeniť farbu písma.

Prečítajte si tiež: Ako zaregistrovať doménu a.Wiki?

Ako vytvoriť jednoduchú webovú stránku pomocou poznámkového bloku?

Kroky

Časť 1 zo 4: Vytvorenie dokumentu HTML

Časť 2 zo 4: Nastavenie webovej stránky

Časť 3 zo 4: Pridanie prvkov webovej stránky

Časť 4 zo 4: Testovanie vašej webovej stránky

Tipy

Otázky a odpovede

Prečítajte si tiež: