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

Moje osobní stránky budou zde!

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

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

Kromě použití těchto značek můžete k přerušení řádků použít zalomení řádků a tabulátory v samotném dokumentu HTML. Pro tyto účely existuje značka

Veškerý text umístěný mezi tagy 
A
 bude výstup beze změny, to znamená se všemi konci řádků a tabulátory.

Například:
Tento text je napsán 
ve dvou řádcích.

Kromě textu může HTML dokument obsahovat vodorovné dělicí čáry.  Stejně jako text nevyžadují žádné externí soubory.  Štítek 
zobrazí vodorovnou čáru tloušťky jednotky podél celé šířky stránky.  Horizontální Demarkační linie vždy vede k zalomení řádku, ale mezi řádkem a textem se neobjeví žádné prázdné řádky.  Štítek 
může obsahovat více atributů. 
A 
poskytují obrysovou linii s trojrozměrným prohlubujícím efektem. 
dává plnou černou čáru.  Čára nesmí zasahovat celou šířku stránky, ale tvořit pouze určitou část. atribut WIDTH nastaví šířku čáry jako procento šířky celé stránky nebo v pixelech.  Například 50 % je polovina šířky stránky, 400 je šířka 400 pixelů. Atribut ALIGN může nabývat hodnot podobných hodnotám jeho tagů 
Ale výchozí zarovnání je střed. Atribut SIZE nastaví tloušťku čáry v pixelech od 1 do 175;  výchozí je 1, ale pokud 
, (čára - obrys), pak se přidá tloušťka potřebná pro trojrozměrný efekt vybrání.

Řádky spolu s odstavci umožňují zvýraznit logické části textu.  Velké množství vodorovných čar je však pro návštěvníka vaší webové stránky nepříjemné, proto by neměly být umístěny za každým odstavcem.  Jsou vhodnější pro zvýraznění celých částí.

3. Programy pro tvorbu webových stránek

3.1 HTML editory
Každý si vybere svůj vlastní nástroj pro tvorbu webových stránek.  Může to být MS FrontPage nebo Macromedia DreamWeaver, Allaire HomeSite nebo 1st Page 2000. A někdo používá jednoduchý textový editor, například Poznámkový blok.
Textové editory lze použít pouze k vytváření malých stránek, protože mají mnoho nevýhod: projekty nejsou podporovány, neexistuje žádné „zvýraznění“ textu..., obecně je práce extrémně nepohodlná.
Hlavní nevýhodou MS FrontPage je, že generuje velmi velký HTML kód (příliš mnoho zbytečných věcí), takže stránky jsou velké, což ovlivňuje rychlost načítání.  Navíc při vytváření webových stránek v tomto editoru vidíte jednu věc, ale v okně prohlížeče vidíte něco úplně jiného (to platí zejména pro Netscape Navigator).  Stránky se ukázaly být poněkud křivé, takže pro vytvoření vysoce kvalitních webových stránek se doporučuje používat balíčky, o kterých bude řeč níže.
Začneme oblíbeným Macromedia DreamWeaver.  Společnost Macromedia je považována za lídra ve výrobě softwaru pro tvorbu webových stránek a zároveň za trendsettera v této oblasti.
Nejnovější verzí HTML editoru této společnosti je DreamWeaver 3, který patří do kategorie WYSIWYG editorů a tento balíček má mnoho výhod: uživatelsky přívětivé rozhraní, přizpůsobitelné funkce, podpora velkých projektů a technologií ShockWave, možnost nahrávat soubory přes FTP, podporu SSI a mnoho dalších.  Pro práci v tomto programu nepotřebujete důkladně znát HTML (to je výhoda technologie WYSIWYG - co vidím, to vidím)

přijímám). 
DreamWeaver 3.0

Ale DreamWeaver je několik kroků před ostatními WYSIWYG editory, především proto, že generuje velmi čisté HTML.  DreamWeaver vám umožňuje eliminovat opakovanou práci při vytváření stránek (například rozvržení textu) pomocí možnosti "zaznamenat sekvenci příkazů" zaznamenáte sekvenci vytvořených příkazů a poté stisknete například CTRL+P a DreamWeaver přehraje vše ve stejném pořadí.
Dalším editorem je HomeSite 4 - pro ruční vytváření stránek, tedy pro HTML experty.  dostáváte plná kontrola přes HTML kód a je možné optimalizovat vaši stránku pro jeden ze tří oblíbených prohlížečů (MSIE, NN, Opera).
HomeSite obsahuje dva hlavní režimy: Edit a Design.  Design mode je jakýsi WYSIWYG editor, který produkuje HTML kód, a pokud načtete HTML kód někoho jiného, ​​HomeSite vše přepíše po svém.  Režim úprav vám umožňuje získat plnou kontrolu nad stránkou.  Zde můžete nakonfigurovat téměř vše, můžete napsat funkce každého tagu (pak svou stránku v libovolném

Jedním z nejnovějších HTML editorů je EVR Soft 1st Page 2000 v2. 
Jeho slogan je "Vytvářejte webové stránky první třídy!"  („Vytvářejte skvělé webové stránky!“).  Editor obsahuje několik režimů - Normal, Easy, Advanced/Expert a Hardcore, to znamená, že si můžete vybrat svou úroveň a případně přejít na vyšší.  Další funkcí je poměrně velká sbírka skriptů v JavaScriptu a DHTML.  To vše je celkem pohodlně rozděleno do kategorií.

3.2 Grafické editory
Vytváření a optimalizace grafiky je složitý a rozmarný úkol.  Samozřejmě je možné vytvořit webovou stránku bez použití grafiky – pomocí písem, skriptů a stylů (CSS) – a bude krásná a stylová.  Ale konečný vzhled dokumentu závisí na velkém množství různých faktorů, jako jsou: šířka okna prohlížeče, předvolby prohlížeč, výchozí velikost písma, název a barvu.  Navíc ne všechny skripty a styly podporují všechny prohlížeče.  Pokud je použita grafika, pak ji návštěvník vaší stránky uvidí přesně tak, jak jste ji vytvořili a uvidí ji.
Hlavním problémem práce s webovou grafikou je to propustnost Internetové kanály jsou ve většině případů velmi nízké a okamžitě budete čelit problémům - jak na to grafický soubor objemově malý, ale kvalitní, jaké programy a techniky použít při jeho optimalizaci.
To je část o vektorových a rastrových grafických editorech, které jsou Výkonný nástroj zpracování obrazu ve schopných rukou.
Než začnete uvažovat o vektorových a rastrových grafických editorech, měli byste pochopit rozdíl mezi vektorovou a rastrovou reprezentací obrázku.
Rastrová grafika je mřížka (rastr), jejíž buňky se nazývají pixely.  Každý pixel v rastrovém obrázku má přesně definované umístění a barvu, proto je libovolný objekt programem reprezentován jako sada barevných pixelů.  To znamená, že uživatel při práci s rastrovými obrázky nepracuje s konkrétními objekty, ale se skupinami pixelů, které je tvoří.
Rastrové obrázky poskytují vysokou přesnost při přenosu gradací barev a polotónů a také vysoké detaily obrazu, takže jsou optimální prostředek reprezentace tónových obrazů, jako jsou naskenované fotografie.
Rastrová grafika vždy používá pevný počet pixelů, tzn.  Kvalita rastrového obrázku přímo závisí na rozlišení zařízení.  To znamená, že jakákoliv změna obrazu (otočení, zvětšení atd.) vede k neustálému zkreslování obrazu a hranice objektů jsou nerovnoměrné.
Vektorové obrázky jsou tvořeny na základě matematicky popsaných obrazců nazývaných vektory a vzhled obrazu je dán parametry vektorů.  Jinými slovy, vektorová grafika se skládá z křivek, které mají souřadnice, barvu a další parametry uzavřené oblasti vyplněné konkrétní barvou.  Hranice těchto oblastí jsou také popsány křivkami.  Soubor s vektorový obrázek obsahuje souřadnice a parametry křivek.
Výsledky zpracování vektorových obrázků nezávisí na rozlišení zařízení, takže můžete libovolně měnit jejich parametry (velikost, barvu, tvar atd.) - kvalita se nezhorší.  Vektorová grafika se používá při vytváření digitálních objektů pomocí malých velikostí bodů (velikost písma) nebo objektů, jako jsou loga, které vyžadují ostré obrysy a neomezenou škálovatelnost.
Grafické balíčky (editory) se také dělí na dva typy: rastrové a vektorové.  Pojďme se nyní podívat na nejoblíbenější z nich.

A) Editory rastrové grafiky

Microsoft Paint- jednoduchý (nebo lépe řečeno nejjednodušší) editor zahrnutý ve standardní distribuci operačních systémů Microsoft.  Má sadu jednoduchých funkcí (štětec, tužka, guma atd.), které vám umožní vytvářet jednoduché obrázky.  Pro grafické zpracování je bohužel prakticky nevhodný.  Obrázek, který vidíte vpravo, je maximum, které tento editor umí. 
Adobe Photoshop
- dnes je to nejvýkonnější balíček pro profesionální zpracování rastrová grafika.  Jedná se o celý komplex, který má četné možnosti úpravy rastrového obrázku, má obrovskou sadu různých filtrů a

efektů a je možné připojit nástroje nezávislých výrobců. 
Balíček nabízí například nástroje pro obnovu poškozených snímků, retušování fotografií nebo vytváření těch nejfantastičtějších koláží, jaké si naše fantazie dokáže představit.  Obecně je potenciál tohoto balíčku opravdu obrovský.  Počínaje verzí 5.5 balíček obsahuje program Adobe ImageReady, poskytující obrovské možnosti pro zpracování grafiky pro WEB (optimalizace obrázků, tvorba animované gify, „řezání“ obrázků na menší atd.).  Motto vývojářů Adobe Photoshop - "Camera of your mind" - znamená nejen technickou dokonalost, ale také naprostou svobodu kreativity, ke které je člověk pracující s tímto programem prostě odsouzen.
PhotoPaint- další neméně slavný grafický editor (z balíčku Corel Draw) pro zpracování rastrové grafiky, konkurující Adobe Photoshopu.  Vše je zde také k dispozici potřebné nástroje pro grafické zpracování, různé filtry, textury.  Jediný rozdíl je v jednoduchosti použití, rozhraní a rychlosti aplikace filtrů – aplikace je trochu pomalejší.
Malíř- editor poskytuje vynikající příležitosti pro emulaci skutečných kreslicích nástrojů: grafit, křída, olej atd.  Umožňuje také napodobit povrchovou strukturu materiálů, malbu a vytvořit animaci.  Velmi užitečné pro navrhování obrázků na pozadí nebo webových stránek ve stylu malby.  Pomocí tohoto programu se budete cítit jako skutečný umělec.
Existuje také řada editorů ( Microsoft Photo Editor, Microsoft PhotoDRAW), který také umožňuje provádění nejjednodušších úkolů, ale neuspokojuje potřeby profesionálů.
Editory vektorové grafiky

Adobe Illustrator
- balíček umožňuje vytvářet, zpracovávat a upravovat vektorovou grafiku.  Z hlediska výkonu je to ekvivalentní 
rastrový editor Adobe Photoshop: má podobné rozhraní, umožňuje propojovat různé filtry a efekty, rozumí si s mnoha grafickými formáty, dokonce i jako .cdr (Corel Draw) a .swf (Flash).
CorelDraw- tak známý grafický balík se samozřejmě neobešel bez nástrojů pro zpracování vektorové grafiky.  Balíček je téměř stejně výkonný jako grafické editory Adobe Photoshop a Adobe Illustrator.  Kromě zpracování vektorové grafiky tento balíček obsahuje procesor rastrové grafiky (Photo Paint), sledovač obrázků, editor písem, přípravu textur a vytváření čárových kódů a také obrovské sbírky obrázků.

(CorelGallery). 
Adobe Streamline- další produkt Adobe určený pro trasování (překlad) rastrové grafiky do vektorové grafiky.  Jedná se o malý, ale velmi užitečný a výkonný produkt.  Zvláště užitečné, pokud vytváříte webové stránky pomocí vektorové grafiky, jako je technologie Flash.

4.

Vytváření WEB stránek ve WORD"97

4.1 Metody pro vytváření WEB stránek ve WORD“97
Existovat dvě cesty tvorba webových stránek:
· používáním předloha nebo šablona
,
Převést existující dokument aplikace Word na HTML formát.
Pro zjednodušení procesu vytváření stránky nabízí Průvodce webovou stránkou Vzorky obsah stránky – např. individuální domovské stránky a registrační formuláře a různá témata

 grafický design- například svátek nebo společnost.  Pokud chcete, můžete začít s prázdnou webovou stránkou.
Webovou stránku můžete učinit zajímavější přidáním odrážkových a číslovaných seznamů, vodorovné čáry, barvy pozadí, vzory, tabulky, obrázky, videa, ukazatele a tvary.  Většina těchto prvků je vložena na stránku stejně jako by byla zadána do dokumentu aplikace Word.  Aby však úpravy webových stránek byly snazší, nabízí Word pro tento účel některé nové speciální funkce a příkazy.
Objemová forma.

4.6 Práce s výkresy
Při prvním uložení webové stránky ve formátu HTML se veškerá grafika převede na GIF nebo JPEG.  Pouze tyto dva typy grafické obrázky podporované na webu.
Chcete-li vložit obrázek na webovou stránku, vyberte příkaz Obrázek z nabídky Vložit a poté příkaz z nabídky Soubor nebo Obrázky.  Pokud je obrázek, který vkládáte, napsán formát JPG, je uložen ve formátu JPG.  Pokud je kresba v jiném formátu, například TIF, převede se na formát GIF.  Pokud je obrázek vložen ze souboru, po uložení se zkopíruje do stejné složky jako webová stránka, pokud není zaškrtnuto políčko
Obrázek vložený do webové stránky je ve výchozím nastavení zarovnán. levý okraj.  Umístění textu a obrázků lze dodatečně určit pomocí tabulky.
Grafické objekty, jako jsou automatické tvary, textová pole a složený text, lze použít jako objekty kreslení. Microsoft Word"  Jakmile je dokument uzavřen, tyto prvky nelze znovu upravovat.  Budou převedeny na obrázky GIF.

4.7 Vytváření hypertextových odkazů
Hypertextové odkazy umožňují přeskočit do jiné části aktuálního dokumentu nebo webové stránky, do jiného dokumentu aplikace Word nebo na jinou webovou stránku nebo do souboru vytvořeného v jiném programu.  Můžete také použít hypertextové odkazy k navigaci k multimediálním souborům, včetně audio a video nahrávek.



4.8 Vložení videa na webovou stránku
Na webovou stránku můžete umístit vložené video.  To znamená, že video se načte, když uživatel otevře stránku.  U videozáznamů lze nastavit dvě možnosti přehrávání: ihned po otevření stránky nebo po kliknutí na stránku myší.  Protože ne všechny webové prohlížeče poskytují možnost prohlížet vložené video, může být užitečné zahrnout duplicitní text a obrázky nebo je nezahrnout vůbec. důležitá informace ve formě videozáznamu.

závěry
Prostudovali jsme tedy možnosti jazyka HTML pro tvorbu webových stránek, dozvěděli jsme se, které HTML a grafické editory je nejlepší použít při návrhu webu a jaké jsou výhody a nevýhody určitých softwarových balíčků.  A nakonec jsme zjistili, jaké možnosti má Word’97 pro vytváření webových stránek balíček Microsoft Kancelář.
Po pochopení principu tvorby webové stránky a prostudování možností připojení na ní různé typy informací, můžeme s jistotou říci, že webové stránky se svým potenciálem mohou být využívány k různým účelům.
Webová stránka je tváří té společnosti, té instituce, osoby, která ji umístila na WWW.  Proto je dnes věnována tak velká pozornost designu webu, protože na něm přímo závisí popularita toho či onoho. informační zdroj sítě.  Ne nadarmo je dnes profese webdesignéra jednou z nejlépe placených.
Osoba vytvářející webovou stránku spojuje své znalosti a dovednosti se svou kreativitou.  Schopnost tvořit je to, co odlišuje skutečného webového designéra.  Abyste mohli vytvořit webovou stránku, která by lahodila oku, musíte spojit kvality umělce a programátora.
Abych shrnul vše výše uvedené, rád bych poznamenal, že HTML se stalo formátem přenosu dat, který nejúplněji a nejúčinněji uspokojuje požadavky moderní společnost.  Nepochybným faktem je, že budoucnost spočívá v HTML.
Seznam informací o webech, ze kterých byly použity při psaní práce v kurzu:
www.webschool.narod.ru
www.pronet.ru
www.education.kulichki.net
Vzhledem k tomu, že webový dokument je textový soubor, můžete k jeho úpravám použít nejen Poznámkový blok, ale také jakýkoli textový editor, například z MS-DOS, Norton Commander nebo FAR.  Mimochodem, mnoho uživatelů to dělá ručním psaním HTML kódu v těchto jednoduchých editorech.
V současné době existují i ​​serióznější programy pro přípravu webových stránek, které lze rozdělit do tří typů:
Existovat převodníky textové dokumenty připravené ve Wordu a Word Perfect do formátu souboru HTML (takový převodník je dostupný např. v samotném procesoru Word 97/2000).
Kromě tří uvedených kategorií existují programy, které kombinují funkce textových a vizuálních HTML editorů.  Mezi takové programy patří například Hot-Metal vyvinutý společností SoftQuad Software.
Vizuální HTML editory,
 tedy editory typu WYSIWIG (například Microsoft FrontPage, Netscape Navigator Gold atd.).  Při práci v těchto programech se uživatel zabývá grafickými obrázky prvků HTML, nikoli kódem dokumentu.
Výhodou je, že se snadno používá, nemusíte dobře znát značkovací jazyky.
Nevýhodou je, že se generuje určité množství nesprávného kódu.
Editory skutečných HTML textů, což vám umožní automatizovat psaní a úpravy kódu (například Dreamweaver, HomeSite, SiteEdit, WebEditor a mnoho dalších).  Tyto programy umožňují uživateli rychle a snadno vkládat prvky HTML do dokumentu, kontrolovat syntaxi příkazů a spouštět a ladit stránku bez opuštění okna editoru.  Obecně práce v takových editorech připomíná práci v interaktivním programovacím prostředí, jako je Delphi nebo Visual Basic.
Výhodou je „čistý“ kód.
Nevýhoda: Musíte mít dobré znalosti programování webu.
PŘEDNÁŠKA 6.Základy digitálního zpracování obrazu a zvuku.  Webové technologie a multimédia.(2 hodiny)
6.1.  Obrázky na internetu: technologie gif, jpeg, png, Flash.
Dnes je pro mnoho lidí World Wide Web vizuálním médiem.  Grafika nejen zlepšuje uživatelské vnímání materiálu;  pokud je esteticky příjemný, může zlepšit uživatelský zážitek.  Nadměrné používání grafiky může mít zároveň negativní dopad, jehož výsledkem je pomalý a nepoužitelný web.  Správné použití obrázků na webu není jen otázkou vkusu.  To vyžaduje komplexní pochopení různých formátů souborů, jako jsou GIF, JPEG a PNG.  Hlavním cílem designéra je při nahrávání vyvážit kvalitu obrázků s jejich velikostí.
6.1.1.  Formáty obrázků
Počítačový monitor se skládá z mnoha malých bodů neboli pixelů (obrázkových prvků).  Obrazy na obrazovce jsou tvořeny nastavením barev jednotlivých pixelů.  Formát obrazu popisuje údaje o barvě a poloze potřebné k zobrazení obrazu na obrazovce.  Existují dva hlavní typy obrazových formátů: vektor a rastr.
Ve své původní podobě je rastrový obrázek pouze souborem pixelů, které mají různé hodnoty barev.  Vzhledem k velkému počtu pixelů a barevných informací mohou být surové rastrové obrázky velmi objemné.  Nekomprimovaný rastrový obrázek 800 x 600 pixelů s 24bitovou barvou by zabral více než 1 MB (800 x 600 x 24 = 11 520 000 bitů / 81 = 1 440 000 bajtů).  Vzhledem k jejich možné velikosti, rastrové formáty obrázky téměř vždy zahrnují nějaký typ komprese.  Obecně řečeno, existují dvě formy komprese obrazu: bezztrátová a ztrátová.  S bezztrátovou kompresí komprimovaný obrázek identické s nekomprimovaným.  Protože všechna data v obrázku musí být zachována, kompresní poměr a odpovídající úspory ve velikosti souboru jsou relativně malé.  Na druhou stranu ztrátová komprese nezachová obraz přesně, ale může poskytnout mnohem vyšší kompresní poměr.  Při použití ztrátové komprese se velikost obrázku zmenší snížením kvality obrázku.  Protože je nepravděpodobné, že by lidské oko zaznamenalo ztrátu kvality, je tento kompromis v kompresi pravděpodobně přijatelný.
Ve vektorovém obrázku informace se ukládají zcela jinak: obrázek je popsán jako soubor matematických křivek, bodů a barev.  Vzhledem ke kompaktnímu způsobu popisu vektorových obrázků je výhodou tohoto formátu extrémně malá velikost souboru. Vzhledem k tomu, že obrázek je vytvořen nebo vizualizován matematicky, lze jej snadno škálovat - ve srovnání s rastrovými formáty, ve kterých se obrázky při změně velikosti deformují.  Navzdory všem výhodám s nimi spojeným existují i ​​nevýhody vektorových obrázků.  Za prvé, vektorový obrázek musí při výpočtu a zobrazení na obrazovce projít další fází vykreslování.  Ve srovnání s rastrovými obrázky, které se jednoduše dekomprimují a vykreslí, tento proces nějakou dobu trvá.  Rozdíl mezi těmito dvěma základními obrazovými formáty je znázorněn na Obr.  6.1.
Obrázek 6.1.  Rozdíly mezi rastrovými a vektorovými obrázky
Ve většině případů – když je obrázek docela jednoduchý – je doba vykreslení vektorového obrázku zanedbatelná.  Jak se obraz stává složitějším, proces vykreslování může trvat déle a déle.  Pamatujte, že nakonec se každý obrázek musí stát rastrovým obrázkem, aby se zobrazil na obrazovce.  Vektorové formáty fungují dobře pro ilustrační grafiku, text a loga, zatímco rastrové obrázky fungují dobře s fotografiemi.  Je zajímavé, že mnoho vektorových formátů importuje bitmapy za účelem vytvoření textur a vektory se často převádějí na rastry, aby je bylo možné začlenit do bitmap.  Oba typy formátů mají své přednosti a dobře koexistují.
Ačkoli standard HTML nespecifikuje, které formáty obrázků lze na webu použít, prohlížeče obecně podporují stejné typy.  Na webu jsou hlavními formáty rastrových obrázků GIF (Graphics Interchange Format) a JPEG (Joint Photographic Experts Group).  Formát PNG (Portable Network Graphics, portable síťová grafika) nyní konečně dělá určitý pokrok, ale zatím jej nelze nazvat běžně používaným.
Pokud jde o vektorovou grafiku, Flash je dominantním formátem na webu, ale prosazuje se také formát SVG (Scalable Vector Graphics) schválený W3C.  Jiné obrazové formáty – například různé formáty související s UNIXem, jako je X Bitmap a X Pixelmap a formát Windows BMP – jsou často nativně podporovány prohlížeči, ale obecně jsou historicky zajímavé a neměly by se používat.  Postupem času se stanou dominantními skryté formáty, například založené na elementárních vlnách;  ale alespoň prozatím byste měli zůstat u osvědčených GIFů a JPEGů.  Pojďme diskutovat o hlavních formátech obrázků a některých jejich cenných funkcích.
Dobrý den, milí čtenáři blogu.  Pojďme se bavit o programech, které nám pomohou vytvořit html stránky.  Pro efektivní psaní html kódu, tvorbu webových stránek a zejména pro tvorbu webových stránek, byť malých, se bez takových programů neobejdete.  Dělat to v poznámkovém bloku je velmi nepohodlné a časově náročné.  K vytvoření tedy budeme potřebovat následující programy html stránky:
Textový editor pro psaní html kód;
Prohlížeč pro zobrazení výsledků;
Grafický editor pro vytváření a úpravu obrázků;
Validátor pro kontrolu správnosti html kódu.
Pojďme se na tyto programy podívat blíže.
Textový editor se zvýrazněním html kódu
Jedním z hlavních požadavků na textový editor je schopnost zvýraznit syntaxi.  Tito.  editor by měl zvýraznit značky, text, klíčová slova, atributy v různých barvách.  Tato funkce urychluje práci webového vývojáře a snižuje míru chyb.  Potěšila by také možnost pracovat s kartami při otevírání více souborů.  Podívejme se na tyto editory:
Poznámkový blok++
Podle mě jeden z nejlepších textových editorů.  Nejdůležitější je, že program je zcela zdarma a lze jej stáhnout webové stránky vývojářů.  Notepad++ umí nejen zvýraznit syntaxi html jazyk, ale také jazyk stylů CSS, syntaxe Javascriptu a mnoho dalších programovacích jazyků.  Kromě podsvícení syntaxe html Notepad++ poskytuje mnoho dalších užitečných funkcí, které usnadňují vytváření webových stránek.  Podrobný popis možností tohoto editoru si můžete přečíst v článku „“.  Možnosti Notepadu ++ lze navíc rozšířit pomocí pluginů, které lze nalézt na internetu.  Obecně vám tento textový editor doporučuji a volba je na vás.
PSPad
Další bezplatný testovací editor, můžete si jej stáhnout z webu pspad.  Program je také docela pohodlný a snadno použitelný.
Dreamweaver
A to už je placený program.  Docela výkonný editor HTML kódu a je určen spíše pro profesionální webdesignery.  Umožňuje vizuální tvorba webové stránky.  Tito.  přenesete na stránku různé prvky a html kód se vygeneruje automaticky.  Ale hlavní nevýhodou Dreamweaveru je jeho vysoká cena.  Program je také náročný na používání.  Proto jej nedoporučuji, pokud teprve děláte své první krůčky ve světě webdesignu.
Prohlížeč
Prohlížeč je program určený k prohlížení webových stránek.  Všechny oblíbené prohlížeče jsou zdarma a bude lepší, když si jich do počítače nainstalujete co nejvíce.  To je nutné pro kontrolu, zda se HTML stránka zobrazuje správně různé prohlížeče.  Protože každý prohlížeč může zobrazovat stejné části kódu odlišně.
Pro pohodlnou práci v prohlížeči samozřejmě potřebujete připojení k internetu a je vhodné využívat levné internetové a mobilní tarify.
Dnes nejoblíbenější následující prohlížeče: Internet Explorer, Mozilla Firefox, Google Chrome, Opera a Safari.
internet Explorer
Tento prohlížeč je dodáván s operačním systémem Windows.  To vysvětluje jeho popularitu.  Ale bohužel tento prohlížeč podporuje specifikaci HTML nejhůře ze všech a často pro něj musíte ladit HTML kód zvlášť.  Můžete si jej stáhnout z oficiální stránky společnosti Microsoft, ale s největší pravděpodobností, pokud máte operační systém Windows, již jej máte nainstalovaný.
Mozilla Firefox
Třetí nejoblíbenější prohlížeč na světě.  Jeho silnou stránkou je jednoduchost a rozšiřitelnost.  Zpočátku Firefox obsahuje jen ty nejnutnější funkce, ale díky speciální nástavce uživatelé si mohou upravit prohlížeč podle svých požadavků.  Jednou z nevýhod je více pomalá práce ve srovnání s jinými prohlížeči.  Firefox je volně distribuován a lze jej stáhnout z mozilla-russia.org.
Google Chrome
Většina populární prohlížeč na světě, vyvinutý společností Google.  Vyznačuje se vysokou rychlostí a stabilním provozem.  Můžete to najít pomocí stránky prohlížeče.
Opera
Další velmi oblíbený prohlížeč.  Považováno za nejvíce rychlý prohlížeč na zemi.  To platí zejména při práci s JavaScript skripty.  Stáhnout z Oficiální stránky opery.
Safari
Vyvinuto společností Prohlížeč Apple vestavěný OS Mac OS X a iOS.
Při tvorbě webových stránek vždy kontroluji, zda se html kód zobrazuje správně v prvních čtyřech prohlížečích.
Grafický editor
Pro úpravu a zpracování obrázků je nutný grafický editor.
Photoshop
Jedná se o nejoblíbenější program pro zpracování a tvorbu grafických obrázků pro webové stránky.  Photoshop je vyvinut a distribuován společností Adobe Systems.  Obsahuje mnoho nástrojů pro zpracování fotografií a je jakousi digitální fotolaboratoří.  Hlavní nevýhodou Photoshopu je ale to, že je placený.  A kromě toho ve většině případů není potřeba veškerá síla Photoshopu a můžete použít bezplatné analogy.
GIMP
Výkonný a volně distribuovaný grafický editor.  GIMP podporuje rastrovou grafiku a některé vektorové grafiky.  Je považován za bezplatný analog Photoshopu a lze jej snadno rozšířit pomocí doplňků.  Můžete stahovat z stránky pro vývojáře.
Paint.Net
Další bezplatný grafický editor, který vám umožní dělat všechno nezbytné akce s obrázky.  Stáhnout z stránky pro vývojáře.
HTML validátor
Ke kontrole dokumentu HTML a identifikaci syntaktických chyb a nesrovnalostí se specifikací HTML je zapotřebí validátor.  Pokud máte internet, lze ověření HTML kódu provést na webu validator.w3.org.  Pokud nemáte připojení k internetu, můžete použít program Tidy.  Používám pouze online validátor.
Kromě výše popsaných programů je vhodné nainstalovat WEB server pro testování webu.  Při testování jednotlivých statických stránek se bez něj obejdete, ale při vytváření složitějších webů pomocí php jazyky, javascript a další, bez webového serveru se neobejdete.  Internetová informační služba společnosti Microsoft dodávaná se systémem Windows může být docela vhodná jako webový server.  Snadno se instaluje a jeho možnosti jsou zcela dostačující.  Nebo si můžete nainstalovat sadu Denver gentleman's Web Developer Kit.
Pojďme si to shrnout.  Pro efektivní a pohodlné vývoj webových stránek a html stránky je vyžadována určitá sada programů:
Textový editor se zvýrazněním syntaxe html doporučuji Notepad++;
Prohlížeč pro zobrazení výsledku.  Doporučuji pořídit si alespoň nejoblíbenější Internet Explorer, Mozilla Firefox a Google Chrome;
Grafický editor pro vytváření a úpravu obrázků.  Používám hlavně GIMP;
A online validátor pro kontrolu html kódu.
Při vývoji dynamických webových stránek budete také potřebovat webový server.
To je vše!  Uvidíme se u dalších článků!
Offline programy pro tvorbu webových stránek- jedná se o specializovaný software, který zjednodušuje proces tvorby a úpravy webových stránek, tyto programy se používají na počítači s nainstalovaným operačním systémem Windows, Mac nebo Android.  Rozdíl mezi offline softwarem a návrháři cloudu je ten, že k publikování webové stránky na internetu to budete muset udělat sami nákup hostingu a nahrajte do něj soubory webu.  V těchto programech není žádný online ovládací panel;  To znamená, že úprava a finalizace obsahu webových stránek vyžaduje počítač software, dostupnost souborů projektu na vašem pevném disku a synchronizace s vaším hostingovým účtem.  Pro běžné designéry jsou všechny tyto procesy automatizované.
Počet moderních programů pro tvorbu webových stránek je malý, my ukážeme vám ty nejlepší z nich.  Začněme však popisem služby, která může snadno nahradit kteroukoli z nich.

(Posouzení) - univerzální online konstruktor S vizuální editor a intuitivní rozhraní.  Jedná se o nejoblíbenější nástroj pro tvorbu vizitkových webů, vstupních stránek a internetových obchodů.  Webová služba uKit je také jakýsi "program", původně předinstalovaný na hostingu.  Jediný rozdíl je v tom, že soubory webových stránek přijaté v programech pro stolní počítače musí být později nahrajte to sami pro předplacený hosting.  Designér je má od samého začátku už tam jsou tam a všechny změny se ukládají v reálném čase.  No a co se týče rozhraní - s uKit visí v cloudu a je přístupný přes prohlížeč a soubory desktopových aplikací jsou umístěny na disku počítače, který nemá připojení k internetu přes DNS server.
Tvůrci webových stránek- toto je vrchol evoluce offline nástrojů pro vlastní tvorbu webových stránek, což představuje opravdu pohodlný koncept pro začátečníky i profesionály.
Pomocí konstruktoru nemusíte nic stahovat ani instalovat, protože:
hosting je standardně zahrnut;
 
program je již optimálně nakonfigurován;
 
funkce se aktualizují automaticky;
 
k dispozici je výběr hotových šablon;
 
zavádějí se nové moderní technologie;
 
jsou k dispozici integrace s jinými službami;
 
přiložený návod;
 
technická podpora je vždy v kontaktu.
Je důležité, aby designér nebyl moderní pouze in technicky a pohodlné, ale také cenově dostupné.  Pro weby vytvořené v offline programech potřebují samostatný hosting, což stojí peníze.  V obou případech si musíte koupit doménové jméno.  Cena ročního tarifu uKit bude stát 36 USD (včetně slevového promo kódu: UGUIDE-25).  Je to příliš?  Hosting pro web vytvořený v programu bude stát zhruba o polovinu méně.  No, nebo stejnou částku, pokud si vezmete opravdu kvalitní službu.  Programy mají také placené prvky (šablony, rozšíření, moduly), které mohou zvýšit náklady na používání.  V uKit stačí zaplatit vhodný tarif a budete mít plný přístup ke všem funkcím, nebudete muset platit navíc.  Co je tedy výnosnější?
uKit poskytuje kompletní ekosystém sestavený, vám umožní začít používat okamžitě po přihlášení na oficiální webové stránky.  Přímo do bitvy, bez nastavování, pokynů nebo tance s tamburínou.  Hotový web si můžete sestavit sami za jeden večer.

Dá se totéž říci o desktopové aplikaci?  Proto s velmi podobnými náklady na použití lze uKit považovat za „zabijáka“ programů, které budou popsány níže.  Aplikace pro tvorbu webových stránek jsou svým způsobem dobré, ale co do pohodlí nemohou konkurovat cenově dostupným, moderním online designér oni to neumí.
Mobirise je nejlepší a zcela bezplatný program pro tvorbu webových stránek

Mobirise (recenze) je bezplatný offline konstruktor pro vlastní tvorbu webových stránek na vašem PC nebo notebooku (Windows, Mac, Android).  Program se nejlépe hodí pro spouštění webů s malým počtem stránek: vizitkové weby, vstupní stránky, one-pagery nebo portfolia.  Proces montáže se provádí ve vizuálním editoru, rozhraní je jednoduché a extrémně pohodlné, ideální pro začátečníky.  Chcete-li začít, musíte si stáhnout archiv s programem do počítače, nainstalovat jej a vytvořit účet.
Aplikace svým přístupem k tvorbě webových stránek připomíná Lego konstruktér: uživatel je poskytnut velké množství bloků pro různé účely, který je nutné přetáhnout do okna editoru a vytvořit tak web s požadovanou strukturou.  Bloky jsou stavebním materiálem webu: menu, záhlaví, posuvníky a galerie, výhody, mediální obsah, články, informace, recenze, sociální sítě, ceníky, formuláře, mapy a zápatí.  Design a obsah bloků lze měnit: barvu, písma, přidávat efekty, tlačítka, odkazy, nadpisy. Zbytečné prvky(šipky, tlačítka, popisy atd.) lze z bloků vyhodit nebo vypnout.  Nastavení SEO je přítomno, stejně jako možnost vytvářet vícestránkové weby s víceúrovňovou nabídkou.  Funkčnost stačí k vytvoření skvělé vizitky nebo vstupní stránky.
Hotové bloky jsou zdobeny v jednotný styl ve vybrané šabloně.  Ty v obvyklém smyslu zde nejsou, existuje 5 typů designu: 2 zdarma a 3 placené.  Vypadají atraktivně, moderně a nápadně se od sebe liší designovým stylem.  Každý blok obsahuje ukázkový obsah pro přehlednost.  V případě potřeby si můžete dokoupit další bloky (39 USD), pokud vám standardní nestačí.  K dispozici je také balíček vektorových ikon, samostatný posuvný widget, editor kódu a přijímání plateb přes PayPal (29 $).  Připojení analytiky od Googlu, Soundcloud, widgety pro komentáře přes sociální sítě a sociální lišta jsou zdarma.  Všechny nákupy provedené v systému zůstávají navždy.  To znamená, že nemluvíme o měsíčním pronájmu funkčnosti.  Kupte si jej jednou a používejte bez omezení.

