10 Корисни Дреамвеавер савети и трикови за почетнике

Дреамвеавер корисник ће дефинитивно рачунати какав је то поверхоусе. Опремљен тонама карактеристика, опција и дискутабилно један од најпознатијих ИДЕ (Интегратед Девелопмент Енвиронмент) на данашњем тржишту. Можда не испуњава критеријуме које су неки програмери захтевали, али Дреамвеавер неоспорно обезбеђује пристојан опсег алата за развој, сарадњу и кодирање. Ове опције и алати су сакривени испод слојева мање интуитивних менија, због чега пружамо туторијале у данашњем посту.

Показаћемо вам неке од најснажнијих функција Дреамвеавер-а како би вам помогли да им приступите брзо, као и многе друге корисне трикове који ће вам подмазати време развоја и значајно побољшати квалитет кода. Комплетна листа после скока.

1. Динамички приказ са “Ливе Виев”

Већ знамо да ДВ нуди статичан приказ наших отворених датотека, али шта о томе "динамички прикази" апликације као што је ВордПресс?

Прво, морамо реци ДВ које поставке користити за представљање нашег"динамички прикази" исправно. Да бисте то урадили, изаберите Поставке ХТТП захтјева од Приказ> Опције приказа уживо , а затим унесите ДОБИТИ или ПОШТА параметре морате исправно прегледати апликацију.

Затим преласком на Ливе Виев у ДВ, он замењује стари Десигн Виев окно са живим, савршеним ВебКит рендером ваше странице; потпуна са живим Јавасцриптом, ДОМ манипулацијама, упитима за базу података, кодом на страни сервера и приказаним ЦСС-ом, уместо икона резервираног места Десигн Виев.

2. "Навигатор кода" је ДВ-ов Фиребуг

То је корак даље Навигатор кода и када је у Ливе Виев прозор, АЛТ-клик (кликом на Цомманд-Оптион за Мац) било гдје у прозору, тренутно представља код који је приказао ту ставку. Слично ономе што тренутно видите у Фирефок / Фиребуг-у.

3. Замрзавање ЈаваСцрипт-а

Због динамичке природе Ајак-а, много пута нам је потребно да ступимо у интеракцију са страницом на којој одређене ставке нису приказане или доступне на учитавању прве странице. То су ставке које се убризгавају у страницу неко време након учитавања странице. Ево примера:

Можда желите да промените стил алата који је у потпуности имплементиран у ЈаваСцрипту. Пре данас, морали бисте методички претраживати свој пут кроз своје скрипте да бисте пронашли оно што је креирано и где.

Уместо тога, покушајте ово:

Вратите своју страницу на Ливе Виев, онда удари Ф6 да замрзнете ЈаваСцрипт у било ком тренутку, омогућавајући вам да циљате и сецирате код који се односи на било коју динамичку ставку на страници.

4. Ливе Виев је сљедећи најбољи пријатељ - "Ливе Цоде"

Када користиш Ливе Виев, такође можете укључити Ливе Цоде. Ливе Цоде ће ажурирати ваш код док лебдите, кликните и интеракцију са елементима и ставкама у Прозор Ливе Виев!

5. Аутоматско довршавање ЈаваСцрипт-а

Дреамвеавер долази са интелигентним и комплетним ХТМЛ и ЦСС кодом, али шта је са Јавасцриптс? Ако кодирате у јКуери или Прототипе у Дреамвеаверу, онда морате знати да постоје АПИ екстензије које омогућавају завршетак Јавасцрипт кода. Смањује потребу за куцањем и може се лако користити за брзе кодере.

Кликните овде да бисте прочитали више или преузели:

• јКуери АПИ проширење за Дреамвеавер
• Прототипе АПИ проширење за Дреамвеавер

6. Беаутифи Цодес Он Тхе Фли

