Ми розглянули десятки найкращих програмних платформ для створення веб-сайтів тут, від піднесеного до смішного. Ми також дослідили додаток, розроблений, щоб допомогти вам написати цілу сторінку або сайт виключно в коді. Без надмірностей, лише сирий HTML. Зрозуміло, що незалежно від вашого досвіду, існує програма чи послуга, яка задовольнить ваші потреби.
Але є додаток, розроблений для професіоналів і є в значній мірі унікальним у цій галузі, переживши чи викупивши конкуренцію за ці роки: могутній Adobe Dreamweaver. Тож давайте подивимось на останню версію CC 2022-2023.
Не будемо ігнорувати слона в кімнаті, а вирішувати його з головою (маючи на увазі бивні): усі продукти Adobe доступні виключно за передплатою. Це означає, що ви платите щомісяця, і у вас завжди буде в наявності найновіша і найкраща версія. Припиніть платити, і додаток зникне, і ваші проекти будуть недоступні для вас (якщо ви не витягнете з них необроблені формати).
- Хочете спробувати Adobe Dreamweaver? Перевірте веб-сайт тут
Ви можете самостійно підписатися на Dreamweaver за 20,99 доларів США (19,97 фунтів стерлінгів) на місяць за річним планом або 31,49 доларів США (30,34 фунтів стерлінгів) щомісяця.
Однак $ 52,99 (£ 49,94) на місяць за річним планом (або $ 79,49 (£ 75,85) щомісяця) надає вам доступ до всього портфоліо Adobe, що означає, що ви можете розробляти в Photoshop та Illustrator, переміщувати ці файли до Dreamweaver, редагувати фільм у Premiere та вставте його на свою веб-сторінку. Все розроблено для спільної роботи, і всі інтерфейси мають подібність між собою, що допомагає вам легко переходити від одного додатка до іншого без особливих труднощів - поки ви зрозумієте тонкощі кожного, звичайно.
Студенти та викладачі можуть отримати цілий пакет всього за 19,99 доларів США на місяць за річним планом, що є просто шаленою цінністю (або чудовим способом зачепити вас).
Давайте почнемо - не надто лякайтесь - хоча б не так скоро …Починаємо
Як і слід було очікувати, Dreamweaver підтримує всі веб-стандарти від базового HTML, до CSS, Javascript та всіх сучасних функціональних можливостей, включаючи Bootstrap. Він зосереджений на створенні адаптивних веб-сайтів, які адаптуються до пристрою, на якому відвідувач переглядає його (будь то комп’ютер, планшет чи телефон), але, звичайно, ніщо не заважає вам створювати невідповідні веб-сайти та інструктує ваш сайт переспрямовувати на конкретні сторінки в залежності на пристрої, на якому він переглядається.
Dreamweaver пропонує вам декілька шаблонів, які допоможуть згорнути м’ячЯкщо ви новачок у Dreamweaver, програма пропонує вам кілька шаблонів для початку. Вони дуже корисні, щоб допомогти вам вдаритися об землю, так би мовити, і часто можуть бути кориснішими, ніж вдивлятися в порожню сторінку.
Однак на вибір не так багато шаблонів, і не обманюйте себе, думаючи, що Dreamweaver зробить всю роботу за вас: розглядайте заповнювачі як натхнення для самостійного налаштування цих сторінок.
Перевірте попередній перегляд вашого сайту та перетягніть елементи прямо туди, куди ви їх хочетеСтворення веб-сайту
Інтерфейс розділений на різні розділи, які можна певною мірою налаштувати. Бічна панель ліворуч надає вам доступ до загальних команд, таких як відкриття документів, керування файлами та параметри Live View.
На вкладках праворуч ви керуєте файлами веб-сайту та бібліотеками CC. Є список елементів, які можна перетягнути на вашу сторінку, а також розділ для проектування каскадних таблиць стилів.
А основна частина інтерфейсу присвячена або коду, або попередньому перегляду сторінки, яку ви створюєте.
Перевірте, як буде виглядати ваш сайт, імітуючи різні екрани та роздільну здатністьВи можете легко переключатися між переглядом повного попереднього перегляду вашої сторінки (разом із параметрами для імітації того, як буде виглядати сторінка на екранах різного розміру), лише вдивляючись у код або їх суміш.
Вікно властивостей допомагає швидко вносити зміни до виділених елементівЩоб змінити частини вашої сторінки (наприклад, зображення або текст), відкриття плаваючого вікна Властивості дозволить вам внести необхідні зміни. Існує навіть простий спосіб перетягнути піктограму цілі на інше зображення на вкладці Файл, щоб швидко та легко перемикати зображення.
Незважаючи на такі особливості, якщо ви не знаєте кодування, ви досить швидко загубитесь. Так, ви можете перетягувати елементи з вкладки "Вставка" на попередній перегляд сторінки, але це затягне вас лише настільки далеко, і ви виявите, що вам доведеться швидко і часто вникати в код, щоб внести зміни тобі потрібно.
Dreamweaver намагається це зробити просто: виділіть текст у розділі попереднього перегляду, а той самий текст виділено в коді, скорочуючи час, витрачений на пошук того самого розділу. Вірно і зворотне: виділіть деякий код, а розділ, який він стосується, виділяє в області попереднього перегляду.
Це, мабуть, одна з причин, чому ми вважаємо, що вид розділення є найкращим варіантом, оскільки він дозволяє перетягувати елементи, а потім занурюватися в код, щоб внести необхідні зміни за лічені секунди.
Підказка коду - чудовий спосіб автозаповнення під час введення текстуЩе одним вдосконаленням, яке ми оцінили, були підказки щодо коду: так само, як коли ви вводите текст на телефоні, і інтерфейс пропонує вам вибір слів, які, на вашу думку, ви вводите зараз, так що ви можете вибрати потрібне швидше, ніж вводити повністю, починайте писати код у Dreamweaver, і під час цього вам будуть запропоновані підказки. Це не тільки допомагає швидше писати, але й допомагає точно вводити код та уникати помилок. Ми вважаємо, що це може мати велику користь як для професіоналів, так і для початківців.
Останні доповнення з CC2020
Оскільки Dreamweaver постійно оновлюється, і ви можете завантажити останню версію в будь-який час, поки ваша підписка ще діє, нові функції додаються та поступово вдосконалюються. Як не дивно, двоє або наші улюблені - а саме редагування перегляду в реальному часі та підказка коду - ось деякі з останніх удосконалень.
Інший великий - нова конфігурація шрифту для японської Dreamweaver, але, не маючи жодних знань цієї мови, це, на жаль, не те, що ми змогли перевірити.
Підтримка
«Довідка» спрямовує вас до онлайн-бази знань Adobe Dreamweaver, що містить навчальні посібники та детальний посібник користувача. Розділ форуму може допомогти вам знайти інших, у кого були подібні проблеми, з якими ви можете стикатися, і - сподіваємось - показати вам, як їх вирішити.
Якщо цього недостатньо, ви можете поспілкуватися з представником Adobe. Коли ми це перевірили, людина, з якою ми спілкувались, швидко повернулася з відповідними відповідями.
Остаточний вердикт
Dreamweaver - це величезна і складна програма, і цей огляд ледь подряпав її поверхню, але ми сподіваємось, що ви бачите, що тут є що любити. Існує безліч функцій, які допоможуть вам швидко та ефективно створювати веб-сайти, лише якщо ви не проти заглибитися в код. Dreamweaver не зробить це все за вас, але зробить все можливе, щоб полегшити ваш процес створення.
Однак якщо ваші знання HTML обмежені або взагалі відсутні, ми рекомендуємо почати з іншого додатка чи служби, оскільки це може здатися вам занадто лякаючим. І навпаки, якщо у вас вже є передплата на Adobe Creative Cloud, то дуже мало причин не спробувати цю програму, тим більше, що функції підтримки є ретельними, а довідкова служба дуже обізнана.
- Ми також виділили найкраще програмне забезпечення для веб-дизайну