Інтеграція Adobe Photoshop і Dreamweaver CS3, MS Office, Програмні керівництва, статті

Зараз напевно вже ніхто не оспорює лідерство Photoshop в області растрової графіки. Аналогічну позицію лідера у сфері веб-дизайну займає і продукт Dreamweaver, Який не так вже й давно купила Adobe у Macromedia. Багато веб-майстри готують графічну складову сайту в Photoshop, а потім уже займаються версткою в візуальних редакторах, і перед фахівцем завжди постає питання, як поєднати роботу двох програм, зробити її більш комфортною і зручною. Про те, як цього домогтися, на прикладі Photoshop і Dreamweaver CS3, і піде сьогодні мова.


Відкрийте Dreamweaver CS3. Для нормальної роботи Dreamweaver потрібно налаштування сайту, вказати його місце розташування на вашому комп’ютері + деякі додаткові параметри. Тому, якщо відповідна настройка у вас не була проведена раніше, виконаємо її зараз. Для цього заходимо в меню Site >New Site. Замість Unnamed Site вводимо свою назву вашого проекту. Тиснемо Next.

У наступному вікні нам пропонують вибрати застосовувану технологію (PHP, ASP і т.д.), зупинимося на класичному html варіанті і виберемо пункт No. I don’t want to use a server technology. Тиснемо Next.

Вказуємо місцерозташування папки сайту і знову тиснемо Next. У наступному вікні зі списку вибираємо None. Тиснемо на кнопку Next. В останньому вікні нам пропонують перевірити зазначену інформацію і або все відмінити натиснувши Cancel, Або підтвердити, натиснувши Done. Тиснемо Done. Буде створено кеш сайту. Нам необхідно створити головну сторінку. Для цього йдемо в меню File >New.
В поле Page type вказуємо html, в Layout вибираємо None, в Doc Type встановлюємо None. І зберігаємо її командою File >Save as. В поле імені файлу вкажіть index.html

Підготовка закінчена. Тепер припустимо, у вас є готовий макет документа в PSD форматі, і ви хочете інтегрувати його або його частину в веб-страніку. В Dreamweaver йдемо в меню Image >Insert і вказуємо ваш PSD файл макета.


зліва направо:



І останнє, що хочеться додати з приводу інтеграції. Рекомендую вам встановити Photoshop в якості програми для редагування зображень, розташованих в Dreamweaver, за замовчуванням. Погодьтеся, набагато зручніше мати можливість відкрити потрібне зображення в редакторі клацнувши по ньому правою кнопкою миші і вибравши відповідний пункт, ніж намагатися знайти його в можливо складній структурі директорій зображень з великого списку. Отже, виправляємо становище. Йдемо в меню Edit >Preferences >File Types Editor. В поле Extensions (Розширення) вибираємо відповідний тип файлу, наприклад. Gif, потім в правій частині, де поле Editors, клацаємо по плюсик і вказуємо шлях до файлу, що запускає Photoshop.


Натискаємо Ок і насолоджуємося.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*