Да ли ваша кодна страница изгледа као неорганизоване, неуредне линије кода? Користити Примени форматирање извора и преформатирајте га у складу са својим жељама. Да бисте их брзо очистили, кликните на Форматирање изворног кода на дну Цодинг тоолбар (Измени> Траке са алаткама> Кодирање) и изаберите Подешавања формата кода да бисте подесили жељено форматирање.

Можете приступити и опцији за форматирање Команде> Примени форматирање извора или га примените само на изабрани блок кода избором Примени форматирање извора на избор опција.

7. Набавите видгети

Само кликните на Прошири икону Дреамвеавер (изгледа као опрема) у траци апликација и одаберите Потражите Веб Видгетс. Ово ће вас одвести на Адобе Екцханге гдје можете пронаћи додатне видгет-е од добављача као што су Иахоо !, ЈКуери и многи други.

8. Субверзија и Дреамвеавер

И да, Дреамвеавер подржава Субверзију (СВН). За програмере који користе СВН за одржавање контроле над својим пројектом, ово може бити добра вијест. Дреамвеавер програмер Андрев Волтмер како можете користити Субверзије са Дреамвеавером.

9. Но Море Редундант Стилес

Многи људи користе Дреамвеавер као начин за визуелно ажурирање садржаја, као што је програм за обраду текста. Пре Дреамвеавер ЦС4, ово може довести до редундантних ЦСС правила као што је .цласс1, .цласс2, и тако даље. У Дреамвеавер ЦС4, само пребаците свој Проперти Инспецтор до ХТМЛ моду (кликните на ХТМЛ икону са леве стране Инспектора) и ви ћете се поздравити са свим тим редундантним ЦСС-ом, убацујући само одговарајућу ХТМЛ ознаку.

10. Провјера обрасца је олакшана

Желите ли да потврдите ваша поља образаца, али сте забринути да ћете морати поново да градите од нуле? Без бриге. Једноставно изаберите постојећи елемент обрасца, као што је текстуално поље, и примените а Спри Валидатион видгет од Инсерт> Спри мени. Затим контролишите захтеве валидације као што су минимални или максимални знакови директно из Инспектор имовине.

Бонус: 3 више

11. Приступите лако повезаним датотекама

Када отворите ХТМЛ или ПХП датотеку, сада ћете видети ред зависних имена датотека, као што су ЦСС, Јавасцрипт и чак укључене датотеке за ПХП, на врху прозора документа. Можете се лако пребацити на те датотеке, извршити измјене и спремити их, а све то без отварања. Када кликнете било коју датотеку у траци Сродни фајлови видећете њен извор у приказу кода и надређену страницу у приказу дизајна. Или користите Навигатор кода за брз приступ изворном коду ЦСС-а који утиче на ваш тренутни избор.

12. Проверите компатибилност претраживача

Отворите документ који желите да проверите да ли постоји компатибилност; из исте траке менија где се приступа погледима Цоде / Сплит / Десигн, потражите крајњу десну страну заЦхецк Паге'дугме.

Кликом на њу проширите падајући мени, изаберите 'Проверите компатибилност претраживача'. Тхе Прозор за резултате компатибилности претраживача на дну прозора ће се приказати сва питања која требате адресирати.

Напомена: Ово НЕЋЕ проверити нове верзије ИЕ на Мац-у! Да бисте изабрали који ће се претраживачи користити за тестирање, изаберите Цхецк Паге > Подешавања из менија.

13. Прегледајте ПХП странице

Дреамвеавер вам омогућава да покренете и прегледате ПХП кодове унутар софтвера. Ево како да га подесите.

Почетак

