Pro tvorbu webových stránek se používá jazyk. Tvorba webových stránek pro další HTML. Mova HTML a jógové značky

Vstup

1. Základní informace

1.1 O mov html

1.2 Tvorba webových stránek

1.3 Obecná ustanovení

1.4 Struktura dokumentu

1.5 Štítky těla dokumentu

1.6 Seznam základních html tagů

2. Další informace

2.1 Seznam značek

2.3 Grafika uprostřed dokumentu

2.4 Přidání stylů do dokumentu

2.5 Vlastní html značky

2.6 Html formulář

2,7 Html rámců

2.8 Html tabulky

2.9 Optimalizace grafiky pro web

2.10 Základy CSS

3. Popis vytvoření webu

3.1 Příprava

3.2 Skládací hlava

3.3 Vytvoření druhé strany

3.4 Spolupráce strany s popisem místa

3.5 Fotografická strana

3.6 Stránka Programy

3.7 Storinka s podjaky

Višňovok

Seznam vítězné literatury

Vstup

Tato práce je věnována mému HTML. Pro další podporu jsou soubory vytvářeny s příponami *.htm a *.html, což jsou webové stránky. Z nich se tvoří stránky a internet.

Před maturitní prací je stránka jako příklad toho, co můžete dělat s pomocí jazyka HTML.

Veškerá práce je rozdělena do 3 divizí. První rozdělil více úkolů na popis hlavních HTML tagů. Dozvíte se o nich všechny potřebné informace, jak vytvořit jednoduché webové stránky. Za druhé se podělili o informace o tom, jak zlepšit starý vzhled dokumentu a umožnit to. A třetí se rozešel s popisem toho, jak web vznikal, přílohy k maturitní práci. Nová zpráva popisuje druhý měsíc těžké práce na vytvoření stránky, je vyprávěna o různých prominutích, když jsou opraveny, o složitých metodách adopce.

Po přečtení tohoto, pokud jste robot, buďte lidskou bytostí, naučte se programovat, můžete pochopit základy programování v HTML. A ti, kteří vědí, je možné, aby sami poznali něco nového.

1.1 Pro mov HTML

Hyper Text Markup Language (HTML) je standardní jazyk uznávaný pro vytváření hypertextových dokumentů ve webovém prostředí. HTML dokumenty lze prohlížet různými typy WEB prohlížečů. Pokud je dokument vytvořen z verzí HTML, webový prohlížeč dokáže interpretovat HTML, aby viděl různé prvky dokumentu a jejich primární zpracování. HTML wiki vám umožňuje formátovat dokumenty pro jejich odeslání do různých písem, čar a dalších grafických prvků na jakémkoli systému, který je prohlíží.

Většina dokumentů obsahuje standardní prvky, jako je nadpis, odstavce nebo seznamy. Pomocí HTML tagů můžete tyto prvky označit, takže WEBovým prohlížečům zůstane minimum informací pro zobrazení těchto prvků, s ohledem na celkovou strukturu a informační úplnost dokumentů. Vše, co potřebujete ke čtení HTML dokumentu, je WEBový prohlížeč, který interpretuje HTML tagy a vykresluje dokument na obrazovce před vámi, což má dělat autor.

Autor dokumentu většinou výslovně definuje původní vzhled dokumentu. V dobách HTML čtečky, založené na možnostech WEB prohlížeče, můžete světu zpívat známým vzhledem dokumentu (i když ne jógou). HTML vám umožňuje určit, zda je dokument zodpovědný za nadpis nebo odstavec pro další značku HTML, a poté nechat webový prohlížeč interpretovat tyto značky. Například jeden WEB prohlížeč dokáže rozpoznat značku na začátku odstavce a prezentovat dokument správným způsobem, a druhý nemá stejnou schopnost odeslat dokument v jednom řádku. Jiné WEB prohlížeče mohou být také schopny upravit velikost a typ písma, barvu a další parametry, které by měly být přidány k zobrazení dokumentu.

HTML tagy lze chytře rozdělit do dvou kategorií:

1. Tagy, které označují, jak bude webový prohlížeč zobrazovat tělo dokumentu jako celek.

2. Tagy, které popisují celkovou autoritu dokumentu, jako je název nebo autor dokumentu.

Mějte na paměti, že hlavní výhodou HTML je, že váš dokument lze prohlížet v různých typech webových prohlížečů a na různých platformách.

1.2 složit webová stránka

HTML dokumenty lze vytvářet pomocí textového editoru nebo specializovaných HTML editorů a konvertorů. Volba editoru, který má být použit pro vytváření HTML dokumentů, má být používán výhradně pro pochopení jasnosti a zvláštní podoby autora skinu.

Například editory HTML, jako je Netscape Navigator Gold společnosti Netscape, umožňují vytvářet dokumenty graficky pomocí technologie WYSIWYG (What You See Is What You Get). Na druhou stranu většinu tradičních nástrojů pro tvorbu dokumentů lze převést pomocí převodníků, které umožňují převod dokumentů do formátu HTML.

Všechny značky HTML začínají "<" (левой угловой скобки) и заканчиваются символом ">(pravý vrcholový oblouk). Zpravidla používejte počáteční a koncovou značku. U zadku najedeme na značky title, které označují text, který je uprostřed počáteční a koncové značky a popisují název dokumentu:

Název dokumentu

Konečná značka vypadá stejně jako počáteční značka a zní jako nové přímé lomítko před textem uprostřed vrcholu. Čí aplikace má značku řekněte webovému prohlížeči, aby uhádl formát názvu a značku- o dokončení titulního textu.

Deyaki tagy, takže, jaka

(tag, který definuje odstavec), nezapomeňte na závěrečný tag, ale také zlepšuje čitelnost a strukturu výstupního textu dokumentu.

HTML nereaguje na velká a malá písmena znaků, které značku popisují, a když umístíte kurzor dříve, může příklad vypadat takto:

Název dokumentu

Úcta! Další mezery, symboly tabelování a rotace vozíku, přidané do výstupního textu dokumentu HTML pro nejlepší čitelnost, budou webovým prohlížečem při interpretaci dokumentu ignorovat. Dokument HTML může obsahovat popisy dalších prvků, pouze pokud jsou umístěny uprostřed značek

І
. Zpráva o značkách
Bude napsáno níže.

Pokud WEBový prohlížeč dokument přijme, ukáže, jak lze dokument interpretovat. První tag, který se objeví v dokumentu, může být tag . Tato značka sděluje webovému prohlížeči, že váš dokument je napsán v HTML. Minimální HTML dokument vypadá takto:

Tělo dokumentu...

Záhlaví dokumentu . Tag záhlaví dokumentu je zodpovědný za nabídku vedle tagu a další nikde poblíž názvu dokumentu. Značka Tsey je obecný popis dokumentu. Unikátní rozmіschuvat, zda text uprostřed značky . Startovací značka umístěn přímo před značkou a další značky, které popisují dokument, a koncová značka</HEAD> budou zveřejněny, jakmile bude popis dokumentu dokončen. Například:</p> <p><TITLE>Seznam Spivrobitnik

Úcta! Technicky jde o typ počáteční a koncové značky , і neobov'yaskovі. Také se doporučuje používat samohlásky, samohlásky značek pro tyto značky, aby mohl WEB prohlížeč oddělit část záhlaví dokumentu a střední část dokumentu.

Název dokumentu . Většina webových prohlížečů zobrazuje místo značky <TITLE>v záhlaví okna, jak odstranit dokument a v souboru záložek, stejně jako vin je podporován webovým prohlížečem. Název, označeno <TITLE>і, umístěný uprostřed -tags, jak je uvedeno výše v aplikaci Název dokumentu se nezobrazuje, když je dokument zobrazen v okně.

Během dne se IT sféra rozrůstá a roste, připojuje se k vytváření stránek. Tse vyrábět na zbіlshennya kіlkostі fahivtsіv, yakі připravený začít s rozvojem webu a podpory jógy. Mnoho takových web-majstrіv je však pokryto bezplatnými návrháři a může být dokonce nepředstavitelné, pokud jde o programování a technické úložiště. Šíleně je použitelnost, design a obsah ještě důležitější, ale technicky slabý web s prominutím v kódu nemůže přinést štěstí. Proto, pro vytváření stránek, méně než ty fakhivtsy může vzít na sebe, jako by byli schopni programovat je s jazykem a připraveni rozšířit stránky od nuly.

Jaké druhy filmů potřebujete znát pro tvorbu webových stránek?

Dosvіdchenі rozrobniki scho, scho zvolit movi programuvannya ladem vіd bohaté faktory. Po pochopení, že prostě neexistuje žádné ideální řešení, může mít kožní varianta své výhody a nevýhody. Je nutné zvolit ten jazyk, jako nejlepší pidida pro splnění stanovených úkolů. Výživa, jak je třeba před ním hledět, jako volba jazyka:

  • serverová platforma;
  • Serverový software;
  • přítomnost informací na vytvořených stránkách;
  • Vybraná databáze.

Nejoblíbenější filmy

webová stránka Popularita
(Unikátní záznamy za měsíc)
front-end
(Zákazník)
back-end
(server)
Databáze
Google.com 1,600,000,000 C, C++, Go, Java, Python BigTable, MariaDB
facebook.com 1,100,000,000 Hack, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp, Haskell MariaDB, MySQL, HBase Cassandra
youtube.com 1,100,000,000 C, C++, Python, Java, Go Vitesse, BigTable, MariaDB
Yahoo 750,000,000 PHP MySQL, PostgreSQL, VB.NET
Amazon.com 500,000,000 Java, C++, Perl Databáze Oracle
wikipedia.org 475,000,000 PHP, Hack MySQL, MariaDB
twitter.com 290,000,000 C++, Java, Scala, Ruby MySQL
bing 285,000,000 ASP.NET Microsoft SQL Server
eBay.com 285,000,000 Java, JavaScript, Scala Databáze Oracle
msn.com 280,000,000 ASP.NET Microsoft SQL Server
Microsoft 270,000,000 ASP.NET Microsoft SQL Server
Linkedin.com 260,000,000 Java, JavaScript, Scala Voldemort
pinterest 250,000,000 Django, Erlang MySQL, Redis
wordpress.com 240,000,000 PHP, JavaScript (Node.js) MariaDB, MySQL

PHP. V józe základ - nejjednodušší jazykové značení, HTML. PHP pov'yazuє koristuvach іz serverová část. Samotný účel mé vlastní implementace takových funkcí, jako forma zpětného odkazu, jsou registrační pole příliš tenká. Syntaxe tієї movi je snadná a prostě vivchiti. Pro vytvoření komerčního portálu je PHP nepostradatelné, pro toho, kdo potřebuje získat kontaktní údaje koristuvach novým nejjednodušším způsobem. Základní výhoda filmu spočívá v tom, že vikoristovuyuchi її, programátoři mohou rychle a bez zayvih zusil složit dynamické strany.

Krajta. Ruská jóga je často nazývána „python“. Tse vysokorіvneva mova, yak vikoristovuєtsya pro vysoce postavený zavdan, především pro server vykonannya zavdan. Yogo orientace – zlepšení produktivity programátora a čtení kódu. Pro pomoc si můžete vytvořit záložní kopii bohaté sady programovacích paradigmat. Python funguje automaticky na serverech Windows a Linux.

Rubi. Ruská jóga je často nazývána „rubi“. Jedná se o dynamický, reflektivní a vysokoúrovňový jazyk pro OOP (objektově orientované programování). Win vám dává možnost implementovat bohaté streamování na jakýkoli operační systém, přijímá striktní typizaci dynamického vzhledu a může mít malý počet dalších možností. Charakteristikou syntaxe Ruby je nejblíže k analogům Eiffela a Perlu. Navíc za Pythonem stojí pár detailů.

A.S.P. Tento jazyk je distribuován společností Microsoft Corporation. Pro další technologie si můžete stáhnout programy pro www.asp. Platformy pro filmy: Internet Information Server (IIS) a Windows NT. ASP lze snadno nazvat vlastním, je dražší na technologii pro přístup k programu na internetovou stránku. Všechny výhody ASP jsou v jednoduchém skriptování mov a možnosti načítání prvků COM třetích stran.

JavaScript. Princip javascriptu trohi je odlišný od ostatních programovacích jazyků. Toto je hlavní oprávnění pro přímé připojení k souboru HTML. Skript, výtvory založené na JavaScriptu, zpracované interpretem, implementované prohlížečem. Qia mova vykoristovuetsya pro velké spektrum úkolů: vytváření dynamických stran (obsah na nich lze změnit, aby se dokument vylepšil);

Virishennya mіstsevyh zavdan; ověření správnosti vyplnění formulářů před dalším odesláním na server.

Velké možnosti pohybu jsou vysvětleny її popularitou. Takže s pomocí JavaScriptu můžete:

  • změnit bokem: přidat nebo vyčistit text, změnit styly a značky;
  • reagovat na yakіs podії (například na kliknutí myší) a vyhrát danou funkci;
  • revidovat upomínky, nastavovat a číst cookies, kontrolovat správnost zadaných údajů;
  • importovat nová data bez opětovného importu dokumentu a in.

perl. Začátek tohoto mov byl napsán pro vytvoření programu, jak porazili různé úkoly, v jediném scénáři pro dokončení celého komplexu úkolu: zpracování textu, administrace a další. Pearl dnes vyhrává hlavně za vývoj CGI doplňků. Vіn pomáhá spravovat servery a další systémy. Zavdyaki jednoduchost a rychlost psaného skriptu v Pearl, jóga přizpůsobená všem populárním platformám, včetně Mac a Windows. Perl může zkontrolovat kód, je to zcela zdarma.

Co potřebujete hodně znalostí?

Základní znalosti programování se vyučují v hodinách informatiky ve škole. Pratsyuvati na klasech Pascal a Delphi byly téměř dermální. Ale іnshі, skladnіshі movi programuvannya, vmagayut іnshoy, složitější a serióznější přístup. První věc, která je pro úspěšného programátora nezbytná, je matematický, logický sklad rozumu a schopnost se s tím popasovat. Pokud nevarto, budete muset všechno odzpívat. Je lepší lépe ovládat jedno, snižte matku, abyste se dozvěděli více o pěti slovech. Všechny věci mohou být podobné principy, všechny smrady budou na logice dne, že za hodinu je s kůží mého nového vchiti yogo všechno jednodušší. Zkopírujte nebo změňte kód někoho jiného, ​​možná někoho jiného, ​​ale napište si svůj vlastní kód, stát se správnou „uměleckou“ budovou má ke kůži daleko.

