• Hypertext Markup Language (Html). Hypertextové značkovací jazyky SGML. xml. HTML

    . Základní informace oHTML.

    V posledních letech se design pro web vyvinul ze statických stránek na dynamické informační systémy. Před časem vyžadovalo vytváření moderních webových stránek o něco více než dokonalé ovládání jazyka HTML (Hypertext Markup Language).

    HTMLje jednoduchý jazyk pro zpracování textu; v tomto jazyce pomocí sady značek (značky) vytvoří dokument, který lze zobrazit pomocí speciálního prohlížečeWeb (prohlížeč).

    HTML není programovací jazyk ve smyslu C++ resp Visual Basic; je to spíše jako formátovač dokumentů používající escape sekvence. Kódování HTML je často přirovnáváno k vytváření dokumentu v formátu Microsoft Word zadáním formátovacích kódů přímo do programu Poznámkový blok. Je zřejmé, že funkčnost tohoto je extrémně malá.

    Pod hypertextový dokument rozumí dokumentu obsahujícímu odkazy na jiný dokument. To vše se provádí skrz HTTP hypertextový přenosový protokol(Hyper Text Transfer Protocol).

    Informace v Webové dokumenty lze najít podle klíčových slov. To znamená, že každý webový prohlížeč obsahuje určité odkazy, jejichž prostřednictvím se vytvářejí hypertextové odkazy, které umožňují milionům uživatelů internetu vyhledávat informace po celém světě.

    Hypertextové dokumenty jsou založeny na HTML (Hyper Text Markup Language). Tento jazyk je velmi jednoduchý, jeho ovládací kódy, které ve skutečnosti sestavuje prohlížeč pro zobrazení na obrazovce, se skládají z textu ASCII. Jsou volány odkazy, seznamy, nadpisy, obrázky a formuláře Prvky jazyka HTML.

    V dnešní době existuje mnoho editorů webových stránek, které nevyžadují znalost základního HTML. Abyste ale byli schopni profesionálně připravit hypertextové dokumenty, musíte je znát. vnitřní struktura, což je kód HTML dokumentu.

    HTML umožňuje generovat různé hypertextové informace ze strukturovaných dokumentů.

    Prohlížeč detekuje vygenerované odkazy a prostřednictvím protokolu HTTP Hypertext Transfer Protocol zpřístupní váš dokument ostatním uživatelům internetu. Samozřejmě pro úspěšné provedení to vše vyžaduje software, který je plně kompatibilní s WWW a podporuje HTML.

    II. Popis HTML

    HTML dokument - toto je prostý textový soubor. Pomocí libovolného webového prohlížeče můžete zobrazit výsledek své práce jednoduchým načtením textového souboru vytvořeného na základě syntaxe HTML do něj.

    Hypertextový jazyk poskytuje informace pouze pro čtení. To znamená, že webové stránky může upravovat pouze osoba, která je vytvořila, a nikoli jednoduchý webový uživatel.

    Většina hlavním prvkem hypertextového jazyka- Tento Odkazy. Na World Wide Web stačí kliknout na odkaz a okamžitě se ocitnete v jiném bodě. zeměkoule na vámi zvolené stránce.

    Tagy.

    Štítek- stylizovaná jednotka HTML kódu.

    Štítek HTML se skládá z následujících prvků v určitém pořadí:

    • levá úhlová závorka< (такого же, как "меньше чем" символа)
    • nepovinné lomítko / což znamená, že značka je koncový tag, který uzavírá nějakou strukturu. V tomto kontextu tedy můžete číst znak / jako konec...
    • název značky, například TITLE nebo PRE
    • volitelné, i když je štítek může obsahovat, atributy. Značka může být bez atributů nebo může být doprovázena jedním nebo více atributy, například: ALIGN=CENTER
    • pravá úhlová závorka > (stejná jako symbol větší než).

    Většina značek má otevírací prvek<> A zavírání . Mezi nimi jsou kódy které webový prohlížeč rozpozná

    V takových případech tvoří dva tagy a jimi oddělená část dokumentu blok nazvaný HTML prvek. Některé značky jako


    , jsou prvky HTML samy o sobě a odpovídající koncová značka je pro ně nesprávná.

    Pro každou značku sada možných atributy. Většina značek umožňuje jeden nebo více atributů, ale nemusí existovat žádné atributy. Specifikace atributu se skládá z, v následujícím pořadí:

    • název atributu, například WIDTH
    • rovnítko (=)
    • hodnota atributu, která je určena řetězcem znaků, například "80".

    Vždy užitečné uzavřete hodnotu atributu do uvozovek pomocí jednoduchých ("80") nebo dvojitých uvozovek ("80"). Řetězec v uvozovkách nesmí v sobě obsahovat stejné uvozovky.. Pokud je tedy datum uzavřeno do dvojitých uvozovek, použijte jednoduché uvozovky pro následující uvozovky a naopak. Můžete také vynechat uvozovky pro hodnoty atributů, které se skládají pouze z následujících znaků:

    • znaky anglické abecedy (A – Z, a – z)
    • číslice (0–9)
    • časová období
    • pomlčky (-)

    WWW technologie

    Servis po celém světě Web (WWW) je nejoblíbenější Internetová služba. WWW je jeden informační prostor skládající se ze stovek milionů vzájemně propojených elektronické dokumenty uloženy na webových serverech. Jednotlivé dokumenty tvořící webový prostor se nazývají webové stránky. Skupiny tematicky kombinovaných webových stránek se nazývají webové stránky (Web site) Jeden fyzický webový server může obsahovat poměrně hodně webových stránek, z nichž každá má přiřazen samostatný adresář na pevném disku serveru.

    Webové stránky se liší od běžných textových dokumentů tím, že jsou navrženy bez odkazu na konkrétní médium. Například návrh dokumentu Wordu vytištěného na papír je svázán s parametry tištěného listu, který má určitou výšku, šířku a velikost okrajů. Elektronické webové dokumenty jsou určeny k prohlížení na obrazovce počítače a není předem známo, na které. Proto webové dokumenty nelze pevně zakódovat. Design se provádí při jejich přehrávání na PC klienta a provádí se v souladu s nastavením prohlížecího programu (prohlížeče). Prohlížeč zobrazí dokument v souladu s příkazy, které jsou napsány v textu webového dokumentu. Příkazy mohou být zapsány buď přímo autorem dokumentu, nebo implementovány automatickými nástroji pro přípravu webových dokumentů.

    Takové příkazy se nazývají tagy. Štítky jsou uzavřeny v závorkách<>. Většina značek se používá ve dvojicích: úvodní a závěrečná.

    text

    Složité značky mají kromě klíčového slova další atributy a parametry. Pravidla pro psaní tagů jsou obsažena ve specifikaci speciálního hypertextového značkovacího jazyka - HTML (Hyper Text Markup Language). To znamená, že webový dokument je prostý textový dokument označený značkami HTML.

    Nejdůležitější vlastností webových dokumentů jsou hypertextové odkazy. Hypertextový odkaz lze nastavit na jakýkoli text. Párová značka se používá k vytvoření hypertextového odkazu . Tato značka obsahuje povinný atribut HREF, který určuje adresu URL dokumentu, na který odkaz odkazuje.

    Adresa může být zadána v absolutní nebo relativní formě. Adresa v absolutním tvaru začíná protokolem a adresou webové stránky. Takový záznam se používá, když je nutné přesměrovat návštěvníka na jinou webovou stránku, a je považován za externí odkaz. Při použití relativní adresy v odkazu je určena pouze relativní vyhledávací cesta pro dokument. To předpokládá stejný protokol a stejný web a považuje odkaz za interní. Interní odkaz zůstává platný, pokud se adresa webu jako celku změní (například na jiný server). Úplný formát hypertextového odkazu zahrnuje možnost odkazu na konkrétní umístění na stránce. To však lze provést pouze pro stránky vašeho vlastního návrhu. K tomu je místo, na které je odkaz umístěn, označeno speciálním kotevním prvkem. Kotva se nastavuje pomocí párového štítku s povinným atributem NAME. Hodnota tohoto atributu je libovolná posloupnost latinských písmen a číslic - název kotvy. Chcete-li odkazovat na kotvu, její název je uveden na konci adresy URL za symbolem #.



    Glosář

    Prohlížeč vyhledá dokument na tento server v aktuální složce

    Midi hudba

    Prohlížeč přejde na stránku http://www.midi.ru.

    Kolekce velkého množství hypertextových dokumentů uložených na WWW serverech tvoří jakýsi hyperdokumentový prostor, mezi kterým je možný pohyb. Libovolný pohyb mezi dokumenty se nazývá surfování po webu a účelový pohyb (prováděný za účelem nalezení potřebných informací) se nazývá navigace na webu.

    Hypertextové propojení mezi obrovským množstvím dokumentů uložených na fyzických serverech Internetu je základem existence WWW logického prostoru.

    Zvažte hardware a software, které dohromady tvoří web.

    · Klienti a servery. Webový server je počítač připojený k internetu, na kterém běží speciální program, nazývaný také webový server. Mezi úkoly tohoto programu patří ukládání, vyhledávání a distribuce určitých souborů na webu. Webový klient je prohlížeč, který požaduje soubory z webu. Když klientský počítač chce získat přístup k jednomu ze souborů, je požadavek odeslán na webový server. Server načte zadaný soubor a odešle jej do klientského počítače, který odeslal požadavek. Tisíce počítačů, které tvoří web, jsou širokou škálou kombinací hardwaru a softwaru. Když klientský počítač požaduje soubor, neví prakticky nic o specifikách serveru, kde je požadovaný soubor uložen, ani o jiných počítačích, které si budou soubor mezi sebou přenášet na cestě ze serveru ke klientovi. Aby takový systém fungoval, musí používat sadu jazyků a protokolů nezávislých na hardwaru nebo operačních systémech.

    · URL a protokoly přenosu dat. Pokud jsou fragmenty dokumentu roztroušeny po celém světě a chcete jej poskytnout uživateli ve formě celku, starého v jednotný styl dokument“ budete potřebovat velmi dobrý adresní systém. Každý soubor na internetu má adresu zvanou URL (Uniform Resource Locator). informační zdroj). Například URL webové stránky Evropské federace fotbal - http://ru.uefa.com.

    První část URL definuje způsob, jakým počítač přistupuje k souboru, tedy komunikační protokol. Většina webových stránek je přístupná pomocí HTTP protokol(Hypertext Transfer Protocol je protokol pro přenos hypertextových dokumentů). To je důvod, proč se webová adresa obvykle uvádí pomocí písmen „http“ a prohlížeče tato písmena automaticky vkládají před webovou adresu, kterou uživatel zadá. Často část http:// na začátku adresy URL je vynecháno.

    Další částí adresy je název hostitele webového serveru. Systém doménových jmen přesměruje váš požadavek na webový server, ať je umístěn kdekoli.

    Některé adresy URL obsahují informace, které následují za názvem hostitele webového serveru. Tato data přesně specifikují soubor, který chcete zobrazit, a adresář, kde je uložen. Pokud nejsou zadány názvy adresářů a souborů, zobrazí se výchozí webová stránka daného webového serveru.

    · HTML(Hypertext Markup Language - hypertextový značkovací jazyk) je univerzální jazyk Web. Používá se k uspořádání stránek, na kterých lze reprodukovat informace zveřejněné na webu: text, grafiku a také zvukové a obrazové informace.

    · Java a JavaScript. Jazyk Java je navržen tak, aby poskytoval malé aplikace (nazývané applety nebo aplikace Java) přes web. A jazyk JavaScript rozšiřuje možnosti HTML pro účely vkládání malé programy(nebo skripty) na webové stránky. Hlavním účelem apletů a skriptů je zvýšení interaktivity webových stránek – namísto interakce se vzdáleným webovým serverem pracujete s appletem a skriptem, který běží na vašem počítači.

    Existují také Java applety a JavaScript skripty pro vytváření animací, které jsou odesílány webovým serverem přes síť, aby byly spuštěny na počítači uživatele; vyhýbají se přenosu animačních snímků přes internet. K popisovaným procesům obvykle dochází pro uživatele nepostřehnutelně.

    · VBScript a prvky Ovládací prvky ActiveX. Jazyk VBScript a ovládací prvky ActiveX jsou standardní prostředky podporováno internetový prohlížeč badatel.

    VBScript je zjednodušená verze jazyka Visual Basic vyvinutého společností Microsoft. S ním můžete vytvářet skripty, díky nimž jsou webové stránky dynamické. VBScript je tedy svými schopnostmi podobný jazyku JavaScript.

    Ovládací prvky ActiveX, stejně jako aplety Java, se používají k vkládání spustitelných programů do webových stránek. Když Internet Explorer narazí na webovou stránku, která používá ovládací prvky ActiveX, zkontroluje, zda je daný ovládací prvek nainstalován ve vašem počítači, a pokud ne, nainstaluje jej.

    · XML a další rozšířené webové jazyky. XML (Extensible Markup Language) je velmi mocný jazyk, který by měl nahradit HTML jako jazyk pro vývoj webových aplikací. Na rozdíl od HTML neobsahuje XML žádný návod, jak mají být data popsaná v XML dokumentu zobrazena. Způsob jejich zobrazení je určen jazykem šablony stylů, který má pro XML přibližně stejnou roli jako kaskádové styly pro HTML. W3C pracuje se dvěma specifikacemi stylů: XSL (Extensible Style Language) a CSS (Cascading Style Sheets). jiný zásadní rozdíl XML se od HTML liší v tom, že může obsahovat libovolné značky, které tvůrci slovníku XML považují za vhodné použít.

    Pokročilejší verzí HTML je DHTML (Dynamic HTML – dynamické HTML), které zahrnuje tři komponenty – HTML, JavaScript a CSS.

    · Grafické objekty. Kresby, výkresy, mapy, schémata a další grafické obrázky, prezentovaný na webu, může mít mnoho formátů. Nejběžnější formáty zobrazení grafické informace jsou JPEG a GIF.

    · Audio a video soubory. Web poskytuje různé zvukové a video soubory, které se přehrávají prostřednictvím vestavěných zásuvných modulů prohlížeče. Existují dva způsoby přenosu takových dat: prohlížeč je může buď stáhnout jako celý soubor (pak budete muset přehrát celé množství informací, což zabere spoustu času, protože zvukové soubory mají velké velikosti a video soubory jsou prostě obrovské), nebo si vezměte jen tu část souboru, kterou je třeba přehrát tento moment. Druhá metoda se nazývá streamování zvuku nebo streamování videa.

    Hyper Text Markup Language(HTML) - Hypertext Markup Language - určený pro psaní hypertextových dokumentů publikovaných na World Wide Web.

    Hypertextový dokument- Jedná se o textový soubor, který má speciální značky zvané tagy, které následně prohlížeč rozpozná a použije je k zobrazení obsahu souboru na obrazovce počítače. Pomocí těchto značek můžete zvýraznit nadpisy dokumentů, změnit barvu, velikost a styl písmen, vložit grafiku a tabulky. Ale hlavní výhodou hypertextu oproti prostému textu je možnost přidat k obsahu dokumentu hypertextové odkazy- speciální konstrukce jazyka HTML, které umožňují kliknutím myší zobrazit jiný dokument.

    Hypertextové dokumenty lze vytvářet dvěma způsoby. Můžete použít některý z WYSIWYG HTML editorů (například Microsoft FrontPage apod.), které nevyžadují speciální znalosti o vnitřní struktuře vytvářeného dokumentu. Tato metoda umožňuje vytvářet dokumenty pro WWW bez znalosti jazyka HTML. HTML editory automatizují tvorbu hypertextových dokumentů a ulehčují rutinní práci. Jejich možnosti jsou však omezené, značně zvětšují velikost výsledného souboru a výsledek získaný s jejich pomocí nemusí vždy splňovat očekávání vývojáře. Ale samozřejmě je tato metoda pro začátečníky při přípravě hypertextových dokumentů nepostradatelná.

    Alternativou je vytvoření a označení dokumentu pomocí běžného textového editoru (NotePad). Při této metodě jsou příkazy HTML ručně vkládány do textu. Vytvořením dokumentů tímto způsobem přesně víte, co děláte.

    Jak již bylo uvedeno, HTML dokument obsahuje symbolické informace. Jednou jeho částí je vlastní text, tedy data, která tvoří obsah dokumentu. Jiný - značky(značkové značky), také nazývané značkovací příznaky, jsou speciální konstrukce jazyka HTML používané k označení dokumentu a ovládání jeho zobrazení. Právě tagy jazyka HTML určují, jakou formou bude text prezentován, která z jeho součástí bude hrát roli hypertextových odkazů, jaké grafické či multimediální objekty by měly být v dokumentu obsaženy. Grafické a zvukové informace obsažené v dokumentu HTML jsou uloženy v samostatných souborech. Prohlížeče HTML (prohlížeče) interpretují značkovací příznaky a vhodně uspořádávají text a grafiku na obrazovce. Pro soubory obsahující dokumenty HTML jsou akceptovány přípony .htm nebo .html.

    Při psaní značek se nerozlišují velká a malá písmena. Ve většině případů se tagy používají v párech. Dvojice se skládá z otevíracích (start tag) a uzavíracích (end tag) tagů. Otevřít syntaxi značky:

    <имя_тега [атрибуты]>

    Závorky použité v popisu syntaxe znamenají, že prvek může být vynechán. Název uzavírací značky se liší od názvu úvodní značky pouze tím, že před ní je lomítko:

    Atributy značky se zapisují do následující formát:

    jméno[="hodnota"]

    Uvozovky při zadávání hodnoty argumentu jsou volitelné a lze je vynechat. U některých atributů nemusí být zadána hodnota. Závěrečná značka nemá žádné atributy.

    Akce jakékoli spárované značky začíná v místě, kde se setkala úvodní značka, a končí, když je nalezena odpovídající uzavírací značka. Často je volána dvojice počátečních a koncových značek kontejner, a část textu ohraničená úvodní a závěrečnou značkou je živel.

    Posloupnost znaků, z nichž se skládá text, se může skládat z mezer, tabulátorů, nových řádků, konce, písmen, interpunkce, čísel a speciálních znaků (například +, #, $, @), s výjimkou následující čtyři znaky, které mají v HTML zvláštní význam:< (меньше), >(větší než), & (ampersand) a " (uvozovky). Chcete-li do textu zahrnout některý z těchto znaků, musíte jej zakódovat pomocí speciální sekvence znaků.

    Hypertext Markup Language (HTML) je jazyk navržený speciálně pro vytváření webových dokumentů. Definuje syntaxi a umístění speciálních instrukcí (tagů), které se nezobrazují na obrazovce, ale sdělují prohlížeči, jak má zobrazit obsah dokumentu. Používá se také k vytváření odkazů na jiné dokumenty, místní nebo síťové, například dokumenty umístěné na internetu.

    Standard HTML a další standardy pro web byly vyvinuty pod vedením World Wide Web Consortium (W3C). Normy, specifikace a návrhy nových nabídek lze nalézt na http://www.3w.org/. V současné době je v platnosti specifikace HTML 4.0 a její podpora mezi hlavními prohlížeči neustále roste.

    V praxi je standard HTML značně ovlivněn značkami nabízenými a podporovanými nejoblíbenějšími prohlížeči, jako jsou Microsoft Internet Explorer a Netscape Navigator. Tyto značky mohou, ale nemusí být součástí aktuální specifikace HTML v tuto chvíli.

    Informace o značkách HTML Compendium ( rychlý průvodce HTML) vytvořil Ron Woodall. Kompendium obsahuje seznam značek a jejich atributů abecední pořadí a také aktualizace podpory prohlížeče pro každou z nich.

    HTML dokumenty jsou prosté textové soubory ASCII. To znamená, že k jejich vytvoření lze použít jakýkoli textový editor, a to i s minimálními možnostmi. Existují editační nástroje navržené speciálně pro psaní HTML. Umožňují vám ušetřit čas, protože obsahují klíče rychlý přístup k provádění opakujících se operací, jako je nastavení počátečních nastavení pro dokumenty, tabulky nebo jednoduché použití stylů na text. HTML editory se od autorských WYSIWYG nástrojů (diskutovaných níže) liší tím, že vyžadují znalost pravidel pro ruční kompilaci HTML, editory tento proces pouze zjednodušují a urychlují.

    Uživatelé Windows by se rozhodně měli podívat na HomeSite, výkonný a levný HTML editor Allaire Corporation. Zahrnuje barevné zvýraznění syntaxe HTML, funkci FTP, kontrolu syntaxe a pravopisu, vyhledávání a nahrazování více souborů. Navíc obsahuje speciální příkazy a šablony pro vytváření dalších komplexní prvky(rámečky, JavaScript skripty a DHTML).

    Při práci na počítačích Macintosh věnujte pozornost BBEdit, komerčnímu HTML editoru od Bare Bones Software, Inc. Mezi webovými vývojáři Macintosh si opravdu drží své místo. Obsahuje pohodlné a rychlé nástroje HTML, vyhledávání a nahrazování více souborů, vestavěnou funkci FTP, podporu 13 programovacích jazyků, nástroj pro tvorbu tabulek, kontrolu syntaxe HTML a mnoho dalších funkcí.

    Poslední roky jsou charakteristické prudkým růstem trhu s autorskými nástroji. WYSIWYG (What You See Is What You Get) HTML editory mají grafická rozhraní kteří dělají HTML psaní spíše jako textový editor nebo program pro značkování stránek. Původním účelem těchto programů bylo osvobodit uživatele od značek HTML, stejným způsobem, jakým programy pro značkování stránek chrání vývojáře před sadou příkazů jazyka PostScript. Dnes nabývají na významu, protože zvyšují efektivitu a automatizaci produkce dokumentů a zároveň poskytují přístup ke zdrojovému kódu HTML.

    Aktuálně nejoblíbenější WYSIWYG editory jsou: Macromedia DreamWeaver, Golive CyberStudio (pouze pro počítače Macintosh), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.

    HTML dokument obsahuje text (obsah stránky) a inline tagy - instrukce o struktuře, vzhled a obsahové funkce. HTML dokument je rozdělen do dvou hlavních částí: nadpis – hlava a tělo – tělo. Název obsahuje informace o dokumentu, jako je jeho název a metodické informace, které popisují obsah. Tělo obsahuje obsah samotného dokumentu (to, co je zobrazeno v okně prohlížeče).

    Každá značka se skládá z názvu, za kterým může následovat seznam volitelných atributů, které jsou v něm všechny obsaženy úhlové konzoly < >. Obsah hranatých závorek se nikdy nezobrazuje v okně prohlížeče. Název značky je obvykle zkratkou její funkce, což usnadňuje zapamatování. Atributy jsou vlastnosti, které rozšiřují nebo zpřesňují funkci značky. Obecným pravidlem je, že název a atributy v rámci značky nerozlišují velká a malá písmena. Štítek bude fungovat stejně . Hodnoty určitých atributů však mohou rozlišovat malá a velká písmena. To platí zejména pro názvy souborů a adresy URL.

    Většina značek jsou kontejnery. To znamená, že mají počáteční (otvírací nebo počáteční) a koncový (zavírací) tag. Text mezi značkami se bude řídit pokyny, které obsahují.

    Koncová značka má stejný název jako počáteční značka, ale předchází jí lomítko (/). Lze si to představit jako značku „přepínače“. Koncová značka nikdy neobsahuje atributy.

    V některých případech je koncová značka volitelná a prohlížeč určuje koncovou značku z kontextu. Nejčastěji vynecháváte koncovou značku<р>(odstavec). Prohlížeče dříve podporovaly tento tag bez řádného zakončení, takže mnoho autorů webu je zvyklých používat krátký tvar. To není povoleno u všech značek a ne všechny prohlížeče jejich absenci odpouštějí. Proto v případě pochybností zahrňte do textu závěrečnou značku. To je zvláště důležité, když v dokumentu používáte kaskádové styly.

    Některé tagy nemají koncové tagy, protože se používají k umístění jednotlivých (samostatných) prvků na stránku. Jedním z nich je image tag , jednoduše vloží grafiku do toku stránky. Další samostatné značky jsou zalomení řádku (
    ), vodorovná čára (


    ) a tagy, které obsahují informace o dokumentu a nemají vliv na obsah zobrazovaný na obrazovce, jako např A .

    Atributy se přidávají ke značce za účelem rozšíření nebo úpravy jejích akcí. K jedné značce můžete přidat více atributů. Pokud atributy tagu následují za názvem tagu, jsou odděleny jednou nebo více mezerami. Pořadí není důležité. Většina atributů má hodnoty, které následují rovnítko (=) za názvem atributu. Délka hodnot je omezena na 1024 znaků. Hodnoty mohou rozlišovat malá a velká písmena. Někdy musí být hodnoty v uvozovkách (dvojité nebo jednoduché). Pravidla pro zápis hodnoty jsou následující:

    • - pokud je hodnotou jedno slovo nebo číslo a skládá se pouze z písmen (a-z), číslic (0-9) a speciálních znaků (tečka<.>
    • - pokud hodnota obsahuje více slov oddělených čárkami nebo mezerami nebo obsahuje Speciální symboly, kromě tečky nebo pomlčky, pak musí být uzavřen v uvozovkách. Například adresy URL vyžadují uvozovky, protože obsahují znaky „://“. Uvozovky jsou také povinné při zadávání hodnot barev pomocí formátu „#rrggbb“.

    Pokud si nejste jisti, zda použít uvozovky, vždy používejte uvozovky pro všechny hodnoty.

    Do značek HTML lze umístit další značky HTML, aby se na jednom prvku projevilo více značek. Tomu se říká vnořování a aby to správně fungovalo, musí být počáteční a koncový tag vnořeného tagu mezi počátečním a koncovým tagem vnějšího tagu.

    Častou chybou jsou překrývající se značky. Zatímco některé prohlížeče budou zobrazovat obsah označený tímto způsobem, mnohé nedovolí porušení pravidla, takže je důležité značky umístit správně. Následující příklad ukazuje nesprávné vnoření značek (všimněte si, že značka<В>zavírá před uzavřením ):

    Počasí je nádherný dnes- tato informace, ignorované prohlížeči.

    Informace ignorované prohlížeči. Níže jsou uvedeny informace obsažené v HTML dokument, včetně určitých značek, které budou při prohlížení v prohlížečích ignorovány. Skládá se z:

    • - zalomení řádků. Znaky na konci řádku v dokumentu HTML jsou ignorovány. Text a prvky se budou zalamovat, dokud nenarazíte na značku v toku textu dokumentu.
    • - znaky tabulátoru a více mezer. Když prohlížeč narazí v dokumentu HTML na znak tabulátoru a několik po sobě jdoucích mezer, vypíše pouze jeden znak mezery. Pokud tedy dokument obsahuje: "daleko, daleko", prohlížeč zobrazí "daleko, daleko". Do textového proudu lze pomocí symbolu přidat další mezery nepřerušitelný prostor(Snbsp;). Kromě toho jsou zobrazeny všechny mezery, pokud je text formátován (nachází se ve značkách
    • - vícenásobný
    • - nerozpoznané značky. Pokud prohlížeč tagu nerozumí, nebo pokud byl nastaven špatně, prohlížeč jej jednoduše ignoruje. V závislosti na značce a prohlížeči to může vést k různým výsledkům. Buď prohlížeč nic nevykreslí, nebo může zobrazit obsah značky jako prostý text;
    • - text v komentářích. Prohlížeče nezobrazují text mezi speciálními prvky

    MINISTERSTVO STUDIÍ A VĚD UKRAJINY

    ŠIDNOUKRAJINSKÁ NÁRODNÍ UNIVERZITA

    pojmenovaná po Volodymyru Dalovi

    Katedra informatiky

    Podle disciplíny

    Počítačový design a multimédia

    StudentBoldáková I.V.

    1. Úvod

    3.1 HTML editory

    4. Vytvoření stránky pomocí CMS Joomla 1.5.7

    Literatura

    1. Úvod

    World Wide Web – globální počítačová síť dnes obsahuje miliony stránek, které hostí nejrůznější informace. Lidé k těmto informacím přistupují pomocí internetové technologie. Pro navigaci ve WWW slouží speciální programy- Webové prohlížeče, které výrazně usnadňují cestu přes obrovské rozlohy WWW Všechny informace ve webovém prohlížeči se zobrazují jako webové stránky.

    Kombinují se webové stránky, podporující multimediální technologie různé druhy informace: text, grafika, zvuk, animace a video. Na tom, jak dobře a krásně byla vytvořena ta či ona webová stránka, závisí do značné míry na jejím úspěchu na webu.

    Uživatel rád navštěvuje webové stránky, které mají stylový design, nejsou přetížené grafikou a animacemi, rychle se načítají a správně se zobrazují v okně webového prohlížeče.

    Vytvořit webovou stránku není jednoduché, ale asi každý by se chtěl vyzkoušet jako designér. A já v tento případ, nejsem výjimkou, a proto jsem si takové téma pro semestrální práci vybrala.

    Ve svém abstraktu jsem se pokusil porozumět tomu, co potřebujete vědět a umět vytvořit webovou stránku, jaký software je nástroj pro tvorbu webových stránek a jak jej efektivně používat.

    Také v této práci jsem se zabýval základy programovacího jazyka webových stránek - HTML, což je obecně uznávaný standard WWW. To nám dá příležitost seznámit se se strukturou webové stránky a technikami jejího správného návrhu. A také s pomocí CMS Joomla zvážíme vytvoření webu.

    2. Zvažte HTML jazyk Hypertext Markup Language

    Webové stránky mohou existovat v jakémkoli formátu, ale jsou přijímány jako standard Hyper Text Markup Language- hypertextový značkovací jazyk určený k vytváření bohatého textu bohatého na obrázky, zvuk, animace, videoklipy a hypertextové odkazy na jiné dokumenty.

    Na webu můžete pracovat i bez znalosti jazyka HTML, protože HTML texty lze vytvářet různými speciálními editory a konvertory. Psaní přímo v HTML ale není těžké. Může to být dokonce jednodušší než naučit se HTML editor nebo konvertor, který je často omezený ve svých schopnostech, obsahuje chyby nebo poskytuje špatný HTML kód, který nefunguje na různých platformách.

    Jazyk HTML existuje v několika variantách a neustále se vyvíjí, ale konstrukce HTML se pravděpodobně budou používat i v budoucnu. Naučte se HTML a naučte se ho hlouběji vytvořením dokumentu na začátku učení HTML a jeho maximálním rozšířením jsme schopni vytvářet webové stránky, které si může prohlížet mnoho lidí internetové prohlížeče nyní i v budoucnu. To nevylučuje použití jiných metod, jako je pokročilá metoda poskytovaná Operou, Google Chrome, Internet Explorer nebo jiné prohlížeče.

    Práce s HTML je způsob, jak se naučit specifičnost vytváření dokumentů ve standardizovaném jazyce a používat rozšíření pouze v případě, že je to opravdu nutné.

    HTML bylo ratifikováno konsorciem World Wide Web. Je podporován všemi prohlížeči.

    Vzhledem k tomu, že dokumenty HTML jsou psány ve formátu ASCI I, lze k jejich vytvoření použít jakýkoli textový editor.

    Dokument HTML je obvykle soubor s příponou .html nebo .html. htm, ve kterém je text označen HTML tagy (anglický tag - speciální vestavěné instrukce). HTML nástroje nastavují syntaxi a umístění značek, podle kterých prohlížeč zobrazuje obsah webového dokumentu. Text samotných značek webový prohlížeč nezobrazuje.

    Všechny značky začínají "<" и заканчиваются символом ">". Obvykle existuje dvojice značek - počáteční (otvírací) a koncová (uzavírací) značka (podobně jako otevírací a uzavírací závorky v matematice), mezi které jsou umístěny značkovací informace:

    Informace

    Zde je počáteční značkou značka

    A finále -

    . Koncová značka se liší od počáteční pouze tím, že má před textem závorky<>znamená symbol " / "(rozřezat).

    Prohlížeč, který čte dokument HTML, jej zobrazí v okně pomocí struktury značek HTML. Každý HTML dokument by měl mít tři hlavní části:

    A) deklarace HTML;

    B) záhlaví;

    C) Tělo dokumentu .

    A) HTML deklarace

    A. Dvojice těchto značek sděluje prohlížeči (prohlížeči), že mezi nimi je dokument HTML a první značka v dokumentu by měla být značka (na samém začátku dokumentu) a poslední -(na samém konci dokumentu).

    B) Záhlaví.

    A. Mezi těmito značkami jsou informace o dokumentu (název, klíčová slova pro vyhledávání, popis atd.). Nejdůležitější je však název dokumentu, který vidíme v horní linie v okně prohlížeče a v seznamech oblíbených (záložka). Speciální programy-pavouci vyhledávače použít název dokumentu k vytvoření jejich databází. Chcete-li dát svému HTML dokumentu název, je mezi značky umístěn text. A.

    Moje první stránka

    C) Tělo dokumentu.

    Třetí hlavní částí dokumentu je jeho tělo. Následuje bezprostředně za názvem a je mezi značkami. A. První by měl být hned za značkou a druhý před značkou. Do těla dokumentu HTML autor umísťuje informace formátované pomocí HTML.

    Moje první stránka ..........

    Nyní můžeme napsat HTML kód pro naši stránku:

    Moje první stránka Tady jsou moje stránky!

    V sekci BODY jsou všechny tabulátory a znaky na konci řádku prohlížečem ignorovány a nijak neovlivňují zobrazení stránky. Zalomení řádku ve zdrojovém textu dokumentu HTML tedy nepovede na začátek nový řádek v textu vykresleném prohlížečem, když nejsou žádné speciální značky. Toto pravidlo je velmi důležité si zapamatovat a nezapomeňte umístit značky oddělující řádky, jinak text nebude mít odstavce a stane se nečitelný.

    Značka se používá k zahájení nového řádku.
    (zkr. z angl. break - interrupt). Tato značka způsobí zobrazení prohlížeče další text od začátku dalšího řádku. Závěrečná značka pro něj není použita. Je vhodné, pokud potřebujete psát z nového řádku z nějakého místa, aniž byste začínali nový odstavec, například v básni. Opětovné použití vám umožní vložit jeden nebo více prázdných řádků, čímž posunete další část stránky dolů.

    Pevný text bez mezer není příliš dobře čitelný, je nepohodlné procházet a nacházet správná místa. Rozbitý do odstavců je text vnímán mnohem rychleji. Značka se používá k zahájení nového odstavce.

    (angl. odstavec - odstavec). Tato značka, kromě začátku nového řádku, vloží jeden prázdný řádek. Ale opakované opakování

    Na rozdíl od
    , nebude mít za následek více prázdných řádků, zůstane stejný jeden prázdný řádek.

    V závorkách tagu lze kromě jeho názvu umístit také atributy (anglické atributy - atributy). Jsou odděleny od názvu a mezi sebou mezerami (jedna nebo více) a jsou psány ve tvaru název_atributu ="význam". Pokud hodnota neobsahuje mezery, pak lze uvozovky vynechat, ale nedoporučuje se to. Tag

    Může obsahovat Atribut ALIGN A, které určuje zarovnání odstavce. Ve výchozím nastavení je odstavec zarovnán doleva ALIGN="left". Možné je také zarovnání doprava ALIGN="right" a zarovnání na střed ALIGN="center". Při použití atributů by měla být za formátovaným textem použita uzavírací značka.

    . Pokud neexistuje, tak nový štítek

    Znamená uzavření předchozího, resp. vnořeného

    Nemožné. Je také možné zarovnat text na střed pomocí značky

    .

    Nyní můžeme na naši webovou stránku vložit text s různým zarovnáním:

    Moje první stránka

    Tady bude můj osobní stránky!

    Na nich najdete: - příběh o mně a mých zálibách; - mé fotky.

    Z jedné z mých stránek to bude možné
    pošlete mi e-mail.

    3. Nástroje pro tvorbu webových stránek

    3.1 HTML editory

    Každý si vybere svůj vlastní nástroj pro tvorbu webových stránek. Může to být MS FrontPage nebo Macromedia DreamWeaver, Allaire HomeSite nebo 1st Page. A někdo používá jednoduchý textový editor, jako je Poznámkový blok (Notepad).

    Textové editory lze použít pouze k vytváření malých stránek, protože mají mnoho nevýhod: projekty nejsou podporovány, chybí „zvýraznění textu.“ Obecně je práce extrémně nepohodlná.

    Hlavní nevýhodou MS FrontPage je, že generuje velmi velký HTML kód (příliš mnoho navíc), takže stránky jsou velké, což má vliv na rychlost načítání. Navíc při vytváření webových stránek v tomto editoru vidíte jednu věc, ale v okně prohlížeče úplně jinou. Stránky se ukázaly být poněkud křivé, proto pro vytvoření vysoce kvalitních webových stránek doporučujeme použít balíčky, o kterých bude řeč níže.

    Začneme oblíbeným Macromedia DreamWeaver. Společnost Macromedia je považována za lídra ve výrobě softwaru pro tvorbu webových stránek a zároveň za trendsettera v této oblasti.

    Hypertext Markup Language (Html)

    World Wide Web, nebo něco stejného World Wide Web, WWW je hlavní složkou globální počítačové sítě Internet. Vznik v 60. letech, internet na dlouhou dobu používá pouze úzký okruh specialistů k výměně informací o e-mailem. Síť byla spravována provozovatelem UNIXový systém- byl vhodný pro vědecké účely, ale poměrně složité textové rozhraní UNIX "výrazně omezovalo rozsah použití síťových technologií. Rok 1989 je považován za rok zrodu World Wide Web – v tomto roce byl vynalezen jazyk, který se později stal hlavním jazykem webových dokumentů – jde o jazyk – HTML (HyperText Markup Language – hypertextový značkovací jazyk).

    Autorem jazyka HTML je Tim Berners-Lee, absolvent Oxfordské univerzity, který v té době pracoval na smlouvu v Ženevě, v Evropské laboratoři pro částicovou fyziku (CERN, Conseil Europeen pour la Recherche Nucleaire) jako konzultant na software. CERN je poměrně velká organizace, a proto, aby se lépe orientoval ve své struktuře, neukládal data o velkém množství projektů, úředníků atd., vyvinul Tim Berners-Lee pro svou osobní potřebu program Inquire, na základě z nichž o pár let později vznikl jakýsi informační prostor pro laboratoř. Program Inquire umožňoval tzv. „nelineární“ vyhledávání dokumentů – tzn. přecházet z jednoho dokumentu do druhého bez odkazu na obsah nebo odkaz.

    Jazyk HTML tvoří základ technologie hypertextu. Hypertextový dokument obsahuje takzvané hypertextové odkazy.

    Značkovací jazyk dokumentu je sada speciálních instrukcí, nazývaných tagy, navržených k vytvoření struktury v dokumentech a definování vztahů mezi různými prvky této struktury. Jazykové značky nebo řídicí značky, jak se jim někdy říká, jsou v takových dokumentech nějakým způsobem zakódovány, odlišeny od hlavního obsahu dokumentu, a slouží jako instrukce pro program, který vykresluje obsah dokumentu na straně klienta. Nejstarší systémy používaly symboly „<” и “>“, uvnitř které byly umístěny názvy instrukcí a jejich parametry. Nyní je tento způsob pojmenování značek standardní.

    Použití hypertextového členění textový dokument v moderních informačních systémech je do značné míry 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ě souvisejících komponent, jejichž přechod se provádí pomocí hypertextových odkazů.

    Jazyk HTML není správný programovací jazyk; je to prostředek k popisu struktury dokumentu, jeho stylu a jeho vztahů s jinými dokumenty. K prohlížení webových dokumentů se používají speciální programy - tzv. browsery (anglicky: to browse - 1) pastva, trhat výhonky; 2) číst, zapojovat náhodně, ve fitkách a startech.) Ve skutečnosti jsou možnosti prohlížečů mnohem širší, ale prozatím se omezíme na jejich definování jako prostředku k prohlížení webových dokumentů. Internet vděčí za svou popularitu prohlížečům.