Dreamweaver CC за LuckyTemplates Cheat Sheet

Можете да използвате Adobe Dreamweaver CC, за да създавате нови уебсайтове или да препроектирате съществуващи. В Dreamweaver CC, което е съкращение от Creative Cloud, намирате познатата добре дошла страница плюс нови инструменти за управление на каскадни стилови таблици (CSS) и уеб шрифтове. Подобрете Dreamweaver, като инсталирате плъгини, или усъвършенствайте уебсайта си, като разгледате списък с връзки за уеб дизайнери.

Екранът за приветствие на Dreamweaver CC

Лесният за използване графичен интерфейс на Dreamweaver и мощният списък с функции го правят популярен избор сред професионални уеб дизайнери, както и любители. С всяка нова версия Dreamweaver предлага нови функции, но все пак ще намерите познатия добре дошъл екран, който да ви помогне да започнете.

Екранът за приветствие на Dreamweaver CC предоставя преки пътища към наскоро отворени файлове, нови типове файлове и видеоклипове за най-добрите функции.

Как да инсталирате разширения в Dreamweaver CC

Дори с всички страхотни функции в Dreamweaver CC, може да искате да правите неща, които Dreamweaver не може да направи с функциите, доставени с програмата. За щастие програмистите, създали Dreamweaver, направиха възможно други програмисти да добавят функции с Extension Manager. Можете да добавите нова функционалност, като добавите разширения от различни източници на трети страни, достъпни от сайта на Adobe Extension, показан на следващата фигура.

Посетете сайта на Adobe Extension, за да добавите разширения на Dreamweaver.

Можете да намерите разширения, които правят всичко - от добавяне на силно адаптивни падащи менюта и падащи менюта до създаване на пълнофункционални системи за пазарски колички. Имайте предвид обаче, че не всички разширения се поддържат добре и малцина идват с добри инструкции. Те също не са всички безплатни. Някои струват стотици долари, но повечето са в диапазона от $20 до $50. Когато посетите сайта на Dreamweaver Exchange, ще намерите отзиви и класации, които да ви помогнат да сортирате най-добрите опции.

В следващите стъпки ще видите как да намерите, изтеглите и инсталирате безплатно разширение Dreamweaver. Въпреки че как работят разширенията след като са инсталирани, може да се различава драстично, основният процес на добавянето им към Dreamweaver е почти същият.

Посетете сайта на Dreamweaver Exchange.

Направете едно от следните, за да стигнете до сайта на Dreamweaver Exchange:

• Изберете Get More Behaviors от долната част на падащия списък Add Behavior в панела Behaviors.

• Посетете www.adobe.com/exchange и следвайте връзката към секцията Dreamweaver.

• Щракнете върху връзката в долния десен ъгъл на екрана за добре дошли на Dreamweaver.

Забележка: Ако стартирате Dreamweaver и намерите връзка за изтегляне на актуализация за Dreamweaver вместо връзката към сайта на Exchange, непременно първо изтеглете и инсталирайте актуализацията. След като приключите, връзката за актуализиране се заменя с връзката към сайта на Exchange.

Сортирайте между многото налични разширения.

Ще намерите широка гама от разширения на сайта Dreamweaver Exchange. Можете да търсите в разширения по категории, ключови думи и опции за класиране. Много разширения, представени на сайта на Exchange, включват връзки към сайтовете на техните създатели, където често ще намерите още повече разширения.

Изберете разширение и прегледайте неговите функции.

Когато щракнете върху връзка към разширение на сайта на Exchange, ще намерите повече информация за разширението, включително системни изисквания и версията на Dreamweaver, за която е проектирано разширението. Като цяло можете да използвате разширения, предназначени за по-ранни версии на Dreamweaver в по-нови версии. Имайте предвид обаче, че разширенията, предназначени за по-късни версии на Dreamweaver, обикновено няма да работят в по-ранни версии на програмата, а някои разширения ще работят само на платформата Windows.

Преди да напуснете страницата на разширението, отделете време да прочетете специалните инструкции в средата на страницата. Някои разширения включват важна информация, като например къде ще намерите новата функция в интерфейса на Dreamweaver, след като е инсталирана, и предупреждения, че някои функции на разширението ще работят само когато се визуализират на жив уеб сървър (това важи за разширението за произволно изображение, за пример).

За да изтеглите разширение, щракнете върху бутона Изтегляне (за безплатни разширения) или бутона Купи до името на разширението и запазете разширението на вашия твърд диск.

В зависимост от това как разширението се хоства на борсата, може да бъдете пренасочени към друга страница, където трябва да щракнете върху Изтегляне отново, за да изтеглите разширението.

Изберете Помощ→Управление на разширенията, за да отворите диалоговия прозорец за инсталиране.

Повечето разширения изискват да затворите Dreamweaver преди инсталиране, а повечето се инсталират с натискане на бутон. Мениджърът на разширенията на Dreamweaver се стартира автоматично, за да инсталира повечето разширения.

В диалоговия прозорец Extension Manager изберете File→Install Extension и след това прегледайте устройството си, за да изберете файла с разширение, който сте изтеглили.

След като инсталацията приключи, Dreamweaver показва инструкции за използване на разширението. Тези инструкции обикновено са същите като тези, включени в средата на страницата на сайта на Exchange.

Обърнете специално внимание на частта от инструкциите, която ви казва къде ще намерите вашите новоинсталирани разширения. Разширенията могат да се добавят към менюта, диалогови прозорци и други части на Dreamweaver в зависимост от тяхната функционалност и начина, по който програмистът ги е настроил. Намирането им може да бъде трудно, ако не знаете къде да търсите.

Стартирайте Dreamweaver и намерете новата опция в менюто, бутон или друга интерфейсна функция, която контролира новото ви разширение.

В много случаи всичко, което трябва да направите, е да отворите съществуваща страница или да създадете нова страница в Dreamweaver и след това да отворите новодобавения диалогов прозорец или да изберете новата опция от меню.

Adobe непрекъснато актуализира сайта на Exchange, който е достъпен, като щракнете върху връзката Dreamweaver на www.adobe.com/exchange . Посещавайте го редовно, за да намерите нови разширения, които можете да изтеглите и инсталирате, за да подобрите набора от функции на Dreamweaver.

24 Уебсайтове и ресурси за уеб дизайнери

Дори опитни уеб дизайнери се позовават на онлайн ресурси, за да бъдат в крак с уменията си и да добавят специални функции към своите уебсайтове. Следните уебсайтове ще ви улеснят в намирането на някои ресурси, които могат да ви помогнат с вашите проекти за уеб дизайн.

• Услуги за анализ и отчитане на трафика:

  • Google Analytics

  • Yahoo! Уеб анализ

  • HubSpot

• Услуги за аудио и видео хостинг:

  • YouTube

  • Vimeo

  • SoundCloud

• Популярни уеб браузъри:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Опера

• Услуги за споделяне на социални медии

  • Добави Това

  • Lockerz Share

• Услуги за тестване на уеб браузър:

  • BrowserShots

  • Кръстосано тестване на браузъра

  • Xenocode Browser Sandbox

• Услуги за уеб шрифтове:

  • Adobe Typekit

  • Шрифт катерица

  • Google уеб шрифтове

• Информация за Dreamweaver, SEO и уеб дизайн:

  • Центърът за разработчици на Adobe Dreamweaver

  • Обучение по уеб дизайн от авторката Джанин Уорнър в DigitalFamily.com

  • SearchEngineLand

  • SearchEngineWatch

  • Уебсайт списание