Tvorba webových stránek. Učení jazyka HTML. Vytvoření webové stránky HTML webová stránka je

HTML (HyperText Markup Language) je speciální jazyk pro formátování textových dokumentů (nazývá se také document markup language - prohlížeč WWW dokumentů). HTML je poměrně jednoduchá sada příkazů, které popisují strukturu dokumentu. HTML umožňuje zvýraznit jednotlivé logické části v textu (nadpisy, odstavce, seznamy atd.), umístit samostatně připravenou fotografii nebo obrázek na webovou stránku a uspořádat na stránce odkazy pro komunikaci s jinými dokumenty.

HTML nespecifikuje konkrétní a přesné atributy formátování dokumentu, jako např Microsoft Word. Konkrétní typ dokumentu je nakonec určen pouze programem - prohlížeč na tvém počítači. Potřeba právě takového přístupu je spojena s heterogenitou hardwaru a software počítače připojené k internetu. HTML také není programovací jazyk, ale webové stránky mohou obsahovat vložené programy - skripty v jazycích a programech Javascript a Visual Basic Script - applety v jazyce Java.

Z pohledu uživatel Windows, Webová stránka je jednoduše soubor *.htm nebo *.html umístěný na internetovém serveru, v lokální síť nebo na pevném disku vašeho počítače.

Pamatujte, že HTML není programovací jazyk, je určen pouze pro označování dokumentů. Tito. V podstatě, když vytváříte stránku HTML, jednoduše upravujete text pomocí značek v podstatě stejným způsobem jako v běžném textovém editoru. Každá značka má svou vlastní vlastnost, ale všechny jsou uzavřeny v lomených závorkách "<" и ">", Například, , .

Všechny značky v HTML jsou rozděleny do dvou typů – párové a nepárové. Párové tagy jsou ty, jejichž úvodní tag vyžaduje uzavírací tag. Uzavírací značky v HTML jsou označeny lomítkem a píší se takto: . Nespárované značky nevyžadují uzavírací značku. Příkladem takových značek je značka přerušení na další řádek
. Existují také povinné značky, které musí být použity na všech stránkách, a volitelné značky, které se používají podle potřeby.

Cíl práce: seznámení studentů se základními pojmy jazyka HTML, strukturou HTML dokumentu, povinnými značkami, komentáři, metodami formátování textu, fyzickými a logickými styly, osvojení dovedností při tvorbě jednoduchých statických webových dokumentů.

V laboratorních hodinách budeme používat textový editor Notepad pro přípravu HTML souborů a prohlížeč Internet Explorer jako nástroj pro sledování toho, co bylo uděláno.

Teoretické informace

Základní pojmy

Hyper-textový- informační struktura, která umožňuje vytvořit sémantická spojení mezi textovými prvky na obrazovce počítače takovým způsobem, že můžete snadno přecházet z jednoho prvku do druhého. V praxi se v hypertextu některá slova zvýrazňují podtržením nebo vybarvením jinou barvou (hypertextové odkazy). Zvýraznění slova označuje spojení mezi tímto slovem a nějakým dokumentem, ve kterém je téma spojené se zvýrazněným slovem probráno podrobněji. Samostatný dokument napsaný ve formátu HTML se nazývá:

HTML dokument;

Webový dokument;

Webová stránka.

Takové stránky jsou obvykle ve formátu NTM nebo HTML.

Skupina webových stránek patřících jednomu autorovi nebo jednomu subjektu IEDV a vzájemně propojených běžnými hypertextovými odkazy tvoří strukturu nazývanou webový uzel nebo web. Každá HTML stránka má svou unikátní URL - AdpEC na internetu.

Rám (Rám) - termín, který má dva významy. První hodnotou je oblast dokumentu s vlastními posuvníky. Druhým je obrázek 0DNN0H v animovaném grafickém souboru (rámci).

Applet (Applet) - program přenesený na klientský počítač ve formuláři samostatný soubor a spustí se při prohlížení webové stránky.

skript (Skript) , neboli skript, je program zahrnutý do webové stránky pro rozšíření jejích možností. V určitých situacích prohlížeč Internet Explorer zobrazí zprávu: "Povolit spuštění skriptu na stránce?" V tomto případě máme na mysli skripty.

CGI (Běžný Brána Rozhraní) - obecný název pro programy, které vám při práci na serveru umožňují rozšířit možnosti webových stránek. Bez těchto programů není možné vytvářet interaktivní webové stránky.

Prohlížeč (Prohlížeč) - program pro prohlížení webových stránek.

Živel- Návrh jazyka HTML. Můžete si to představit jako kontejner, který obsahuje data a umožňuje vám je určitým způsobem formátovat. Jakákoli webová stránka je sada prvků. Jednou z hlavních myšlenek hypertextu je možnost vnořování prvků. Například:

<Начало элемента>Obsah prvku, data, která prvek formátuje

Štítek(v angličtině tag - label, deskriptor, label) - počáteční nebo koncová značka prvku. Tagy definují hranice působení prvků a oddělují prvky od sebe. V textu webové stránky jsou značky uzavřeny v lomených závorkách< >a za koncovou značkou vždy následuje lomítko. Text není mezi těmito závorkami (< >), je zcela viditelný při prohlížení v prohlížeči. Například:

<Начальный тег>Obsah prvku, data, která

formátuje prvek

<Р>Tento text bude umístěn v samostatném odstavci

Jakákoli webová stránka je sada prvků. Jedním ze základních principů HTML je schopnost vnořovat jeden prvek do druhého.

Atribut- parametr nebo vlastnost prvku. Atributy jsou umístěny uvnitř počáteční značky a jsou od sebe odděleny mezerami. Pokud cement obsahuje text, mohou atributy určovat barvu a velikost písma, zarovnání odstavců textu atd. Pokud prvek obsahuje obrázek, pak atributy mohou určovat velikost obrázku, přítomnost a velikost rámečku kolem obrázku atd.

<Р align="center">Tento text bude zarovnán na střed obrazovky

Tento příklad opět používá značku, která definuje začátek a konec odstavce. Počáteční značka však obsahuje atribut align, který nastavuje zarovnání textu na střed obrazovky.

Poznámka:

Žádný užitečné informace musí být mezi počáteční a koncovou značkou udávající její formát;

Všechny atributy jsou umístěny v počáteční značce;

Pro snadné použití můžete počáteční značku napsat velkým (velkým) písmenem (P) a koncovou značku malým (malým) písmenem (/p), i když to není nutné;

Ne všechny prvky vyžadují koncový (uzavírací) tag;

Začněte psát každý nový prvek pomocí nový řádek. Odsadit vnořené prvky (záložka). To opět není nutné, ale značně vám to usnadní práci.

Vytvořit vysoce kvalitní webovou stránku není jednoduché, vyžaduje nejen designérské dovednosti, aby vytvořila krásnou a stylový design, ale také zkušenosti s programováním. Složitost a objem programů potřebných k vytvoření konkrétního webu závisí na mnoha faktorech, jako je struktura, účel, funkčnost, spolehlivost a systém ochrany webu před informačními útoky ze strany „lepivých“ informací (spam, nevyžádaná pošta) a viry.

Webová technologie (hypertextová technologie) umožnila propojit celý soubor dokumentů publikovaných na internetu do jediného systému - WWW. Hyper Textový dokument obsahuje hypertextové odkazy. Obvykle jsou zvýrazněny barvou a podtržením. Hypertextové odkazy umožňují uživateli okamžitě přejít na požadovaný dokument bez ohledu na jeho fyzické umístění. To výrazně zjednodušuje vyhledávání informací na internetu.

Použití hypertextového členění textového dokumentu v moderně informační systémy To je z velké části způsobeno tím, že hypertext umožňuje vytvořit mechanismus pro nelineární prohlížení informací. V takových systémech nejsou data prezentována jako nepřetržitý proud textové informace, ale soubor vzájemně propojených komponent, ve kterých se lze pohybovat pomocí hypertextových odkazů.

Pokud mluvit o stvoření HTML dokumenty , pak si můžeme představit dva způsoby jejich vzniku.

