Теоретичні матеріали
Що таке Adobe Dreamweaver?
Adobe Dreamweaver — це професійна програма для створення, редагування та оформлення веб-сайтів і мобільних додатків. Вона поєднує в собі зручний візуальний редактор та потужні інструменти для роботи з кодом HTML, CSS, JavaScript та PHP.Основною особливістю Dreamweaver є можливість бачити зміни коду в режимі реального часу за допомогою інтерактивного попереднього перегляду.
Інтерфейс програми
Робоче середовище Adobe Dreamweaver складається з декількох основних частин:
панель інструментів та головне меню;
робоча область документа (режими Code, Split, Live);
панель файлів (Files) для управління структурою сайту;
панель CSS Designer для візуального налаштування стилів;
панель властивостей (Properties).
Основні переваги використання
Dreamweaver спрощує та прискорює процес верстки завдяки наступним можливостям:
підсвічування синтаксису та підказки при написанні коду (Code Hinting);
автоматична перевірка помилок у коді в реальному часі;
вбудовані інструменти для створення адаптивного дизайну під мобільні пристрої;зручна система управління локальними файлами та завантаження їх на сервер.
Режими відображення сторінки
Для зручності розробки в програмі передбачено три основні режими роботи:
Code (Код): режим для роботи виключно з HTML-, CSS- та JS-кодом;
Split (Розділений): екран ділиться навпіл — в одній частині ви редагуєте код, а в іншій одразу бачите результат;
Live (Інтерактивний): візуальний режим, який відображає сторінку так, як її бачить користувач у сучасному браузері.