Dreamweaver a přístupnost. Funkce kontroly usnadnění v Dreamweaveru

Přístupností se rozumí vytváření webových stránek a webových produktů, které mohou používat lidé se zrakovým, sluchovým, pohybovým a jiným tělesným postižením.

Podpora usnadnění v rámci operačního systému

Dreamweaver podporuje funkce usnadnění v operačních systémech Windows a Macintosh. Například v operačním systému Macintosh můžete nastavit vizuální předvolby v dialogovém okně Předvolby univerzálního přístupu (Apple > Předvolby systému). Zadaná nastavení se projeví v pracovní ploše Dreamweaveru.

Podporováno je také nastavení vysokého kontrastu dostupné ve Windows. Tuto možnost lze povolit v Ovládacích panelech systému Windows. U komponent Dreamweaver má toto nastavení následující účinek.

Dialogová okna a panely používají systémové nastavení barev. Pokud například nastavíte barvu na bílou na černé, všechny dialogy a panely Dreamweaveru budou mít bílý text a černé pozadí.

Zobrazení kódu používá systémovou barvu textu a barvu textu okna. Pokud například nastavíte systémovou barvu na bílou na modré a poté změníte barvy textu pomocí Úpravy > Předvolby > Barvy kódu, Dreamweaver tato nastavení ignoruje a zobrazí kódový text jako bílé znaky na černém pozadí.

Oblast Návrh používá barvy textu a pozadí nastavené pomocí příkazů Upravit > Vlastnosti stránky; tímto způsobem se barvy na vytvořených stránkách zobrazí stejně jako v prohlížeči.

Optimalizace pracovního prostoru pro navrhování přístupných stránek

Při vytváření přístupných stránek musíte k objektům na stránce přiřadit informace, jako jsou značky a popisy, aby byl obsah přístupný všem uživatelům.

Chcete-li to provést, aktivujte pro každý objekt dialogové okno Usnadnění a Dreamweaver vás při vkládání objektů vyzve k zadání informací o usnadnění. Dialogové okno lze aktivovat pro jakýkoli objekt v kategorii Usnadnění v okně Nastavení.

Zvolte Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).
Ze seznamu Kategorie nalevo vyberte Usnadnění, vyberte objekt, nastavte kteroukoli z následujících možností a klikněte na OK. Zobrazit atributy na vložení Vyberte objekty, pro které chcete aktivovat dialogová okna usnadnění. Můžete například vytvářet objekty, rámečky, média a obrázky. Při otevírání nechte panel aktivní Umožňuje uložit polohu fokusu na panelu, aby mohla čtečka obrazovky fungovat. (Pokud tato možnost není vybrána, fokus zůstane v zobrazení Návrh nebo Kód, když se panel otevře.) Vytváření snímků mimo obrazovku Tuto možnost vyberte, pokud používáte čtečku obrazovky.
Poznámka. Atributy usnadnění se zobrazí v dialogovém okně Vložit tabulku, když vložíte novou tabulku.

Funkce kontroly usnadnění v Dreamweaveru

Počínaje Dreamweaverem CS5 byla funkce kontroly usnadnění aplikace Dreamweaver zastaralá.

Navigace v Dreamweaveru pomocí klávesnice

Pomocí klávesnice můžete procházet panely, inspektory vlastností, dialogová okna, rámečky a tabulky bez použití myši.

Poznámka. Klávesu Tab a klávesy se šipkami můžete použít pouze v operačním systému Windows.

Navigace v panelu

V okně dokumentu stisknutím kláves "Ctrl" a "F6" přesuňte fokus na panel.
Tečkovaná čára kolem názvu panelu označuje, že je zaměřen na panel. Čtečka obrazovky oznámí název panelu, který byl aktivní.
Stiskněte současně klávesy "Ctrl" a "F6", dokud se fokus nepřesune na požadovaný panel. (Chcete-li přecházet mezi panely, stiskněte současně klávesy Ctrl, Shift a F6.)
Pokud je požadovaný panel zavřený, zobrazte tento panel pomocí klávesové zkratky v nabídce Windows a poté současně stiskněte „Control“ a „F6“.
Pokud je požadovaný panel otevřený, ale není maximalizovaný, přesuňte fokus na titulek panelu a stiskněte mezerník. Chcete-li jej sbalit, stiskněte znovu klávesu Space.
K procházení ovládacími prvky panelu použijte klávesu Tab.
Klávesy se šipkami se používají v následujících případech.
- Pokud má ovládací prvek možnosti, pomocí kláves se šipkami přecházejte mezi možnostmi a mezerníkem vyberte hodnotu.
- Pokud panel obsahuje karty, které otevírají jiné panely, zaměřte se na otevřenou kartu a pomocí šipky doleva nebo šipky doprava otevřete požadovanou kartu. Po otevření karty můžete procházet jejími ovládacími prvky pomocí klávesy Tab.

Navigace v Inspektoru vlastností

Chcete-li zobrazit Inspektor vlastností, stiskněte Ctrl + F3.
Stiskněte Ctrl + F6 (pouze Windows), dokud se fokus nepřesune na inspektor Vlastnosti.
Pomocí klávesy Tab můžete procházet ovládacími prvky inspektora vlastností.
Klávesy se šipkami se používají k pohybu mezi možnostmi výběru.
Stisknutím Ctrl + šipka dolů/šipka nahoru (Windows) nebo Command + šipka dolů/šipka nahoru (Macintosh) podle potřeby otevřete nebo zavřete rozbalenou část inspektoru Vlastnosti nebo přesuňte šipku rozbalení do pravého dolního rohu a stiskněte mezerník. .

Odeslat svou dobrou práci do znalostní báze je jednoduché. Použijte níže uvedený formulář

Studenti, postgraduální studenti, mladí vědci, kteří využívají znalostní základnu ve svém studiu a práci, vám budou velmi vděční.

Podobné dokumenty

HTML značkovací jazyk pro hypertextové stránky. Zajištění dostupnosti webové stránky, prezentace textu a grafiky. Základní pravidla a fáze tvorby webu, výběr struktury stránky. Vyhodnocení ekonomické proveditelnosti použití HTML editorů.

práce, přidáno 25.03.2013

Schopnost pracovat s textovými editory pouze pro vytváření malých WEB stránek. Teorie a historie webdesignu. Editor DreamWeaver, jeho funkce. Základní požadavky na webovou stránku. Origins of DreamWeaver.

semestrální práce, přidáno 6.12.2009

Teoretický přehled o problematice tvorby webu "Konflikty v organizaci". Analýza informačních zdrojů a služeb. Charakteristika metod studia konfliktů v organizacích. Softwarový balík Macromedia Dreamweaver pro tvorbu webových stránek.

práce, přidáno 22.06.2015

Práce s HTML editorem Adobe Dreamweaver. Fáze a pravidla pro sestavení hlavní stránky webu, formátování HTML stránek, vytváření hypertextových odkazů, vytváření a formátování tabulek. Využití grafických materiálů při vývoji webu.

tréninkový manuál, přidáno 07.06.2011

Obecná charakteristika Hypertext Markup Language. Struktura dokumentu HTML. Přehled hlavních vlastností HTML. Prvky moderního designu webových stránek. Analýza praktické aplikace HTML (na příkladu výukových programů).

semestrální práce, přidáno 24.11.2012

Přehled programů pro tvorbu webových stránek; srovnávací analýza Macromedia Dreamweaver a titulní stránky. Proces vytváření moderního webu; posouzení ekonomické proveditelnosti používání počítače. Bezpečnost práce operátora počítačového psaní a layoutu.

práce, přidáno 7.7.2010

Zvážení vizuálního HTML editoru Dreamweaver. Určení struktury webu LLC "Fast Studio". Obsah stránek "Hlavní", "Portfolio", "Kontakty". Značky formátování textu a jak jej stylizovat pomocí zásuvných modulů CSS.

semestrální práce, přidáno 18.08.2013

Funkce editoru DreamWeaver a titulní stránka. Vlastnosti programovacích jazyků PHP a JavaScript. Základní požadavky na webovou stránku. Specifika softwaru pro jeho tvorbu a efektivitu použití.

