Obsah:

Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok: 4 kroky
Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok: 4 kroky

Video: Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok: 4 kroky

Video: Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok: 4 kroky
Video: JAK VYTVOŘIT WEBOVÉ STRÁNKY PŘES WORDPRESS V ROCE 2024 - ČESKÝ WORDPRESS NÁVOD PRO ZAČÁTEČNÍKY 2024, Červen
Anonim
Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok
Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok

Napadlo někoho?

„Jak vytvořím webové stránky ze základního programu pro psaní?“

Zjevně ne konkrétně…

Každopádně zde vám ukážu, jak vytvořit ZÁKLADNÍ web pomocí pouze poznámkového bloku.

Zásoby

Pro tento projekt budete potřebovat:

-velký mozek

-poznámkový blok

-může být cheat sheet HTML a CSS příkazů

-hodně trpělivosti

Krok 1: Začátek

Začátek
Začátek

Otevřete poznámkový blok. Ve skutečnosti to otevřete dvakrát. Budete kódovat 2 soubory současně.

Nyní uložte oba soubory. Jeden bude [název souboru].html a druhý bude [název souboru].css

Krok 2: Nastavení souboru HTML

Nastavení souboru HTML
Nastavení souboru HTML

V souboru HTML napište na první řádek "", přeskočte řádek

řádek 2 -

řádek 3 - [název stránky]

řádek 4 -

řádek 5 -

přeskočit řádek

řádek 6 -

řádek 7 -

[co chcete na prvním řádku. toto je běžný text.]

řádek 8 -

řádek 9 -

Nyní upravte, kam jsem vložil zprávy do

VYSVĚTLENÍ - - -

uvádí začátek kódu.

uvádí začátek záhlaví.

uvádí, co se zobrazí v názvu karty

+další kód v odkazu propojí šablonu stylů css s html pro styly.

končí prohlášení.

končí hlavičkový příkaz

uvádí začátek hlavního textu / kódu

je začátek odstavce textu, který se zobrazí při spuštění kódu html.

uhodl jsi to. končí výpovědi těla

znamená konec kódu.

Krok 3: Nastavení souboru CSS

Nastavení souboru CSS
Nastavení souboru CSS

na první řádek souboru CSS vložte (@charset "utf-8";)

řádek 2 - tělo

řádek 3 {pozadí: [co chcete jako barvu pozadí]

řádek 4 -}

řádek 5 - h1 {

řádek 6 - rodina písem: tučně

řádek 7 -}

Můžete přidat další proměnné a změnit mé poznámky mezi

Krok 4: No, to bylo ono

No, to bylo všechno
No, to bylo všechno

Pokud chcete, můžete použít lepšího průvodce, jako je „Základy webového designu“od vishalapru

www.instructables.com/Web-Designing-Basics…

Dávejte si také pozor, aby vám Poznámkový blok neukazoval, kde se kód pokazil.

Proto se doporučuje software pro kódování webových stránek.

Doporučuje: