Vytvorenie webovej stránky. Vytvorenie prvej webovej stránky Webová stránka je html dokument

Domov / Brzdy

Cieľ práce: oboznámiť š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 osvojiť si zručnosti pri tvorbe jednoduchých statických webových dokumentov.

Na laboratórnych hodinách budeme používať 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á umožňuje vytvárať sémantické spojenia 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 označuje spojenie medzi týmto slovom a nejakým dokumentom, v ktorom sa podrobnejšie rozoberá téma spojená so zvýrazneným slovom. Samostatný dokument napísaný vo formáte HTML sa nazýva:

HTML dokument;

Webový dokument;

Webová stránka.

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

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

Rám (Rám) - pojem, ktorý má dva významy. Prvou hodnotou je oblasť dokumentu s vlastnými posuvníkmi. Druhým je obrázok 0DNN0H v animovanom grafickom súbore (rámci).

Applet (Applet) - program prenesený na klientsky počítač vo forme samostatný súbor a spustí sa pri prezeraní webovej stránky.

skript (Skript) , alebo skript, je program zahrnutý do webovej stránky na rozšírenie jej možností. V určitých situáciách prehliadač Internet Explorer zobrazí správu: „Povoliť spustenie skriptov na stránke?“ V tomto prípade máme na mysli skripty.

CGI (Spoločné Brána Rozhranie) - všeobecný názov pre programy, 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.

Prvok- Dizajn jazyka HTML. Môžete si to predstaviť ako kontajner, ktorý obsahuje údaje 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 možnosť vnorenia prvkov. 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ú hranice pôsobenia 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ý sa nenachádza medzi týmito zátvorkami (< >), je úplne viditeľný pri zobrazení v prehliadači. Napríklad:

Obsah prvku, údaje, ktoré

naformátuje prvok

Tento text bude umiestnený 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, atribúty môžu špecifikovať farbu a veľkosť písma, zarovnanie odsekov textu atď. Ak prvok obsahuje obrázok, atribúty môžu určiť veľkosť obrázka, prítomnosť a veľkosť rámu okolo obrázka atď.

Tento text bude zarovnaný do stredu obrazovky

Tento príklad opäť používa značku, 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:

Akékoľvek užitočné informácie musí byť medzi počiatočnou a koncovou značkou označujúcou jej formát;

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

Pre uľahčenie používania môžete začiatočnú 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. Odsadenie vnorených prvkov (karta). To opäť nie je potrebné, ale výrazne vám to uľahčí prácu.

HTML (HyperText Markup Language) je špeciálny jazyk na formátovanie textových dokumentov (nazýva sa aj document markup language - prehliadač WWW dokumentov). HTML je pomerne jednoduchý súbor príkazov, ktoré popisujú štruktúru dokumentu. HTML umožňuje zvýrazniť jednotlivé logické časti v texte (nadpisy, odseky, zoznamy atď.), umiestniť samostatne pripravenú fotografiu alebo obrázok na webovú stránku a usporiadať odkazy na stránke pre komunikáciu s inými dokumentmi.

HTML nešpecifikuje konkrétne a presné atribúty formátovania dokumentu, ako napr Microsoft Word. Konkrétny typ dokumentu v konečnom dôsledku určuje iba program - prehliadač na vašom počítači. Potreba práve takéhoto prístupu je spojená s heterogenitou hardvéru a softvér počítačov pripojených na internet. HTML tiež nie je programovací jazyk, ale webové stránky môžu obsahovať vstavané programy - skripty v jazykoch a programoch Javascript a Visual Basic Script - aplety v jazyku Java.

Z pohľadu Používateľ systému Windows, Webová stránka je jednoducho súbor *.htm alebo *.html umiestnený na internetovom serveri v lokálna sieť alebo na pevnom disku vášho počítača.

Pamätajte, že HTML nie je programovací jazyk, je určený len na označovanie dokumentov. Tie. v podstate vytvára HTML stránku, jednoducho upravíte text pomocou značiek v podstate rovnakým spôsobom ako v bežnom textovom editore. Každá značka má svoju vlastnú vlastnosť, ale všetky sú uzavreté v hranatých zátvorkách "", napríklad , .

Všetky značky v HTML sú rozdelené do dvoch typov – spárované a nepárové. Párové značky sú tie, ktorých otváracia značka vyžaduje uzatváraciu značku. Záverečné značky v HTML sú označené lomkou a píšu sa takto. Nespárované značky nevyžadujú uzatváraciu značku. Príkladom takýchto značiek je značka prerušenia na ďalší riadok
. Existujú aj povinné značky, ktoré sa musia použiť na všetkých stránkach, a voliteľné značky, ktoré sa používajú podľa potreby.

Keď si stiahnete akýkoľvek dokument z WWW, jeho text sa v okne vášho prehliadača zobrazí v perfektne naformátovanej a ľahko čitateľnej forme. To znamená, že WEB stránky nie sú obyčajným textom, ale obsahujú aj niektoré pomocné informácie na ovládanie prezentácie dokumentu v okne prehliadača. Keďže pri vytváraní dokumentu nie je jasné, na akom type počítača si ho používateľ bude prezerať, WEB stránky nie je možné pripraviť a uložiť vo formáte vyvinutom pre konkrétnu počítačovú platformu, napríklad vo formáte Microsoft Word pre Windows XP. Aby používateľ pracujúci na akomkoľvek type počítača videl dokument v príslušnom formáte, používa sa jazyk HTML vyvinutý špeciálne na tento účel.

Čo je to vlastne HTML?

Ak pracujete s prehliadačom, vyberte v ponuke príkaz Zobraziť - Zobraziť HTML kód (Zobraziť - Zdroj). Na displeji sa zobrazí okno s úvodným kódom tejto stránky v HTML.

Buď stlačte CTRL+U

Vzhľad WEB stránok na internete sa často mení. Ale pre nás momentálne nie je to podstatné.

HTML - HyperText Markup Language

HTML – HyperText Markup Language je pomerne bežná sada príkazov, ktoré popisujú štruktúru dokumentu. Tento značkovací jazyk umožňuje zvýrazniť jednotlivé logické časti v dokumente – nadpisy, odseky, tabuľky, zoznamy atď., no nešpecifikuje konkrétne atribúty formátovania. Určitý typ formátovania určuje samotný prehliadač pri čítaní dokumentu a je to samotný prehliadač, ktorý poskytuje najlepšie zobrazenie WEB dokument na vašej obrazovke.

Ako už bolo spomenuté, WEB stránky môžete vytvárať pomocou špeciálnych editorových programov, ktoré automaticky generujú HTML kód, práca s ktorým nevyžaduje znalosť značkovacieho jazyka. Tieto programy sú však často obmedzené vo svojich schopnostiach, obsahujú chyby a často produkujú zlý HTML kód, ktorý nefunguje na všetkých platformách. Ak teda chcete seriózne ovládať WEB dizajn a pochopiť princípy tvorby WEB dokumentov, nezaobídete sa bez znalosti základov jazyka HTML, najmä preto, že vytváranie WEB stránok na ňom nie je vôbec ťažké. Možno je to ešte jednoduchšie ako zvládnuť program na vytváranie stránok HTML.

jazyk HTML

Jazyk HTML existuje v niekoľkých variantoch alebo špecifikáciách. Rovnako ako verzie softvérových produktov, špecifikácie sú očíslované: 2.0, 3.0, 3.2, 4.0. Akákoľvek následná špecifikácia predstavuje rozšírenie a doplnenie predchádzajúcej špecifikácie. Použijeme najnovšie konštrukty špecifikácie HTML 4.0, ktoré sú podporované najnovšie verzie najbežnejšie prehliadače.

