Відео: Реклама подобрана на основе следующей информации: (Вересень 2024)
Adobe міг відпочити на своїх лаврах, коли оновив Dreamweaver до останнього втілення в послузі Creative Cloud на основі підписки як Dreamweaver CC. У попередньому втіленні Dreamweaver CS6, що входить до Creative Creative 6, Adobe, передовий редактор веб-сайтів Adobe вже мав чи не має серйозної конкуренції як інструмент для створення та підтримки сучасних веб-платформ. Наприклад, Dreamweaver CS6 представив готові до використання "текучі сітки" веб-макети, які використовують CSS для автоматичної переробки веб-сторінок відповідно до розміру екрана, що спрощує побудову використання одного сайту за допомогою телефонів, планшетів та настільних комп’ютерів без комплексу CSS-кодування вручну, необхідне раніше.
Новий Dreamweaver CC покращує функціональну функцію сітки завдяки підтримці структурних елементів HTML5, таких як розділи та статті. Він також додає інструмент CSS-конструктор, що не менш економить зусиль, який використовує інтерактивний графічний інтерфейс для зміни властивостей CSS, таких як тіні та вигнуті кути, тому вам потрібно лише натиснути та перетягнути, щоб змінити складний код CSS, бачачи результати в реальному режимі, час. Повна підтримка веб-шрифтів - завантажених з серверів Adobe, коли браузер завантажує сторінку - полегшує створення привабливих дизайнів. Крім того, як і решта пакету Creative Cloud, Dreamweaver також отримує спрощений і легше налаштований інтерфейс і працює однаково під Windows і OS X.
Pro та Semi-Pro
Dreamweaver - це інструмент професійного рівня, який варто мати - якщо ви можете собі це дозволити - навіть якщо ви не професіонал. Уперше користувачів Dreamweaver може залякати безліч меню та панелей властивостей у макеті за замовчуванням, але незабаром стає зрозуміло, як використовувати їх для отримання швидкого доступу до розширеного контролю над елементами CSS або швидкого перемикання між дисплеями, які показують, як веб-сторінка буде виглядати при друку або при відображенні на екранах різного розміру. Просунуті веб-дизайнери можуть натиснути на меню віджетів інтерфейсу інтерфейсу на основі JavaScript, щоб створити спливаючі діалогові вікна, інструменти вибору дати, меню стилю акордеона та все інше в поточному репертуарі ефектів інтерфейсу користувача. Але навіть менш розвинені користувачі можуть створювати гнучкі веб-сайти, сумісні з HTML5, які добре виглядають на будь-якій платформі.
Розпочніть плетіння мрій
Починаючи з порожньої сторінки або зразкового макета, ви клацаєте на елементи на панелі "Вставити", щоб додати елементи, такі як шаблони (з регіонами, які можна редагувати і не можна редагувати), мультимедіа (HTML5 або Flash) та стандартні функції HTML. Екран за замовчуванням розділений на панель коду та панель дизайну WYSIWYG, але ви можете вибрати одну чи іншу або зробити панель дизайну "Live" для перегляду медіа-вмісту, наприклад, відео чи вмісту, який подаватиметься з бази даних, коли сторінка з’являється у браузері. Одне, що я захоплююсь у Dreamweaver, - це те, що він не надає переваги фірмовим технологіям Adobe, як Flash над відкритими стандартами, як відео HTML5, але надає однакову підтримку обом - і навіть забезпечує кращий вигляд та більш корисний відеопрогравач HTML5, ніж його вбудований Flash Player.
Коли ви створюєте сторінку з функцією текучої сітки Dreamweaver, додаток спочатку створює сторінку, яка містить сітку вертикальних стовпців, які видно в Dreamweaver, але не тоді, коли сторінка відображається в браузері. За замовчуванням сторінка, призначена для телефонів, вміщується у чотири з цих невидимих стовпців. Коли ця ж сторінка відображається на планшеті, вона заповнює вісім стовпців і дванадцять стовпців, коли відображається на настільному верстаті.
Коли ви перемикаєтесь між розмірами екрана у вікні редагування Dreamweaver, вміст вашого сайту переставляє себе відповідно до ширини, заданої для конкретного типу екрана, і ви можете використовувати панель дизайнера CSS для налаштування форми, розміру та інших властивостей окремих елементів відповідно до різних розмірів екрана.