První je ruční označení existujícího (nebo nově vytvořeného) dokumentu. V tomto případě autor nebo editor přidá do dokumentu značkovací značky. Tuto práci lze provádět v textovém editoru nebo editoru HTML, který má speciální ovládací prvky pro snazší zadávání značek. V obou těchto případech se práce provádí pomocí jazyka HTML a osoba provádějící tuto práci musí tento jazyk znát a umět jej používat.

Principy jiného přístupu lze pochopit studiem fungování textových procesorů. Informace o formátování dokumentu lze také považovat za „označení“ přidané k formátovanému dokumentu. Nicméně k použití textový procesor není nutná žádná znalost formátu dokumentu a „značkového jazyka“: změny zobrazené na obrazovce se v dokumentu provádějí automaticky. Tento princip porovnávání obrazu na obrazovce se skutečným se nazývá WYSIWYG (WYSIWYG) (z anglického What You See Is What You Get (voch yu si je voch yu gat) - Co vidíte, to dostanete).

Umožňují vytvářet celé webové stránky (portály) a využívat všechny moderní technologie. Takové webové editory jsou docela vhodné pro profesionály. Pokud používáte MS Office, můžete používat FrontPage z tohoto balíčku. Součástí Netscape Communicatoru je také Netscape Composer. Můžete také použít demo verzi webového editoru Macromedia HomeSite, kterou získáte na oficiálních stránkách Adobe: www.adobe.com.

První metoda umožňuje vytvářet univerzálnější, kvalitnější a rozmanitější dokumenty. Druhá metoda je jednodušší na naučení, protože nevyžaduje znalost HTML. V tomto případě se však namísto popisovacích nástrojů používají formátovací nástroje, což může někdy vést k nežádoucím důsledkům.

K vytvoření webových stránek tedy budete potřebovat textový nebo webový editor. Je třeba poznamenat, že všechny webové editory musí obsahovat také textový editor; velký počet, ale tři jsou uznávány jako nejmocnější:

1. Macromedia Dreamweaver (macromedia dreamweaver);

2. Allaire HomeSite (všechny domovské stránky);

3. Microsoft FrontPage (stránka písem Microsoft).

Můžete použít ruskou verzi FrontPage Express z lokalizované internet Explorer je zkrácená verze FrontPage, ale pro začátek je velmi pohodlná. Webový editor Visual Workshop je známý také v ruštině (http://www.snkey.net/download/products/index.html).

Moderní internetové služby nabízejí hotové tvůrce webových stránek. Podívejme se na ně na příkladu tvůrce webových stránek „My Site“ (www.narod.yandex.ru). S jeho pomocí můžete získat prostor pro svůj web ( domovská stránka) a za 5 minut si vytvořte vlastní webovou stránku s obrázky, fotografiemi atd.

Proces návrhu webových stránek zahrnuje tři fáze:

1. přihlášení do konstruktoru webu;

2. registrace, přidělení názvu stránky;

3. design webových stránek pomocí mezer.

K vytvoření uměle vytvořené webové stránky, jediné svého druhu, jsou zapotřebí další webové nástroje.

Kromě HTML a tvůrců webových stránek můžete použít další nástroje pro programování webových stránek. Jedním z nástrojů programování webových stránek je CGI (Common Gateway).

Princip CGI je jednoduchý a přirozený: program na straně serveru přijme nějaká data, zpracuje je a vytvoří odpověď ve formě webové stránky. To je dnes velmi častý jev a někdy ani nemáte podezření, že nemáte co do činění s obyčejnou stránkou, ale s výsledkem CGI skriptu (kódu). Využití CGI je široké a účely různé. Programovací jazyk, ve kterém je skript napsán, musí být flexibilní a zároveň výkonný, protože nejen Práce na plný úvazek se soubory, ale také s databází, OS a webovým serverem. Nejvhodnější jazyky pro programování CGI jsou C (C++) a Perl. Právě posledně jmenovaný se pro tyto účely používá nejčastěji pro svou jednoduchost, spolehlivost a šíři možností.

Jazyk C je právem považován za univerzální a našel své místo v prostředí CGI. Jeho použití je přirozené v jeho nativním prvku – Unixu, na jehož základě je ve většině případů web postaven.

Pro programování CGI se také používá jazyk C++, který zahrnuje vytváření a ničení určitých objektů implementovaných prostřednictvím tříd – v podstatě uživatelsky definovaných datových typů. Je přirozené vytvořit například třídu Guestbook nebo DataBaseEntry, která by obsahovala potřebné proměnné a funkce. Stojí za zmínku, že téměř všechny nové programovací jazyky (Java, JavaScript, Perl) obsahují konstrukce, které jsou podobné konstrukcím C nebo jsou jejich přesnými kopiemi. Proto se doporučuje nejprve nastudovat tento základní jazyk.

Perl je jedinečný jazyk. Za prvé, postrádá datové typy, což je výhodné pro psaní CGI skriptů. Za druhé, mnoho konstrukcí je převzato z C. Je třeba poznamenat, že Perl často používá regulární výrazy podobné těm, které se používají ve skriptech Unix Shell. K dispozici je praktická smyčka foreach a krásné, ve skutečnosti modifikátory výrazu. Perl má standardní knihovnu, která obsahuje funkce pro vyhledávání, práci s webovým serverem, grafiku atd. Z toho můžeme usoudit, že pro programátora obeznámeného s Unixem nebude těžké naučit se Perl. K napsání takového programu stačí umět pracovat se soubory z Perlu a trochu i s proměnnými prostředí webového serveru.

Proces vytváření webových dokumentů je podobný programování a je také náchylný k chybám. Bez ohledu na to, jak je dokument vytvořen, byste měli pravidelně kontrolovat jeho soulad se záměrem tím, že jej budete kontrolovat různé prohlížeče. Pro umělecké posouzení výsledné stránky byste měli získat nezávislý názor.

Otázky pro sebeovládání:

1. Co znamená pojem HTML dokument?

2. Jaké jsou výhody tohoto typu dokumentu?

3. Co znamená pojem „tag“?

4. Jaké typy značek existují?

5. Co je součástí objektů správy značek?

www.univer.omsk.su/omsk/Edu/htmlbook/school/index2.htm

http://dvo.sut.ru/libr/ite/i280levc/index.htm Yu.P. Levchuk, E.P. Ochinchenko, A.D. Sotnikov, T.A. Fomenko POČÍTAČOVÁ VĚDA 2. část INTERNETOVÁ TECHNOLOGIE

1. Webová stránka (dokument HTML) je:

a) textový soubor s příponou .txt nebo .doc;

b) textový soubor s příponou .htm nebo .html;

c) binární soubor s příponou .com nebo .exe;

G) grafický soubor s příponou .gif nebo .jpg.

2. K prohlížení webových stránek na internetu se používají následující programy:

a) Microsoft Word nebo Word Pad;

b) Microsoft Access nebo Microsoft Works;

c) Internet Explorer nebo NetScape Navigator;

d) HTMLPad nebo přední strana.

3. Značka je:

a) pokyn pro prohlížeč s uvedením způsobu zobrazení textu;

b) text, který používá speciální znaky;

c) ukazatel na jiný soubor nebo objekt;

d) fragment programu obsaženého na webové stránce.

4. Hypertext je:

a) text je velmi rozsáhlý

b) text, který používá velké písmo

Převážnou část obsahu prezentovaného na internetu tvoří webové stránky. Jedná se o historicky úplně první typ dokumentu určený k umístění do virtuálního síťového prostoru, ale stále si zachovává svou aktuálnost a prakticky nemá žádné konkurenční formáty. Jaká je struktura webových stránek? Jaké nástroje pro vývoj webu používají k vytvoření?

Co je to webová stránka?

„Uveďte hlavní prvky webové stránky,“ říká nám zkoušející v hodině informatiky. Co mu můžeme odpovědět? Nejprve si povíme, co vlastně webová stránka je.