Dokument v okne HTML kódu je textový dokument v špeciálnom formáte. Všetky súbory v tomto formáte majú príponu HTML (.html) alebo HTM (.htm). V dokumente HTML sa mieša obyčajný text s prvkami značiek uzavretými v lomených zátvorkách< и >, napríklad , , , . Tieto značkovacie prvky sa nazývajú značky. Štítky môžu byť jednoduché, otváracie a zatváracie a pozostávajú z nasledujúcich častí v určitom poradí:

  • ľavá uhlová zátvorka.

Úvodná značka, ktorá sa zobrazuje na začiatku dokumentu HTML a označuje jeho začiatok, pozostáva z názvu HTML a dvoch lomených zátvoriek< >, a tag umiestnený na konci WEB dokumentu okrem na to určených častí obsahuje aj lomku / znak, teda uzatváraciu značku a označujúcu koniec dokumentu. Značka znamená začiatok kódu programu skriptu integrovaného do dokumentu. Táto značka obsahuje okrem názvu skriptu aj atribút jazyka s hodnotou „vbscript“, čo znamená, že skript je napísaný v jazyku vbscript.

V značkách možno použiť iba znaky latinky a v hodnotách atribútov možno použiť akékoľvek znaky. Ak sú ako hodnoty atribútu použité napríklad znaky azbuky, musia byť uvedené v úvodzovkách, napríklad name="Section 1".

Jazyk HTML nerozlišuje medzi veľkými a malými písmenami, takže značky a sú ekvivalentné. V roku 2010 však konzorcium w3c, ktoré na seba vzalo zodpovednosť dať veci do poriadku v oblasti špecifikácie jazyka HTML, vo svojej najnovšej verzii neúnavne radí písať značky malými znakmi a inými slovami významné podmienky. Preto budeme ďalej používať písanie značiek malými písmenami.

Tagy ako základ html

Väčšina značiek je spárovaná: za úvodnou značkou nasleduje zodpovedajúca záverečná značka a medzi nimi sa nachádza text alebo iné značky, napríklad:

Internetový obchod s knihami Tri kroky

V takýchto prípadoch tvoria dve značky a medzi nimi uzavretá časť dokumentu blok tzv HTML prvok. Niektoré značky sú napríklad jednoduché a nemajú uzatváraciu značku. Takéto značky sú samy osebe prvkami HTML.

Väčšina značiek môže mať jeden alebo viac atribútov – charakteristík, ktoré dávajú dodatočné informácie o tom, ako má prehliadač zaobchádzať s aktuálnou značkou. Ale nemusia tam byť žiadne atribúty. Atribút značky pozostáva z názvu, napríklad align, znamienka rovnosti = a hodnoty, ktorá je určená reťazcom znakov, napríklad "center": align="center". Hodnoty atribútov sú zvyčajne uzavreté v úvodzovkách. Ale ak tieto hodnoty používajú iba latinské znaky, čísla a spojovníky, potom môžu byť úvodzovky vynechané, napríklad: align=center. Vynechanie úvodzoviek sa však striktne neodporúča z dôvodu mnohých okolností súvisiacich s nadchádzajúcou integráciou HTML s JavaScriptom a jazykmi. Preto si vypestujte zvyk okamžite písať atribúty do úvodzoviek.

Štruktúra dokumentu HTML

Každý HTML dokument má špecifickú štruktúru, ktorá vyzerá takto:

Štruktúra dokumentu HTML obsahuje nasledujúce základné prvky:

  • značky a , ktoré označujú začiatok a koniec dokumentu;
  • hlavička oddelená a ;
  • telo ohraničené značkami...

Názov, oddelený značkami a, používa značky ... na definovanie názvu dokumentu, ktorý by mal načrtnúť jeho obsah a zvyčajne obsahuje menej ako 5-6 slov. Tento názov zobrazujú prehliadače v záhlaví pracovného okna programu a roboty, ktoré zostavujú indexy pre vyhľadávače, identifikujú dokument pomocou jeho názvu.