Mobirise je jasným lídrem v pohodlí a ceně mezi počítačovými programy pro tvorbu webových stránek.  Má vizuální editor, krásná designová témata a schopnost bezplatné použití, časté aktualizace a pohodlí při práci.  Co jiného je potřeba ke štěstí?

Základní balíček Mobirise zcela zdarma.  Všechny placené doplňky jsou určeny spíše k rozšíření oblastí použití systému.  Jejich absence ale nijak neomezuje možnost vytvoření hlavního typu webu pro platformu – vizitky.  Nemusíte za to vůbec platit a získáte krásný responzivní web.  Veškeré náklady se snižují na nákup hostingu a domény pro nahrání stránky na internet.  Můžete tvořit neomezené množství projekty a uložte je na svůj počítač, hosting nebo cloud.
Adobe Muse - profesionální nástroj od tvůrců Photoshopu

Adobe Muse (recenze) je výkonný a pokročilý program k vytváření webových stránek na vašem počítači.  Považován za ideální platformu pro profesionální tvorba vstupní stránky, weby s vizitkami, portfolia a malé obchody.  Rozhraní programu se bude zdát jednoduché zkušení uživatelé Photoshop „a. Všichni ostatní to budou muset zvládnout lekce třetích stran, kurzy nebo spoustu času a trpělivosti.
V Adobe Muse je docela snadné upravit design, pokud máte designový vkus.  Bohužel málokdo zde dokáže vytvořit použitelnou stránku od začátku bez jakýchkoli dovedností.  Pak je lepší použít šablony.  Struktura posledně jmenovaného se zde liší od obvyklé.  Šablony odkazují na rozvržení vyplněná prvky, které se opakují na všech ostatních stránkách.  To znamená plná verze design webových stránek se skládá ze šablon (pro záhlaví, zápatí) a jednotlivé stránky(o nás, kontakty atd.).  Můžete je upravovat, duplikovat a vytvářet/mazat téměř volně.  Existuje pouze jedno omezení: prvky, které se hlásí k šabloně, nelze změnit z běžné stránky.
Adobe Muse je ideální pro ty, kteří se chtějí učit vytvořit mistrovské vstupní stránky.  Nebo pro ty, kteří už trochu vědí a chtějí rozšířit své schopnosti.  Navrhování webových stránek vizitek je obtížnější, protože vše je třeba dělat ručně.  Plnohodnotné obchody jsou nepohodlné na vytváření, blogování je obecně tabu, protože software nemá online ovládací panel, a proto nemůže dynamicky aktualizovat obsah.  Vstupní stránky a jednostránkové stránky na Muse mohou a měly by být propagovány kontextová reklama a sociální sítě.  Vestavěné funkce jsou velmi standardní: propojení Yandex a Google Analytics, vyplňování meta tagů.  Vše ostatní je třeba provést ve službách třetích stran.

Adobe Muse - ideální program k vytvoření vstupních stránek.  Pro ty, kteří chtějí zpeněžit své aktivity v tomto výklenku, je platforma 100% vhodná.  Jak se vaše úroveň dovedností zvyšuje, budete moci vytvářet stejně působivé vícestránkové weby.  Muse je volbou designérů a všech, kteří se jí chtějí stát.  Software je skvělý, ale není pro každého.

Program je placený, stojí za to od 454 rublů/měsíc prostřednictvím předplatného Creative Cloud – cloudového ekosystému produktů Adobe.  Umožňuje vytvářet adaptivní stránky v HTML5, které lze následně nahrát do PC nebo na jakýkoli hosting.  K dispozici je bezplatné zkušební období 7 dní.
Offline programy nebo online konstruktory?
Přes jejich malý počet moderní počítačové programy pro tvorbu webových stránek se stále vyvíjejí.  Nejvýraznějšími příklady jsou Adobe Muse a Mobirise.  Vývojáři posledně jmenovaného se s konkurencí vůbec nerozpakují cloudové služby.  Jdou svou vlastní cestou, pravidelně se vyvalují zajímavé aktualizace.  Pokud by nebylo nutné samostatně zakoupit/nastavit hosting, patřil by tento tvůrce stránek mezi špičkové systémy s vizuálním editorem.
Nejlepší programy pro tvorbu webových stránek:


uKit - nejpraktičtější a optimální online služba pro většinu začátečníků, kteří chtějí rychle a levně spustit efektivní vstupní stránku nebo web vizitky.  Stačí se přihlásit do administračního panelu z libovolného PC přes prohlížeč pomocí svého uživatelského jména/hesla a začít pracovat od první minuty, vše je jednoduché a intuitivní.


Mobirise je perfektní pro začátečníky publikovat jeden web - tam není vůbec čemu rozumět.  Zvládne to každý.  Navíc je program zdarma.  Vhodné pro osobní použití - vytváření vstupních stránek a webů s vizitkami s krásným, ale jednoduchým designem.


Adobe Muse – má nejvýkonnější editor designu stránek, v tomto parametru bezkonkurenční.  Zpočátku se to těžko používá, ale pak je to pohodlné.  Vhodné pro designéry a ty, kteří chtějí dělat vstupní stránky objednat.
Vzhledem k výše uvedenému je i velmi pohodlný a jednoduchý program pro tvorbu webových stránek o něco obtížnější, pokud jsou všechny ostatní věci stejné.  Budoucnost proto podle našeho názoru stále leží na platformách SaaS, jako je výše zmíněná webová služba uKit.