Vytvorenie vlastnej stránky vyžaduje veľa vedomostí a času. Robiť to bez špeciálneho editora je dosť ťažké. A prečo? Koniec koncov, teraz existuje veľa rôznych programov, ktoré uľahčujú túto úlohu. Možno, najobľúbenejšie z nich je Adobe Dreamweaver. Mnohí vývojári už zhodnotili svoje výhody.

Adobe Dreamweaver je populárny vizuálny editor HTML kódu. Spoločnosť Adobe vytvorila v roku 2012. Podporuje všetky populárne jazyky: HTML, JavaScrip, PHP, XML, C #, ActionScript, ASP. Pomocou toho môžete rýchlo vytvárať krásne stránky, vkladať rôzne objekty, upravovať kód alebo vykonávať zmeny grafického prostredia. Výsledok môžete vidieť v reálnom čase. Pozrime sa na hlavné črty programu.

Karta "Kód"

V editore Adobe Dreamweaver sú tri hlavné režimy. Tu vývojár môže upraviť zdrojový kód kódu v jednom z dostupných jazykov programu. Keď otvoríte priečinok so stránkou, všetky jeho súčasti sú pohodlne umiestnené na samostatných kartách na hornom paneli. A už odtiaľ môžete prepínať medzi nimi a robiť zmeny. To je veľmi výhodné, pretože keď je web veľký, hľadanie a úprava každej zložky trvá značné množstvo času.

Záložky rôznych prvkov stránok v aplikácii Adobe Dreamweaver

Keď zadávate text v režime vývojára, napríklad v HTML, v kontextovom okne sa zobrazí vstavaný adresár značiek, z ktorého si môžete vybrať požadovaný. Táto funkcia šetrí čas vývojára a je druhom návodu.

Zabudovaný adresár značiek v aplikácii Adobe Dreamweaver

Pri práci s veľkým počtom značiek je niekedy ťažké manuálne skontrolovať, či sú všetky zatvorené. V editore Dreamweaveru to výrobcovia poskytli. Stačí, ak zadáte symboly "

Uzavretie značky v aplikácii Adobe Dreamweaver

Bez editora urobte rovnaké zmeny v rôznych súboroch, dlhý proces. Prostredníctvom programu Dreamweaver to môže byť rýchlejšie. Stačí upraviť jeden súbor, vybrať zmenený text a prejsť na nástroj Nájsť a nahradiť . Všetky súbory súvisiace s webom budú opravené automaticky. Neuveriteľne pohodlná funkcia.

Vyhľadajte a nahraďte v aplikácii Adobe Dreamweaver

V ľavej časti okna na úpravu existuje vhodný panel s nástrojmi na prácu s kódom.
Nebudem sa zaoberať každý samostatne, podrobný popis je možné prezrieť v sekcii "Learning DW" .

Panel nástrojov pre úpravu kódu v aplikácii Adobe Dreamweaver

Interaktívny alebo živý pohľad

Po vykonaní všetkých potrebných zmien kódu si môžete pozrieť, ako sa upravovaná stránka zobrazí. Môžete to urobiť tak, že prejdete do režimu "Interaktívny pohľad" .

Interaktívne zobrazovanie stránok v aplikácii Adobe Dreamweaver

Ak sa pri pohľade na vývojára nemá konečný výsledok rád, potom v tomto režime môžete opraviť polohu objektov. Programový kód bude opravený automaticky. Interaktívny režim môžu používať začínajúci tvorcovia stránok, ktorí ešte nemajú zručnosti na prácu so značkami.

Zmeňte umiestnenie objektu v interaktívnom režime aplikácie Adobe Dreamweaver

Zmeňte veľkosť hlavičky, vložte odkaz, odstráňte alebo pridajte triedu bez opustenia interaktívneho režimu. Keď podržíte kurzor nad prvkom, otvorí sa malý editor, ktorý vám umožní urobiť takéto zmeny.

Úprava v interaktívnom zobrazení v aplikácii Adobe Dreamweaver

dizajn

Režim "Design" , vytvorený na vytvorenie alebo úpravu stránky v grafickom režime. Tento druh vývoja je vhodný pre začínajúcich vývojárov a skúsených. Tu môžete pridávať a mazať pozície stránok. To všetko sa deje s myšou a zmeny, ako v interaktívnom režime, sa okamžite zobrazia v kóde.

Pridajte novú riadkovú položku do programu Adobe Dreamweaver

Pomocou nástroja "Vložiť" môžete do stránky pridať rôzne tlačidlá, posúvače posúvania atď. Jednotlivé prvky sú veľmi jednoducho odstránené pomocou štandardného tlačidla Del.