Vývoj webových stránek od různých filmů a rozložení až po hypertext HTML

Webové stránky a webové stránky

Webové stránky. Webové stránky jsou vytvořeny za pomoci mobilního rozložení hypertextových dokumentů HTML (Hyper Text Markup Language). Do standardního textového dokumentu jsou vloženy klíčové symboly – HTML tagy, které určují vzhled webové stránky při prohlížení v prohlížeči.

Hlavní výhody webových stránek jsou:
- Minimální informační obsyag;
- možnost revize různých operačních systémů.

Pro tvorbu webových stránek se používají nejjednodušší textové editory, které do vytvářeného dokumentu nezahrnují, které znaky jsou formátovány na text samotného editoru. Jako takový editor ve Windows můžete zkroutit standardní program Poznámkový blok.

Vytvoření webových stránek s variantami HTML tagů bude vyžadovat velké úsilí, jakmile budete znát syntaxi filmu. Zastosuvannya spetsialnyh іnstrumentalnyh іnstrumentalnyh zasobіv (Web-editoři) okrást robota o vytváření webových stránek jednoduché a efektivní. Proces vytváření a úprav stránek ve webových editorech je pokročilejší, takže se provádí v režimu WYSIWYG (jako anglické "What You See Is What You Get" - "What You See Is What You Get").

Webové stránky. Publikace All-World Merazh jsou realizovány ve formě webových stránek, jako by chtěly pomstít materiál z těchto nebo problémů. Suverénní struktury a organizace (katedra, myšlenka, škola atd.) vytvářejí oficiální webové stránky svých organizací, na kterých zveřejňují informace o své činnosti. Obchodní firmy na svých webových stránkách inzerují zboží a služby a propagují je v internetových obchodech. Pokud jste dopisovatelem na internetu, můžete si vytvořit vlastní tematickou stránku, na kterou můžete zveřejňovat informace o svém vývoji, hromadění atd.

Stejně jako časopis se skládá z různých stran, web se skládá z počítačových webových stránek. Stránka se provinila tím, že se vzpírá systému hyperposilan, protože umožňuje koristuvachevy procházet webovými stránkami.

První místo vašeho webu na serveru na internetu, je nutné důrazně protestovat, potenciál pro vaše stránky budou desítky milionů coristuvachi na internetu.

Pro publikování webu je nutné znát přesné umístění na jednom z internetových serverů. Mnoho poskytovatelů dává svým zákazníkům možnost bezplatného hostingu webových stránek na svých serverech (bezplatný hosting).

Kontrolujte výživu

1. Proč mají webové stránky přednost před skvělými textovými dokumenty?

2. Jak se webové stránky spojují do webových stránek?

Struktura webu

HTML kód strany je umístěn uprostřed kontejneru . Bez těchto značek není prohlížeč schopen určit formát dokumentu a správně jej interpretovat. Webová stránka je rozdělena na dvě logické části: nadpis a část, která se zobrazuje v prohlížeči.

Název webové strany odpovídá kontejneru a nahradit název dokumentu a další informace o stránce (například typ kódování), aby byla prohlížečem zkontrolována pro správné zobrazení.

Štítky leží na vrcholu přídě a mohou být jednoduché nebo mužské. Rodičovské značky kontejner).

Závěrečný tag by měl být nahrazen lomítkem (/) před znakem. Štítky lze psát velkými i malými písmeny.

Název strany je umístěn poblíž kontejneru a pod hodinou opětovné návštěvy se zobrazí v horním řádku okna prohlížeče.

Změna strany, která se zobrazuje v prohlížeči, se umístí do kontejneru (Obrázek 6.26):


<ТITLE>Počítač


Počítač a firmware


Rýže. 6.26. Příprava webové stránky "Počítač"

Vytvořená webová stránka by měla být uložena jako soubor s názvem index.htm. Stejně jako rozbalení souboru webové stránky můžete také upravit HTML. Doporučuje se vytvořit speciální složku pro distribuci na web a uložit všechny soubory pro web, které jsou distribuovány v této složce.

Je nutné oddělit název souboru index.htm, pod kterým je webová stránka uložena, od souborového systému, název webové strany (například „Počítač“), jak je uvedeno v horním řádku okna prohlížeče. Webové stránky Im'ya mi to mohou dokázat, že je nemožné, abychom byli analyzováni poke systémy.

Kontrolujte výživu

1. Jaké značky (kontejnery) by obecně měly být v HTML dokumentu přítomny? Jaká je logická struktura webové stránky?

6.10. Prakticky úkol. Vytvořte webovou stránku „Počítač“ a prohlédněte si ji v prohlížeči.

Formátování textu na webu

Naše strana zatím nevypadá vůbec příjemně: fádní písmo černé barvy na bílých mšicích. Pro další značky můžete nastavit různé parametry a formátování textu.

Nadpisy. Velikosti písma záhlaví se nastavují ve dvojicích značek<Н1>(největší) do<Н6>(nejméně).

Písmo. Tagy Deyaki vytvářejí atributy, jako jsou jména autorit, a mohou opěvovat významy. Pomocí tagu FONT a dalších atributů můžete nastavit parametry formátování písma. Atribut FACE umožňuje vložit typ písma pro písmo (například FACE="Arial"), atribut SIZE - velikost písma (například SIZE=4).

Atribut COLOR umožňuje nastavit barvu písma (například C0L0R="modrá"). Hodnotu atributu COLOR lze nastavit buď pojmenováním barvy (například "červená", "zelená", "modrá" atd.), nebo 16 hodnotami.

Šestnácté znázornění vikoristické barvy ve formátu RGB "#RRGGBB", dvě první šestnácté číslice nastavují intenzitu červené (červená), dvě zálohy - intenzitu zelené (zelená) a dvě zbývající - intenzitu modrá (modrá) barva. Minimální intenzita barvy je označena šestnáctým číslem 00 a maximální - FF. Například modrá barva je přiřazena k hodnotě „#0000FF“.

Revize textu. Určete způsob zobrazení textu povolením atributu ALIGN. Zarovnání podle levého okraje je definováno následovně: ALLGN="left", zarovnání podle pravého okraje: ALIGN="right", zarovnání na střed: ALIGN= "střed".

V tomto pořadí lze modrou barvu nadpisu se středem nastavit v tomto pořadí:


<Н1 ALIGN="center">Počítač a firmware

Vodorovné čáry. Nadpisy by měly být dodatečně křížově vyztuženy pomocí vodorovných čar za jedním štítkem


.

Odstavce. Připojeno k textu v odstavci<Р>. Hodinu budu prohlížet prohlížeč, odstavce jsou mezi sebou rozmístěny v intervalech. U odstavce vzhledu můžete nastavit první typ zobrazení a parametry formátování písma.

Domovská strana webu Na domovské straně webu zazní text, který jej stručně popisuje. Text umístěný na domovské stránce webu "Počítač" rozdělený do odstavců s různými výjimkami:

<Р ALIGN="left">Na této stránce můžete vidět různé informace o počítači, jeho softwarovém zabezpečení a cenách počítačových komponent.
<Р ALIGN= "right">Terminologický slovník vás seznámí s počítačovými pojmy a dotazník můžete také vyplnit.

Tímto způsobem je domovská stránka webu "Počítač" hodna vycentrování nadpisu modrou barvou a přidání vodorovné čáry ke dvěma odlišně zarovnaným odstavcům (obr. 6.27):


<Н1 ALIGN="center">
Počítač a firmware




<Р ALIGN="left">Na jakém webu...
<Р ALIGN ="right">Terminologický slovník
...


Rýže. 6.27. Webová stránka "Počítač" s formátovaným textem

Kontrolujte výživu

1. Jaké štítky (kontejnery) jsou pro tituly? Formátování písma? Zavedení paragrafů?

Úkol pro nezávislé vikonanny

6.11. Prakticky úkol. Vytvořte „počítačovou“ webovou stránku s formátovaným textem a prohlédněte si ji v prohlížeči.

Vložení obrázku na web

Na webu můžete zobrazovat obrázky uložené v grafických souborech ve třech formátech – GIF, JPEG a PNG.

Vložený obrázek. Tag pro vložení obrázku s atributem SRC, který označuje místo uložení souboru na lokálním počítači nebo na internetu. Pokud je grafický soubor umístěn na místním počítači ve stejné složce jako soubor webové stránky, pak by měla být hodnota atributu SRC uvedena pouze pro název souboru. Například:

Pokud je soubor umístěn v jiné složce na vašem místním počítači, pak hodnota atributu může být mimo soubor, včetně cest k novému souboru v hierarchickém systému souborů. Například:

Pokud je soubor umístěn na vzdáleném serveru na Internetu, lze zadat webovou adresu tohoto souboru. Například:

Poloha malého je dle textu. Raztashuvaty drobnosti k textu jiným způsobem umožňují atribut ALIGN, který může nabývat pěti různých hodnot: TOP (nahoře), MIDDLE (uprostřed), BOTTOM (dole), LEFT (levák) a RIGHT (pravoruký) .

Na domovskou stranu stránky "Počítač" je logické umístit obrázek počítače. Aby maličké rostly podél pravého okraje textu, je za urážlivý vzhled zodpovědný tag pro vkládání obrázků (obr. 6.28):


Rýže. 6.28. Vložení obrázku na webovou stránku "Počítač".

Vložení alternativního textu. Koristuvachі іnodi, s pomocí ušetříte hodinu, v prohlížeči zapněte snímání grafických obrázků a čtení pouze textů. Aby se nezasahovalo do smyslové stránky, může za to výměna malého, zavádí se alternativní text.

Alternativní text je zobrazen za pomocí atributu ALT, jehož význam je text, který vysvětluje, co je maw bi koristuvach pro mrňouska:

Kontrolujte výživu

1. Jaké značky a atributy se používají pro vložení obrázku na web?

Úkol pro nezávislé vikonanny

6.12. Prakticky úkol. Vložte obrázek na webovou stránku "Počítač" a prohlédněte si jej v prohlížeči.

Hyper-výkon na webových stránkách

Pokud je webová stránka, která je zapletená do prohlížeče, umístěna na místním počítači ve stejné složce, pak je změna adresy jednoduše určena souborem, například:

Pokud je webová stránka, která se načte do prohlížeče, hostována na internetu, jsou internetové adresy označeny jako adresy, například:

<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Signalizace napájení

Pokaznik psilannya mi bachimo pid hodina znovu navštivte webovou stránku v prohlížeči. Vkazivnik může poslat text, zvukové vize v modré barvě a podporu, nebo malé, vize v rámečku. Při zadávání nové myši se kurzor změní na ikonu "ruka". Klikněte myší po volajícím, čímž vyvoláte přechod na webovou stranu zobrazenou v hyperprostoru.

  • před kontrolou obrázku v prohlížeči:
    <А HREF="picture.jpg">obraz
  • před spuštěním programu, který byl vložen do prohlížeče, byl vytvořen tento zvukový soubor:
    <А HREF="sound.wav">Zvuk
  • pro uložení souboru do místního počítače pomocí správce sběru souborů nainstalovaného v prohlížeči:
    <А HREF="Apxив.ziр">Získejte soubor

Navigační panel webu. Vytvoříme složku pro web "Počítač" a přidáme na web prázdné stránky "Programy", "Glosář", "Kompletní" a "Dotazník". Uložte je pro soubory s názvy software.htm, glosář.htm, hardware.htm a anketa.htm pro nadřazený web. Toto jsou "prázdné" strany nadpisů, ale stále nemůžete odpustit matce:



<ТITLЕ>boční hlavička


Na domovské straně webu umísťujeme hyperposilanové reklamy na stranu vzhledu webu. Jako indikátory hyperposilanu je nejvhodnější pojmenovat strany, na kterých se přechod provádí.

Přemístěme ukazatele hyperposilanu v dolní části stránky v novém odstavci do jednoho řádku, rozdělíme je mezerami ( ). Takové umístění hyperposilanu se často nazývá navigační panel.

Vložíme HTML kód na domovskou stránku webu, která vytvoří navigační panel:

<Р ALIGN="center">
[<А HREF="software . htm">Programy]  
[Glosář]  
[Příslušenství
[Dotazník]

Hyper zpráva na e-mailovou adresu. Corisno na domovské straně webu zašlete zprávu na e-mailovou adresu, pro kterou se můžete obrátit na administraci webu. K tomu je nutné přiřadit e-mailové adrese atribut HREF a do kontejneru vložit її

, který definuje styl odstavce, akceptovaný pro vkládání adres:


<А HREF="mailto:[e-mail chráněný]">E-mail:
[e-mail chráněný]

Nyní se kliknutím na e-mailovou adresu otevře poštovní program Outlook Express Komu se zobrazí v zaslané adrese.

Později byla vytvořena domovská stránka webu „Počítač“, která obsahovala nadpis, počítačový obrázek, dva odstavce textu a navigační lištu, která byla odeslána na e-mailovou adresu (obr. 6.29).


Rýže. 6.29. Domovská stránka webu "Počítač" je připravena

Kontrolujte výživu

1. Jaké atributy tagu a jógy se používají k vytvoření hyperposilanu?

Úkol pro nezávislé vikonanny

6.13. Prakticky úkol. Vytvořte "počítačovou" webovou stránku, která odstraní hyperposilan panel na druhé straně webu a podíváte se na něj v prohlížeči.

Seznamy na webových stránkách

Chcete-li při umísťování textu na webové stránky často končit, ručně vyberte seznamy pro různé možnosti:

  • číslované seznamy, pokud jsou prvky seznamu označeny dodatečnými čísly;

  • označené seznamy, pokud jsou prvky seznamu identifikovány dalšími speciálními znaky (značkami);

  • seznamy schůzek, které umožňují sestavit převody schůzek v tzv. slovníkové podobě.

Seznamy je možné vytvářet a vnořovat, navíc investovaný seznam lze podle jeho typu považovat za hlavní.

Číslované seznamy.Číslovací seznam distribucí uprostřed kontejneru

    1. můžete nastavit typ číslování: arabské číslice (pro zachycení), "I" (římské číslice), "a" (malá písmena) a in.


        < LI >Systémové programy
        < LI >Aplikační programy
        < LI >programovací systémy

      Označené seznamy. Seznam označení se zobrazí uprostřed kontejneru a prvek vzhledu seznamu je označen štítkem< LI >. Nápovědu k atributu značky TYPE

        můžete nastavit typ značky do seznamu: "disk" (disk), "čtverec" (čtverec) nebo "kruh" (colo):


          < LI >textové editory;
          < LI >grafické editory;
          < LI >tabulky;
          < LI >systémy pro správu databází.

        Na webové stránce "Programy" je umístěn číselný seznam, který pokryje změny hlavních typů počítačového softwaru.

        Na další prvek hlavního číslovaného seznamu vložíme označovací seznam příloh (obr. 6.30).

        Seznam schůzek. Uprostřed kontejneru se zobrazí seznam schůzek

        /
        . Prostřední text je formátován jako výrazy, které jsou považovány za jednotlivé značky
        ta vznachen, yakі jít na jednotlivé značky
        .

        Webovou stránku "Glosář" můžeme reprezentovat ve formě slovníku počítačových termínů (obr. 6.31):


        Procesor
        Centrální příloha počítače pro provádění zpracování informací v binárním kódu.
        Pracovní paměť
        Prosím, ve kterých programech a datech jsou uloženy.

        Kontrolujte výživu

        1. Jaké známky jsou vítězné při sestavování číslovaných seznamů? Označené seznamy?

        Úkol pro nezávislé vikonanny

        6.14. Prakticky úkol. Vytvořte webovou stránku "Programy" s očíslovaným seznamem a vnořte označený seznam.

        6.15. Prakticky úkol. Vytvořte na webu "Glosář" se seznamem termínů.

        Kurz "Vytváření webových stránek pomocí HTM filmů" L »

        Téma 1. Pochatkova informace o mov HTML

        Přiřazení HTML filmu

        Web -strany– všechny speciální soubory napsané v mém HTML ( Hyper Text označení Jazyk – rozvržení mov pro hypertext). Pid rozmіtkoy rozumět vkládání speciálních kódů (tagů) do textu, těch počátečních, jako subbag hypertextový dokument se provinil tím, že je zobrazen speciálním programem - prohlížečem.

        Jazyk HTML pro vytváření souborů nezávislých na systému popisuje formát dokumentu, ale také definuje jeho strukturu. Pokud je například v textu zahrnut nadpis, kód HTML jednoduše označuje, že relevantní fragment je nadpis. Po přezkoumání takového kódu program - samotný prohlížeč virishuє, scho їy robiti іz nadpis. Je možné jej zobrazit větším písmem nebo uprostřed obrazovky. Pokud text vytvoří filmový syntetizér, syntetizér zkopíruje celý kód, takže přesune hlasitost a přidá potřebnou pauzu.

        Mova HTML є počítačový mov, ve smyslu zpěvu se argumentuje programováním mov. Zahrnujete následující pravidla, která musíte splnit, abyste získali správné výsledky.

        Jazyk HTML se objevil přes noc se službou World Wide Web a vyvíjel se současně s ní. Vin je základem World Wide Web a zároveň důvodem jeho nejširší popularity.

        HTML - soubor

        HTML - file - textový soubor, který lze rozšiřovat .htm nebo . html Webová stránka je uložena jako soubor HTML. Chcete-li vytvořit soubor HTML, můžete tweetovat jako jednoduché textové editory, jako je Poznámkový blok nebo Word Pad, a webové editory.

        Struktura dokumentu HTML

        HTML dokument se skládá z hlavního dokumentu a značek, jako jsou sady standardních znaků.

          Všechny HTML dokumenty mohou mít dobře definovanou strukturu. Dokument je vinen tím, že začíná značkou a končí jinou značkou, která se uzavírá. Tato dvojice značek prohlížeči sděluje, že se před ním nachází platný dokument HTML.

          HTML dokument se skládá z rozdělil nadpisy a tělo dokumentu, scho jít sám v tomto pořadí. Nadpisy předpisů jsem rozdělil mezi značky a schoval informace o dokumentu jako celku. Zokrema, jehož část se provinila pomstou za své vlastní značky a záměnou s „oficiálním“ názvem dokumentu.

          Text samotného dokumentu je rozšířen v těle dokumentu. Tělo dokumentu se rozbalí mezi tagy a BODY>. V praxi je možné určit umístění těchto hlavních značek pro jejich dny. K tomu, jako značky, і , a také pokud jsou vynechány složené značky, pak program - prohlížeč může sám určit místo, na vině je smrad. Ale koneckonců se nedoporučuje vynechávat qi tagy v době tvorby webových stránek.

        Nejjednodušší správný HTML dokument.

        < HLAVA >

        < TITUL > Název dokumentuTITUL >

        HLAVA >

        < TĚLO >

        TĚLO >

        značky HTML

        Mova HTML se skládá ze speciálních rozmichalnyh indikátorů - značek. Mohou být také nazývány příkazy, instrukcemi nebo HTML kódy.

        Značka je pokyn pro prohlížeč, který určuje, jak má být text vykreslen. Všechny značky začínají symbolem menší než (<) и заканчиваются символом «больше» (>). Několik symbolů se nazývá odlišně kudrnaté oblouky. Po otevření vrcholové přídě Ide klíčové slovo, Co znamená značka

        Značka vzhledu HTML filmu může být speciálně rozpoznána. Registr písmen v názvech tagů nemůže být významný - můžete mrknout jak malá, tak velká písmena, chcete-li hláskovat velká písmena tak, aby tagy odpovídaly původnímu textu dokumentu.

        Používejte dva typy značek – kluci a nepárové.

        Chlapecké značky- který se křiví a křiví, podobně jako kulaté oblouky algebraické virázy. Zápach je přidán k textu z tohoto měsíce, de live, před tímto měsícem, kde je indikováno znaménko konce їх dії (značky křivky začínají znakem lomítka (/).

        Například, < HTML > HTML >, < P>P>, H3 >

        Nespárované značky poskytují jednorázový efekt v místě, kde se objevují, takže není potřeba abstrakt, který se uzavírá.

        Například,
        , ,

        Štítek přenášejí servisní informace o webu a nezobrazují se na obrazovce prohlížeče: veškeré informace o kódování webu, o autorovi a také sada klíčových slov pro vyhledávání, která by se měla na webu zobrazit.

        zadek.

        Příklad skládacích stolů

        Ze zadku je vidět, že strana vítězného kódování Windows-1251 je pro dnešek nejrozšířenější, stačí jen vložit značku tak, jak se díváte na vaši stranu; autorem vedlejší linie je Ivanov Ivan; strana je věnována tvorům.

        Když je dokument zobrazen v prohlížeči, samotné značky se nezobrazují, ale jsou přidány ke způsobu zobrazení dokumentu. Jako by pardon v abstraktu označoval klíčové slovo, protože se neobjevuje v mém HTML, tag je z větší části ignorován.

        Atributy značek

        Značky, které se zobrazí, mohou často nahradit atributy, které jsou přidány k efektu značky.

        Atributy – všechna další klíčová slova, vodokremlenі jako klíčové slovo značky a jedna jako jedna mezera.

        Atributy mohou mít hodnotu zapsanou za rovnítkem (=). Zavzhda vložil hodnotu atributu do tlapek (jednotlivé kostice). Řádek u tlapek není vinen z pomsty, takže tlapy jsou uprostřed sebe. Pro význam atributů můžete sklopit tlapky, protože se sčítají pouze z následujících symbolů:

          symboly anglické abecedy;

        • intervaly;

          pomlčky (-).

        Můžete také snížit tlapky pro hodnotu atributů, protože se sčítá pouze z přicházejících symbolů (vraťte se k technickému konceptu ):

          symboly anglické abecedy ( A-Z, a - z)

          číslice ( 0 - 9 )

          intervalech

          pomlčky ( - )

        takovým způsobem, ŠÍŘKA=80і VYROVNIT=STŘED- Přípustná zkratka pro WIDTH="80"і ALIGN="STŘED".
        Tagy, které zavírají, nemstí atributy.

        aplikovat. FONT >

        Komentáře

        Stejně jako ve všech jazykových programech je možné do programu přidávat komentáře (textové řádky, které nejsou součástí programu) a HTML nelze nijak přesunout. Začněte komentář speciální značkou. Komentář může obsahovat libovolné symboly, kromě symbolu většího než (>), i, takže nemůžete vkládat značky.

        Princip poklesu značky

        kontejnerové značky
        Již víme, že značky světa se skládají ze dvou částí - tse vіdkrivaє (vіn totéž - pomstít atributy) a zakrivає, tobto "kіnets" tag. Úkoly v abstraktních parametrech jsou pouze mezi klasem a klasem, takže pouze uprostřed tagu:

        <начало 2-го тега>

        text text text text text text text text text text text text text text text text text

        <начало 3-го тега>
        text text text text text text text text text text text text text text text text text

        <Конец 3-го тега>

        <Конец 2-го тега>

        <Конец 1-го тега>

        Šlápnutí na levou hranu není vipadkovі - smrad je automaticky vkládán programy, které tvoří HTML kód, aby byl srozumitelnější. Dosit ozumіti, scho chim daleko na levém okraji vidět značku, tim "více" žil lhát, tim více "starších" značek může být na novém dítěti.

        Všimněte si také, že některé atributy vnořených značek lze přidat ke „starším“ značkám. To je například typické pro tabulky, vnořování jedna ku jedné.
        Pokud má vnitřní tabulka velikost úlohy 100, pak vnější tabulka nemůže mít velikost menší než 100 pixelů + šířku rámce. V takové hodnosti je stůl investován yak bi "rozpiraє", že v yak won je investován. Pokud ano, není nutné v ní rozšiřovat počet úkolů, ale počet textů v ní je značný, „starší“ tabulku otevřete na takovou velikost, která je nezbytná pro zobrazení velkého počtu řádků v text. Říká se tomu „zpětné volání“.

        Praktický robot číslo 1

        „Stvoření toho nejjednoduššího Web - Storinki"

        Cílová: Naučte se vytvářet webové stránky v textovém editoru Poznámkový blok.

        Vkazivki do vikonannya

          Zadejte novou strukturu dokumentu HTML, jak je uvedeno níže:

        O našich nejmenších bratrech.

        Zde najdete správnou webovou stránku

          Uložte soubor zadáním názvu index .htm.

          Otevřete vytvořený soubor. Jak vidíte výtvory souboru, můžete vidět v okně prohlížeče.

          Zavřete prohlížeč.

          Přejděte na soubor uložený v programu Poznámkový blok.

        Před další změnou proveďte předběžnou změnu: nahraďte slova „Změna webové stránky bude umístěna zde“, napište toto: Tse moje první strana .

        V řadě < TITUL> řekněte: "Domovská strana (tak se jmenujete vy)."

          Uložte soubor jako stránku 2.htm.

          Podívejte se na výsledek v prohlížeči, případně soubor upravte pomocí nápovědy Poznámkový blok.

        Téma 2: HTML tagy

        Fyzické a logické značky formátování textu

        Formátování písma . Pro formátování textu existuje mnoho prvků. Text můžete formátovat pomocí dalších tradičních prvků: podívejte se na fragmenty kurzívou, tučným písmem, vyberte písmo, rozbalte a vybarvěte písmo, převrácení fragmentů textu. Pokud autor nemá jednoduché možnosti formátování textu, můžete přejít na šablonu stylů, která rozšíří možnosti formátování HTML.

        Podívejme se na standardní prvky HTML filmu, které umožňují formátování textu.

        Písmo- Změňte kód pro viditelné obrázky ve všech tabulkách.
        Klávesa vzhledu klaviatury udává kód skladby, který je rozpoznán OS (operační systém, většinou Windows nebo Linux / Unix).
        Tímto způsobem, výběrem písma typu sing, systém nahradí kód klávesové zkratky v tabulce symbolů písmem obrázkového písmene nebo ikony. Kožené písmo - soubor tse. Soubor, který lze použít k nahrazení obrázku písmeny, čísly a symboly, které jsou přiřazeny tlačítku vzhledu. Vložit písmo - znamená zahrnout soubor souboru s dalšími tabulkami nastavení. Pro systémy MS Windows existuje výběr fontů, které jsou dodávány najednou ze systému - ce:

        Arial

        Arial

        Kurýr Nový

        Kurýr Nový

        Comic Sans

        Komik Sans

        Times New Roman

        Times New Roman

        Verdana

        Verdana

        Kůže z těchto písem je pre-rechic ve svém vlastním designu a stylu. Největší rozšíření je Arial. Všechna písma mohou představovat 90 % všech názorů na vaši budoucí stranu. Kožené písmo - samostatný soubor ve složce Windows/fonts/*.ttf. Jak změním písmo v HTML, aby vypadalo jinak?
        < FONT >… FONT > v závislosti na typu, rozmіru a barvě písma. Všechny tyto parametry jsou přiřazeny pro další relevantní atributy.

        Absolutní velikost písma se nastavuje atributem size (exp.). Tento atribut může nabývat hodnot od 1 do 7, navíc písmo 1. rozměru je nejmenší a 7. je největší.
        aplikovat.

        text rozšířen 1
        text rozšířen 2
        text rozšířen 3
        text rozšířen 4
        text rozšířen 5

        text rozšířen 6
        text rozšířen 7

        Ticho tady - daleko ONT>.
        Při návrhu zní vikorista nejprve chotiri rozmarýn. Všechno, co je víc, špinavý tón a známka amatérismu, víc zabírá hodně místa a je důležité si to přečíst. Pravda, u větších velikostí nastává stagnace. Například můžete napsat počáteční písmeno se stejným rozmіrom (první písmeno klasu): T text text text text text text text text text text text text text text text text text text text text text text text text.
        Mezitím si můžeme vybrat samotný font, který bude zvolen pro zobrazení textu. Bojujte s atributem tvář (pohled).

        aplikovat.Toto písmo je velikosti arial 3 ONT >
        FONT text >
        jak bachimo, E tyto dva atributy - rozmіr a typ písma - můžete roztashuvat be-yakіy sekvenci v diplomové práci :
        Můžete také vikoristuvati atribut barva (barva). Volání barvy je buď číslo, píšeme v šestnáctkové soustavě, např. color = “#ff 0000”, nebo tomu říkám jen anglicky napsané např. color = “red”. aplikovat. Tse modrá barva písma FONT >
        Toto písmo je arial velikosti 3, barva modrá FONT >
        Písmo lze také použít: křehké (kurzíva), tučné, překřížené, překřížené, horní indexy, horní indexy a také použité jako sprinter určených obrázků. Dosažitelné pomocí značek:
        <
        > text >
        <
        B >textB >
        <
        U > textU >
        <
        S > text S >
        <
        SUP > text SUP >
        <
        SUB > text SUB >,
        a také їх podnannyam, například, <U > text U>B>
        Formátování odstavce. Většina zbývajících dokumentů má hlavní funkční rozdělení titulkyі odstavce Webové dokumenty jsou průšvih. K identifikaci nejdůležitějších odstavců v mém HTML použijte tag tag

        P > (Odstavec). Navíc můžete vyhrát pouze visačku s klasem jako útočný prvek

        znamená klas urážlivého odstavce a konec fronty. V tichých situacích, pokud je nutné označit dokončení odstavce po změně, můžete vybrat koncovou značku.
        Najednou z tagu odstavce můžete citovat a přiřadit zarovnat:
        align = "left" - zarovnání vlevo;
        align = "vpravo" - zarovnání vpravo;
        align = "centr" - zarovnání na střed.
        zadek.

        Razdel 1P >

        Animace >

        boční 3P>

        Movі HTML nemá žádné prostředky pro vytvoření položky odstavce ("červený řádek"), takže pro přehlednost čtení textu mezi odstavci prohlížeč vyzývá k zadání prázdného řádku. Zpravidla je nutné změnit přechod na nový řádek bez vytvoření odstavce, vybere se jeden tag
        . V místě stejné distribuce řádek končí a text, který zůstal, začíná od nového řádku. Tsej tag ručně vikoristovuvaty, schob, například pište verše na stovpchik:
        Pustili lékaře k soudu,
        Utrhli vedmedikovi tlapu,
        Nebudu házet jógu stejně,
        Protože víno je dobré.
        Na obrazovce prohlížeče používáme standardní pořadí psaní chotirivirsh.

        Důležité je vytvořit v textu samostatné dělení - vodorovné čáry - čáry, které vizuálně sousedí s různými částmi dokumentu jedna v jednu. Vodorovná čára je vytvořena jedním tagem. S pomocí jógy snadno rozdělíte stranu na části. Práce má povoleno několik atributů:

        Virivnyuvannya

        align="left"

        align="center"

        align="right"

        align="justify"

        Kamarádství a Dovzhina Line v pixelech.

        Velikost = 3 (šířka v pixelech)

        šířka = 300 (délka v pixelech)

        šířka = 100 % (šířka šířka)

        Barva čáry

        color="red"

        Jazyk HTML podporuje šest stejných vnitřních záhlaví v dokumentu. Tyto smrady jsou označeny značkami vіd

        před
        .
        Nadpis prvního řádku je největší a nadpis šestého řádku nejmenší. U nadpisů můžete zvýraznit atributy vlevo, uprostřed nebo vpravo.
        zadek.Největší titul
        Nejmenší titul

        Domácí zvířátka

        Logické formátování textu . V tuto chvíli se můžeme podívat na značky, pokud jde o jejich účinek, hádají značky, které nastavují velikost, barvu a obrázek písma. Je důležité poznamenat, že tyto značky účinně popisují skutečnou sílu textu. Tse znamená, že text může být v různých prohlížečích vykreslen odlišně, ale účinek záruky se v takovém případě vyvolá, pokud z nějakého důvodu neexistuje možnost blokování efektů písma. Všechny tyto značky jsou spojeny a přidány k textu, uspořádání mezi značkami, které se zakřivují a uzavírají. Uzavření štítku obs'yazkovy.
        Štítek vikoristovuєtsya pro citáty, jmenovky. Znít kurzívou.
        Shardy HTML vytvořili lidé pomocí počítačů, pro prezentaci textů v počítačových programech a výsledků interakce s nimi je známá celá skupina značek.
        Štítek < KÓD >… KÓD > Zadejte výstupní text počítačového programu, který zní jednoprostorovým písmem (většinou písmem Courier), tedy písmem pevné velikosti.
        Štítek < KBD >… KBD > formátování textu, což je způsobeno buti (nebo buv) úvody za pomoci klávesnice, které znějí jako monospace tučné písmo. Anglický typ klávesnice - klávesnice
        zadek.

        Chcete-li spustit systém Windows, zadejte: vyhrát.
        Kód:
        Chcete-li spustit systém Windows, zadejte: win
        Štítek označte text jako vzor. Vikoristovuetsya pro porozumění textu, který má být programy. Zobrazeno písmem s proměnnou mezerou.
        zadek.
        Skvělý text
        Štítek vikoristovuєtsya vіdіlennya zminnіh іv programu výpisu. Zvuk, takový text je zobrazen kurzívou. Typ angličtiny var iable — proměnlivý.
        Zadek.
        A, B, C
        Kód:
        A, B, C

        Štítek < EM >… EM > vykoristovuetsya vidět prvky textu (zvuk kurzívou).
        Štítek < SILNÝ >… SILNÝ > vykoristovuetsya pro silnou vizi prvků textu (tučně).
        zadek.
        Skvělý text
        A zde je text z vybrané značky .
        Střepy zde vítězí ve smyslu vidět design, doporučuje se vyhrát štítky místo štítků і<
        B >.

        Praktický robot číslo 2

        Formátování textu na webové straně“

        Cílová: Naučte se formátovat písmo a text na webu.

        Vkazivki do vikonannya

          V prvku< TITUL> zadejte název strany „P/r č. 2“.

          Příchozí text naformátujte přiměřeně až k výrokům (uvedeným v obloucích kurzívou), jak je znázorněno v malém.

        Domácí zvířátka

        (titulH 1)

        (Pohled uprostřed)

        Psi

        (titulH 2)

        (Pohled uprostřed)

        Strážci

        (Virіvnyuvannya zlіva, tučné písmo)

        Mislivski

        (obrácené pravotočivé, tučné písmo)

        Obvaz

        (uprostřed, tučná kurzíva)

        Kluby Vistavki Maidanchiki

        (zvýrazněno uprostřed, velikost písma 10, barva písma černá, písmoArial )

        Virsh

        (Barva písma je modrá, velikost písma je 6, zarovnání je na střed)

        Pro život jsem skromný,

        Ovace nejsou vyžadovány

        Ahoj, jsem v pohodě

        Žasnu nad projektilem!

        (Zarovnání doleva, velikost písma 6)

        Vytváření seznamů

        Označené seznamy. Seznam je revidován podle původního textu, takže Koristuvachev nemusí přemýšlet o číslování odstavců: beru to na sebe. Je-li seznam doplněn o nové položky, nebo je-li krátký, je číslování automaticky opraveno. V různých nečíslovaných seznamech programu umístěte značky před bod kůže: kukhli, obdélníky, kosočtverce nebo jiné obrázky. Ve výsledku tak seznam vypadá jako manuál.

        Tagy pro vytvoření nečíslovaného seznamu:

        < LI > UL >
        Štítek
        • є jejich vlastní zarámovaný seznam. Vin umožňuje přidat jeden seznam dalších typů. Štítek
        • označte kůži z vpichů.

          zadek.


            Seznam položek 1
            Seznam položek 2
            Seznam položek 3

          Zobrazení obrazovky:

            Seznam položek 1

            Seznam položek 2

            Seznam položek 3

          Tagy pro vytvoření číslovaného seznamu: < Ó L>< LI > OL >


          Číslované seznamy. Struktura uspořádaného seznamu je podobná struktuře neuspořádaného seznamu. Rámečky pro zarámování visačky

          1. . Kožený předmět je číslován arabskými chi římskými číslicemi a písmeny latinské abecedy.

          zadek.


            Seznam položek 1
            Seznam položek 2
            Seznam položek 3
            O L>

            Zobrazení obrazovky:

              Seznam položek 1

              Seznam položek 2

              Seznam položek 3

            Metoda číslování je přiřazena dalšímu atributu typ. Tabulky mají všechny způsoby číslování:

            Typ číslování

            Praktický robot číslo 3

            "Vytváření číslovaných a nečíslovaných seznamů"

            Tsіl : Naučte se vytvářet seznamy na webových stránkách.

            Vkazivki do vikonannya :

            1 . Vytvořte novou webovou stránku v editoru poznámkového bloku.

            2 . V prvku zadejte názvy stran "P / r č. 3".</p> <p><b>3 </b>. Naformátujte příchozí text odpovídajícím prohlášením (uvedeno v obloucích kurzívou), jak je znázorněno na malém obrázku:</p> <p>Slunce může bušit:</p> <p><i>(velikost písma 8, červená barva,</i></p> <p><i>zarovnání na střed)</i></p> <p>1. Teplé.</p> <p>2. Kolo.</p> <p>3. Zhovtim.</p> <p>Snig may buti:</p> <p><i>(velikost písma 6, modrá barva,</i></p> <p><i>zarovnání na střed)</i></p> <p>B. Studená.</p> <p>S. Pukhnastim.</p> <p><i>(Písmo obou seznamů je černý rozmarýn 3).</i></p> <p><i><b>Hyperforce <br></b> </i><i><u>Viz hyperposilan.</u> </i><i> </i><b>< </b><b>A</b> <b>>… </b><b>A</b> <b>> </b> vytvoření hypertextové zprávy. <br>Kdo má všechny tyto obov'yazykovy atribut <b>href</b> <b>. </b> Některé významy jsou adresy URL, jak je uvedeno ve zprávě. Text k odeslání mezi značkami <b>< </b><b>A</b> <b>>… </b><b>A</b> <b>>. </b> Když se dokument zobrazí v prohlížeči, odeslaný text bude znít jako modrá barva. Kliknutím na tlačítko přejdete na zadanou adresu URL.</p> <p>Můžete vidět snítku hyperposilanu.</p> <ul><p>Volání (zobrazit webovou stránku s dokumenty, které nepatří k této webové stránce).</p><p>Interní (aplikujte dokumenty uprostřed stejného webu).</p> </ul><p><i><u>Absolutní způsob.</u> </i><i> </i> Jako název s hypertextovým odkazem je uveden přesně stejně jako adresa URL volaného dokumentu <i>absolutní cesta. <br>zadek.</i> <A href =”<u><span>http</u> </span><u>:// </u> <u><span>www</u> </span><u>. </u> <u><span>microsoft</u> </span><u>. </u> <u><span>com</u> </span>”>Microsoft A> <br>Hlavní slabina absolutní cesty spočívá v tom, že při přenosu souborů na jiný server na internetu je nutné změnit hyperprostor.</p> <p><i><u>Vidnošský způsob.</u> </i><i> </i> Jakoby vnitřně hyperpozitivní <b>jen ta část</b><b>URL</b> <b>, jako je tomu mezi dvěma dokumenty, které jsou spojeny (</b> takže tituly <i>vіdnosny způsob</i><b>), </b> pokud jsou například dva dokumenty v jedné složce, stačí je do souboru označit, do libovolného hyperprostoru. <br>Pokud jsou dokumenty umístěny v různých složkách, je třeba nejprve zadat název složky a poté název souboru, podle toho, který je označen hyperprostorem.</p> <p><i>aplikovat.</i> <A href =”my .htm ”>Moje speciální stranaA > <br> <A href =”sport /run .html ”>Bіg na dlouhé vzdálenosti A > <br>Je lepší vyhrát interně, protože ve stejném případě při přenosu webu na jiný server není nutné provádět změny až v deseti dokumentech.</p> <p><i><u>Kotvy.</u> </i><i> </i> Hypertextové zprávy mohou být zobrazeny na řádku uprostřed boku, tedy na správném místě v přední části <i>jakir</i>. Yakir také vikoristovu tagy <A >že A >, ale nahraďte atribut href pro nový jazyk atributem <b>název</b>. Hodnota atributu є <i>jsem kotvy.</i> Může být tvořen pouze latinskými písmeny, číslicemi a není vinen mstít mýtiny. <br>Chcete-li poslat yakir do vložení, musíte zadat název kotvy, například adresu URL za názvem dokumentu, po níž následuje symbol „#“.</p> <p><i><u>Zadání poštovní adresy do hyperprostoru</u> </i>. Pokud je zvolena hypermožnost zadání adresy elektronické pošty, volba se nepřenese do nového dokumentu, ale spuštění poštovního programu na počítači, aby bylo zasláno upozornění určenému adresátovi. Nazvěte takový požadavek na umístění např. postranního panelu pro zabezpečenou komunikaci s webmasterem nebo autorem postranního panelu, např. <A href =”mailto :vebmaster @mail .ru >Ivanov Oleksij</p> <p><i>zadek. <br></i><HTML ><br> <HEAD ><br> <TITLE >Odesílání této kotvyTITLE > <br>HLAVA > <br><BODY ><br>Nové verze standardních programů operačního systému a nejnovější ovladače lze nalézt na webových stránkách společnosti <br> <A href =”<u><span>http</u> </span><u>:// </u> <u><span>www</u> </span><u>. </u> <u><span>microsoft</u> </span><u>. </u> <u><span>com</u> </span>”>Microsoft A> <br> <P >A teď můžete jít do <A href =”my .htm ”>moje speciální strana A > <br></p><p>O tom, jak kontaktovat autora, je řečeno v <br> <A href =”#address ”>například na straně <br><i> </i> Zde je hlavní změna strany <br><i> </i><a>adresa”>E-mailové adresyA > <br>TĚLO > <br>HTML ></a></p> <p><b>Praktický robot číslo 4</b> </p> <p><b>"Vytvoření hyperposilanu"</b> </p> <p><b>Úkol 1.</b> Vytvoření nejjednodušší hyperschopnosti.</p> <p><b>Cílová:</b> Naučte se, jak interpretovat dva HTML dokumenty pro hyperposilan nápovědy.</p> <p><b>Vkazіvki do vikonannya:</b> </p> <ul><p>Vytvořte dvě webové stránky v editoru poznámkového bloku. Jednu stránku pojmenujte 1.htm, druhou stránku 2.htm. Uložit urážky stran v jednom papežství pod názvem stránky. Respektujte názvy složek a stran, ale mohou být napsány v angličtině a začínat malými písmeny.</p><p>V prvku <title >zadejte název strany "P/r č. 4. Úkol 1".</p> </ul><p>Na stranu 2</p> <p>Na stranu 1</p> <ul><p>Otevřete si první stránku v prohlížeči a změňte názor, aby přestupek hyperplazie fungoval správně.</p> </ul><p><b>Úkol 2.</b> Vytvoření hyperposilanu.</p> <p><b>Cílová:</b> Naučte se, jak vykreslit tři dokumenty HTML pro hyperposilan nápovědy.</p> <p>Je možné vikonovat s jiným úkolem, protože úspěšně naběhli na úkol 1.</p> <ul><p>Vytvořte stránku třetí strany 3.htm.</p><p>Na straně 3.htm vytvořte požadavek na přechod na stranu 1.htm a stránku 2.htm.</p><p>Na stránce 1.htm a stránce 2.htm přidejte hyperforce, abyste přešli na stránku 3.htm.</p><p>Otevřete v prohlížeči první stranu a změňte ji, takže nyní můžete přejít z jakékoli strany na kteroukoli další ze tří výtvorů.</p> </ul><p><b>Úkol 3.</b> Hyperposilan Colir <b>. </b> </p> <p><b>Cílová:</b> Naučte se, jak vybrat barvu hyperposilanu.</p> <p>Je možné vikonati zavdannya, protože úspěšně narazili na іz Zavdannyam 2.</p> <ul><p>Po stranách strany 1.htm, strany 2.htm a strany 3.htm u abstraktu <body >vyberte barvu hyperposilan:</p> </ul><ul><p>Otevřete v prohlížeči první stránku a přejděte na stranu pro zprávy, změňte barvu úkolů vpravo.</p> </ul><p><i><b>Malí na</b> </i><i><b>Web</b> </i> <i><b>-Storinci.</b> </i></p> <p>Ilustrace (obrázky, fotografie) hrají při návrhu webových stránek nejdůležitější roli. Ty nejmenší jsou uloženy v několika souborech jako HTML dokument a pak je uprostřed vykreslí prohlížeč. Pro které jeden jediný štítek <b>< </b><b>img</b> <b>>. </b> Obov'yaskovym atribut tohoto tagu є atribut <b>src</b>, význam nějaké cesty k souboru s malou fotkou,</p> <p>Pokud je obrázek ve stejné složce jako webová stránka, cesta vede pouze k souboru, například: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Pokud je obrázek v jiné složce, je třeba uvést složku qiu, například: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Pokud je obrázek na jiném webu, cesta je napsána stejným způsobem: <br><img src='https://i2.wp.com/homepage.ru/my/my.jpg' loading=lazy loading=lazy loading=lazy>.</p> <p>U abstraktu <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>můžete také vyhrát následující atributy, například: <br><b>výška</b> <b>, </b><b>šířka</b>- nastavte výšku a šířku oblasti, demonstrujte ty nejmenší. Pokud existuje pouze jeden úkol těchto atributů, pak se druhý rozměr obnoví do příslušných proporcí. Ale další paměti, že škálování zvýšilo jas obrazu. Rosemary the little vyhrává v pixelech nebo v oknech, například: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>, <b>okraj</b> <b> – </b> nastaví šířku rámečku na obrázku vedle sebe (pro pixely). Tento atribut lze vynechat, protože za titulkem je rámeček kolem obrázku navždy. Ale, jestli to chceš vyčistit, tak <u>nastavte hodnotu atributu border na nulu, <br></u><b>barva ohraničení</b>– nastavte barvu rámečku na straně obrázku, například: <br>< IMG src="picture.gif" border="3" bordercolor="#CC0000"> <br>V naší aplikaci je barva rámečku úkolu chervonim, přirozeně atribut border (šířka rámce) není vinen nastavením nuly, takže chcete k obrázku přidat rámeček, <br><b>zarovnat-</b> prohlížení obrázků jiných objektů: <br>obrázek bude přitlačen k levému okraji obrazovky a text bude zabalen do pravé ruky, <br>obrázek je pravotočivý, text je levý.</p> <p>Text lze také umístit do spodní části obrázku (pro uzamčení) - (1), doprostřed - (2) a do hor - (3): <br>(1) - <br>(2) - <br>(3) - </p> <p><b>vspace</b><span>- specifikujte mezi textem a malým textem (svisle): <br>,<br></span><b>hspace</b> <span>- nastavit mezi textem a malým (vodorovně):</p> <p>< imgsrc=" pr1. png" hspace<span>="30"><br>Zobrazeno v pixelech.</p> <p>Značka pro pomoc <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>můžete kroutit obrázky v hyperprostoru, vkládat obrázky do tabulek, upravovat designové úlohy.</p> <p><b>Praktický robot číslo 5</b> </p> <p><b>"Hypersíla zlého mláděte jaka"</b> </p> <p><b>Tsіl</b>: Naučte se, jak porazit ty nejmenší jako hypersíla</p> <ul><p>Po stranách strany 1.htm, strany 2.htm a strany 3.htm místo textových hypertextilií napište maličkosti. Pro koho:</p> </ul><ul><p>otevřete složku označenou čtečkou (složka obsahuje soubory z obrázků barevných tlačítek), vložte černé tlačítko na první stranu obrázku a vytvořte hypertextový odkaz pro přechod na druhou stranu:</p> </ul> <ul><p>Vložte obrázek oranžového tlačítka sami, abyste se přesunuli z první strany na třetí;</p><p>Instalujte ohraničení obou obrazů rovné 2;</p> </ul><ul><p>Otevřete první stránku v prohlížeči a přejděte na stranu pro zprávy, změňte způsob správného fungování tlačítek.</p><p>Sami si vložte obrázky tlačítek na stranách 2.htm a 3.htm a nastavte typ hyperforce.</p><p>Otevřete první stránku v prohlížeči a přejděte na stranu pro zprávy, zkontrolujte, zda tlačítka na všech stranách fungují správně.</p> </ul><p><i><u>Alternativní text.</u> </i> </span><i> </i> Web <span>-stránku může zobrazit prohlížeč, který nelze použít k zobrazení obrázku. Koristuvachs často zahrnují zobrazení malých tisků k urychlení přijetí dokumentu. A tím i jiným způsobem je třeba dát možnost rozpoznání, což je na obrázku znázorněno, což není možné. Pro koho citovat alternativní text, který je uveden v abstraktu< </span> img> atribut <b>alt</b><b>(v opačném případě</b> <b>titul</b><b>), </b> <span>tsey atribut pro zobrazení textu na poli roztashuvannya obrázky pіd hodinu її zavantazhennya. Například:</p> <p><img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy></p> <p><i><u>Vikoristannya baby yak pozadí</u> </i>. Pokud chcete mrknout malé jako spodní část boku („mřížka“), pak abstraktně <BODY >zprostředkovaně tento atribut z přiřazené adresy obrázku. Například:</p> <p><BODY background =”boss3.gif” >.</p> <p><i><b>Rámovitý</b> </i></p> <p><i><u>Umístění více dokumentů na jeden web.</u> </i> Mova HTML vám dává možnost rozdělit program prohlížeče na několik částí a v jejich vzhledu zobrazit kroměy dokumentu. Takové oblasti jsou tzv <i>personál.</i><b> <br></b> Jak vypadá struktura HTML dokumentu, jak odstranit rámce z normálního HTML dokumentu? Takový dokument by se neměl mstít na „tělu“ dokumentu a neměl by se mstít na původním textu. Natomist vіn mіstіt popis personálu a jména dokumentů, které jsou poraženy v okolním regionu. <b><br>< </b><b>FRAMESET</b> <b>>… </b><b>FRAMESET</b> <b>> </b> rámové značky. <b><br></b> Značky Mіzh <b>< </b> FRAMESET >…FRAMESET > vytvoří se popis rozvržení oblastí v okně prohlížeče a také dokumenty, které se mají vložit do skinu těchto oblastí. <br>Štítek <FRAMESET >vinen z pomsty obov'yaskovy atribut <b>sloupce</b> nebo <b>řádky,</b> počáteční způsob rozbití vikny. Hodnoty těchto atributů určují výšku (nebo šířku) oken. Їх nastavit přes koho v pixelech nebo vіdsotkah. Jako zbývající parametr můžete vybrat symbol "zirochka" (*). Pod takovým rámem je vidět celá rozloha. <br>Když je atribut cols jiný, je okno rozděleno na oblast svislými čarami, a když je atribut rows jiný, je horizontální, např. <br><FRAMESET rows =”45%,30%,25%”>, <FRAMESET cols =”40%,30%,30%”><br>Jako přestupek a atributy úkolu se v okně vytvoří síť subdomén, např. <br><i> </i><frameset rows =30%,30%,30%><br> <frame src =name .htm ><br> <frame src =sun .htm ><br><frameset cols =50%,*><br> <frame src =cat 1.htm ><br> <frame src =cat 2.htm ><br>sada rámů > <br>V důsledku toho je obrazovka rozdělena na dvě subdomény: dvě horizontální a dvě vertikální. Proč je třetí hodnota atributu <i>řádky</i> umožňuje umístit na obrazovku vertikální subdoménu.</p> <p><b>< </b><b>FRAM</b> <b>E>-</b> jeden štítek, přílohy a štítek <FRAMESET >, může pomstít obov'yazykovy atribut <b>src</b> <b>, </b> výchozí dokument, který bude převezen do regionu, např. <FRAME src =”doc 3.htm ”><br><i>zadek. <br></i> <html ><br> <head ><br> <meta http -eguiv ="Content -Type " content ="text /html ;charset =windows -1251"> <meta name ="Author " content ="Ivanov Ivan "><br> <meta name ="Keywords " content ="Животные, собаки, клубы"><br>hlava > <br><title >Stránka s navigační lištou > <br> <frameset cols =25%,*><br> <frame src =19_1.htm ><br> <frame src =19_2.htm ><br>sada rámů > <br>html > <br>ALE</p> <p><img src='https://i0.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m27ce16d6.jpg' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><i><u>Hustota HTML dokumentů.</u> </i></p> <p>Kreativní povaha tvorby HTML dokumentů je podobná programování, takže pokud dojde k prominutí, může to vést k potížím nebo znemožnit opětovné čtení výtvorů dokumentu na internetu. Kromě toho majestátní rozmanitost počítačů připojených k internetu vede k tomu, že přenos není možný, jako by samotný dokument byl viditelný na obrazovce konkrétního coristuvachu.</p> <p>Webové stránky jsou určeny širokému publiku, a proto je hodina přípravy HTML dokumentů, aby si tyto funkce zapamatovaly. Chcete-li vytvořit dobrý dokument HTML, dodržujte řadu jednoduchých pravidel.</p> <p>3. Aby byl dokument HTML přístupný co nejširšímu publiku, mělo by to být „jen jeden krok“ pro zbytek dosahu vývoje HTML filmů. Zbytek inovací nebude v prohlížečích implementován okamžitě a bude trvat hodinu, než se nové verze dostanou k těm základním. Dokumenty obsahující nejnovější inovace jsou dostupné pouze široké veřejnosti.</p> <p>4. Odpuštění, protože nováčci se často vyhýbají, šťouchání do zlých prvků designu, zejména výrazných barev a písem. Taková strana v co nejkratším čase vypadá jako křik. V nejhorším případě nemusí být text čitelný na počítačích s nestandardním barevným schématem nebo kvůli přítomnosti potřebných písem.</p> <p>5. Neřiďte se grafickými obrázky a multimediálními soubory. S množstvím takových předmětů se zájem strany může protáhnout a čtenář může utratit zájem, než ztratí schopnost číst.</p> <p>6. Úlomky vytváření HTML dokumentů jsou podobné programování, proces hledání a opravování pardonů, pomoc s programováním a také nutnost při vytváření webové stránky. Více, i když ne všechny milosti mohou být zobrazeny, než bude stránka dostupná pro čtenáře třetích stran. Před prominutím, pokud je potřebujete opravit, zadejte stejné gramatické pardony a pardony.</p> <p>7. Framey - ještě obtížnější, ale ještě nebezpečnější pro návrh webových stránek. Pro pomoc personálu bylo uděláno mnohem více nedaleko vzdálených webových stránek, níže v dálce. Jediným kritériem pro gramotnost stáze rámů je vyspělost koristuvach. Jako by závěsy rámů, strana se stává bohatě krásná, ale trochs jsou méně šikovné, s rámy je třeba zacházet bez přemrštěnosti. Nic, okrim rozdratuvannya, čtenáři nic neřeknou.</p> <p>8. Lidé oceňují turbu a respekt. Umístění nejdůležitějších informací v horní části stránky vám umožní strávit hodinu s pokorou a protáhnout fascinaci dokumentem. Přítomnost velkého množství hnědých hyperposilanů na straně lidem nejen pomáhá zvýšit náklady na internetový prostor, ale spíše se náhle obrací na stranu, která jim dala takovou příležitost.</p> <p><b>Praktický robot číslo 6 <br>"Umístění více dokumentů na jeden web"</b> </p> <p><b>Cílová:</b> Naučte se vytvářet rámečky pomocí textového editoru Poznámkový blok. <br><b>Vkazіvki do vikonannya:</b></p> <ul><p>Otevřete textový editor Poznámkový blok.</p><p>Vytvořte novou webovou stránku, protože prohlížeč může vypadat takto:</p> </ul><p><img src='https://i2.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_25dae440.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <ul><p>Do prvku zadejte název strany „P / r No. 6“.</p><p>Podívejte se na vytvořenou webovou stránku v okně prohlížeče.</p><p><br>Proveďte další změnu: atribut <i>řádky</i> změnit první dvě hodnoty, <i> </i> Vyberte třetí hodnotu.</p><p>Uložit změny.</p><p>Podívejte se na výsledek v prohlížeči. co se změnilo</p><p>Řekněte změnit, otočte se k ukončení webové stránky.</p><p>Podívejte se na webovou stranu okna vašeho prohlížeče.</p> </ul><h6>Téma 3. Grafika na webu</h6> <p><i><b>Základy teorie počítačové grafiky</b> </i></p> <p><i><u>Barevný model.</u> </i></p> <p>Obrázek může být černobílý, nap_vtonovim (podobný jedné barvě) a barevný. Barevný obraz úhoru však může být rozpoznán jako jiná barevná paleta. Paleta RGB je zvolena pro počítačové monitory, tobto. pro obrázky, jako byste se dívali na monitory. Paleta CMYK je navržena pro vytváření obrázků, které jsou sdíleny s ostatními.</p> <p>Nejrozšířenější barevný model se nazývá RGB Red - red, Green - green, Blue - blue podle názvů tří základních barev, které v něm vítězí pro přijetí všech ostatních. Barevný model RGB osvětluje obraz, který vypadá jako tři záhyby, které se prolínají. Ve středu peretiny qi tři barvy v součtu dávají bílou barvu. V párech dávají pásy summіzhny gurtkіv další barvy: žlutá, černá, fialová.</p> <p>Model RGB má tři kanály – červený, zelený a modrý, RGB je pak tříkanálový barevný model.</p> <p>Kůže ze tří barevných složek RGB může nabývat jedné z 256 hodnot - od maximální intenzity (255,2555,255 - bílá) po nulovou intenzitu (0,0,0 - černá). absolutně bez ohledu na to, jakou barvu a barvu si můžete vybrat podle červené, zelené a modré barvy v různých poměrech</p> <p>Pro vytvoření harmonické barevné kompozice je nutné znát vlastnosti barvy. Takových pokazniki je přirozeně hodně, na první pohled je jich méně než těch hlavních.</p> <p><i><u>Charakteristiky barvy</u> </i></p> <p>Jedno z barevných schémat charakterizuje přirozenou sílu jakéhokoli druhu - schéma HSV (tón, sytost, živost)</p> <p>Tón odstínu – jeden bod barevné sázky, co nejjasnější.</p> <p>Sytost nasycení - spіvіdshnennia hlavní barvy a stejný lesk šedé.</p> <p>Hodnota jasu - jasný jas barvy (extrémní polohy - černá a maximálně jasný tón)</p> <p><b>Praktický robot číslo 6</b> </p> <p><b>"Robot s barevným modelem RGB"</b> </p> <p><i><b>Úkol 1. Označení barvy pro formát</b> </i><i><b>RGB</b> </i> </p> <p><b>Tsіl</b>: Naučte se vybírat barvy ve formátu RGB</p> <p><b>Vkazіvki do vikonannya:</b></p> <ul><p>Spusťte grafický editor Malování (Start - Programy - Příslušenství)</p><p>Rozhodněte, jaký počet záznamů má RGB model, a načtěte tabulku:</p> </ul><p>Pro koho vyberte příkaz Paleta - Změnit paletu. V dialogovém okně panelu Změnit klepněte na tlačítko Změnit barvu, zadejte hodnotu barev do textového pole ve spodní části pole barvy. Povolený rozsah pro blok kůže je 0 až 255, přičemž 0 je nejtmavší a 255 je nejjasnější.</p> <p><i><b>Úkol 2. Změna barev různé intenzity pro grafický editor</b> </i> Malovat</p> <p><b>Tsіl</b>: naučte se cvičit s barvou různé intenzity v nejjednodušším grafickém editoru</p> <p><b>Vkazіvki do vikonannya:</b></p> <ul><p>Vyberte, která barva bude pořízena jako výsledek smíchání dvou barev s maximální intenzitou (255):</p> </ul><ul><p>červená a zelená;</p><p>zelená a modrá;</p><p>červená a modrá.</p> </ul><ul><p>Rozhodněte, která barva bude použita jako výsledek smíchání dvou barev s poloviční intenzitou (127):</p> </ul><ul><p>červená a zelená;</p><p>zelená a modrá;</p><p>červená a modrá.</p> </ul><p>zelená a modrá</p> <p>červená a modrá</p> <p>maximální intenzita</p> <p>poloviční intenzita</p> <p><i><b>Úkol 3. Malování barvou v grafickém editoru</b> </i><i><b>Malovat</b> </i> <i><b>. </b> </i></p> <p><b>Tsіl</b>: naučit se vybírat barvy</p> <p><b>Prohlášení před zastosuvannya:</b></p> <ul><p>V novém souboru namalujte následující geometrické tvary dané barvě:</p> </ul><ul><p>Čtverec (205, 44, 100);</p><p>Obdélník (0, 230, 69);</p><p>Colo (30, 30, 30);</p><p>Oválný (200, 100, 20);</p><p>Trikutnik (10, 10, 10);</p><p>Hrazda (50, 50, 250).</p> </ul><p><i><u>Barevná schémata</u> </i></p> <p>Znát zvláštnosti spriynyattya barvy pleti a barevných kombinací, můžete vyvolat řadu nízko připravených schémat. Slupka těchto schémat, inspirovaná životem, svým způsobem znějící, vnáší do skladby pěveckou náladu.</p> <p>Chceme-li dosáhnout harmonického prolnutí barev, pak můžeme vzít snítku předbarvených, namíchaných po jedné na barevné číslo. Například žlutá a žlutozelená.</p> <p>Chcete-li vytvořit kontrast, vyberte chráněné barvy, šití na opačné straně jedné. Takové barvy se nazývají takové, které se doplňují. Zastosovani rozkaz, smrad z okradení jednoho z toho, kdo je živý a živý. Vsaďte žlutá - fialová, fialová - zelená - aplikujte barvy na přidání.</p> <p>Krym vykoristannya kolorіv, raztashovannyh objednat jeden po druhém, můžete zkusit vikoristovuvat jednu z barev sami, alera jiného stupně bohatosti.</p> <p>Prote nabіlsh nadіyne i nevycherpne dzherelo kolіrnyh schémata - příroda. Lidé jsou nedílnou součástí a nic není tak tiché jako oko, jako harmonie přirozené něhy a krásy.</p> <p>Prestižní barvy: zlatá, stříbrná, tmavě šedá, černá. Їhnє zavdannya - zprostředkovat pevnost, vpevnіst, stabilitu a vysoký vartіst.</p> <p>Pastelové barvy: spodní, béžová, růžová, černá - ženská, jemná, růžová.</p> <p>"Zdravé" barvy: z americké psychologie - čistota, zdraví, dobro, rodina (žlutozelený hukot z přidání černé barvy).</p> <p>Přírodní barvy: blízké organickým, přírodním složkám.</p> <p>"Rollings" jako varianta vítězné barvy - zpívat tónové tóny jedné barvy a jako přízvuk - aktivní barva</p> <p>Je lepší vyzkoušet hodinou přezkoumaný recept: barvit minimem barev, ale barvami samotnými, se kterými si člověk vybírá podle schopnosti kontrastu. Hlavním důvodem pro sázení barev pro pozadí a text je dostatečný kontrast mezi nimi, který je nezbytný pro pohodlné čtení.</p> <p><i><u>Bezpečná paleta.</u> </i></p> <p>Nelze zapomenout, že tvůrce webu nemá vhodný vzhled pro který model počítače a pod názvem takových programů budete moci prohlížet svou televizi. Vіn není vpevneniy, chi netransformují Yogo "zelenou yalinka" na červenou nebo oranžovou na obrazovkách koristuvachiv.</p> <p>Proto byly všechny oblíbené programy pro opětovné prohlížení webových stránek (prohlížeče) vyčleněny pro jednu pevnou paletu. Tento panel nemá 256 barev, ale pouze 216. Je to dáno tím, že ne všechny počítače zvládají 256 barev.</p> <p>Taková pevná paleta, která jednoduše přiřadí index pro kódování 216 barev, se nazývá bezstarostná paleta.</p> <p><i><u>Rastrová grafika</u> </i></p> <p>Základem rastrové reprezentace grafiky je pixel (bod) z přiřazených barev. Při popisu například červené elipsy na bílé mšici je třeba uvést barvu kožního bodu jako elipsa a také pozadí. Obrázek se zobrazí jako velký počet bodů - které jsou větší, vizuálně je obrázek menší a velikost souboru je větší.</p> <p>Rastr souboru by měl znít vítězně u obrázku fotografického typu s velkým množstvím detailů nebo vizuálů. Měřítko takových obrázků bude znít jako jasnější jas.</p> <p><i><u>Vektorová grafika</u> </i></p> <p>Vektor není v popisu prvků obrázku znázorněn matematickými křivkami z přiřazených barev a přiřazení. Červená elipsa na bílých mšice bude popsána pouze dvěma matematickými vzorci - obdélníkem a elipsou různých barev, rozmiriv a roztashuvannya. Je zřejmé, že takový popis výpůjčky je výrazně méně než měsíc, tedy nižší než v případě rastrové grafiky. Další perevaga - yakіsne škálování na be-yakiy bіk.</p> <p>Vyberte si rastrový nebo vektorový formát, který si položíte pro účely práce a z obrázků. Pokud je potřeba fotografická přesnost barvy, pak je barva krásnější. Loga, diagramy, designové prvky jsou snáze vidět ve vektorovém formátu.</p> <p><i><u>Formátování grafických souborů pro internet</u> </i></p> <p>GIF a JPEG jsou dva z nejpopulárnějších grafických formátů a ve skutečnosti se staly standardem pro WWW.</p> <p>Fotografie je nejlepší pořizovat ve formátu JPEG a ilustrace ve formátu GIF</p> <p><i><u>Optimalizace grafiky.</u> </i></p> <p>Pro webové stránky je ještě důležitější živit svět fotografie.</p> <p>První fází optimalizace je vidět fotografii hlavního obrázku a rozhodnout se, že důraz je kladen na ilustrovaný prvek. Je možné sáhnout po přídavném operačním rámování té důležité části nejvíce odlišné části, která zprostředkovává pocit z fotografie. Po této operaci můžete optimalizovat obraz tak, aby dosáhl nejmenší velikosti. A pomocí fotografií je třeba dosáhnout pěveckého kompromisu – nevyhýbat se jim. A neokrádejte je kvůli něčemu majestátnému. Přehrajte si fotku, velikost 250 x 300 pixelů a zabere cca 6-10 Kb. Neznamená to, že všechny fotografie vinné matky jsou také smířeny, ale oblast fotografie je vinná, ale je ekvivalentní. Takže například soubor o velikosti 45,93 Kb pro rychlost 28,8 Kb za sekundu je zachycen v prohlížeči po dobu 17 sekund.</p> <h4>Praktický robot číslo 8</h4> <p><b>"Umístění grafiky na webové straně"</b> </p> <p><i><b>Úkol 1. Vyzdobeno barvami</b> </i><i><b>Web</b> </i> <i><b>- Storinki.</b> </i></p> <p><b>Cílová:</b> Naučte se, jak vytvořit barevné pozadí webové strany, změnit písmo jiné barvy a umístit vodorovné čáry po stranách.</p> <p><b>Vkazіvki do vikonannya:</b></p> <ul><p>Vytvořte novou webovou stránku v editoru poznámkového bloku.</p><p>V prvku <title >zadejte název strany "P/r č. 8. Úkol 1".</p><p>U prvku klasu <body >Vykoristovyte vydpovidny atribut, schobit kolіr pozadí strany v černé barvě.</p><p>Zrobіt napsal bílou barvou "Na Dobranіch". Podívejte se na to uprostřed strany. Velikost písma 12.</p><p>Vložte vodorovnou čáru červené barvy.</p><p>Zrobіt napsal žlutou barvu pro „Receiving Dreams“. Podívejte se na to uprostřed strany. Velikost písma 8.</p><p>Vložte vodorovnou čáru modré barvy zavtovky 10 pixelů, 50% přes šířku obrazovky, a zarovnejte ji na střed.</p> </ul><p><i><b>Úkol 2. Umístění grafiky na web.</b> </i></p> <p><b>Tsіl</b>: Naučte se, jak umístit grafické obrázky na webovou stranu</p> <p><b>Vkazіvki do vikonannya:</b></p> <ul><p>Vytvořte novou webovou stránku v editoru poznámkového bloku.</p><p>V prvku <title >zadejte název strany „P / r č. 8. Úkol 2".</p><p>Co mě čeká dál <body >neuvádějte barvu strany, pak porazíme pozadí pro propagaci.</p><p>Umístěte na stranu malého fotbalového meče. Fotbalový .gif soubor je ve vlastnictví otce, kterého označil učitel. Chcete-li umístit obrázek, musíte zadat cestu k souboru v prvku <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Chcete-li rychle popsat cestu k tomuto grafickému souboru, zkopírujte soubor do stejné složky, v takovém případě bude webová stránka uložena. Stejný prvek lze zobrazit takto:</p> </ul><p>Pokud soubor není nalezen ve stejné složce na webové straně, je nutné uvést odkaz na tento soubor.</p> <ul><p>Zvětšete popisek na malý „Fotbalový míč“ pro další atribut alt (titul).</p><p>Vytvořte malý rámeček o šířce 2 pixelů.</p><p>Nad malou postavte nadpis „Fotbalový svět“ největší velikosti na světě a zarovnejte jej na střed stránky.</p> </ul><p><b>Téma 4. HTML tagy. Tabulky</b></p> <p><i><b>C</b> </i> <i><b>zobrazit a formátovat tabulky <br></b> </i><i><u>Správce řady a malého stolu stolů.</u> </i> Tabulka je jedním z nejužitečnějších způsobů prezentace velkých datových závazků. Mova HTML je nejúčinnější způsob, jak vytvářet různé typy tabulek. <br>Pod hodinou vytvoření tabulky je stanoven princip vkládání: uprostřed hlavního prvku tabulky</p> TR > - tag, který definuje řádek tabulek. Finální tag může být odbit, úlomky řady budou končit tam, kde bude začínat útočná řada. <br>…TD > - tag, který nastavuje střed stolu. Nelze označit ani konečnou značku. <br>Prostřední mohou být buď datové, nebo HTML tagy, které jsou platné v těle dokumentu. Například doprostřed stolu mohu přidat stůl nebo figurku. Prohlížeče automaticky vypočítávají rozmіri sredkіv a sієї tabіlі, hocha і autorita může být často dána і pro další atributy. <br><i>Butt (stůl, který je složený ve dvou řadách a stovptsiv). <br></i><TABLE ><br>Hlavní město státu <br>Rusko Moskva <br>Francie Paříž <br>TABULKA > <br>Osa vypadá jako na obrazovce: <p>Telefonní číslo</p> <p>Petrova A.I.</p> <p>Smirnov V.P.</p> <p><i><u>Nastavení šířky rámu stolu.</u> </i> Pro pomoc atribut <b>okraj</b> můžete nastavit šířku rámu tabulky v pixelech, například: <br><TABLE bor der=”2”><br>Mezi tabulkami můžete vytvořit neviditelné, pro které je třeba nastavit šířku rámu tabulky rovnou 0, např. <TABLE width =”300” bgcolor =”#00cc 99” bor der=”0”></p> <p><i><u>Nastavení šířky a výšky stolů</u> </i><i>. </i>Šířku a výšku tabulky lze nastavit přesně v pixelech, nebo ve výšce stovky až do šířky stránky v okně prohlížeče. Použijte standardní atributy: <br><b>šířka</b>- šířka; <br><b>výška</b>- Výška. <br>Pokud například potřebujeme nastavit tabulku singal rozmіru, například o šířce 500 pixelů, řekneme: <br><TABLE width =”500” bor der=”1”><br>Pokud chceme tabulku vzít na celou šířku obrazovky, aniž bychom ji porušili, což umožnilo monitoru dívat se na naši webovou stranu, nastavte šířku stránky, například 100 %. <br><TABLE width =”100%”bor der=”1 ”><br>Osa vypadá jako na obrazovce:</p> <p>Telefonní číslo</p> <p>Petrova A.I.</p> <p>Smirnov V.P.</p> <p>Protože potřebujeme velkou výšku řádku, například 300 pixelů, můžeme ukázat ještě jeden atribut: <br><TABLE width=”100%” height=”300” bor der=”1”><br><i><u>Nastavení barvy pro pozadí a barvu pro střed stolu</u> </i><i>. </i> U všech tabulek mohou být úkoly na barvu těla, pro kterou je atribut <b>bgcolor</b>. Hodnota tohoto atributu může být buď anglické slovo, například červená, nebo šestnáctý kód, například #FF0000. <br>Například jako při vytváření prvních tabulek u nás je nutné nastavit pozadí, pak řekneme: <TABLE bgcolor=#c0c0c0></p> <p>Osa vypadá jako na obrazovce:</p> <p>Telefonní číslo</p> <p>Petrova A.I.</p> <p>Smirnov V.P.</p> <p>Uprostřed tabulek si můžete nastavit přesnou barvu. Z nějakého důvodu je atribut bgcolor umístěn uprostřed prvku</p><p>Například, <br><TABLE width=500 border =1><br>Hlavní město státu <br>Zlato>RuskoŽlutá>Moskva <br>Maroon>FrancieOrange>Paříž <br>TABULKA ></p><p>Osa vypadá jako na obrazovce:</p> <p><i><u>Zobrazení dat uprostřed tabulek. <br></u> </i> C іsnuє nabrіr atributy, priznachenih pro data vyrivnyuvannya uprostřed tabulky. Atribut <b>zarovnat</b> umožňuje prohlížet data uprostřed horizontálně. Vin přijímá následující hodnoty: <br>Vlevo - pohled doleva; <i><u><br></u> </i> Pravostranné prohlížení; <br>Střed - pohled na střed. <br>Atribut <b>valigní</b> umožňuje prohlížet text vertikálně. Hodnoty mohou být tyto: <br>Top - zarovnání podél horního okraje středu; <br>Uprostřed - pohled středem; <br>Baseline - viditelnost za první řadou <br><i>zadek. <br></i><TABLE width =100% border =1 align =center ><br> <TR ><br> <TD ><B >Vodorovné vyrovnání B >TD > <br></p><p>Na střed <br>vlevo> vlevo <br>Pravoruch <br> <TR ><br> <TD ><B >Vertikální zarovnání B >TD > <br>valign=top > Horní část TD > <br> <TD valign =middle >Střed TD > <br> <TD valign =baseline >Spodní okraj TD > <br>TR > <br>TABULKA > <br>V důsledku toho přijdeme s tabulkou: <b>Zobrazení vodorovně</b> </p><p>Na střed</p> <p>Livoruch</p> <p>Pravoruch</p> <p><b>Zobrazení podle <br>vertikální</b></p> <p>Horní okraj</p> <p>Na střed</p> <p>Podél spodního okraje</p> <p><b><br>< </b><b>stůl</b> <b>šířka</b> <b>=500 </b><b>okraj</b> <b>=3> </b></p> <p> <b>úspěch</b> </p> <b>N <b>P</b><b>/ </b> <b>P</b> </b><b><b>prizvische</b> </b><b><b>Škola</b> </b><b><b>třída</b> </b><p><b> <span><b>Praktický robot číslo 9 <br>"Vytváření a formátování tabulek"</b> </span> </b></p><p><b><b>Cílová:</b> Naučte se vytvářet a formátovat jednoduché tabulky v textovém editoru Poznámkový blok. <br><b>Vkazіvki do vikonannya:</b> </b></p><p><b>Vytvořte novou webovou stránku, protože prohlížeč může vypadat takto:</b></p><b>prizvische</b><p><b>Telefonní číslo</b></p><p><b>Petrova A.I.</b></p><p><b>31-74-16 </b></p><p><b>Smirnov V.P.</b></p><p><b>46-29-89 </b></p><p><b>Barva pozadí stolu je stříbrná, šířka rámu stolu je 1.</b></p><p><b>Do prvku zadejte název strany „P / r No. 14“.</b></p><p><b>Podívejte se na vytvořenou webovou stránku v okně prohlížeče.</b></p><p><b>Přejděte na soubor uložený v programu Poznámkový blok. <br>Proveďte novou změnu tak, aby webová stránka v prohlížeči vypadala takto:</b></p><p><b>Telefonní číselník</b></p> <b>prizvische</b><p><b>Telefonní číslo</b></p><p><b>Petrova A.I.</b></p><p><b>31-74-16 </b></p><p><b>Smirnov V.P.</b></p><p><b>46-29-89 </b></p> <p>Barva pozadí středních řad první řady je světle zelená, barva pozadí středních řad druhé řady je světlá, šířka rámu stolu je 5.</p><p><b>Podívejte se na webovou stránku v prohlížeči Windows.</b></p><p><b>Uložit změny.</b></p><p><b><i><u><b>Sdružení řad a stovptsiv uprostřed</b> </u> </i><i>. </i> </b></p><p><b>Při pobízení skládací stoly, je nutné sjednotit (hněv) v jednom středu snítku řad abostovptsiv. Pro koho použít atributy: <b>colspan-y</b> zobrazuje počet sloupců kombinovaných v jednom středu (pro uzamčení = 1), <b>rowspan-y</b> zobrazuje počet řádků, sdružených do jednoho středu (pro zkratky = 1). <i>Aplikovat:</i> </b></p><b>1 </b><p> <b>1 </b></p><p>Všechny tyto informace způsobí, že tabulka bude pole při vzhledu parametru <b>rowspan="2",</b> postava yakіy, vіdpovіdaє kіlkostі "podryadok" , tobto. Doslova se ti šikovní rowkiv uprostřed zlobili. Stejně jako v symetrické tabulce čteme zle vpravo, pak zde vidíme totéž, jen proč by kód před středem s dvojkou měl stát uprostřed s číslem tři? Všechno je jednoduché - <i>doslova</i> kód pro první řádek je dešifrován jako "komіrka, co pomstít dan 1", "comіrka, co pomstít dan 3, který se skládá ze dvou podřetězců", kód pro druhý řádek je dešifrován jako "comіrka, co pomstít" pomsta dan 2". <u>Yak bachimo, fyzicky si prostřední 3 lehnou do PRVNÍ řady!</u></p> <p>No, máme komіrki, přesunuli vodorovně, pak vyměňte značku <b>rozpětí řádků</b> tag tag <b>colspan</b> přirozeně v tom středu, který zabírá oblast mnoha pracovníků). <i>Například:</i><i> </i> </p> <table width="684" border="0"><tr valign="top"><td width="80"> </td> <td width="79"> </td> </tr></table><table width="200" border="1"><tr align="center"><td colspan="2">1 </td> </tr><tr align="center"><td>2 </td><td>3 </td> </tr></table><p><b>Praktický robot číslo 10 <br>"Spojení řádků a sloupců uprostřed tabulek"</b> </p> <p><b>Cílová:</b> <span>Naučte se vytvářet skládací tabulky v textovém editoru Poznámkový blok. <br></span><span><b>Vkazіvki do vikonannya:</b> </p> <ul><p>Otevřete textový editor Poznámkový blok.</p><p>Vytvořte novou webovou stránku, protože prohlížeč může vypadat takto:</p> </ul><p>úspěch</p> p/p <p>prizvische</p> <p>Škola</p> <p>třída</p> <p>Známky z chemie</p> <p>1 p/g</p> <p>2 p/g</p> <p><b>Ivanov</b> </p> <p><b>Petrov</b> </p> <p><b>Sidoriv</b> </p> <p>Barva korpusu první řady stolu je akvamarínová, šířka stolu 500, šířka rámu stolu 3.</p> <ul><p>Do prvku zadejte název strany „P / r No. 10“.</p><p>Podívejte se na vytvořenou webovou stránku v okně prohlížeče.</p><p>Přejděte na soubor uložený v programu Poznámkový blok. <br></span><br></p> </ul><p><i><u>Označení webové stránky pro další tabulky.</u> </i> Označení webové strany se ručně kontroluje z pomocné tabulky. Možnost různých variant rozložení. Podívejme se na jejich činy. <br><b>První možnost.</b> Rozvržení strany se provádí z různých stran s šířkou celé obrazovky, bez ohledu na velikost obrazovky (šířka = "1000%"). Tímto způsobem ručně vytvořte tabulku, která se skládá ze dvou řádků a dvou sloupců. Horní řádek se zobrazí pod záhlavím stránky, levý řádek se zobrazí pod nabídkou webu. U takového rozvržení bude strana vždy zabírat celou obrazovku, bez ohledu na to, která umožňovala obrazovce stát u okna (obr. 4.12).</p> <p><img src='https://i1.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m775cb074.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>Rýže. 4.12.</b> </span><span>Značení zadku</span><span>Web</span><span>- Storinki. První možnost</p> <p>Do malého množství takového okraje můžete místo boku umístit "vztlak", takže se změnou velikosti obrazovky se proviníte umístěním do většího úzkého rámečku a text "spovzaє" dolů. Pokud nebylo potřeba nic jiného, ​​je nutné zvolit fixaci rozložení stolu, i když je obrazovka jiná, stůl vypadá neměnně.</p> <p><b>Jinou možnost.</b> Označení strany se provádí za doplňkovou tabulkou o šířce 760 pixelů, zarovnanou na střed obrazovky. Když tsomu vіdvіduvach má yakogo rozdіlna zdatnіst tuto funkci dorіvnyuє 800x600 pіkselіv, bakitime Storіnku široký, praktický pro všechny obrazovky a vіdvіduvach mít yakogo rozdіlna zdatnіst monіtora dorіvnyuє 1024x768 i Vische, bakitime šířka stolu 760 pіkselіv střed této funkce i bili z bokіv od neї.</p> <p>Tímto způsobem ručně vytvořte tabulku, která se skládá ze tří řádků a jednoho sloupce. V horním řádku bude název stránky, v druhém řádku bude menu webu a ve třetím řádku bude střed webu (obr. 4.13).</p> <p><img src='https://i2.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_20004b1a.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>Rýže. 4.13.</b> </span><span>Značení zadku</span><span>Web</span><span>- Storinki. Jinou možnost</p> <p>Pokud je potřeba umístit doprostřed textu postranního panelu, ať už se jedná o ilustrace, fotografie apod., pak jsou zde i tabulky. Na spodním tupu je do druhého středu další řady vložena tabulka, která je složena ze dvou řad a tří sloupců. Do prvního a třetího středu první řady se vkládají maličké, stejně jako do druhého středu první řady - název strany. Před všechny středy dalšího řádku se zadá text (obr. 4.14).</p> <p><b>Rýže. 4.14.</b> </span><span>Značení zadku</span><span>Web</span><span>- Storinki. Třetí možnost</p> <br clear="left"><br><img src='https://i1.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m32b43cfb.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy><h6>Téma 5. Subsumkovova práce „Vytvoření webové stránky na téma v poznámkovém bloku TR“</h6> <p>Studenti doma vyvinou a navrhnou na papíře jako kreativní robot projekt webové stránky a poté jej implementují pomocí pohyblivých prvků HTML.</p> <p>_____________________________________________________________________________</p> <p>Kurz expanzí založený na knize I. Smirnova "Cobs of Web-design".</p> <p><b>MINISTERSTVO VZDĚLÁVÁNÍ MOSKVA</b></p> <p><b>DBPOU MO "PAVLOVO-POSAD TECHNIKUM"</b></p> <p><b>Z VIKONANNYA KURZ PRÁCE</b></p> <p><b>Pro disciplínu</b></p> <p><b>"Kurzy na téma Web-design a programy pro tvorbu webových stránek"</b></p> <p><b>Pro specialitu 230701</b></p> <p><b>4 kurz "Aplikovaná informatika v ekonomii".</b></p> <p>Vikladach: G.Є</p> <p>Posuzuje cyklická metodická komise</p> <p>Sociální a ekonomický profil</p> <p>Protokol № vіd "" 20g.</p> <p>Vedoucí cyklické komise <u>Mishina O.M.</u></p> <p>2016-2017 navch. rіk</p> <p>Vstup</p> <p>1. World Wide Web3</p> <p>1.1. Rozšíření World Wide Web na Internet. Pět</p> <p>2. Vytvoření webové stránky pro pomoc s filmy HTML5</p> <p>2.1. Mova HTML 5</p> <p>2.2. Struktura dokumentu HTML5</p> <p>2.3 Formátování textu7</p> <p>3. Programy pro tvorbu webových stránek8</p> <p>3.1 HTML editor8</p> <p>3.2 Grafické editory13</p> <p>3.3 Technologie masa13</p> <p>4. Vytváření WEB-stran ve WORD12</p> <p>4.1 Jak vytvořit webové stránky ve WORD12</p> <p>4.2 Vytváření seznamů s odrážkami a číslovaných seznamů13</p> <p>4.3 Vodorovné čáry13</p> <p>4.4 Přidat pozadí13</p> <p>4.5 Práce s tabulkami13</p> <p>4.6 Robot s výkresy13</p> <p>4.7 Vytvoření hyperposilanu14</p> <p>4.8 Vkládání videa na webovou stranu14</p> <p>Seznam vítězné literatury16</p> <br><p><b>1. World Wide Web</b>– dnešní globální počítačová síť, která má pomstít miliony stránek, na kterých jsou umístěny různé informace. Lidé mají přístup k informacím díky internetové technologii. Pro navigaci ve WWW se používají speciální programy - webové prohlížeče, které usnadňují dražší cestování po rozsáhlých WWW. Veškeré informace ve webovém prohlížeči se zobrazují na webových stránkách, které jsou hlavním prvkem WWW bajtů.</p> <p>Webové stránky podporované multimediální technologií mohou sdílet různé druhy informací: text, grafiku, zvuk, animace a video. Kromě toho, stejně jako to je krásně postaven, že druhá webová strana, položit spoustu peněz v tom, co je úspěch v Merezhya.</p> <p>Koristuvachevy přijímá ty webové stránky, které se zdají být stylověji navržené, nepokryté přehnanou grafikou a animací, jsou zameteny a správně zobrazeny v okně webového prohlížeče.</p> <br><br><p>Vytvořit webovou stránku není snadné, ale člověk se skinem by si rád vyzkoušel roli designéra. A já, tímto způsobem, bez výčitek, vybral jsem si takové téma pro svou seminární práci.</p> <p>Ve své práci jsem se snažil dozvědět o tom, co je nutné znát a pamatovat si pro tvorbu webové stránky, dále o softwarové bezpečnosti a nástrojích pro tvorbu webových stránek a jak efektivně vyhrávat.</p> <p>Ve svých robotech jsem se také podíval na základy programování svých webových stránek - HTML, což je nejrozšířenější standard WWW. Dát nám příležitost dozvědět se o struktuře webové stránky a tricích správného designu.</p> <p><b>1.1. Rozšíření World Wide Web na Internet</b>.</p> <p>Internet je největší světová počítačová síť. Na internetu je přibližně 150 milionů předplatitelů ve více než 50 zemích. K WWW se přistupuje především přes internet; Ale kazhuchi WWW a internet nemusí být na Ukrajině totéž. WWW lze zarahuvati k vnitřnímu zmіstu, to jest abstraktního světa vědění, stejně jako je internet vnější stranou globální sítě, jako velké množství kabelů a počítačů.</p> <p>Co je tedy World Wide Web, nebo, jak se zdá v rozlehlosti, WWW, web, nebo ještě jednodušší - 3W? WWW je zakotvený multimediální informační systém založený na hypertextu. Vezměme tyto chvály popořadě.</p> <p>Distribuovaný informační systém: informace jsou shromažďovány na anonymních tzv. WWW-serverech (serverech). Tento počítač, na kterém je nainstalován speciální software, je sjednocený v internetu. Coristuvachi, yakі mayut přístup k merezhі, získat tsyu іnformatsiyu pro pomoc program-clientіv, revize programu WWW-documentіv. Při opětovné návštěvě tohoto programu je počítačový soubor odeslán na server, který si vyzvedne soubor s potřebným dokumentem. Na žádost serveru program přepíše potřebný soubor nebo informuje o příkazu jako o souboru z jiných důvodů nepřístupnosti. Interakce mezi klientem a serverem závisí na pravidlech skladby nebo, jak se zdá, protokolech. Protokol přijatý WWW se nazývá HyperText Transfer Protocol, zkratka pro HTTP.</p> <p>Multimédia: informace zahrnují nejen text, ale také dvou- a trojrozměrnou grafiku, video a zvuk.</p> <p>Hypertext: informace na WWW jsou prezentovány ve formě dokumentů, ať už je lze pomstít jako interní cross-posting, nebo je poslat do jiných dokumentů, které jsou uloženy na stejném nebo jiném serveru.</p> <p>Takové zprávy se nazývají hyperpozitivní nebo hypertextové odkazy. Na obrazovce počítače před programem se dívám na zprávy, jako by viděli nějakou hodnost (například v jiné barvě a / nebo podkrelennyam) dítěte k textu nebo grafice. Vybirayuchi hyperpozice, koristuvach programy revize mohou rychle přejít z jedné části dokumentu do druhé, nebo z jednoho dokumentu do druhého. V případě potřeby program automaticky přehodnotí s příslušným serverem na okraji tohoto požadavku dokument, na který byl odeslán. Když už jsme u toho, myšlenka hypertextové prezentace informací může být dobře známá těm, kteří jsou obeznámeni s různými verzemi systému Microsoft Windows. Na stejném principu byl ve Windows navozen systém výzev (Help), s tím rozdílem, že systém hypertextových výzev Windows není samostatný.</p> <p>Webová stránka také může nahradit stylování a formátování textu, grafiky a hypertextových odkazů různými internetovými zdroji. Aby bylo možné realizovat všechny možnosti, byl vyvinut speciální jazyk nazvaný HyperText Markup Language (HTML), tedy jazyk značek pro hypertext. Dokument napsaný v HTML jako textový soubor, který dokáže vyčistit text, který nese informace o čtenáři, a znaky značky. Zůstaňte zpívat sekvence symbolů, jako jsou pokyny pro program Pereglyadu; Program umí zobrazovat text na obrazovce ve vlastním pořadí, včetně nových drobností, které jsou uloženy ve čtyřech grafických souborech a tvoří hypertextové odkazy s jinými dokumenty nebo internetovými zdroji. Tímto způsobem soubor v pohyblivém HTML vypadá jako WWW dokument pouze jednou, pokud je interpretován revizním programem. Jazyk HTML bude podrobně popsán v další části, ale bez znalosti základů jazyka není možné vytvořit webovou stránku pro publikování WWW.</p> <p><b>Vytvoření webové stránky pro nápovědu HTML</b></p> <p><b>Mova HTML</b></p> <p>Webové stránky lze použít v jakémkoli formátu, ale jako standard pro přijetí Hyper Text Markup Language - jazykové rozvržení hypertextů, uznávané pro vytváření formátovaného textu plného obrázků, zvuků, animací, videoklipů a hypertextových zpráv v jiných dokumentech, které se šíří napříč the Web - open space, tak a scho být na stejném serveru, nebo є skladu stejného webového projektu.</p> <p>Na webu je možné pracovat bez znalosti jazyka HTML, fragmenty HTML textu lze vytvářet různými speciálními editory a konvertory. Ale pište bez střední cesty v HTML, na tom nezáleží. Je možné, za cenu snazší, používat HTML editor nebo konvertor tak často, jak je to jen možné, k pomstě omilostnění nebo provádění špinavého HTML kódu, který na jiných platformách nefunguje.</p> <p>Jazyk HTML se používá v mnoha variantách a nadále se vyvíjí, ale konstrukce HTML častěji vítězí znovu a znovu. Naučíme-li se HTML a lépe ho znát, vytvoříme dokument na klasu HTML a rozšíříme jej co nejvíce, možná budeme schopni vytvářet webové stránky, takže se můžete podívat na bohatost webových prohlížečů, jako jsou, a v budoucnu . To nezahrnuje možnost použití jiných metod, například metodu rozšiřování možností, na kterou spoléhá Netscape Navigator, Internet Explorer nebo jiné programy.</p> <p>Práce s HTML je způsob, jak si osvojit zvláštnosti tvorby dokumentů ze standardizovaného jazyka, vicoristická expanze pouze podle potřeby.</p> <p>HTML bylo ratifikováno konsorciem World Wide Web. Vіn pіdtremuєtsya dekіlkom široce poshirennymi prohlížečů, a možná, stát se základem mayzhe vsogo zabezpečení softwaru, jako je web.</p> <p><b>Struktura dokumentu HTML</b></p> <p>Vzhledem k tomu, že HTML dokumenty jsou psány ve formátu ASCII, lze je vytvořit pomocí libovolného textového editoru.</p> <p>Zavolejte HTML dokument - buď soubor z extensions.html nebo .htm, do kterého je text označen HTML tagy (eng. tag - special inserts). Metody HTML určují syntaxi umístění značek, které může prohlížeč zobrazit ve webovém dokumentu. Text samotných značek webový prohlížeč nezobrazuje.</p> <p>HTML dokumenty mají počáteční značku є značku <Html>, a finále</Html>.</p> <p>Koncová značka je brána jako počáteční prvek, takže před textem u ramen je symbol "/" (lomítko).</p> <p>Prohlížeč, který čte dokument HTML, jej vykreslí v okně a zadá strukturu značek HTML. Vzhled HTML dokumentu má tři hlavní části:</p> <p>1) Pokořující HTML</p> <p><HTML>і</HTML>. Dvojice těchto značek říká programu, aby zkontroloval (prohlížeč), že je mezi nimi umístěn dokument ve formátu HTML, navíc první značka v dokumentu může mít bootovací značku (úplně nahoře v dokumentu) a poslední tag (například dokument).</p> <p>2) Hlavová část.</p> <p><head>і</head>. Pomocí těchto značek jsou umístěny informace o dokumentu (název, klíčová slova pro vtip, popis dokumentu). Nejdůležitější je však název dokumentu, proto je nejdůležitější v horním řádku okna prohlížeče a v seznamech „Vibrant“. Speciální programy-pavouci poshukovy systémy vikorivyvat název dokumentu pro podudovy databáze. Aby bylo možné pojmenovat váš dokument HTML, je text umístěn mezi značky. <Title>і.

            Moje první strana

            3) Tělo dokumentu.

            Třetí hlavová část dokumentu je třetí tělo. Následuje vedle názvu a lze jej nalézt mezi tagy і. Tělo dokumentu HTML je místo, kam může autor zapisovat informace ve formátu HTML.

            Moje první strana .................................................

            Nyní můžeme napsat HTML kód naší strany:

            Moje první strana!

            Formátování textu

            V distribuci BODY jsou všechny tabelační symboly a poslední řádek prohlížečem ignorovány a v žádném případě nejsou rozlity na stranu displeje. Posun řádku ve vnějším textu dokumentu HTML tedy nevede k začátku nového řádku v textu, což je vidět při pohledu na přítomnost speciálních značek. Je důležité si toto pravidlo zapamatovat a nezapomenout umístit značky, které oddělují řádky, jinak text nebude mít odstavce a vy se stanete nečitelnými.

            Pro klas nové řady vítězí značka
            (zkrácená anglická přestávka - přerušení). Tato značka by se měla zobrazovat, dokud prohlížeč nezobrazí spodní text na klasu útočné řady. Značka, která se zavře pro novou, není označena. Vіn zruchny, jak je to nutné pro každý měsíc psaní z nového řádku bez začátku nového odstavce, například nahoře. Opakovaně vám tato volba umožňuje vložit jeden nebo část prázdných řádků a zatlačit postupující fragment strany dolů.

            Takový text bez mezer se špatně čte; Text rozdělený do odstavců je pojat bohatým a svižným způsobem. Na začátek nového odstavce se přidá značka

            (angl. odstavec - odstavec). Tento štítek, ořízněte klas nového řádku, vložte jeden prázdný řádek. Použijte prostřední mašličku tagu, říkejte tomu krém, můžete umístit i atributy (anglické atributy - atributy). Ten smrad je zpopelněn ve jménu a mezi sebou jako mezera (jedna nebo dekilkom) a je napsán jako název atributu = "význam". Pokud je důležité nepomstít paseky, pak lze tlapky spustit, ale nedoporučuje se tak pracovat. Štítek

            Například neexistuje žádný způsob, nový štítek znamená uzavření přední části, samozřejmě, vklady jsou nemožné. Zarovnat text na střed lze také pomocí značky.

            Nyní můžeme na naší webové stránce zveřejnit následující text z různých revizí:

            Moje první strana

            Tady bude moje speciální stránka!

            Můžete se na nich dozvědět: - řekněte mi o mně ao mém hromadění; - mé fotky.

            Z jedné z mých stran mi můžete poslat menší elektronický list.

            Crimium výběr značek, pro vývoj řady symbolů řady řádků a karet v blízkosti samotného HTML dokumentu. Pro koho značku používáte. Veškerý text umístěný mezi tagy a zobrazený beze změn, proto je nutné použít několik řádků a tabulek.

            Například:

            Pravopisy textu Tsey mají dva řádky.

            Dokumenty HTML, kromě textu, mohou mít vodorovné dělené čáry. Smrad, stejně jako text, nepřehlíží stejně staré soubory. Teg vivede vodorovnou linii jediného kloubu vzdovzh usієї šířky strany. Vodorovná čára má být postavena až k otvoru řádku, ale prázdné řádky mezi řádkem nejsou textem deklarovány. Značka může nahradit atribut sprat. a dát obrysovou linii z triviálního účinku smrti. dát sociální černou čáru. Čára se nemusí táhnout přes celou šířku strany, ale stát se méně než její částí. Atribut WIDTH nastavuje šířku čáry v pixelech jako šířku celé strany nebo v pixelech. Například 50 % – polovina šířky stránky, 400 – šířka 400 pixelů. Atribut ALIGN může nabývat hodnot podobných těm pro značku, ale výchozí hodnota je vystředěná. Atribut SIZE nastavuje šířku čáry v pixelech od 1 do 175; pro umovchannyam 1, ale yakshcho (čára - obrys), pak se přidá kamarádství, které je nezbytné pro trivimirový efekt ničení. Řádky v pořadí odstavců umožňují vidět logické části textu. Existuje však mnoho vodorovných čar, které jsou pro prohlížení vašich webových stránek nepřijatelné, takže za odstavec skinu z nich není žádná stopa. Ten smrad je vhodnější pro vidění mnoha větví.

            Poruchy