Okrem prvku ... môže hlavička obsahovať prvky ..., napríklad na označenie informácií o dokumente. Úvodná značka obsahuje páry name=value, ktoré popisujú vlastnosti dokumentu, napríklad typ dokumentu, jeho šifrovanie, autorstvo, zoznam kľúčových slov a podobne. Tieto údaje využívajú aj vyhľadávače pri indexovaní dokumentov.

HTML - Hyper Text Markup Language. Webová stránka (dokument HTML) je textový súbor vo formáte HTML *.htm alebo *.html, ktorý je umiestnený na World Wide Web (WWW). WWW- World Wide Web, distribuovaný systém prístup k hypertextovým dokumentom existujúcim na internete. Okrem textu môže webová stránka obsahovať hypertextové odkazy, ktoré možno použiť na navigáciu a zobrazenie iných webových stránok. Webová stránka môže obsahovať vložky vo forme grafiky, animácie, videoklipov a hudby. Na prezeranie webových stránok môžete použiť napríklad MicroSoft Internet Explorer alebo NetScape Navigator alebo Opera (prehliadač alebo prehliadač). Jazyk HTML vám umožňuje: 1) Vytvárať a upravovať webové stránky, vrátane vašej domovskej webovej stránky, ktoré potom možno umiestniť na Internet; 2) Upravte HTML dokumenty prijaté z internetu tak, aby fungovali všetky objekty vložené do dokumentu (obrázky, animácie atď.); 3) Vytvárajte multimediálne prezentácie, prezentácie, demonštračné projekty vďaka hypertextovým odkazom a možnosti vkladať do dokumentu HTML kresby, schémy, animácie, videoklipy, hudbu a rečový sprievod, textové špeciálne efekty (napríklad plíživú čiaru). Existujú tri hlavné spôsoby vytvárania webových stránok (alebo dokumentov HTML): 1) Použite textový editor NotePad zabudovaný do systému Windows a prezerajte si výsledky pomocou prehliadača. Táto najjednoduchšia metóda sa odporúča pre začiatočníkov. Technológia tohto spôsobu tvorby webovej stránky je nasledovná: V editore Poznámkový blok sa vytvorí súbor webovej stránky, ktorý sa uloží s príponou *.htm. Tento súbor sa potom stiahne a zobrazí v programe Internet Explorer. Ak chcete zavolať editor programu Poznámkový blok na úpravu súboru webovej stránky počas prezerania v programe Internet Explorer, použite položku ponuky Zobraziť, Zdroj alebo Ako HTML. Po uložení súboru a ukončení programu Poznámkový blok, ak chcete zobraziť upravenú stránku, musíte stlačiť kláves F5 alebo tlačidlo "Obnoviť" na paneli nástrojov Internet Explorer. 2) Použitie špeciálnych editorov HTML dokumentov, napríklad Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad atď. 3) Použitie editora Word-97, kde sa vytvorí text dokumentu, ktorý sa následne prevedie do HTML formát. Pozrime sa na základné pojmy jazyka HTML. 1. Prvok je konštrukcia HTML alebo kontajner obsahujúci údaje. Webová stránka je súbor prvkov. 2. Značka je značka začiatku a konca prvku. Tagy definujú hranice pôsobenia prvkov a oddeľujú prvky od seba. V texte webovej stránky sú značky uzavreté v lomených zátvorkách, napríklad: . Pred koncovou značkou je vždy lomka: . 3. Hypertextový odkaz – kus textu, ktorý je ukazovateľom na iný súbor alebo objekt. Hypertextové odkazy vám umožňujú prechádzať z jedného dokumentu do druhého. 4. Rám - hyper oblasť textový dokument s vlastnými rolovacími lištami. 5. Applet - program prenesený do počítača klienta ako samostatný súbor a spustený pri prezeraní webovej stránky. 6. Skript je program zahrnutý do webovej stránky na rozšírenie jej možností. 7. Download (DownLoad) - skopírovanie dokumentu z webového servera do počítača klienta. UpLoad - kopírovanie dokumentu z počítača klienta na webový server - sa používa pri vytváraní vlastnej webovej stránky (t.j. pri jej publikovaní). Pozrime sa na všeobecnú štruktúru typického jednoduchého HTML dokumentu: Komentár Názov dokumentu Tu sa nachádza samotný text HTML dokumentu. Zobrazenie jednoduchého dokumentu HTML Vysvetlime si špecifikované značky dokumentu HTML.

