Ako vytvoriť webovú stránku v programe Poznámkový blok? Skutočný príklad
Mnoho ľudí si myslí, že vytvorenie vlastnej webovej stránky jeje to zložitá firma, ktorá si vyžaduje serióznu prípravu a použitie zložitých nástrojov. Na začiatok stačí iba minimum vedomostí a najzákladnejší program Windows - Poznámkový blok. Podľa jednoduchých pokynov o tom, ako vytvoriť webovú stránku v programe Poznámkový blok, si môžete celú prvú stránku vytvoriť za pár hodín.
Výhody programu Poznámkový blok
Profesionálni weboví vývojári, skúseníTvorcovia stránok veľmi zriedka používajú program Poznámkový blok, ale existujú dve kategórie používateľov, pre ktorých je tento program vynikajúcou voľbou:
sadzače pre začiatočníkov;
ľudia, ktorí sú novým procesom vytvárania webových stránok, ktorí sa nechcú učiť zložitým editorom písať jednoduchý web s vizitkami.
Mnoho odborníkov sa zoznámilo s rozložením aHTML, porozumieť tomu, ako vytvoriť web pomocou programu Poznámkový blok. To im umožnilo bezpečne a rýchlo upevniť všetky získané vedomosti. Program Poznámkový blok nie je navrhnutý tak, aby pracoval s kódom a značkami. V moderných programoch nie sú k dispozícii žiadne zabudované rady, automatické dopĺňanie a iné čipy, čo znamená, že vývojár sa môže spoľahnúť iba na seba a svoju pamäť.
Textový editor Poznámkový blok má najskromnejšieminimalistické rozhranie, čo znamená, že už dlho nemusíte chápať komplexnú funkčnosť programu. Je to veľmi príťažlivé pre používateľov, ktorí neplánujú tráviť čas učením sa nástroja, ktorý často nepoužívajú.
Základy práce
Po otvorení programu sa začína krok za krokom, ako vytvoriť web HTML v programe Poznámkový blok. Najjednoduchší spôsob, ako nájsť Poznámkový blok, je cez ponuku Štart systému Windows v časti Príslušenstvo.
Otvorený nový súbor sa musí uložiť pomocouhtml rozšírenie. To je dôležité, pretože s týmto rozšírením prehliadač pochopí, že má pred sebou webovú stránku. Príkaz Uložiť ako v ponuke Súbor otvorí nové okno. Tu musíte pomenovať dokument index.html, vyberte kódovanie utf-8 a priečinok, ktorý chcete uložiť.
Teraz môžete tento súbor kedykoľvek otvoriť dvojitým kliknutím na tento súbor alebo kliknutím pravým tlačidlom myši na kontextovú ponuku a výberom položky „Otvoriť pomocou programu Poznámkový blok“.
Stránka už bola vytvorená a v prehliadači môžete vidieť, ako vyzerá. Existuje niekoľko spôsobov, ako otvoriť dokument v internetovom prehliadači:
kliknutím pravým tlačidlom myši a výberom položky „Otvoriť pomocou prehliadača Google Chrome“ (alebo iného prehliadača) v zobrazenej ponuke;
iba potiahnutím ikony do panela kariet v otvorenom prehliadači;
do panela s adresou prehliadača napíšete úplnú adresu dokumentu, začínajúc protokolovým súborom: //
Teraz je stránka predvídateľne panenská prázdna, je čas vyplniť ju informáciami.
Hypertext Markup Language
Všetky webové stránky na World Wide Webnapísané v špeciálnom jazyku HTML (jazyk na označenie hypertextu). Pochopenie jeho základov je veľmi dôležité pochopiť, ako vytvoriť webovú stránku v programe Poznámkový blok alebo iného editora. Pomocou HTML vývojár povie prehliadaču, ako by stránka mala vyzerať. Preto je dôležité nastaviť správnu príponu súboru.
Jazyk je založený na značkách - kombináciách znakov uzavretých v zátvorkách.
Príklady značiek:
Nadpis úrovne 1
Kurzívou upravený text
Text medzi štítkami otvárania a zatvárania bude prehliadačom špeciálne spracovávaný.
Pri vytváraní stránky by ste okrem údajov priamo zobrazených na stránke mali zadať aj špeciálne servisné informácie určené pre samotný prehliadač.
Prvé návrhy
Mali by ste začať pracovať so správnym návrhom dokumentu html. Základná štruktúra stránky je nasledovná:
Najlepšie miesto na svete
Head>
Body>
Html>
Hodnota každého prvku:
DOCTYPE - technické informácie pre prehliadač, v ktorých sa uvádza, ako by mal kód vnímať;
html - koreňová značka stránky;
hlava - časť servisných informácií, ktorá nie je viditeľná pre návštevníkov stránok;
meta - servisná značka, atribút charset určuje kódovanie textu;
nadpis - názov stránky zobrazenej na karte prehľadávača;
telo - telo dokumentu zobrazené priamo na stránke.
Po uložení kódu a opätovnom otvorení (alebo opätovnom načítaní) súboru v prehliadači sa zobrazí prvá zmena - na karte sa zobrazil názov lokality.
Téma a štruktúra
Predtým, ako pochopíte, ako vytvoriť svoju vlastnú stránku HTML pomocou programu Poznámkový blok, musíte si jasne predstaviť, ako by táto stránka mala vyzerať. Napríklad si vezmite osobný blog určitého Johna Doeho.
Hlavné prvky štruktúry tejto stránky:
klobúk s logom a hlavičkou prvej úrovne;
horizontálna navigačná lišta;
hlavný obsah predstavovaný tromi článkami, z ktorých každý pozostáva z nadpisu, stručného opisu a odkazu na plné znenie;