Odstránenie stránky v aplikácii Adobe Dreamweaver

Hlavičky je možné meniť aj v grafickom režime aplikácie Adobe Dreamweaver. Môžete nastaviť ďalšie nastavenia farieb písma, obrázok na pozadí a oveľa viac na karte "Upraviť" v časti "Vlastnosti stránky" .

Vlastnosti stránky v aplikácii Adobe Dreamweaver

delenie

Veľmi často tvorcovia stránok potrebujú upraviť kód lokality a okamžite vidieť výsledok. Neustále ísť do interaktívneho režimu nie je veľmi výhodné. V týchto prípadoch bol poskytnutý režim "Separácia" . Jeho aktívne okno je rozdelené na dve pracovné oblasti. V hornej časti bude zobrazený interaktívny režim alebo dizajn podľa výberu používateľa. Editor kódu sa otvorí v spodnej časti.

Režim rozdelenia v aplikácii Adobe Dreamweaver

Ďalší panel

Vpravo od pracovnej plochy je ďalší panel. V ňom môžete rýchlo nájsť a otvoriť požadovaný súbor v editore. Vložte do neho obrázok, útržok kódu alebo použite konštruktor editora. Po zakúpení licencie bude k dispozícii aj knižnica Adobe Dreamweaver.

Ďalší panel v aplikácii Adobe Dreamweaver

Horná lišta s nástrojmi

Všetky ostatné nástroje sa zhromažďujú na hornom paneli s nástrojmi.

Karta Súbor obsahuje štandardnú sadu funkcií pre prácu s dokumentmi.

Záložka súboru v aplikácii Adobe Dreamweaver

Na karte "Upraviť" môžete vykonať rôzne činnosti s obsahom dokumentu. Vystrihnúť, vložiť, nájsť a nahradiť a oveľa viac nájdete tu.

Upraviť kartu v aplikácii Adobe Dreamweaver

Všetko, čo sa týka zobrazenia dokumentov, panelov, priblíženia a podobne, nájdete na karte Náhľad .

Karta Zobraziť v aplikácii Adobe Dreamweaver

Nástroje na vkladanie obrázkov, tabuliek, tlačidiel a úryvkov sa nachádzajú na karte Vložiť .

Karta vloženia v aplikácii Adobe Dreamweaver

Na karte "Modifikovať" môžete vykonať rôzne zmeny dokumentu alebo dokumentu.

Upraviť kartu v aplikácii Adobe Dreamweaver

Karta Formát je navrhnutá tak, aby spolupracovala s textom. Tu je možné editovať odsadenia, formát odstavca, štýly HTML a CSS.

Karta Formát v aplikácii Adobe Dreamweaver

V aplikácii Adobe Dreamweaver môžete skontrolovať pravopis a opraviť kód HTML zadaním príkazu mass processing. Tu môžete použiť aj funkciu formátovania. Toto všetko je k dispozícii na karte "Tím" .

Karta príkazov v aplikácii Adobe Dreamweaver

Všetko, čo sa týka lokality ako celej, sa dá vyhľadávať na karte "Webová stránka" . Okrem toho je tu zabudovaný klient FTP, s ktorým môžete rýchlo pridať svoje stránky do hostiteľa.

Webová stránka v aplikácii Adobe Dreamweaver

Nastavenie, zobrazovanie okien, farebné schémy, história inšpektorov kódu sa nachádzajú na karte "Okno" .

Záložka okna v aplikácii Adobe Dreamweaver

Zobrazenie informácií o programe, prejdite do adresára Adobe Dreamweaver môžete nájsť na karte "Help" .

Záložka Pomocník v aplikácii Adobe Dreamweaver

dôstojnosť

  • Veľmi vhodné na použitie;
  • Obsahuje kompletný súbor potrebných funkcií pre vytvorenie stránky;
  • Podporuje ruský jazyk;
  • Má niekoľko režimov úprav;
  • K dispozícii je bezplatná skúšobná verzia produktu.
  • nedostatky

  • Vysoké náklady na licenciu;
  • Na slabý operačný systém môže pracovať pomaly.
  • Ak chcete nainštalovať program z oficiálnej stránky, musíte sa najprv zaregistrovať. Potom bude odkaz na stiahnutie platformy CreativeCloud, z ktorej bude nainštalovaná skúšobná verzia aplikácie Adobe Dreamweaver.

    Stiahnite si skúšobnú verziu programu Adobe Dreamweaver

    Stiahnite si najnovšiu verziu programu z oficiálneho webu