Podle obecně uznávané definice mezi IT specialisty se jedná o dokument, který je určen k otevření specializovaný program- prohlížeč, který obsahuje data pro zobrazování různého užitečného obsahu na obrazovce počítače pomocí příslušného typu softwaru - texty, odkazy, grafika, video, hudba atd. Webová stránka je textový dokument. Odpovídajícími údaji pro prohlížeč jsou písmena, čísla a Speciální symboly, používané jako prvky značkovacího jazyka - HTML. S jeho pomocí tvůrce webové stránky „vysvětlí“ prohlížeči, jak zobrazit ten či onen obsah na obrazovce.

Místo a role webových stránek ve struktuře stránek

Můžeme říci, že webová stránka je hlavní součástí webu? To je částečně pravda. Jak jsme však uvedli výše, webová stránka je pouze textový dokument. Stránka zpravidla obsahuje také obrázky, videa a další multimediální prvky. Webová stránka je nemůže obsahovat, ale odkazy na ně ve své struktuře obsahovat může. Webovou stránku lze tedy nazvat hlavní složkou webu z hlediska její dominantní role při zobrazování virtuálního obsahu před uživateli.

Ve vzácných případech bude samozřejmě dotyčný dokument jedinou součástí webu – pokud z nějakého důvodu neumožňuje zobrazení grafiky, videa a dalších multimediálních prvků. Zejména úplně první webové stránky - když se poprvé objevily značkovací jazyky webových stránek - neobsahovaly relevantní obsah. Před očima uživatele byl pouze text a odkazy.

Princip použití hypertextu

Webová stránka je tedy dokument napsaný v HTML, který se používá k označení hypertextu. Ale co je to za fenomén? Co je hypertext? Aniž bychom se příliš hluboce zabývali teorií, poznamenáváme, že se jedná o text, který vám tak či onak umožňuje získat rychlý přístup k jinému - prostřednictvím odkazů. To je v běžné knize nemožné – je tam „jednoduchý text“. Mít přístup požadovanou stránkučtenář se musí několikrát otočit a nejprve se seznámit s obsahem nebo poznámkami pod čarou. V hypertextovém režimu většinu práce vykonává počítač s využitím informací odrážených v prvcích HTML stránky.

Pokud nám učitel informatiky řekne: „Vyjmenujte hlavní prvky webové stránky“, pak můžeme zcela správně začít mluvit o komponentách odpovídajícího dokumentu, které jsou vytvořeny pomocí jazyka HTML značení. Nejprve se proto podívejme na některé teoretické body týkající se HTML.

Struktura jazyka HTML: tagy

Jak prohlížeč načte potřebná data o webové stránce z dokumentu HTML? Velmi jednoduché.

Základní prvky tohoto jazyka- to jsou značky. Ve většině případů jsou párové - je otevírací a je zavírací. První jsou označeny pouze pomocí úhlových závorek. Druhé jsou podobné, ale před druhou závorkou je lomítko - symbol /. Prohlížeč je dokáže rozpoznat, a proto bez problémů zobrazuje obsah webových stránek v souladu s algoritmy vytvořenými vývojářem dokumentu.

Úvodní tag se většinou píše velkými písmeny, závěrečný malými písmeny. Jde o standard, který se mezi IT specialisty ustálil. Prohlížeč samozřejmě rozpozná příkaz HTML v libovolných písmenech, ale vývojářům webu se stále doporučuje dodržovat schéma psaní označených značek. Usnadníte tak např. dalším specialistům vylepšování webové stránky.

Atributy

Dalšími důležitými prvky jazyka HTML jsou atributy. S jejich pomocí může tvůrce webové stránky nastavit vlastnosti obsahu – například výšku písma, jeho barvu, polohu vůči stránce. Totéž platí pro obrázky, videa a další multimediální komponenty. Atributy se zapisují do úvodní značky.

Obsah

Mezi otevírací a uzavírací značkou leží další klíčová součást webové stránky – obsah. To je ve skutečnosti právě ten obsah, který by se měl zobrazovat před uživatelem na obrazovce. Může to být text, odkaz, obrázek, video nebo jiný multimediální prvek.

Prvky webové stránky

"Takže konečně vyjmenujte hlavní prvky webové stránky!" - opakuje učitel. "S radostí," odpovídáme mu. Co je součástí struktury uvažovaného typu dokumentu? Dohodněme se, že tento aspekt budeme uvažovat v kontextu HTML prvků webové stránky. Čili jejich zobrazení v prohlížeči – to, co uživatel vidí na obrazovce – nás bude zajímat v menší míře. Faktem je, že odpovídající HTML algoritmy, na jejichž základě program zobrazuje obsah stejným způsobem, se mohou lišit. A to je vlastnost jazyka HTML: požadovaný obrázek na webové stránce, kterou můžete zobrazit různé způsoby. Zároveň mohou být buď ekvivalentní z hlediska mzdových nákladů tvůrce webové stránky, nebo vyžadovat různé úsilí a čas na jejich implementaci.

Prvky webové stránky: Záhlaví

Standardní prvky webové stránky, jakkoli to může znít překvapivě, jsou prezentovány ve velmi malých množstvích. Ve skutečnosti jsou jen dva – název a hlavní část dokumentu. Zároveň může mít každý z nich poměrně složitou strukturu.

Jaká jsou specifika titulu? Nachází se úplně nahoře na webové stránce. HTML kód, který tvoří záhlaví, je obvykle určen k „šifrování“ pouze textu, ale v případě potřeby lze do odpovídajícího prvku umístit i malé grafické vložky. A to je vlastně vše, co lze k názvu říci. Zdálo by se, že jeho role ve struktuře odpovídajícího dokumentu je nevýznamná. Ale to není pravda. Názvy webových stránek jsou velmi významné z hlediska indexování stránek ve vyhledávačích - Yandex, Google. Tento prvek musí být zcela relevantní k obsahu webové stránky a také k tematickým specifikům webu.

Jak je název webové stránky zachycen pomocí HTML? Velmi jednoduché. Nejprve se napíše úvodní tag, který vždy vypadá jako HEAD s lomenými závorkami, pak obsah záhlaví a nakonec koncový tag. Jsou psány samozřejmě úplně nahoře ve webovém dokumentu.

Název webového dokumentu může obsahovat řadu dalších prvků. Někdy může formát webové stránky vyžadovat zobrazení textu ve specifickém kódování. Jak můžete zajistit, že váš webový dokument splňuje toto kritérium? Velmi jednoduché. Do struktury hlavičky dokumentu musí být umístěny algoritmy HTML, které prohlížeči dávají pokyn, aby použil konkrétní kódování jazyka – například azbuku. Odpovídající příkazy jsou umístěny v META tagu, který může být stejně jako ostatní otevírací a zavírací.

Hlavní část webové stránky

Hlavní část webového dokumentu se otevře tagem BODY a uzavře se odpovídajícím prvkem včetně lomítka. Navíc mezi otevíracími a zavíracími značkami může být velké množství dalších příkazů hypertextového značkovacího jazyka. Je to dáno tím, že hlavní část webové stránky obsahuje její užitečný obsah – texty, odkazy, grafiku, videa, různé formuláře k vyplnění.

Každý z odpovídajících typů obsahu má své vlastní značky. Struktura hlavní části webového dokumentu může obsahovat HTML příkazy, které se také používají k formátování textu – například dávají písmu určitou barvu, velikost a další vlastnosti.

Podívejme se na specifika některých běžně používaných HTML tagů. Ve skutečnosti tvoří hlavní prvky webové stránky.

Základní HTML tagy

Tedy s určitým cílem detailní výzkum Abychom pochopili, jaké jsou prvky webové stránky, prostudujme si podrobněji podstatu základních značek HTML. Některé z nich jsme již uvedli výše – konkrétně ty, s jejichž pomocí prohlížeč čte záhlaví webových stránek a určuje, kde se nachází hlavní část dokumentu.

Značka P je docela běžná, stejně jako jiné podobné prvky hypertextového značkovacího jazyka, může být otevírání a zavírání. Tato značka umožňuje formátovat jeden odstavec dokumentu. Můžete se na to například nastavit určitý typ písmo nebo barvu. To se však provádí pomocí dodatečné značky - FONT. V tomto případě bude umístěn uvnitř toho, který označuje hranice odstavce – to zabrání tomu, aby byl příkaz HTML odrážející typ preferovaného písma distribuován do jiných prvků webové stránky.

Tabulky se vytvářejí pomocí tagu TABLE. Pomocí odpovídajících atributů lze určit potřebný počet sloupců a řádků, nastavit jejich šířku, konkrétní ohraničení, velikost a barvu písma textu v tabulce.

Zodpovědnost za zpracování obrázků prohlížečem. Můžete do něj umístit i různé atributy, které regulují velikost obrázku a jeho pozici na stránce.

Odkazy na jiné webové dokumenty nebo soubory jsou označeny pomocí značky A. Zpravidla se v ní nacházejí atributy, které indikují, že se ve struktuře webové stránky nachází hypertextový odkaz. V tomto případě je uveden dokument, soubor nebo stránka, na kterou vede.

Běžný tag je FRAMESET. S jeho pomocí můžete rozdělit prostor webové stránky na více oblastí - rámců. V každém z nich můžete používat samostatné webové dokumenty. To znamená, že rámečky umožňují správně umístit dvě nebo více stránek na jednu obrazovku současně.

Příběh o klíčových prvcích webových stránek a následný příběh o prostředcích jejich formátování pomocí jazyka HTML - přibližně to bude algoritmus pro naši odpověď na otázku, kterou nám zkoušející položil. Pokud za námi přišel s tím, že „vyjmenujte hlavní prvky webové stránky“, pak pomocí vhodné metodologie budeme mít všechny šance téma odhalit. To znamená, že pod pojmem „prvky“ můžeme chápat klíčové komponenty struktury webového dokumentu nebo typy obsahu – text, obrázky, tabulky, rámečky, odkazy, které webmaster generuje pomocí nástroje jako je jazyk HTML. .

Specifika nástrojů pro vývoj webových aplikací

Kromě toho, co bylo řečeno, můžeme vysvětlit, že existuje velké množství značek a atributů poskytovaných standardy HTML. Až na HTML od webových vývojářů může být použito dodatečné finanční prostředky formátování hypertextových dokumentů. Například pomocí JavaScriptu můžete vytvářet dynamické webové stránky - tedy takové, na kterých je obsah neustále aktualizován (jak kvůli akcím samotného uživatele, tak v souladu s algoritmy předem napsanými ve skriptech).

Bylo by užitečné dodat, že webový vývojář může při své práci využívat plnohodnotné programovací jazyky, jako je například Perl, PHP, Java, Python, s jejichž pomocí se stávají možnosti práce s hypertextovými dokumenty. ještě širší. Potřeba toho může být způsobena tím, že oblasti použití webových technologií jsou dnes velmi odlišné. Výzvy, kterým čelí moderní vývojáři, mohou být poměrně složité. Někdy je například nutné přeložit webové stránky napsané v ruštině do angličtiny. V tomto případě budou nástroje vývojáře velmi rozmanité.

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íť, sjednocené 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í značkovacího jazyka HTML pro hypertextové dokumenty. 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. Při načítání webové stránky ji prohlížeč zobrazí 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 vytvoř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 běžné textové soubory, lze takový soubor odeslat prakticky do jakéhokoli počítače.

K vytváření webových stránek se používají nejjednodušší nástroje. textové editory, které nejsou součástí vytvářený dokumentřídicí znaky formátování textu. Jako takový editor ve Windows můžete použít standardní aplikace"Notebook".

Soubor webové stránky má obvykle příponu .html nebo .htm.

Navíc existuje mnoho technologií, ve kterých jsou základní úkony tvorby webových stránek již automatizovány, zbývá pouze provádět 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. Z pohledu uživatele vyhledávací systém- toto je běžná stránka na domovská stránka který obsahuje odkazy na jiné stránky, rozdělené do kategorií („Sport“, „Obchod“, „Počítače“ atd.). Kromě toho vyhledávač umožňuje uživateli zadat několik klíčová slova a vrátí 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 k ř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. Přesně podle názvy domén místa jsou identifikována v globální síť. Jsou možné i další možnosti: jeden web na několika doménách nebo několik webů pod jednou doménou. Více domén obvykle používá k logickému oddělení velké weby (webové portály). odlišné typy poskytované služby (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/.