semestrální práce, přidáno 2.3.2011

Výkonné profesionální prostředí Dreamweaver má všechny potřebné nástroje pro generování HTML stránek jakékoli složitosti a rozsahu. Poskytuje režim vizuálního designu (WYSIWYG nebo What You See Is What You Get - "to, co vidíte, je to, co dostanete"), má velmi čistou práci se zdrojovým textem webových dokumentů a má vestavěnou podporu pro velké sítě projekty. Žádný z editorů, které dnes existují, nemá koncept WYSIWYG plně implementován. Dreamweaver se přiblížil deklarovanému ideálu než jeho konkurenti. Přímá práce s kódy není zcela vyloučena, ale redukována na rozumné minimum. Program má nejen silný arzenál nástrojů pro vizuální návrh, ale je také schopen zobrazovat webové stránky téměř jako specializované prohlížeče: Microsoft Internet Explorer nebo Netscape Navigator.

Macromedia Dreamweaver MX je jeden z nejvýkonnějších programů, který podporuje všechny moderní internetové standardy a neuvěřitelně usnadňuje i ty nejsložitější úkoly. Navíc obsahuje vyvinutý systém rad a interaktivních lekcí, které začínajícímu uživateli umožňují rychle začít.

Rozhraní programu se oproti předchozím verzím změnilo. Nový styl výrazně usnadňuje práci s programem. Pokud jste v předchozích verzích programu museli neustále přepínat mezi okny, nyní můžete současně pracovat s kódem a s konečným zobrazením webu, což výrazně zjednodušuje práci.

Při načítání Dreamweaveru se objeví úvodní okno (obr. 1), které umožňuje vybrat typ nově vytvářeného dokumentu (HTML, ColdFusion, PHP atd.), případně vytvořit dokument pomocí hotových ukázek (CSS Style Sheets , sady rámců atd.), stejně jako otevřít nedávno použité dokumenty. Kromě toho jsou zde odkazy na online zdroje, jako je web Dreamweaver MX Exchange, přehled softwaru Dreamweaver MX a informace nápovědy pro Dreamweaver MX.

Rýže. 1.

Pracovní plocha Dreamweaveru obsahuje následující okna a panely:

Okno dokumentu (obr. 2), které umožňuje zobrazit a upravit kód dokumentu (Code), zobrazit vzhled budoucího dokumentu (Design) nebo kód i vzhled (Split). Dokument je také možné zobrazit v internetovém prohlížeči, zkontrolovat chyby atd.;

Rýže. 2.

standardní roletové menu (Soubor, Upravit, Zobrazit, Vložit, Upravit, Text, Příkazy, Místo, Okno, Nápověda) (obr. 3);

Rýže. 3. Standardní rozbalovací nabídka

· panel Vlastnosti (Vlastnosti) (obr. 4) umožňující změnit a přidat vlastnosti vybraného fragmentu kódu;

Rýže. 4.

· Panel Vložení (Vložit) (obr. 5), včetně následujících záložek: Společné (Základní) - vkládání hypertextových odkazů, tabulek, obrázků, komentářů atd. a také Výběr tagu (Vyberte tag); Layout (Markup) - použití buněk a tabulek pro rozložení dokumentu před přidáním obsahu; Formuláře (Forms) - přidávání různých typů formulářů; Text (Text) - formátování textu a Font Tag Editor (Editor textových značek); HTML - přidání vodorovné čáry, prvků tabulky, rámců, vlastností hlavy, skriptů; Aplikace (Applications) - práce s informačními strukturami; Flash elementy (Flash elements) - přidávání Flash-movies, Favorites (Favorites) - možnost přidat nejčastěji používané objekty na samostatnou záložku.

Rýže. 5.

Skupina panelů: Návrh (obsahuje styly CSS), Kód (obsahuje nápovědu ke značkám, objektům a funkcím různých technologií), Aplikace (obsahuje informace o databázích, komponentách atd.), Soubory (Správce souborů) (obr. 6 ).

Rýže. 6. Skupina panelů Návrh, Kód, Aplikace, Soubory

Softwarový balík DreamWeaver, stejně jako FrontPage, je navržen pro navrhování různých stránek, včetně publikačních stránek, jejichž jedním z úkolů je distribuce elektronických publikací. Je vhodný pro malé i velmi velké webové stránky. V prvním případě je vývoj prováděn jediným specialistou na webmastery. V druhém případě na projektu pracuje celý tým, včetně administrátora projektu, webdesignera, HTML layout designera, web programátora, korektora, mailing managera. Mnoho odborníků tvrdí, že profesionální weboví designéři při své práci nejčastěji používají Adobe PhotoShop k přípravě grafiky a Macromedia DreamWeaver k navrhování jednotlivých webových stránek.

Znalost tohoto balíčku ukazuje, že toto prohlášení má pevný základ. Jak již bylo několikrát provedeno, začněme prozkoumávat balíček s jeho rozhraním.

6.2.1. Rozhraní balíčku DreamWeaver

Rozhraní balíčku DreamWeaver 4.0 je znázorněno na obr. 6.9. Kromě titulní lišty, lišty nabídek, lišty nástrojů a standardního pracovního okna programu zaznamenáváme přítomnost několika palet, které jsou stejně jako v grafických editorech umístěny v pracovním okně programu. Mimochodem, názvy tří otevřených palet „Objects“ (Object), „Properties“ (Properties) a „Load“ (Launcher) odpovídají prvním třem příkazům sekce nabídky „Window“ (Window).

Tento balík je začleněn z pohledu používaných technologií do skupiny softwarových produktů společnosti Macromedia, která si na trhu nástrojů pro tvorbu webových stránek získává stále silnější pozice. Další programy v této skupině: Macromedia Director a Flash budou diskutovány v následujících odstavcích této kapitoly. Společně poskytují hlavní směry webového designu a každý jednotlivě se specializuje na jeden konkrétní směr.

Nejprve se zaměřme na paletu Objekty, jejíž vzhled ukazuje Obr. 6.10. Vzhled palety se mění v závislosti na typu vybraného objektu v seznamu v jeho horní části, tedy paletu lze nazvat adaptivní. Ve výchozím nastavení je pozice v seznamu nastavena na Common. Na Obr. 6.10 tato možnost je vybrána v otevřeném seznamu. Tato paleta pomocí 18 různých nástrojů umožňuje zahrnout na stránku různé prvky, zejména (v pořadí tlačítek na paletě): grafiku (Obrázek), animované tlačítko (Obrázek při převrácení), jehož vzhled se mění když na něj najedete kurzorem myši , objeví se tabulka (Tabulka), tabulka s daty do ní zapsanými, předem připravená v jiném softwarovém balíku (Tabular Data), pravítko (Horizontal Rule), navigační lišta (Navigation Bar) s tlačítka pro pohyb po webu, nová obrázková vrstva (Draw Layer) , měkký převod (Line Break) na text, odkaz na e-mailovou adresu (E-mail Link), aktuální datum (Oat.e), flash (Flash ) a shockwave (Shockwave) animace, prázdné místo generátoru a objekt FireWorks, aplety Java a ovládací prvky ActiveX, objekty zásuvných modulů (Plag-ins) a externí soubor HTML (SSI).

Paleta znaků umožňuje přidat na webové stránky jeden z 12 různých speciálních znaků: nový řádek, autorská práva (autorské právo), registrovanou ochrannou známku, bankovky včetně libry šterlinků, jenu, eura a také uvozovky, pomlčky a další znaky (viz obr. 6.11).

Paleta "Formuláře" (Forms), znázorněná na obr. 6.12, slouží k vytváření formulářů ( viz § 2.8) a obsahuje tato tlačítka: samotný formulář (Formuláře), textové pole (Textové pole), tlačítko (Button), přepínače Checkbox a Radio Button, seznam / nabídka (Seznam / nabídka), pole pro přenos souborů (Filefield) a obrázky (Imagefield ), skryté pole (Hidden field) a hypertextový ukazatel pro přechod na jiný web (nabídka Přejít).