alebo - Komentár k dokumentu. Prehliadač ho ignoruje. Komentár je voliteľný a môže chýbať.
- identifikátor celého bloku HTML príkazov. - Identifikátor hlavičky dokumentu HTML. - identifikátor názvu výrezu. - Táto nespárovaná značka sa používa na označenie podrobných informácií o dokumente.

Zarovná text v odseku doľava.

Zarovná text v odseku doprava.

Zarovná text v odseku na stred.

Úplné zarovnanie na oboch okrajoch obrazovky. align - atribút zarovnania. Pozrime sa na značky zoznamu.

    Predstavujú spôsob, ako vizuálne zobraziť štruktúrované informácie.
. Usporiadané zoznamy sa používajú na zobrazenie sekvenčných operácií alebo algoritmov. Prehliadač automaticky generuje čísla pre každú položku v zozname.- identifikátor objednaného zoznamu. Na konci.
  • Nezoradené zoznamy sa používajú na zostavovanie zoznamov, keď poradie položiek nie je dôležité. Pred každým prvkom bude špeciálna ikona zoznamu (bodka).
  • - identifikátor neusporiadaného zoznamu. Na konci
  • Jednotlivé prvky v usporiadaných a neusporiadaných zoznamoch sú označené jednou značkou a prvky v zoznamoch definícií sú označené pre výraz a pre význam výrazu. - identifikátor prvku v zoradenom a nezoradenom zozname. Koncová značka možno vynechať. Zoznamy definícií poskytujú špeciálne formátovanie ako v slovníku pre výrazy a ich súvisiace popisy.

    - identifikátor zoznamu definícií. Na konci. - identifikátor pojmu v zozname definícií., ale aj skúsenosti s programovaním. Zložitosť a objem programov potrebných na vytvorenie konkrétnej stránky závisí od mnohých faktorov, ako je štruktúra, účel, funkčnosť, spoľahlivosť a systém ochrany stránky pred informačnými útokmi zo strany „lepkavých“ informácií (spam, nevyžiadaná pošta) a vírusmi.

    Webová technológia (hypertextová technológia) umožnila prepojiť celý súbor dokumentov publikovaných na internete jednotný systém- WWW. Hypertextový dokument obsahuje hypertextové odkazy. Zvyčajne sú zvýraznené farbou a podčiarknutím. Hypertextové odkazy umožňujú používateľovi okamžite prejsť na požadovaný dokument bez ohľadu na jeho fyzické umiestnenie. To výrazne zjednodušuje vyhľadávanie informácií na internete.

    Použitie hypertextového členenia textového dokumentu v modernom informačných systémov Je to do značnej miery spôsobené tým, že hypertext umožňuje vytvoriť mechanizmus na nelineárne prezeranie informácií. V takýchto systémoch sa údaje neprezentujú ako nepretržitý tok textové informácie, ale súbor vzájomne prepojených komponentov, v ktorých sa možno pohybovať pomocou hypertextových odkazov.

    Ak hovoríme o vytváraní HTML dokumentov, tak si môžeme predstaviť dva spôsoby ich vytvárania.

    Prvým je manuálne označenie existujúceho (alebo novovytvoreného) dokumentu. V tomto prípade autor alebo editor pridá do dokumentu značkovacie značky. Túto prácu je možné vykonať v textovom editore resp HTML editor mať špeciálne prvky ovládacie prvky na zjednodušenie zadávania značiek. V oboch týchto prípadoch sa práca vykonáva pomocou jazyka HTML a osoba vykonávajúca túto prácu musí tento jazyk poznať a vedieť ho používať.

    Princípy iného prístupu možno pochopiť štúdiom fungovania textových procesorov. Informácie o formátovaní dokumentu si možno predstaviť aj ako „značku“ pridanú k formátovanému dokumentu. Avšak na použitie textový procesor nevyžaduje sa žiadna znalosť formátu dokumentu a „značkovacieho jazyka“: zmeny zobrazené na obrazovke sa v dokumente vykonajú automaticky. Tento princíp zhody obrazu na obrazovke so skutočným sa nazýva WYSIWYG (WYSIWYG) (z anglického What You See Is What You Get (voch yu si je voch yu gat) - Čo vidíte, to dostanete).

    Umožňujú vám vytvárať celé webové stránky (portály) a využívať všetky moderné technológie. Takéto webové editory sú celkom vhodné pre profesionálov. Ak používate MS Office, môžete použiť FrontPage z tohto balíka. K dispozícii je tiež Netscape Composer ako súčasť Netscape Communicator. Môžete tiež použiť demo verziu webového editora Macromedia HomeSite, ktorý získate z oficiálnej webovej stránky Adobe: www.adobe.com.



    Prvý spôsob umožňuje vytvárať univerzálnejšie, kvalitnejšie a rôznorodejšie dokumenty. Druhá metóda sa ľahšie učí, pretože nevyžaduje znalosť HTML. V tomto prípade sa však namiesto nástrojov na popis používajú formátovacie nástroje, čo môže niekedy viesť k nežiaducim následkom.

    Takže na vytváranie webových stránok budete potrebovať textový alebo webový editor. Je potrebné poznamenať, že všetky webové editory musia obsahovať aj textový editor; veľké množstvo, ale tri sú uznávané ako najsilnejšie:

    1. Macromedia Dreamweaver (macromedia dreamweaver);

    2. Allaire HomeSite (domovská stránka aller);

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

    Umožňujú vytvárať celé webové stránky (portály) a využívať všetky moderné technológie. Takéto webové editory sú celkom vhodné pre profesionálov. Ak používate MS Office, môžete použiť FrontPage z tohto balíka. Súčasťou Netscape Communicator je aj Netscape Composer. Môžete tiež použiť demo verziu webového editora Macromedia HomeSite, ktorý získate z oficiálnej webovej stránky Adobe: www.adobe.com. Pomocou prehliadača prejdite na zadanú stránku v sekcii Downloads/Tial Downloads a vyberte Macromedia, HomeSite.

    Môžete použiť ruskú verziu FrontPage Express z lokalizovaného Internet Explorera - toto je skrátená verzia FrontPage, ale na začiatok je veľmi pohodlná. Webový editor Visual Workshop je známy aj v ruštine (http://www.snkey.net/download/products/index.html).

    Moderné internetové služby ponúkajú hotové nástroje na tvorbu webových stránok. Pozrime sa na ne pomocou príkladu tvorcu webových stránok „My Site“ (www.narod.yandex.ru). S jeho pomocou môžete získať priestor pre svoj web ( domovskej stránke) a za 5 minút si vytvorte vlastnú webovú stránku s obrázkami, fotografiami atď.

    Proces návrhu webovej stránky zahŕňa tri fázy:

    1. prihláste sa do konštruktora stránky;

    2. registrácia, pridelenie názvu stránky;

    3. dizajn webovej stránky pomocou medzier.

    Na vytvorenie umelej webovej stránky, jedinej svojho druhu, sú potrebné ďalšie webové nástroje.

    Okrem HTML a tvorcov webových stránok môžete použiť aj iné nástroje na programovanie webových stránok. Jedným z nástrojov na programovanie webových stránok je CGI (Common Gateway).

    Princíp CGI je jednoduchý a prirodzený: program na strane servera prijme nejaké dáta, spracuje ich a vytvorí odpoveď vo forme webovej stránky. Toto je dnes veľmi bežný jav a niekedy ani netušíte, že nemáte dočinenia s obyčajnou stránkou, ale s výsledkom CGI skriptu (kódu). región používanie CGIširoké a ciele rôzne. Programovací jazyk, v ktorom je skript napísaný, musí byť flexibilný a zároveň výkonný, keďže sa bude neustále pracovať nielen so súbormi, ale aj s databázou, OS a webovým serverom. Najvhodnejšie jazyky pre programovanie CGI sú C (C++) a Perl. Ten sa na tieto účely najčastejšie používa kvôli svojej jednoduchosti, spoľahlivosti a šírke možností.

    Jazyk C je právom považovaný za univerzálny a svoje miesto si našiel aj v prostredí CGI. Jeho použitie je prirodzené v jeho natívnom prvku - Unixe, na základe ktorého je vo väčšine prípadov webová stránka postavená.

    Pre programovanie CGI sa používa aj jazyk C++, ktorý zahŕňa vytváranie a ničenie určitých objektov implementovaných prostredníctvom tried – v podstate používateľských dátových typov. Je prirodzené vytvoriť napríklad triedu Kniha návštev alebo DataBaseEntry, ktorá by obsahovala potrebné premenné a funkcie. Stojí za zmienku, že takmer všetky nové programovacie jazyky (Java, JavaScript, Perl) obsahujú konštrukcie, ktoré sú podobné konštruktom C alebo sú ich presnými kópiami. Preto sa odporúča najprv naštudovať tento základný jazyk.

    Perl je jedinečný jazyk. Po prvé, chýbajú mu dátové typy, čo je výhodné pre písanie CGI skriptov. Po druhé, veľa konštrukcií je prevzatých z C. Je potrebné poznamenať, že Perl často používa regulárne výrazy podobné tým, ktoré sa používajú v skriptoch Unix Shell. K dispozícii je pohodlná slučka foreach a krásne, v skutočnosti modifikátory výrazu. Perl má štandardnú knižnicu, ktorá obsahuje funkcie na vyhľadávanie, prácu s webovým serverom, grafiku atď. Z toho môžeme usúdiť, že pre programátora, ktorý pozná Unix, nebude ťažké naučiť sa Perl. Na napísanie takéhoto programu stačí vedieť pracovať so súbormi z Perlu a trochu aj s premenné prostredia webový server.

    Proces vytvárania webových dokumentov je podobný programovaniu a je tiež náchylný na chyby. Bez ohľadu na to, ako je dokument vytvorený, mali by ste pravidelne kontrolovať jeho súlad so zámerom tak, že ho budete kontrolovať rôzne prehliadače. Pre umelecké posúdenie výslednej stránky by ste si mali vyžiadať nezávislý názor.

    Otázky na sebaovládanie:

    1. Čo znamená pojem HTML dokument?

    2. Aké sú výhody tohto typu dokumentu?

    3. Čo znamená pojem „značka“?

    4. Aké typy značiek existujú?

    5. Čo je zahrnuté v objektoch správy značiek?


    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Á VEDA 2. časť INTERNETOVÁ TECHNOLÓGIA


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

    a) textový súbor s príponou .txt alebo .doc;

    b) textový súbor s príponou .htm alebo .html;

    c) binárny súbor s príponou .com alebo .exe;

    d) grafický súbor s príponou .gif alebo .jpg.

    2. Na prezeranie webových stránok na internete sa používajú nasledujúce programy:

    a) Microsoft Word alebo Word Pad;

    b) Microsoft Access alebo Microsoft Works;

    c) Internet Explorer alebo NetScape Navigator;

    d) HTMLPad alebo predná strana.

    3. Značka je:

    a) pokyn pre prehliadač, ktorý uvádza, ako sa má text zobraziť;

    b) text, ktorý používa špeciálne znaky;

    c) ukazovateľ na iný súbor alebo objekt;

    d) fragment programu zahrnutého na webovej stránke.

    4. Hypertext je:

    a) text je veľmi veľká veľkosť

    b) text, ktorý používa veľké písmo

    © 2024 ermake.ru -- O oprave PC - Informačný portál