Webová stránka html je. Tvorba webových stránok. Učenie sa jazyka HTML. Prvky webovej stránky: hlavička

Predtým, než začneme našu cestu cez návody na vytváranie webových stránok pomocou HTML a CSS, je dôležité pochopiť rozdiely medzi týmito dvoma jazykmi, syntax každého jazyka a niektoré základné pojmy.

Čo je HTML a CSS?

HTML (HyperText Markup Language) definuje štruktúru obsahu a jeho význam definovaním takého obsahu, ako sú napríklad nadpisy, odseky alebo obrázky. CSS (Cascading Style Sheets) alebo Cascading Style Sheets je prezentačný jazyk určený na navrhovanie vzhľadu obsahu pomocou napríklad fontov alebo farieb.

Tieto dva jazyky, HTML a CSS, sú od seba nezávislé a mali by to tak zostať. CSS by nemalo byť napísané v dokumente HTML a naopak. Vo všeobecnosti platí, že HTML bude vždy reprezentovať obsah a CSS bude vždy definovať jeho štýl.

S týmto pochopením rozdielu medzi HTML a CSS sa poďme ponoriť do HTML podrobnejšie.

Základné pojmy HTML

Skôr než začnete pracovať s HTML, pravdepodobne sa stretnete s novými a často zvláštnymi výrazmi. Postupom času sa so všetkými zoznámite podrobnejšie, no zatiaľ by ste mali začať s tromi základnými pojmami HTML – prvkami, značkami a atribútmi.

Prvky

Prvky určujú, ako definovať štruktúru a obsah objektov na stránke. Niektoré z bežne používaných prvkov zahŕňajú viacero úrovní nadpisov (definovaných ako prvky s

predtým

) a odseky (definované ako

); položky je možné pridať do zoznamu ,

, , A a veľa ďalších.

Prvky sú označené pomocou uhlových zátvoriek<>okolo názvu prvku. Takže prvok bude vyzerať takto:

značky

Pridanie uhlových zátvoriek< и >okolo prvku vytvorí to, čo je známe ako značka. Tagy sa najčastejšie vyskytujú v pároch otváracích a zatváracích tagov.

Počiatočná značka označuje začiatok prvku. Pozostáva zo symbolu<, затем идёт имя элемента и завершается символом >; Napríklad,

.

Koncová značka označuje koniec prvku. Pozostáva zo symbolu< с последующей косой чертой и именем элемента и завершается символом >; Napríklad,

.

Obsah medzi začiatočnými a koncovými značkami je obsahom tohto prvku. Odkaz bude mať napríklad otváraciu značku a uzatváraciu značku. To, čo je medzi týmito dvoma značkami, bude obsahom odkazu.

Takže značky odkazov by vyzerali asi takto:

...

Atribúty

Atribúty sú vlastnosti používané na poskytovanie Ďalšie informácie o prvku. Medzi najbežnejšie atribúty patrí atribút id, ktorý identifikuje prvok; atribút class, ktorý klasifikuje prvok; atribút src, ktorý špecifikuje zdroj vloženého obsahu; a atribút href, ktorý určuje odkaz na súvisiaci zdroj.

Atribúty sú definované v úvodnej značke za názvom prvku. Vo všeobecnosti atribúty zahŕňajú názov a hodnotu. Formát týchto atribútov pozostáva z názvu atribútu, za ktorým nasleduje znak rovnosti, za ktorým nasleduje hodnota atribútu v úvodzovkách. Napríklad prvok s atribútom href by to vyzeralo takto:

Shay Howe

Ukážka základných pojmov HTML

Tento kód zobrazí text „Shay Howe“ na webovej stránke a po kliknutí na tento text prejde používateľa na http://shayhowe.com. Prvok odkazu je deklarovaný so štartovacou značkou a uzatváraciu značku ohraničujúci text, ako aj atribút a hodnotu adresy odkazu deklarovaného pomocou href="http://shayhowe.com" v úvodnej značke.

Ryža. 1.01. Syntax HTML schémy zahŕňa prvok, atribút a značku

Teraz, keď už viete, čo sú HTML prvky, značky a atribúty, poďme sa spoločne pozrieť na našu prvú webovú stránku. Ak tu niečo vyzerá ako nové, nebojte sa – za pochodu to rozlúštime.

Prispôsobenie štruktúry dokumentu HTML

Dokumenty HTML sú dokumenty s obyčajným textom uložené s príponou .html namiesto .txt. Ak chcete začať písať HTML, najprv potrebujete textový editor ktorý je pre vás vhodný na použitie. Bohužiaľ to nezahŕňa Microsoft Word alebo Pages, keďže ide o zložité editory. Dva najpopulárnejšie textové editory na písanie HTML a CSS sú Dreamweaver a Sublime Text. Bezplatné alternatívy Pozri tiež Notepad++ pre Windows a TextWrangler pre Mac.

Všetky dokumenty HTML obsahujú povinnú štruktúru, ktorá obsahuje nasledujúce deklarácie a prvky: , , A .

Deklarácia typu dokladu respnachádza sa na úplnom začiatku dokumentu HTML a informuje prehliadače o tom, ktorá verzia HTML sa používa. Keďže budeme používať Najnovšia verzia HTML, náš typ dokumentu jednoducho bude. Potom príde prvok označujúci začiatok dokumentu.

Vnútri element definuje hornú časť dokumentu vrátane rôznych metadát (sprievodných informácií o stránke). Obsah vo vnútri prvku nezobrazuje sa na samotnej webovej stránke. Namiesto toho môže obsahovať názov dokumentu (ktorý sa zobrazuje v záhlaví okna prehliadača), odkazy na akékoľvek externé súbory alebo akékoľvek iné užitočné metadáta.

Všetok viditeľný obsah webovej stránky bude v prvku . Štruktúra typického HTML dokumentu vyzerá takto:

Ahoj svet!

Toto je webová stránka.

Ukážka štruktúry HTML dokumentu

Tento kód zobrazuje dokument, počnúc deklaráciou typu dokumentu,, za ktorým bezprostredne nasleduje prvok . Vnútri ísť prvky A . Element obsahuje kódovanie stránky prostredníctvom značky a názov dokumentu cez prvok

Je čas otestovať našu prácu a zistiť, ako naše HTML a CSS do seba zapadajú. Otvorenie súboru index.html (alebo obnovenie stránky, ak je už otvorená) v prehliadači by malo ukázať mierne odlišný výsledok ako predtým.

Ryža. 1.04. Naša webová stránka Styles Conference s resetovaním CSS

Demo a zdrojový kód

Nižšie si môžete pozrieť webovú stránku Styles Conference v aktuálnom stave, ako aj stiahnuť zdroj stránky v súčasnosti.

Zhrnutie

Takže, všetko je v poriadku! V tomto návode sme urobili niekoľko veľkých krokov.

Len si pomyslite, teraz poznáte základy HTML a CSS. Keď budeme pokračovať a budete tráviť viac času písaním HTML a CSS, s týmito dvoma jazykmi sa vám bude pracovať oveľa pohodlnejšie.

Pripomeňme, že sme zvážili nasledovné:

• Rozdiel medzi HTML a CSS.
• Úvod do prvkov HTML, značiek a atribútov.
• Nastavenie štruktúry vašej prvej webovej stránky.
• Úvod do selektorov, vlastností a hodnôt CSS.
• Práca so selektormi CSS
• Ukazovateľ na CSS z HTML.
• Význam resetovania CSS.

Teraz sa pozrime bližšie na HTML a zoznámime sa trochu so sémantikou.

Zdroje a odkazy

• Bežné výrazy HTML cez Scripting Master
• Podmienky a definície CSS prostredníctvom pôsobivých webov
• Nástroje CSS: Resetujte CSS pomocou Erica Meyera

Väčšinu obsahu na internete tvoria webové stránky. Ide o historicky úplne prvý typ dokumentov určený na umiestnenie do virtuálneho sieťového priestoru, no stále si zachováva svoju aktuálnosť a nemá prakticky žiadne konkurenčné formáty. Aká je štruktúra webových stránok? Aké nástroje na vývoj webu sa používajú na ich vytvorenie?

Čo je webová stránka?

„Uveďte základné prvky webovej stránky,“ hovorí nám skúšajúci na hodine informatiky. Čo mu môžeme povedať ako odpoveď? Najprv si povedzme, čo vlastne webová stránka je.

Podľa definície všeobecne akceptovanej medzi IT špecialistami ide o dokument, ktorý je určený na otvorenie v špecializovanom programe – prehliadači a ktorý obsahuje údaje na zobrazenie rôzneho užitočného obsahu na obrazovke počítača pomocou vhodného typu softvéru – texty, odkazy, grafika, videá, hudba atď., atď. Webová stránka je textový dokument. Relevantnými údajmi pre prehliadač sú písmená, čísla a Špeciálne symboly, ktorý sa používa ako prvky značkovacieho jazyka - HTML. S jeho pomocou tvorca webovej stránky „vysvetlí“ prehliadaču, ako zobraziť tento alebo ten obsah na obrazovke.

Miesto a úloha webových stránok v štruktúre stránok

Môžeme povedať, že webová stránka je hlavnou súčasťou webovej stránky? Čiastočne je to pravda. Ako sme však uviedli vyššie, webová stránka je len textový dokument. Stránka spravidla obsahuje aj obrázky, videá a iné multimediálne prvky. Webová stránka ich nemôže obsahovať, ale vo svojej štruktúre môže obsahovať odkazy na ne. Webovú stránku teda možno nazvať hlavnou zložkou lokality z hľadiska vedúcej úlohy pri zobrazovaní virtuálneho obsahu používateľom.

V zriedkavých prípadoch bude samozrejme príslušný dokument jedinou súčasťou stránky - ak z nejakého dôvodu neposkytuje zobrazenie grafiky, videa a iných multimediálnych prvkov. Najmä úplne prvé stránky - keď sa prvýkrát objavili značkovacie jazyky webových stránok - neobsahovali zodpovedajúci obsah. Pred očami používateľa bol iba text a odkazy.

Princíp používania hypertextu

Webová stránka je teda dokument zostavený v jazyk HTML, ktorý sa používa na označenie hypertextu. Ale čo je tento fenomén? Čo je hypertext? Bez toho, aby sme sa ponorili príliš hlboko do teórie, poznamenávame, že ide o text, ktorý vám tak či onak umožňuje získať rýchly prístup inému prostredníctvom odkazov. V bežnej knihe je to nemožné - existuje „obyčajný text“. Na získanie prístupu na požadovanú stránku musí čitateľ urobiť niekoľko prevrátení, pričom si predtým prečítal obsah alebo poznámky pod čiarou. V režime "hypertext" hlavnú časť práce vykonáva počítač - kvôli informáciám odrážajúcim sa v prvkoch HTML stránky.

Ak nám učiteľ informatiky povie: „Uveďte hlavné prvky webovej stránky“, môžeme správne začať hovoriť o komponentoch príslušného dokumentu, ktoré sú vytvorené pomocou značkovacieho jazyka HTML. Preto sa na začiatok pozrime na niektoré teoretické body týkajúce sa HTML.

Štruktúra jazyka HTML: značky

Ako prehliadač načíta potrebné údaje o webovej stránke z dokumentu HTML? Veľmi jednoduché.

Podstatné prvky daný jazyk sú značky. Vo väčšine prípadov sú spárované - existuje otvárací a zatvárací. Prvé sú označené iba pomocou uhlových zátvoriek. Druhé sú podobné, ale pred druhou zátvorkou je lomka - symbol /. Prehliadač ich dokáže rozpoznať, a preto bez problémov zobrazuje obsah webových stránok v súlade s algoritmami vytvorenými vývojárom dokumentu.

Úvodný štítok sa zvyčajne píše veľkými písmenami, uzatvárací štítok malými písmenami. Ide o štandard, ktorý sa udomácnil medzi IT profesionálmi. Prehliadač určite rozpozná príkaz HTML v ľubovoľných písmenách, ale vývojárom webu sa stále odporúča držať sa schémy písania označených značiek. To uľahčí napríklad dokončenie webovej stránky iným špecialistom.

Atribúty

Ďalšími dôležitými prvkami jazyka HTML sú atribúty. S ich pomocou môže tvorca webovej stránky nastaviť vlastnosti obsahu – napríklad výšku písma, jeho farbu, polohu vzhľadom na stránku. To isté platí pre obrázky, videá a ďalšie multimediálne komponenty. Atribúty sú napísané v úvodnej značke.

Obsah

Medzi otváracou a zatváracou značkou je ďalší kľúčový komponent webovej stránky, obsah. Toto je v skutočnosti samotný obsah, ktorý by sa mal zobrazovať pred používateľom na obrazovke. Môže to byť text, odkaz, obrázok, video alebo iný multimediálny prvok.

Prvky webovej stránky

"Takže konečne uveďte základné prvky webovej stránky!" - opakuje učiteľ. „S radosťou,“ odpovedáme mu. Čo je zahrnuté v štruktúre typu uvažovaných dokumentov? Dohodnime sa, že tento aspekt budeme uvažovať v kontexte HTML prvkov webovej stránky. Teda ich zobrazenie v prehliadači – to, čo používateľ vidí na obrazovke – nás bude zaujímať v menšej miere. Faktom je, že zodpovedajúce HTML algoritmy, na základe ktorých program zobrazuje obsah rovnakým spôsobom, sa môžu líšiť. A to je zvláštnosť jazyka HTML: na webovej stránke je možné zobraziť požadovaný obrázok rôzne cesty. Zároveň môžu byť buď ekvivalentné z hľadiska nákladov na prácu tvorcu webovej stránky, alebo môžu znamenať rozdielne množstvo úsilia a času na ich implementáciu.

Prvky webovej stránky: hlavička

Štandardné prvky webovej stránky, akokoľvek to môže znieť prekvapivo, sú prítomné vo veľmi malom počte. V skutočnosti sú len dva – nadpis a telo dokumentu. Každý z nich však môže mať pomerne zložitú štruktúru.

Aké sú špecifiká hlavičky? Nachádza sa úplne hore na webovej stránke. HTML, ktoré generuje nadpis, zvyčajne predpokladá, že je „zašifrovaný“ iba text, ale v prípade potreby je možné do príslušného prvku umiestniť aj malé grafické vložky. A to je vlastne všetko, čo sa dá o titule povedať. Zdá sa, že jeho úloha v štruktúre zodpovedajúceho dokumentu je zanedbateľná. Ale nie je. Názvy webových stránok sú veľmi dôležité z hľadiska indexovania stránok vo vyhľadávačoch - Yandex, Google. Tento prvok musí plne súvisieť s obsahom webovej stránky, ako aj s tematickými špecifikami stránky.

Ako je názov webovej stránky zachytený pomocou HTML? Veľmi jednoduché. Najprv sa napíše úvodná značka, ktorá vždy vyzerá ako HEAD s lomenými zátvorkami, potom obsah nadpisu a potom záverečná značka. Sú napísané, samozrejme, úplne navrchu webového dokumentu.

Názov webového dokumentu môže obsahovať množstvo ďalších prvkov. Niekedy môže formát webovej stránky vyžadovať zobrazenie textu v určitom kódovaní. Ako zabezpečiť, aby webový dokument spĺňal toto kritérium? Veľmi jednoduché. Štruktúra hlavičky dokumentu by mala obsahovať algoritmy HTML, ktoré prikazujú prehliadaču použiť špecifické kódovanie jazyka – napríklad cyriliku. Zodpovedajúce príkazy sú umiestnené v META tagu, ktorý môže byť rovnako ako ostatné otváracie a zatváracie.