Všimněte si, že ve spodní části všech palet ve skupině Object jsou pole nazvaná Alignment (Layout) a View (View), která vám umožňují sledovat a řídit umístění objektů na webové stránce.

Paleta Frames zobrazená na Obr. 6.13 můžete pomocí příslušného tlačítka vybrat určitý typ rámové struktury stránky se dvěma, třemi a čtyřmi rámečky uspořádanými různými způsoby. Celkový počet možností je osm.

Paleta záhlaví umožňuje přidávat vhodné značky a hodnoty parametrů do záhlaví dokumentu HTML, včetně: značek metainformací a klíčových slov, popisu webu, možností aktualizace webu, hodnoty základního odkazu (výchozí odkazy), odkazů pro připojení.

Paleta "Neviditelné objekty" (Invisibles), znázorněná na obr. 6.14 vám umožňuje umístit záložky na stránku (viz také § 4.2 A § 4.3), poznámky pod čarou a komentáře ( viz § 2.5) a Java skripty ( viz § 2.9).

Poslední paleta, která je součástí komplexní adaptivní palety „Objects“, se nazývá „Special“ (Speciální). V něm, jak je znázorněno na Obr. 6.16, existují tři ikony nebo tlačítka, jmenovitě aplety, pluginy a ovládací prvky ActiveX.

Není žádným tajemstvím, že v konkurenci mezi ručním psaním kódu a využíváním služeb Adobe Dreamweaver dlouhodobě vítězí ten druhý. Tento editor, pohodlný v každém smyslu, zjednodušuje život každému webmasterovi a šetří mu čas a námahu. To, co se napíše do běžného poznámkového bloku za půl hodiny, lze v tomto editoru zvládnout za pouhých pět minut. A co je nejdůležitější, v tomto případě jsou zcela vyloučeny takové urážlivé chyby v kódu, které je třeba hledat a opravovat. Ať už jde o jednoduché rozvržení stránky nebo programování v PHP, Dreamweaver vždy přijde na pomoc. A samozřejmě není pochyb o tom, že proces práce s ním bude nejen pohodlnější, ale také snadný. Dreamweaver ve skutečnosti udělá část práce za uživatele a osvobodí ho od potřeby mít znalosti v určité oblasti webových technologií. Co může být jednodušší? Program je srozumitelný pro každého a lze jej zvládnout během několika týdnů. Tento článek pomůže začínajícím uživatelům rychle se seznámit se základy Adobe Dreamweaver pomocí nejnovější verze 9.0, která je aktuálně dostupná jako příklad. Hned je třeba poznamenat, že editor má vestavěnou podrobnou nápovědu v angličtině, která vypráví o všech aspektech jeho použití. Tento článek je samozřejmě nemůže pokrýt všechny. Nápověda má ale jednu velkou nevýhodu – nadměrnou přemíru informací. Abyste pochopili základy, musíte tomu věnovat spoustu času. Pokusíme se tento nedostatek napravit.

Rozhraní

Vzhled programu je poměrně jednoduchý. Pracovní prostor je přitom organizován mimořádně promyšleně, což zajišťuje jeho efektivní využití. Rozhraní Adobe Dreamweaver se skládá z několika prvků, které lze podmíněně rozdělit do pěti skupin. První je hlavní menu, které se nachází na pevném místě v horní části okna programu. Obsahuje několik záložek: Soubor, Upravit, Zobrazit, Vložit, Upravit, Text, Příkazy, Web, Okno a Nápověda. Pro uživatele jsou nejdůležitější karty "Soubor" a "Upravit", protože nejsou duplikovány žádnými jinými nabídkami a jsou často používány. Tyto záložky jsou typické pro všechny programy, a proto se u nich nebudeme zdržovat. Zbývající karty v hlavní nabídce nejsou příliš důležité, protože jsou částečně nebo úplně duplikovány jinými prvky rozhraní nebo se používají jen zřídka. Další skupinou je nabídka Vložit, což je v podstatě panel nástrojů Dreamweaveru. Lze jej přesunout do libovolné části okna programu, ale nejlépe jej ponechat na původní pozici pod hlavní nabídkou. Tento prvek rozhraní lze sbalit a zvětšit tak plochu pracovního prostoru. Panel Vložit má několik karet rozdělených podle typu dat. Záložka „Obecné“ obsahuje nejčastěji používané prvky: hypertextové odkazy, obrázky, tabulky atd. Tato záložka se používá nejčastěji. Další karty v panelu Rozvržení (práce se Spry, tabulkami a rámečky), Formuláře, Data, Spry, Text a Oblíbené. Záložka "Text" je částečně duplikována jinými prvky rozhraní a záložka "Oblíbené" umožňuje uživateli vytvořit si vlastní nabídku.

Velmi užitečná skupina záložek "CSS Styles", ve kterých můžete vytvářet nové styly a upravovat staré.

Napravo od pracovní oblasti programu je okno s různými skupinami panelů (celkem mohou být čtyři skupiny). Nelze jej přesunout na jiné místo, ale lze jej skrýt nebo uzamknout. Každou skupinu karet v tomto panelu lze sbalit nebo zavřít. Po roztažení je panel značně objemný a výrazně zmenšuje pracovní plochu. Tato část rozhraní má pomocnou povahu a umožňuje provádět některé akce bez otevírání dalších oken. Velmi užitečná je například skupina karet Styly CSS, ve které můžete vytvářet nové styly a upravovat staré a také spravovat různé vlastnosti stylů. Další skupina záložek "Tag Inspector" umožňuje spravovat aktuálně vybraný štítek: zobrazit jeho vlastnosti a přidat nové nebo změnit staré parametry. Další dvě skupiny "Soubory" a "Journal" se používají mnohem méně často. První je určen k řízení místních a síťových zdrojů a dalších operací a druhý hraje roli protokolu provedených operací. V případě potřeby může uživatel akce vrátit zpět do určitého bodu. Bohužel, akce nelze vrátit zpět selektivně.

Pod pracovním prostorem je další skupina - "Vlastnosti". Zobrazuje všechna nastavení dostupná pro prvky návrhu. Tento panel lze také minimalizovat nebo zavřít, navíc dvojitým kliknutím na volnou zónu panelu jej lze zmenšit (další možnosti budou skryty). "Vlastnosti" kopírují funkce ostatních prvků rozhraní a jsou velmi důležité, protože umožňují formátovat různé prvky webu. Obsah tohoto panelu se mění v závislosti na vybraném obsahu. Téměř ve všech případech lze nastavit zarovnání (tři pozice pro netextové datové typy a čtyři pro textové datové typy). V případě výběru textu v panelu "Vlastnosti" můžete nastavit styl CSS (a vytvořit nový doslova za běhu), vybrat formát textu, převést text na seznam a vložit odkaz do výběru . U grafiky jsou k dispozici nastavení velikosti, odsazení, hypertextových odkazů, ohraničení atd. Při práci s tabulkami je možné nastavit různá nastavení pro počet sloupců a buněk, ohraničení, odsazení a barvy. Tento panel se také používá při práci s mnoha dalšími prvky webu.

Poslední skupinou komponent rozhraní Dreamweaveru je pracovní plocha. Má také strukturu záložek. V programu můžete otevřít více dokumentů najednou, mezi kterými se můžete volně pohybovat. Pracovní plocha také obsahuje několik nástrojů. Horní panel „Dokument“ umožňuje přepínat mezi několika režimy: kódování a design. Navíc umožňuje, pokud je to možné, kontrolovat, jak je dokument v prohlížeči zobrazen. V případě potřeby lze tento panel přesunout na libovolné místo v pracovním okně programu. Spodní panel umožňuje přepínání režimů kurzoru, ovládání měřítka. Kromě toho obsahuje informace o dokumentu (velikost, rozlišení atd.) a strom hierarchie značek. Poslední je seznam všech nadřazených značek pro tento. V tomto seznamu se můžete posunout o úroveň výš až ke značce body.

Práce s dokumentem.

V režimu „kód“ je dostupná přímá editace dokumentu, podobně jako při práci v poznámkovém bloku.