1. Прво изаберите Сите -> Нев Сите са горње навигације.
2. Видећете оба Басиц и Напредна дефиниција сајта табулаторима опција. Наставимо са избором Картица Напредна дефиниција сајта.
3. Унесите назив фасцикле за локацију у одговарајућем оквиру (за овај пример користићемо "мипхп" као назив фасцикле).
4. Креирајте другу фасциклу под именом "имагес" тако што ћете унети њено име у поље 'Дефаулт Имагес Фолдер'.
5. Под Лоцал Инфо, унесите следеће вредности у поља:
   • Назив сајт: име сајта. Да се ​​користи само у Дреамвеаверу
   • Локални коријенски директоријум: Ово је назив локације на којој ћете радити. Обавезно назовите локације на начин да минимизирате конфликте или збуњују имена.
   • Дефаулт Имагес фолдер: Ово је опционално, али се саветује да га направите сада, јер ће већина сајтова користити слике у одређеној мери. Ово је место где ће ДВ 'изгледати' да убацује слике у ваше документе током фазе кодирања.
   • Линкс Релативе то: Ово одређује како ће се руковати документима у Дреамвеаверу. Можете одабрати Документ или Роот. Разлике између ова два су:
     • Доцумент Релативе - Убацује путању која се односи на датотеку коју радите и на коју је ставка повезана.
     • Роот Релативе - Користи / који узрокује повезивање документа / датотеке у односу на РООТ мапу.
     • Друга алтернатива је да додате конфигурацију у конфигурационе датотеке сервера. Будући да смо напреднији задатак, за сада ћемо се држати употребе документа Доцумент-релативе.
   • ХТТП адреса: унесите основну мапу локације за ваш пројекат
   • Везе везане за велика и мала слова: Дреамвеавер ће проверити да ли било која датотека у пројекту може имати проблем који је осјетљив на мала и велика слова приликом учитавања на послужитељ. Обавештења ће бити приказана када користите: Сите -> Цхецк Линкс Ситевиде. Можете га оставити провереним ако желите. Ја лично не остављам то проверено јер увек именујем фајлове малим словима. Велика слова се не препоручују.
   • Цацхе: Цхецк Енабле цацхе.
6. Ин тхе Ремоте Инфо страницу, или подесите ФТП или други приступ удаљеном серверу или оставите Аццесс то Ноне.
7. Ин тхе Тестинг Сервер страницу одаберите опцију која се односи на тип датотеке / систем који ћете тестирати.
8. Контрола верзија неће се користити за овај пример, тако да га можете оставити празним, осим ако га не познајете.
9. Цлоакинг дозвољава вам да поставите .псд, .фла и друге изворне датотеке унутар фасцикле ваших локација, а ДВ ће их занемарити приликом учитавања / ажурирања веб локације.
10. Десигн Нотес идеални су за веб дизајн тим који задржава напомене о промјенама које су направљене у датотекама. Провера је подразумевана и добро је за нас да користимо овај начин.
11. Леаве Колона за приказ датотека, Цонтрибуте, и Темплатес као подразумевано.
12. Тхе Спри страница једноставно показује на фасциклу Спри имовина која се аутоматски укључује у Дреамвеавер. Нема потребе да ово мењате. Када је свака поставка завршена, кликните У реду.

Прегледајте ПХП у Дреамвеаверу

Сада отворите ПХП датотеку и извршите потребне измјене. Да бисте ову датотеку у програму Дреамвеавер прегледали једноставно притисните Ф12 и резултати ће се приказати у вашем подразумеваном претраживачу. Можете да промените у којем се претраживачу користи Уредити -> Преференцес -> Преглед у прегледачу. Ово омогућава брже уређивање времена претпрегледа, елиминише потребу за уношењем дугачких УРЛ-ова у траку прегледача или коришћење другог серверског софтвера за приказивање ПХП датотека, од којих све штеди време!

То је све. Хаппи Дреамвеавер'инг :-)

Напомена уредника: Овај пост је написао / ла Јессе Матлоцк фор Хонгкиат.цом. Последњих 6 година, Џеси се бавио дизајном корисничког интерфејса, развојем апликација и веб трендовима. Он је оснивач и руководилац дизајна за мали, иако веома талентован развојни тим који се фокусира на развој прилагођених апликација.