Co je to webová stránka? Vyjmenujte hlavní prvky webové stránky
Co je tedy web a webová stránka? Abychom tomuto problému porozuměli, zamysleme se nad tím, jaké informace mohou být na webu skutečně obsaženy? Odpověď je zřejmá – téměř jakákoli. Stránka může obsahovat informace o počítačových hrách, autech, akvarijních rybičkách, bájných tvorech, městech a zemích světa atd. a tak dále. Seznam pokračuje dál a dál. Na stránky můžete dokonce zveřejňovat například díla velkých ruských klasiků. Jak se vám líbí stránka "Válka a mír"? Ukazuje se, že stránka je kniha, ale ne jen jednoduchá, ale elektronická? Ano, web je ve své podstatě skutečně elektronickou knihou, časopisem nebo učebnicí, která může obsahovat jak informace, které se vám hodí, tak i ty, které vás v tuto chvíli vůbec nezajímají.
Stejně jako běžná kniha se webová stránka skládá ze stránek nazývaných webové stránky.
Jak vlastně ve stejné učebnici informatiky najdeme informace, které nás zajímají? Otevřeme obsah, který se nachází na začátku nebo na konci učebnice, vyhledáme odstavec, který obsahuje potřebné informace, podíváme se na číslo stránky naproti odstavci, otevřeme a prostudujeme látku. Všechno je docela jednoduché a obyčejné.
Poté, co se dostaneme na hlavní stránku dobře navrženého webu, měli bychom vidět i něco podobného obsahu učebnice, abychom mohli rychle najít potřebné informace.
Jak se ale dostat k potřebným informacím umístěným na webu, když neumíme listovat elektronickými stránkami jako běžné papírové? Ve skutečnosti obvykle používáme myš.
Ve skutečnosti je pohyb mezi stránkami webu ještě efektivnější než pohyb mezi stránkami při práci s běžnou učebnicí. K pohybu mezi stránkami webu se používají prvky webové stránky, když na ně kliknete, můžete se přesunout na jinou stránku webu. Tyto prvky stránky se nazývají hypertextové odkazy a jsou přítomny na všech stránkách, které tvoří web.
V „klasickém“ případě se jako hypertextové odkazy používá část textu (slovo nebo několik slov) a grafické obrázky (kresby a fotografie).
Protože v prvním případě se k vytváření hypertextových odkazů používá text, nazývá se takový hypertextový odkaz textový odkaz. Docela často je textový hypertextový odkaz podtržený text modře. Když například na hlavní stránce webu uvidíte podobný nápis „Webové stránky a webové stránky“ a kliknete na něj levým tlačítkem myši, měli byste skončit na webové stránce věnované tomuto tématu. Stránka „Webové stránky a webové stránky“ musí mít zase alespoň jeden hypertextový odkaz, přes který se můžete vrátit k obsahu.
Pokud se jako hypertextový odkaz použije grafický obrázek, například fotografie, bude těžké uhodnout, že se jedná o hypertextový odkaz. Jak tedy můžete určit, zda je obrázek hypertextový odkaz nebo ne? V tomto případě si pamatujte následující pravidlo: „Pokud najedete kurzorem myši na prvek webové stránky, má tvar ruky, pak je tento prvek hypertextový odkaz.“
Poznámka: Z tohoto pravidla existuje výjimka, například v případě rolloverů, které nemusí být hypertextovými odkazy, ale když na ně najedete myší, kurzor také získá tvar ruky. Kromě změny vzhledu kurzoru by se při najetí na hypertextový odkaz měla zobrazit také URL (jedinečná adresa zdroje), ale o tom si povíme v lekci o vytváření hypertextových odkazů pomocí FrontPage.
Kontrolní otázky:
- Co je to web?
- Co je to webová stránka?
- Co je hypertextový odkaz?
- Jaké prvky webové stránky lze použít jako hypertextové odkazy?
- Jak zjistím, zda je prvek stránky hypertextový odkaz?
- Nemohou jednotlivé webové stránky webu obsahovat jediný hypertextový odkaz?
Webová stránka je speciálně formátovaný dokument, který může obsahovat text, grafiku, hypertextové odkazy, zvuk, animaci a video.
Webové stránky tvoří několik webových stránek, které sdílejí společné téma, design a odkazy a jsou obvykle umístěny na stejném webovém serveru.
Webové stránky (z angličtiny. webová stránka: web- „web, síť“ a místo- "místo", doslova "místo, segment, část sítě") - sbírka elektronických dokumentů (souborů) soukromé osoby nebo organizace v počítačové síti, sdružených pod jednou adresou (název domény nebo IP adresa).
Všechny stránky dohromady tvoří Celosvětová Síť , kde komunikace (web) spojuje segmenty informací ze světového společenství do jediného celku - databáze a komunikace v planetárním měřítku. Protokol byl speciálně vyvinut pro přímý přístup klientů k webům na serverech HTTP .
Webová stránka je strukturována jako časopis, který obsahuje informace o určitém tématu nebo problému. Stejně jako časopis se skládá z tištěných stránek, web se skládá z počítačových webových stránek.
Program, který zobrazuje webovou stránku, se nazývá webový prohlížeč.
Webové stránky jsou vytvářeny pomocí hypertextového značkovacího jazyka HTML. Technologie HTML spočívá ve vkládání řídicích znaků (tagů) do běžného textového dokumentu a výsledkem je webová stránka. Prohlížeč při načítání webové stránky ji prezentuje na obrazovce ve formě určené tagy.
HTML vám umožňuje:
· formátovat text;
· zahrnout do dokumentu obrázky a multimédia;
· Pomocí tohoto jazyka jsou vytvářeny hypertextové odkazy na jiné webové stránky.
HTML se používá k vytváření informačního obsahu souborů ak definování struktury a formátu webových stránek. Protože soubory HTML jsou soubory ve formátu prostého textu, lze takový soubor odeslat prakticky do jakéhokoli počítače.
K vytváření webových stránek se používají jednoduché textové editory, které do vytvořeného dokumentu neobsahují řídicí znaky formátování textu. Jako takový editor ve Windows můžete použít standardní aplikaci Poznámkový blok.
Soubor webové stránky má obvykle příponu .html nebo .htm.
Navíc existuje mnoho technologií, ve kterých jsou základní kroky pro tvorbu webových stránek již zautomatizovány, zbývá pouze provést změny v souladu s vaším tématem.
Chcete-li zobrazit stránku HTML, jednoduše zadejte její adresu URL do adresního řádku webového prohlížeče a poté postupujte podle hypertextových odkazů. Ale to je právě ten hlavní problém – jak zjistit adresu stránky? Nejčastěji se stává, že víte, co potřebujete najít, ale nevíte, kde přesně hledat. K vyřešení tohoto problému existují speciální vyhledávače. Vyhledávač je z pohledu uživatele obyčejný web, na jehož hlavní stránce jsou odkazy na další weby rozdělené do kategorií („Sport“, „Business“, „Počítače“ atd.). Kromě toho vyhledávač umožňuje uživateli zadat několik klíčových slov a vrací odkazy na stránky obsahující tato klíčová slova.
Webová stránka
Webová stránka (anglicky Website, z web - web a site - „místo“) je sbírka dokumentů soukromé osoby nebo organizace sdružená pod jednou adresou v počítačové síti. Ve výchozím nastavení se předpokládá, že se stránka nachází na internetu. Všechny internetové stránky společně tvoří World Wide Web. Protokol HTTP byl speciálně vyvinut pro klienty pro přímý přístup k webovým stránkám na serverech. Webové stránky se jinak nazývají internetová reprezentace osoby nebo organizace. Když říkají „vaše vlastní stránka na internetu“, znamená to celý web nebo osobní stránku jako součást webu někoho jiného. Kromě webových stránek na internetu jsou k dispozici také WAP stránky pro mobilní telefony.
Zpočátku byly webové stránky sbírkou statických dokumentů. V současnosti se většina z nich vyznačuje dynamikou a interaktivitou. Pro takové případy odborníci používají termín webová aplikace – hotový softwarový balík pro řešení problémů s webem. Webová aplikace je součástí webu, ale webová aplikace bez dat je webem pouze technicky.
Ve většině případů na internetu odpovídá jedna webová stránka jednomu názvu domény. Stránky jsou v globální síti identifikovány podle názvů domén. Jsou možné i další možnosti: jeden web na několika doménách nebo několik webů pod jednou doménou. Velké stránky (webové portály) obvykle používají několik domén k logickému oddělení různých typů poskytovaných služeb (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Není také neobvyklé, že jsou oddělené domény přiděleny pro různé země nebo jazyky. Například google.ru a google.fr jsou logicky stránky Google v různých jazycích, ale technicky se jedná o různé stránky. Pro bezplatný hosting je typické spojení více stránek pod jednu doménu. Pro identifikaci webů obsahuje adresa vlnovku a název webu za hostitelem: example.com/~my-site-name/.
Úvod do HTML
V této kapitole:
Pokaždé, když otevřete prohlížeč, budete přesměrováni na webovou stránku, která se může skládat z jedné nebo více webových stránek s různými informacemi. Hlavní technologií pro tvorbu takových webových stránek je jazyk HTML.
Jak prohlížeč přijímá webové stránky?
Pro základní pochopení se podívejme na malou teorii o tom, jak prohlížeč přijímá webové stránky a co je webový server. Chcete-li získat webovou stránku, musíte vytvořit soubor napsaný v HTML a umístit jej na webový server. Jakmile umístíte vytvořený soubor na webový server, jakýkoli prohlížeč bude moci najít vaši webovou stránku přes internet. Webový server je běžný počítač s přístupem k internetu, který nepřetržitě funguje a naslouchá požadavkům z prohlížečů. Jakýkoli server ukládá webové stránky, obrázky, zvukové soubory a další typy souborů. Když server obdrží od prohlížeče požadavek na nějaký zdroj (obrázky, webové stránky atd.), najde tento zdroj (pokud dokáže určit umístění zdroje) a odešle jej prohlížeči.
Už víte, jak prohlížeč funguje: surfujete po různých stránkách na internetu a kliknutím na odkazy přejdete na různé stránky. Toto kliknutí způsobí, že váš prohlížeč požádá webový server o HTML stránku, obdrží odpověď na váš požadavek a zobrazí stránku ve svém okně.
Jak ale prohlížeč přesně ví, jak stránku vykreslit? Zde vstupuje do hry HTML. Řekne prohlížeči vše o obsahu a struktuře stránky. Pokud svou práci odvedete dobře (kód je napsán správně a bez chyb), budou se vaše stránky zobrazovat stejně ve všech prohlížečích.
Poznámka: Prohlížeč webový prohlížeč- Webový prohlížeč) - software používaný k prohlížení webových stránek, to znamená k vyžádání webových stránek (zejména z internetu), jejich zpracování, zobrazení v okně prohlížeče a přesunu z jedné stránky na druhou. Mezi nejoblíbenější prohlížeče patří: internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera.
Poznámka: Během školení nebudete muset nahrávat žádné stránky na webový server, vše bude fungovat na vašem lokálním počítači.
Než budeme pokračovat, podívejme se, k čemu slouží HTML editor, co je HTML dokument a jak jej vytvořit.
Proč potřebujete HTML editor?
HTML dokumenty můžete upravovat v běžném textovém dokumentu, ale pohodlnější je to samozřejmě udělat ve speciálních HTML editorech. HTML editor je jedním z hlavních nástrojů pro tvorbu a úpravu webových stránek a webu jako celku. Hlavní výhodou editorů oproti běžnému poznámkovému bloku je, že zvýrazňují kód, což následně usnadňuje a urychluje úpravu potřebného kódu.
Existuje mnoho placených i bezplatných HTML editorů, mezi nejčastěji používané patří placené Dreamweaver, Vizuální studio A PHPStorm. Jako bezplatné editory můžete použít poznámkový blok++ A geany.
Co je to HTML dokument?
HTML dokument- toto je běžný textový soubor s příponou .html, který obsahuje HTML kód. Pro ty, kteří nevědí, jak uložit soubory s požadovanou příponou, budou popsány následující informace.
Okna:
Chcete-li převést textový soubor na dokument HTML, stačí soubor uložit pod jinou příponou, a to dvěma způsoby:
- V otevřeném editoru (nebo v běžném textovém dokumentu) klikněte soubor → vyberte uložit jako → níže v textovém poli název souboru: Napišme například takto: mojestranka.html → klikni Uložit . To je vše, HTML dokument byl vytvořen.
- Klikněte pravým tlačítkem myši ( RMB) v textovém souboru → vyberte přejmenovat a změnit příponu z .txt na .html . Chcete-li použít tuto metodu, musíme se ujistit, že ve výchozím nastavení mají všechny soubory k dispozici své přípony, to se provádí následovně: klikněte Start → otevřít Kontrolní panel → vyberte Nastavení složek → tab Pohled → přejděte úplně dolů a zrušte zaškrtnutí Skrýt přípony pro registrované typy souborů .
Existují dva způsoby, jak otevřít soubor uložený s příponou .html pro zobrazení v prohlížeči:
- Poklepejte na něj levým tlačítkem myši, v tomto případě se webová stránka otevře ve výchozím nastavení prohlížeče.
- Klikněte na něj pravým tlačítkem myši → přesuňte kurzor otevřít s... → vyberte prohlížeč, který potřebujete.
Když přijmete dokument HTML, prohlížeč jej zobrazí jako webovou stránku ( webová stránka je to, co se zobrazuje v okně prohlížeče), ale značky, které jste napsali, neuvidíte zobrazené v okně prohlížeče, protože budou interpretovány tak, aby zobrazovaly obsah stránky ve formě, kterou potřebujete.
Můj první titul
Můj první odstavec
Výsledek tohoto kódu v okně prohlížeče:
Chcete-li upravit kód dokumentu HTML, klepněte na něj pravým tlačítkem myši → najeďte na něj kurzorem otevřít s... → vyberte editor, který potřebujete, pokud požadovaný editor není v seznamu, klikněte Vyberte program... a vyberte požadovaný editor. Někteří editoři (např. take poznámkový blok++) lze vybrat přímo v kontextové nabídce kliknutím pravým tlačítkem myši na dokument a výběrem shora Upravte pomocí programu Poznámkový blok++(upravte pomocí poznámkového bloku++).
Co je HTML?
HTML je jazyk pro popis struktury webových stránek. Stránky vytvořené s jeho pomocí lze prohlížet pouze pomocí speciálních programů (prohlížečů) nainstalovaných na počítačích uživatelů.
- Zkratka HTML znamená H yper T ext M arkup L jazyk (hypertextový značkovací jazyk).
- Pamatujte, že to není programovací jazyk, je to značkovací jazyk.
- Používá HTML značky označení pro popis struktury webové stránky.
Co jsou značky?
HTML tagy jsou klíčová slova nebo znaky uzavřené například v lomených závorkách
,,
atd. Existují dva typy značek: čtyřhra A singl(nazývají se také prázdné). Párové štítky se skládají z úvodního a zavíracího štítku, například: . Znak "/" za lomenou závorkou označuje, že značka je uzavírací značka. Jednotlivé značky se skládají pouze z úvodní značky, například:
. Ve značkách se nerozlišují velká a malá písmena, takže je lze psát velkými nebo malými písmeny:
Znamená totéž jako
Podle standardu HTML5 tagy lze psát v každém případě.
Pomocí značek prohlížeč rozpozná struktura A význam vašeho textu například prohlížeči sdělí, která část textu je nadpis, kde začíná nový odstavec, co je potřeba zdůraznit a kam umístit obrázek (obrázek). Jakmile prohlížeč obdrží tyto informace, použije svá výchozí pravidla pro zobrazení každého z těchto prvků. Bez použití značek bude prohlížeč jednoduše zobrazovat souvislý proud textu bez odsazení, nadpisů, odstavců atd. Aby to bylo jasnější, podívejme se na to podrobněji pomocí níže uvedených příkladů.
Takto vypadá stránka pomocí značkovacích značek:
Nápoje v naší kavárně
Multiovoce - 100 rub.
Ovocný nápoj obsahující pomerančovou a ananasovou šťávu.
Mléčný koktejl - 150 rub.
Krémová zmrzlina smíchaná s ovocnou dužinou.
![](https://i0.wp.com/web.ryusupov.com/images/html/0-1.png)
Totéž, ale bez použití značek:
Nápoje v naší kavárně Multifruit - 100 rub. Ovocný nápoj obsahující pomerančovou a ananasovou šťávu. Mléčný koktejl - 150 rub. Krémová zmrzlina smíchaná s ovocnou dužinou.
Dobrý den, milí čtenáři blogu. Tímto článkem se začneme učit základy jazyka HTML.
Asi už víte, že hlavním jazykem internetu je hypertextový značkovací jazyk HTML (HyperText Markup Language). V tomto článku se naučíme základní pojmy HTML a naučíme se vytvářet jednoduché WEB stránky.
Začněme tím nejdůležitějším, pojďme se podívat, jak to funguje World Wide Web - Internet. Chcete-li vytvořit webové stránky, vytvoříte soubory napsané v HTML a umístíte je na webový server. Poté může jakýkoli prohlížeč nainstalovaný na zařízení s přístupem k internetu, ať už je to počítač, telefon nebo tablet, najít vaše webové stránky.
webový server- Jedná se o běžný počítač se speciálním softwarem, který má přístup k internetu. Neustále naslouchá požadavkům prohlížečů na webové stránky, obrázky, audio a video soubory. Po obdržení požadavku na jeden z těchto zdrojů jej server vyhledá a odešle do prohlížeče.
Prohlížeč je speciální program určený pro prohlížení webových stránek, jako je Internet Explorer. Pomocí prohlížeče prohlížíte webové stránky kliknutím na odkazy. Každé takové kliknutí způsobí, že prohlížeč požádá webový server o HTML stránku, obdrží odpověď a zobrazí stránku ve svém okně. Když se stránka zobrazí, jazyk HTML začne fungovat, řekne prohlížeči vše o struktuře a obsahu webové stránky. Pomocí příkazů - značky, HTML říká prohlížeči, kde začínají odstavce textu, jaká část textu je nadpis a kam vložit tabulky a dokonce i obrázky. A tagy jsou slova v lomených závorkách, například
,