Pro vytvoření stránky je potřeba nejprve nastavit její základní nastavení. To se provádí pomocí nabídky "Upravit -> Vlastnosti stránky" ("horká" klávesa Ctrl + J) nebo pomocí kontextové nabídky. V okně, které se objeví, můžete nastavit výchozí písmo pro text a odkazy, dát stránce název, definovat její kódování a také nastavit vzorový obrázek na pozadí (trasování). Název webu lze mimochodem nastavit také v panelu „Dokument“. Zbytek parametrů stránky můžete nastavit ručně nebo pomocí inspektoru značek výběrem značky body. Začínající webmaster často potřebuje pouze parametry pozadí a bgcolor (obrázek na pozadí a barva pozadí). Chcete-li vytvořit meta tagy, musíte se přepnout do režimu Kód kliknutím na odpovídající kartu na panelu Dokument. V tomto režimu je dostupná přímá editace dokumentu, podobně jako při práci v poznámkovém bloku. Dreamweaver má však i zde své výhody. Všechny řádky v kódu jsou pro usnadnění očíslovány a samotné značky jsou spojeny se všemi panely programu, jako v režimu „Projekt“ (aka Design). V závislosti na typu štítků jsou zvýrazněny různými barvami, čímž se rozdělují monotónní části kódu, což usnadňuje identifikaci. Při úpravě kódu se navíc vedle kurzoru objeví malá nabídka se seznamem možných možností. Položky ze seznamu lze vybírat pomocí klávesnice nebo myši, poté se automaticky dosadí do kódu, což výrazně urychlí rozložení dokumentu. Chcete-li například vložit obrázek do dokumentu, stačí zadat otevírací "úhlovou" závorku, vybrat značku img ze seznamu, který se zobrazí (pro zjednodušení vyhledávání můžete zadat písmeno "i" - program automaticky odfiltruje všechny ostatní značky začínající tímto písmenem), poté vložte mezeru, z nabídky, která se znovu zobrazí, vyberte parametr src a poté klikněte na zobrazené tlačítko procházení, které otevře okno pro vyhledání požadovaného obrázku. Obrázky se však mnohem snadněji a rychleji vkládají přes nabídku „Vložit“. To platí i pro tabulky. Když do dokumentu přidáte tabulku přes nabídku, zobrazí se okno s nastavením počtu sloupců a buněk, mezer, okrajů, šířky atd. Všechna tato nastavení, ale i některá další, lze po vytvoření tabulky změnit prostřednictvím panelu Vlastnosti. Kromě toho můžete také měnit parametry buněk jejich výběrem na pracovní ploše (v režimu "Kód" stačí umístit kurzor na požadovanou značku). Neméně užitečná je funkce změny velikosti tabulky, sloupců a buněk pomocí myši. Chcete-li to provést, podržte kurzor na okraji a poté jej přetáhněte požadovaným směrem. Mimochodem, chcete-li odstranit jakýkoli prvek z dokumentu, stačí jej vybrat a stisknout klávesu delete na klávesnici. A abyste mohli přesunout jakýkoli prvek (například vložit text do tabulky), musíte jej také vybrat a přetáhnout se stisknutým kurzorem.

Neméně účinným nástrojem v Adobe Dreamweaver je kontextová nabídka. Duplikuje hlavní příkazy a prvky rozhraní, které podle vývojářů vyžadují rychlý přístup. Zde můžete nastavit vlastnosti vybraného prvku včetně nastavení CSS, zarovnání a formátování. Kromě toho můžete prostřednictvím kontextové nabídky spravovat značky, přidávat komentáře (jsou to také poznámky vývojáře) a dokonce přejít do nastavení stránky. Mimochodem, pro rychlou změnu kódu vybraného prvku stačí otevřít kontextovou nabídku a vybrat položku Rychlý editor značek. Ale pro vkládání různých prvků je nepostradatelný panel "Vložit" a stejnojmenná záložka v hlavní nabídce. Všechny prvky dostupné pro vložení jsou klasifikovány a rozděleny do skupin. Pokud požadovaný prvek stále není v seznamu, můžete použít funkci "Tag ..." ("horká" klávesa Ctrl + E). V zobrazeném okně se zobrazí úplný seznam dostupných značek rozdělených do skupin. Kromě toho jsou možné nejen HTML značky, ale také ASP, PHP atd.

