Od roku 1993 začalo něco, co zcela změnilo způsob našeho každodenního života, a právě tehdy byl spuštěn prohlížeč Mosaic, což dalo vzniknout tomu, co dnes známe jako webové stránky. Proč říkáme, že to mění náš život, je jednoduché, protože dnes najdeme více než 1100 milionů webových stránek se všemi druhy informací, návrhů, struktur, jazyků a dalších.
Zjevně existují profesionální, středně pokročilé a jiné amatérské webové stránky, ale všechny mají za cíl poskytnout určitý druh informací lidem, kteří je navštíví. Proto pokud chcete vědět, jak dnes vytvořit webovou stránku, Solvetic vám jednoduchým způsobem vysvětlí, jak na to, pomocí programu Poznámkový blok a HTML jako programovacího jazyka.
HTML (HyperText Markup Language) je programovací jazyk, který umožňuje dynamický vývoj webových stránek se skvělými funkcemi pro úpravy.
1. Jak vytvořit webovou stránku v programu Poznámkový blok
Krok 1
Pro přístup k poznámkovému bloku můžeme použít kteroukoli z následujících možností:
- Použijte klávesy Windows + R a spusťte příkaz „Poznámkový blok“
- Použijte Cortanu nebo vyhledávací pole Windows 10.
Krok 2
Jakmile otevřete poznámkový blok, přejdeme do nabídky Soubor a tam vybereme „Uložit jako“ nebo můžeme použít klávesy Ctrl + Shift + S:
Ctrl + Shift + S.
Krok 3
Kliknutím tam přejdeme na cestu, kam ji musíme uložit, a ve výchozím nastavení uvidíme následující:
Krok 4
Jako poznámkový blok vidíme, že výchozí hodnota je .txt. Chcete -li to upravit, zobrazíme možnosti v poli Typ a vybereme „Všechny soubory“. Přiřadíme název souboru následovaný příponou .html:
Změny použijete kliknutím na „Uložit“.
2. Viz struktura webových stránek
Krok 1
Jakmile uložíme soubor s příponou .hmtl, je čas pokračovat v jeho úpravě přidáním značky jazyka HTML pro webovou stránku. K tomu zadáme následující:
Krok 2
Nyní přidáme značky záhlaví nebo „hlavy“, jejichž účelem je označit začátek a konec názvu stránky, kterou chcete vytvořit. Chcete -li to provést, napíšeme za štítek "", dvakrát stiskněte klávesu Enter, abyste ponechali mezeru, a poté napište znovu:
Krok 3
Dalším krokem bude přidání názvu webové stránky, tento název bude umístěn mezi tagy „“ a přejde pod tagy „head“ následujícím způsobem. Přiřazený název bude ten, který uvidíme na kartě prohlížeče.
Krok 4
Je načase přidat značky „body“, které jsou pod značkou, a funkcí body je umožnit kódu webové stránky procházet mezi těmito značkami a být pro uživatele viditelný:
Krok 5
Dalším krokem bude zavření značky jazyka HTML, toto je poslední značka v souboru a je to značka HTML, která označuje konec stránky. Za tímto účelem zapíšeme pod značku "", abychom zavřeli značku HTML:
Změny uložíme pomocí kláves Ctrl + G nebo z nabídky Soubor / Uložit.
Krok 6
Je načase přidat prvky na webovou stránku v procesu, všechny tyto prvky musí jít za značku "" a před značku "", aby byly viditelné.
Prvním prvkem, který přidáte, bude hlavní nadpis webové stránky, k tomu zadáme mezi značky "" a zadáme požadovaný text mezi:
S tímto jazykem HTML můžeme používat značky "" až ""za účelem vytvoření textu záhlaví s menšími rozměry.
Krok 7
Dále budeme na web přidávat odstavce, tagy odstavců jsou "" a mezi ně zadáme text webu:
Solvetic Internet, místo setkání profesionálů a milovníků technologií
ZVĚTŠIT
Krok 8
Abychom na stránku přidali konec odstavce, musíme zadat
za koncovou značku řádku jsme přidali, například:
Solvetic Internet, místo setkání profesionálů a milovníků technologií
nKomunita, která překvapí a pomůže vám při více než jedné příležitosti
ZVĚTŠIT
PoznámkaMůžeme přidat štítek "
Další "pro vytvoření mezery mezi prvním odstavcem a druhým.
Krok 9
Nyní je čas formátovat zadaný text, jako je tučné písmo, kurzíva, horní index, dolní index nebo podtržení, dostupné štítky budou:
Tučné písmo Kurzíva text Podtržený text Horní index Text dolního indexu
ZVĚTŠIT
3. Jak ověřit webovou stránku
Krok 1
Abychom ověřili, že vše funguje podle očekávání, přejdeme na cestu, kam byl uložen soubor HTML, klikneme na něj pravým tlačítkem a vybereme Otevřít pomocí a zvolíme požadovaný prohlížeč:
Krok 2
Kliknutím sem zobrazíme strukturu, kterou jsme vytvořili:
ZVĚTŠIT
Tak jednoduše jste se naučili vytvářet webovou stránku v programu Poznámkový blok pomocí Solvetic, a tak jste schopni vytvořit základní web pro více úkolů, které můžete potřebovat.