Hlavná časť webovej stránky

Hlavná časť webového dokumentu sa otvorí značkou BODY a zatvorí sa príslušným prvkom, ktorý obsahuje lomku. Zároveň môže byť medzi úvodnou a záverečnou značkou veľké množstvo ďalších príkazov hypertextového značkovacieho jazyka. Je to spôsobené tým, že hlavná časť webovej stránky obsahuje jej užitočný obsah - texty, odkazy, grafiku, videá, rôzne formuláre na vyplnenie.

Každý z príslušných typov obsahu má svoje vlastné značky. Štruktúra hlavnej časti webového dokumentu môže obsahovať HTML príkazy, ktoré je možné použiť aj na formátovanie textu, napríklad dávať písmu špecifickú farbu, veľkosť a iné vlastnosti.

Poďme sa pozrieť na špecifiká niektorých bežne používaných značiek HTML. V skutočnosti tvoria aj hlavné prvky webovej stránky.

Základné HTML značky

Aby sme si teda mohli podrobne preštudovať, aké sú prvky webovej stránky, preštudujme si podrobnejšie podstatu základných značiek HTML. Niektoré z nich sme už uviedli vyššie - najmä tie, pomocou ktorých prehliadač číta hlavičky webových stránok a určuje, kde sa nachádza hlavná časť dokumentu.

Pomerne bežný je tag P. Rovnako ako iné podobné prvky hypertextového značkovacieho jazyka môže byť otvárací a zatvárací. Táto značka vám umožňuje formátovať jeden odsek dokumentu. Môžete mu napríklad nastaviť konkrétny typ alebo farbu písma. To sa však deje pomocou dodatočného tagu – FONT. Zároveň sa umiestni do toho, ktorý označuje hranice odseku - to vám umožní nedistribuovať príkaz HTML, ktorý odráža preferovaný typ písma, do iných prvkov webovej stránky.

Tabuľky sa vytvárajú pomocou značky TABLE. Pomocou zodpovedajúcich atribútov môžete určiť požadovaný počet stĺpcov a riadkov, nastaviť ich šírku, špecifiká okrajov, veľkosť a farbu písma textu v tabuľke.

Zodpovedá za spracovanie obrázkov prehliadačom. Môžete do nej umiestniť aj rôzne atribúty, ktoré regulujú veľkosť obrázka, jeho pozíciu na stránke.

Odkazy na iné webové dokumenty alebo súbory sú označené značkou A. Spravidla sa v nej nachádzajú atribúty, ktoré naznačujú, že štruktúra webovej stránky je hypertextový odkaz. Označuje dokument, súbor alebo stránku, na ktorú vedie.

Bežnou značkou je FRAMESET. Pomocou nej môžete priestor webovej stránky rozdeliť na niekoľko oblastí – rámov. V každom z nich je možné oddeliť webové dokumenty. To znamená, že rámy vám umožňujú správne umiestniť dve alebo viac stránok na rovnakú obrazovku súčasne.

Príbeh o kľúčových prvkoch webových stránok a následný príbeh o spôsoboch ich formátovania pomocou jazyka HTML - niečo také bude algoritmus našej odpovede na otázku, ktorú nám skúšajúci položil. Ak nás kontaktoval so slovami „uveďte hlavné prvky webovej stránky“, potom pomocou vhodnej metodológie budeme mať všetky šance na odhalenie témy. To znamená, že pod pojmom „prvky“ môžeme chápať kľúčové komponenty štruktúry webového dokumentu alebo typy obsahu – text, obrázky, tabuľky, rámce, odkazy, ktoré webmaster vytvára pomocou nástroja, akým je jazyk HTML.

Špecifiká nástrojov na vývoj webu

Okrem toho, čo už bolo povedané, môžeme objasniť, že existuje veľké množstvo značiek a atribútov poskytovaných štandardmi HTML. Okrem HTML môžu weboví vývojári používať ďalšie formátovacie nástroje pre hypertextové dokumenty. Napríklad s JavaScript môžete vytvárať dynamické webové stránky - to znamená tie, na ktorých sa obsah neustále aktualizuje (ako v dôsledku akcií samotného používateľa, tak aj v súlade s algoritmami vopred napísanými v skriptoch).

Bolo by užitočné dodať, že webový vývojár môže pri svojej práci využívať plnohodnotné programovacie jazyky ako napríklad Perl, PHP, Java, Python, pomocou ktorých sa stávajú možnosti práce s hypertextovými dokumentmi. ešte širšie. Potreba toho môže byť spôsobená skutočnosťou, že oblasti použitia webových technológií sú dnes veľmi odlišné. Úlohy, ktorým čelia moderní vývojári, môžu byť dosť zložité. Niekedy je napríklad potrebné preložiť webové stránky napísané v ruštine do angličtiny. V tomto prípade bude sada nástrojov vývojára najrozmanitejšia.

Cieľ práce: oboznámenie študentov so základnými pojmami jazyka HTML, štruktúrou HTML dokumentu, povinnými značkami, komentármi, metódami formátovania textu, fyzickými a logickými štýlmi a osvojenie si zručností pri tvorbe jednoduchých statických webových dokumentov.

V laboratóriu použijeme textový editor Notepad na prípravu HTML súborov a prehliadač Internet Explorer ako nástroj na sledovanie toho, čo sa urobilo.

Teoretické informácie

Základné pojmy

Hypertext- informačná štruktúra, ktorá vám umožňuje nadviazať sémantické vzťahy medzi textovými prvkami na obrazovke počítača takým spôsobom, že môžete ľahko prechádzať z jedného prvku do druhého. V praxi sa v hypertexte niektoré slová zvýraznia podčiarknutím alebo vyfarbením inou farbou (hypertextové odkazy). Zvýraznenie slova naznačuje prítomnosť spojenia tohto slova s ​​nejakým dokumentom, v ktorom sa podrobnejšie uvažuje o téme spojenej so zvýrazneným slovom. Jeden HTML dokument sa nazýva:

HTML dokument;

Webový dokument

Webstránka.

Takéto stránky sú zvyčajne vo formáte HTM alebo HTML.

Skupina webových stránok patriacich jednému autorovi alebo jednému IEDI a vzájomne prepojených bežnými hypertextovými odkazmi tvorí štruktúru nazývanú web alebo web. Každá HTML stránka má svoju jedinečnú URL – adpec na internete.

Rám (rám) je termín s dvoma významami. Prvou hodnotou je oblasť dokumentu s posuvníkmi. Druhým je obrázok 0DNN0H v grafickom súbore animácie (rámčeku).

Applet (aplet) - program, ktorý sa prenesie na klientsky počítač ako samostatný súbor a spustí sa pri prezeraní webovej stránky.

skript (Skript) , alebo skript, je program zahrnutý do webovej stránky na zlepšenie jej možností. Prehliadač Internet Explorer v určitých situáciách zobrazí správu: „Povoliť skripty na stránke?“. V tomto prípade sú myslené skripty.

CGI (Spoločné Brána Rozhranie) - všeobecný názov programov, ktoré vám pri práci na serveri umožňujú rozširovať možnosti webových stránok. Bez takýchto programov nie je možné vytvárať interaktívne webové stránky.

Prehliadač (Prehliadač) - program na prezeranie webových stránok.

Element- konštrukcia jazyka HTML. Môžete si to predstaviť ako kontajner, ktorý obsahuje dáta a umožňuje vám ich formátovať určitým spôsobom. Každá webová stránka je súbor prvkov. Jednou z hlavných myšlienok hypertextu je schopnosť vnorovať prvky. Napríklad:

<Начало элемента>Obsah prvku, údaje, ktoré prvok formátuje

Tag(v angličtine tag - label, deskriptor, label) - začiatočná alebo koncová značka prvku. Tagy definujú rozsah prvkov a oddeľujú prvky od seba. V texte webovej stránky sú značky uzavreté v lomených zátvorkách.< >a za koncovou značkou vždy nasleduje lomka. Text, ktorý nie je medzi týmito zátvorkami (< >) je pri zobrazení v prehliadači viditeľná celá. Napríklad:

<Начальный тег>Obsah prvku, údaje, ktoré

naformátuje prvok

<Р>Tento text bude v samostatnom odseku

Každá webová stránka je súbor prvkov. Jedným zo základných princípov HTML je schopnosť vnoriť jeden prvok do druhého.

Atribút- parameter alebo vlastnosť prvku. Atribúty sa nachádzajú vo vnútri štartovacej značky a sú navzájom oddelené medzerami. Ak cement obsahuje text, potom atribúty môžu nastaviť farbu a veľkosť písma, zarovnanie textový odsek a tak ďalej. Ak prvok obsahuje obrázok, atribúty môžu nastaviť veľkosť obrázka, prítomnosť a veľkosť rámu okolo obrázka atď.

<Р align="center">Tento text bude zarovnaný do stredu obrazovky

V tomto príklade je opäť značka, ktorá definuje začiatok a koniec odseku. Počiatočná značka však obsahuje atribút align, ktorý nastavuje zarovnanie textu na stred obrazovky.

Poznámka:

Všetky užitočné informácie sa musia nachádzať medzi začiatočnými a koncovými značkami, ktoré označujú ich formát;

Všetky atribúty sú umiestnené v štartovacom tagu;

Pre pohodlie môžete úvodnú značku napísať s veľkým (veľkým) písmenom (P) a koncovú značku s malým (malým) písmenom (/p), hoci to nie je potrebné;

Nie všetky prvky vyžadujú koncový (záverečný) tag;

Začnite písať každý nový prvok na nový riadok. Vnorené prvky sú odsadené (tabulátor). Opäť to nie je potrebné, ale výrazne vám to uľahčí prácu.

Webová stránka je špeciálne naformátovaný dokument, ktorý môže obsahovať text, grafiku, hypertextové prepojenia, zvuk, animáciu a video.

Webovú stránku tvorí niekoľko webových stránok, ktoré majú spoločnú tému, dizajn a odkazy a sú zvyčajne umiestnené na rovnakom webovom serveri.

Webová stránka ait (z angl. webovej stránky: web- "web, sieť" a stránky- "miesto", doslova "miesto, segment, časť v sieti") - súbor elektronické dokumenty(súbory) jednotlivca alebo organizácie v počítačová sieť, spojené pod jednou adresou (názov domény alebo IP adresa).

Všetky stránky spolu tvoriacelosvetový web, kde komunikácia (web) spája segmenty informácií svetovej komunity do jedného celku - databázy a komunikácie v planetárnom meradle. Pre priamy prístup klientov k stránkam na serveroch bol špeciálne vyvinutý protokol http .

Webová stránka je štruktúrovaná ako časopis, ktorý obsahuje informácie o téme alebo probléme. Tak ako sa časopis skladá z tlačených stránok, web sa skladá z webových stránok vytvorených počítačom.

Program, ktorý zobrazuje webovú stránku, sa nazýva webový prehliadač.

Tvorba webových stránok sa realizuje pomocou značkovacieho jazyka hypertextových dokumentov HTML. Technológia HTML spočíva v tom, že riadiace znaky (tagy) sa vkladajú do obyčajného textového dokumentu a výsledkom je webová stránka. Prehliadač pri načítaní webovej stránky ju zobrazí na obrazovke vo forme určenej značkami.

HTML umožňuje:

Formátovanie textu

zahrnúť do dokumentu obrázky, multimédiá;

Tento jazyk vytvára hypertextové odkazy na iné webové stránky.

HTML sa používa na vytvorenie informačného obsahu súboru a na definovanie štruktúry a formátu webových stránok. Keďže súbory HTML sú obyčajné textové súbory, takýto súbor je možné odoslať prakticky do akéhokoľvek počítača.

Na vytváranie webových stránok sa používajú jednoduché textové editory, ktoré vo vytváranom dokumente neobsahujú riadiace znaky formátovania textu. Ako taký editor v systéme Windows môžete použiť štandardná aplikácia"Zápisník".

Súbor webovej stránky má zvyčajne príponu .html alebo .htm.

Okrem toho existuje veľa technológií, v ktorých sú hlavné kroky na vytváranie stránok už automatizované, zostáva len vykonať zmeny v súlade s ich predmetom.

Ak chcete zobraziť stránku HTML, jednoducho zadajte jej adresu URL do panela s adresou vo webovom prehliadači a potom postupujte podľa hypertextových odkazov. Ale to je práve ten hlavný problém – ako zistiť adresu stránky? Najčastejšie sa stáva, že viete, čo potrebujete nájsť, ale neviete, kde presne hľadať. Na vyriešenie tohto problému existujú špeciálne vyhľadávacie nástroje. Z pohľadu používateľa vyhľadávací systém je normálna stránka domovskej stránke ktorý obsahuje odkazy na iné stránky rozdelené podľa nadpisov („Šport“, „Obchod“, „Počítače“ atď.). Okrem toho vyhľadávací nástroj umožňuje používateľovi zadať viacero kľúčových slov a vracia odkazy na stránky obsahujúce tieto kľúčové slová.

webové stránky

Webová stránka (angl. Website, z web - web a stránka - "miesto") - v počítačovej sieti súbor dokumentov súkromnej osoby alebo organizácie združených pod jednou adresou. V predvolenom nastavení sa predpokladá, že stránka sa nachádza na internete. Všetky internetové stránky spoločne tvoria World Wide Web. Protokol HTTP bol špeciálne navrhnutý pre priamy klientsky prístup k webovým stránkam na serveroch. Webové stránky sú inak známe ako internetová reprezentácia osoby alebo organizácie. Keď sa povie „vaša vlastná stránka na internete“, znamená to celú webovú stránku alebo osobnú stránku ako súčasť webu niekoho iného. Okrem webových stránok na internete sú k dispozícii aj WAP stránky pre mobilné telefóny.

Spočiatku boli webové stránky zbierkami statických dokumentov. V súčasnosti sa väčšina z nich vyznačuje dynamikou a interaktivitou. Pre takéto prípady odborníci používajú termín webová aplikácia – pripravená softvérový balík na riešenie problémov s webovou stránkou. Webová aplikácia je súčasťou webovej stránky, ale webová aplikácia bez údajov je len technicky webová stránka.

Vo väčšine prípadov na internete jedna webová stránka zodpovedá jednému názvu domény. Presne podľa názvy domén lokality sú identifikované v globálnej siete. Možné sú aj iné možnosti: jedna lokalita na viacerých doménach alebo viacero lokalít pod jednou doménou. Zvyčajne niekoľko domén používa veľké stránky (webové portály) na logické oddelenie rôznych typov poskytovaných služieb (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Časté sú aj prípady prideľovania samostatných domén pre rozdielne krajiny alebo jazyky. Napríklad google.ru a google.fr sú logicky stránky Google v rôznych jazykoch, no technicky sú to odlišné stránky. Typické je spojenie viacerých stránok pod jednu doménu bezplatný hosting. Na identifikáciu stránok v adrese sa po zadaní hostiteľa zobrazí vlnovka a názov stránky: example.com/~my-site-name/.

Populárne v kategórii:

Ako vytvoriť karaoke klip na počítači?

čítať

Na hranie je potrebná aplikácia Origin, ale neinštaluje ju Fifa...

čítať

Registrácia osobnej stránky na sociálnej sieti Facebook

čítať

Ako spustiť jednoduchý sken Nmap Nmap

čítať