Neméně pohodlné je formátování textu. Prostřednictvím různých panelů nástrojů a nabídek můžete měnit zarovnání textu, přidávat odsazení, vytvářet číslované nebo pravidelné seznamy, nastavovat velikosti, fonty a barvy atd. A co je důležité, všechny parametry související se vzhledem textu jsou svázány s CSS. Změnou nastavení písma si uživatel vytváří nové CSS styly (program je automaticky napasuje do dokumentu). Na jedné straně je to pohodlné, protože to eliminuje potřebu provádět stejné akce pokaždé s podobnými kusy textu, na druhé straně to není příliš pohodlné, protože uživatel se může ve vytvořených stylech zmást. CSS je však samozřejmě mnohem pohodlnější než jeho duplicitní značky (např. font), protože umožňují ušetřit čas webmastera a zmenšit výslednou velikost dokumentu.

maličkost

Všechny výše uvedené funkce editoru jsou samozřejmě velmi užitečné, ale týkají se především rozvržení stránky HTML, tedy vytváření jednoduchých stránek. Adobe Dreamweaver však umožňuje pracovat s jinými typy dokumentů. Program podporuje Action script, Java script, XML, ASP.NET, JSP, PHP, skripty a dokonce i jen textový dokument. Pravda, účel toho druhého není zcela jasný (v tomto ohledu Dreamweaver na Poznámkový blok jednoznačně prohrává ve spotřebovaných zdrojích a rychlosti stahování). Automatický výběr tagů a vizuální režim bude samozřejmě dostupný pouze pro dokumenty s podporou HTML. Ale zvýraznění kódu bude zachováno v jakémkoli typu dokumentu.

Důležitou výhodou programu jsou předpřipravené layouty. Při vytváření nového dokumentu je k dispozici také sada šablon. Zahrnuje různé stránky od standardních rámců po různé styly a dokonce i rozvržení designu. Autoři programu vytvořili několik desítek různých šablon, které mohou být užitečné v různých situacích, například při vytváření prezentačních stránek s omezenými zdroji a časem. Při použití hotových zdrojů se zobrazí okno "Správa webu", kde můžete přidat nový web, upravit, probudit a také importovat a exportovat existující. Při vytváření webu se objeví formulář s nastavením, kde v několika fázích bude nutné nastavit několik parametrů: jméno a adresu, nastavení pro připojení ke vzdálenému serveru atd. Tento postup je součástí další užitečné (ale málo- používané běžnými uživateli) funkce místní a vzdálené správy webu. Pro takové operace je v hlavní nabídce samostatná záložka – „Webové stránky“. V něm můžete vyvolávat okno správy webu, kontrolovat odkazy a provádět řadu dalších operací. Pro běžného uživatele je v této nabídce nejzajímavější funkce „Sestavy“. Umožňuje skenovat stránky na různé nedostatky. Výsledky kontroly jsou zobrazeny v samostatném panelu s několika záložkami. V jednom z nich můžete zkontrolovat nefunkční odkazy, ve druhém - chyby kódu. Takže například na jedné ze stránek, které jsem vzal, bylo hodně chybějících atributů alt a některých ne zcela správných prvků. Kromě toho můžete pomocí "Zprávy" zkontrolovat kompatibilitu kódu s prohlížeči. Pokud však byl celý kód napsán výhradně pomocí Dreamweaveru, problémové oblasti nebudou nalezeny, ačkoli ve skutečnosti ve vzácných případech kód napsaný editorem nevypadá v prohlížečích tak, jak bychom si přáli. Všechny výsledky testů lze uložit do samostatného souboru.

Jak tedy vidíme, Adobe Dreamweaver je výkonný nástroj pro tvorbu, úpravu a správu webových stránek, který bude užitečný jak pro začínajícího webmastera, tak pro zkušeného uživatele zabývajícího se programováním v Javě, PHP atd. S Dreamweaverem můžete mnoho operací, pro které je potřeba několik programů bez tohoto editoru.