Для стварэння ўласнага сайта патрабуецца нямала ведаў і часу. Зрабіць гэта без спецыяльнага рэдактара даволі складана. Ды і навошта? Бо цяпер існуе вялікая колькасць розных праграм, якія палягчаюць гэтую задачу. Бадай, самай папулярнай з іх з'яўляецца Adobe Dreamweaver. Многія распрацоўшчыкі ўжо ацанілі яе перавагі.
Adobe Dreamweaver - папулярны візуальны рэдактар html кода. Быў створаны кампаніяй Adobe у 2012 годзе. Падтрымлівае ўсе папулярныя мовы: HTML, JavaScrip, PHP, XML, C #, ActionScript, ASP. З яго дапамогай можна хутка ствараць прыгожыя сайты, ўстаўляць розныя аб'екты, рэдагаваць код або ўносіць змены ў графічнай абалонцы. Прагледзець вынік можна ў рэжыме рэальнага часу. Разгледзім асноўныя магчымасці праграмы.
Ўкладка «Код»
У рэдактары Adobe Dreamweaver існуе тры асноўных рэжыму працы. Тут распрацоўшчык можа адрэдагаваць зыходны дакумент кода на адным з даступных для праграмы моў. Пры адкрыцці папкі з сайтам, усе яго складнікі зручна размяшчаюцца асобнымі укладкамі на верхняй панэлі. І ўжо адсюль можна перамыкацца паміж імі і ўносіць змены. Гэта вельмі зручна, бо калі сайт вялікі, пошук і рэдагаванне кожнага кампанента займае значнае час.
Пры увядзенні тэксту ў рэжыме распрацоўніка, напрыклад на мове HTML, ва ўсплываючым акне, з'яўляецца ўбудаваны даведнік тэгаў, з якога можна падабраць патрэбны. Гэтая функцыя эканоміць распрацоўніку час і з'яўляецца своеасаблівай падказкай.
Пры працы з вялікай колькасцю тэгаў, часам бывае складана ў ручную праверыць ці ўсё яны зачыненыя. У рэдактары Dreamweaver, вытворцы прадугледзелі і гэта. Дастаткова ўвесці знакі «
Без рэдактара, уносіць ідэнтычныя змены ў розныя файлы, доўгі працэс. Праз Дримвивер гэта можна зрабіць хутчэй. Дастаткова адрэдагаваць адзін файл, вылучыць зменены тэкст і перайсці ў інструмент «Знайсці і замяніць». Усе файлы адносяцца да сайта будуць выпраўленыя аўтаматычна. Неверагодна зручная функцыя.
У левай частцы акна рэдагавання, размешчаная зручная панэль інструментаў для працы з кодам.
Разглядаць кожную асобна я не буду, падрабязнае апісанне можна праглядзець перайшоўшы ў раздзел «Вывучэнне DW».
Інтэрактыўны рэжым або прагляд у рэальным часе
Пасля ўнясення ўсіх неабходных змяненняў у код, можна паглядзець як будзе адлюстроўвацца редктируемый сайт. Гэта можна зрабіць перайшоўшы ў рэжым «Інтэрактыўны прагляд».
Калі пры праглядзе, распрацоўніку не падабацца канчатковы вынік, то ў гэтым рэжыме можна падправіць становішча аб'ектаў. Прычым праграмны код будзе выпраўлены аўтаматычна. Інтэрактыўны рэжым можна выкарыстоўваць пачаткоўцам стваральнікам сайта, у якіх яшчэ няма навыкаў у працы з тэгамі.
Памяняць памер загалоўка, ўставіць спасылку, выдаліць або дадаць клас можна не выходзячы з інтэрактыўнага рэжыму. Пры навядзенні курсора на элемент, адкрываецца невялікі рэдактар, які дазваляе ўнесці такія змены.
дызайн
рэжым «Дызайн», Створаны для стварэння або карэкціроўкі сайта ў графічным рэжыме. Гэты выгляд распрацоўкі падыходзіць як пачаткоўцам распрацоўнікам, так і больш дасведчаным. Тут можна дадаваць і выдаляць пазіцыі сайта. Усё гэта робіцца пры дапамозе мышы, а змены, як і ў інтэрактыўным рэжыме, маментальна адлюстроўваюцца ў кодзе.
Пры дапамозе прылады «Устаўка», На сайт можна дадаваць розныя кнопкі, паўзункі прагорткі і да т.п. Выдаляюцца элементы вельмі проста, стандартнай кнопкай Del.
Загалоўкі таксама можна памяняць у графічным рэжыме праграмы Adobe Dreamweaver. Задаць дадатковыя налады колеру шрыфта, фонавы малюнак і многае іншае, можна ва ўкладцы «Змяніць» у «Уласцівасці старонкі».
падзел
Вельмі часта стваральнікам сайта неабходна рэдагаваць код сайта і адразу бачыць вынік. Пастаянна пераходзіць у інтэрактыўны рэжым не вельмі зручна. Для гэтых выпадкаў быў прадугледжаны рэжым «Падзел». Яго актыўнае акно падзелена на дзве працоўныя вобласці. У верхняй частцы будзе адлюстроўвацца інтэрактыўны рэжым або дызайн, на выбар карыстальніка. У ніжняй частцы будзе адкрыты рэдактар кода.
дадатковая панэль
Справа ад працоўнай вобласці размешчана дадатковая панэль. У ёй можна хутка знайсці і адкрыць патрэбны файл у рэдактары. Ўставіць у яго малюнак, фрагмент кода або скарыстацца канструктарам рэдактара. Пасля набыцця ліцэнзіі дадаткова стане даступная бібліятэка Adobe Dreamweaver.
Верхняя панэль інструментаў
Усе астатнія інструменты сабраны на верхняй панэлі інструментаў.
ўкладка «Файл» змяшчае стандартны набор функцый для працы з дакументамі.
ва ўкладцы «Праўка» можна вырабіць розныя дзеянні з змесцівам дакумента. Выразаць, ўставіць, знайсці і замяніць і многае іншае можна знайсці тут.
Усё, што тычыцца адлюстравання дакумента, панэляў, змяненне маштабу і таму падобнае можна знайсці ва ўкладцы «Прагляд».
Інструменты ўстаўкі малюнкаў, табліц, кнопак і фрагментаў размешчаны ва ўкладцы «Устаўка».
Ўнесці розныя змены ў дакумент або элемент дакумента можна ва ўкладцы «Змяніць».
ўкладка «Фармат» створана для працы з тэкстам. Водступы, фармат абзаца, стылі HTML і СSS можна рэдагаваць тут.
У Adobe Dreamweaver можна праверыць арфаграфію і падправіць HTML код, задаўшы каманду масавай апрацоўкі. Тут жа можна прымяніць функцыю фарматавання. Усё гэта даступна ва ўкладцы «Каманда».
Усё, што тычыцца сайта ў цэлым можна шукаць ва ўкладцы "Вэб сайт". Дадаткова тут ўбудаваны FTP-кліент, з дапамогай якога можна хутка дадаць свой сайт на хостынг.
Налада, адлюстраванне вокнаў, каляровыя схемы, гісторыя інспектары кодаў, знаходзяцца ва ўкладцы «Акно».
Паглядзець інфармацыю аб праграме, зайсці ў даведнік Adobe Dreamweaver можна ва ўкладцы «Даведка».
годнасці
недахопы
Для ўстаноўкі праграмы з афіцыйнага сайта неабходна папярэдне зарэгістравацца. Пасля, будзе даступная спасылка на запампоўку платформы CreativeCloud, з якой будзе ўстаноўлена пробная версія Adobe Dreamweaver.
Спампаваць пробную версію праграмы Adobe Dreamweaver
Загрузіць апошнюю версію праграмы з афіцыйнага сайта
Падзяліцца артыкулам у сацыяльных сетках: