Нові параметри документа для HTML-сторінок у Dreamweaver

Діалогове вікно «Новий документ» Dreamweaver має чотири основні області: варіанти зліва, які визначають тип файлу (HTML, CSS або будь-який з великого набору можливих інших типів файлів), чи використовуєте ви зразок чи шаблон для створення свою сторінку та інші параметри.

У стовпці «Тип сторінки» ви вибираєте тип файлу (HTML, якщо ви створюєте нову веб-сторінку HTML). У стовпці "Макет" ви можете вибрати один із доступних зразків або початкових сторінок (або виберіть жодну, щоб почати з пустої сторінки).

Область попереднього перегляду у верхньому правому куті діалогового вікна попередньо переглядає, як виглядатиме ваша сторінка, якщо ви використовуєте макет. У нижньому правому куті діалогового вікна «Новий документ» можна змінити тип документа (за умовчанням — HTML5), а також використовувати піктограму посилання (вона виглядає як ланцюжок), щоб прикріпити таблицю стилів CSS.

Щоб розпочати створення сторінки, клацніть відповідний елемент із варіантів у лівій частині екрана:

• Пуста сторінка: виберіть цей параметр, щоб створити основну порожню сторінку HTML. Виберіть HTML як тип сторінки, як макет, а потім HTML5 як оголошений тип документа (у спливаючому вікні DocType у правому стовпці). Натисніть кнопку Створити, і ви побачите те, що показано тут.

  

  Примітка. Виберіть HTML5 як тип документа, оскільки старіші, застарілі версії HTML накладають застарілі правила, які викликають дратівливі та непотрібні помилки веб-переглядача. Використання HTML5 дозволяє уникнути всього цього і не дає браузерам розумно інтерпретувати вміст сторінки, включаючи виправлення впізнаваних помилок (наприклад, пропущений закриваючий тег в абзаці).

• Порожній шаблон: ця категорія містить набір зразків шаблонів Dreamweaver.

• Fluid Grid Layout: користувачі Dreamweaver CS6 мають додаткову вкладку категорії для створення того, що Dreamweaver називає Fluid Grid Layouts або Multiscreen Projects. Це сторінки з більш ніж однією пов’язаною таблицею стилів CSS: тобто сторінки, які відображаються по-різному залежно від розміру медіа (екрану), на якому вони переглядаються.

• Сторінка з шаблону: генеруйте нові сторінки з існуючих шаблонів Dreamweaver.

  Шаблони Dreamweaver не є загальними зразками сторінок конструктора макетів. Для цього Dreamweaver надає зразки або початкові сторінки. Dreamweaver Templates — це власний інструмент, який керує елементами сторінки Dreamweaver на всьому сайті, і його не можна використовувати, якщо ви хочете інтегрувати інші інструменти веб-дизайну.

  Не використовуйте шаблони Dreamweaver, оскільки вони нестандартні, легко піддаються пошкодженню і насправді не підходять для оновлення сайту на великих сайтах. Функціональністю Dreamweaver Templates краще керувати за допомогою зовнішніх таблиць стилів CSS та інших непатентованих інструментів.

• Сторінка із зразка. Приклади сторінок відрізняються від шаблонів Dreamweaver і є більш корисними. Вони поставляються зі стилями CSS, які забезпечують форматування та заповнювач тексту та зображень, які ви можете замінити власним вмістом.

  Ви можете попередньо переглянути зразки в області попереднього перегляду діалогового вікна «Новий документ», щоб зрозуміти, чи хочете ви використовувати один із доступних зразків для створення власної сторінки.

• Інше: категорія «Інше» має параметри для створення складних, розширених або незрозумілих типів файлів, з акцентом на неясних. Серед параметрів, які найчастіше використовуються, ви можете створити файл Flash ActionScript (ActionScript — це мова програмування, яку використовує Adobe Flash) або сторінку, закодовану мовою програмування Microsoft Visual Basic.

Якщо вибрати файл HTML як тип сторінки з другого стовпця діалогового вікна «Новий документ», стовпець «Макет» відобразить різноманітні дизайни сторінок на основі CSS. У четвертому стовпці діалогового вікна «Новий документ» відображаються ескізи створеного сторінки макета для будь-якого вибраного макета.

Діалогове вікно «Новий документ» не тільки попередньо переглядає, як виглядатиме вибраний макет, але також надає три параметри у спливаючому вікні «Макет» CSS: «Додати до заголовка», «Створити новий файл» або «Посилати на існуючий файл».

• Перший варіант (Додати до заголовка) вбудовує CSS у ваш HTML-файл, що не дозволяє вам поділитися своєю таблицею стилів з іншими HTML-сторінками вашого сайту.

• Параметр «Створити новий файл», з іншого боку, створює зовнішню таблицю стилів, на яку можна посилатися з багатьох сторінок вашого сайту.

• Параметр «Посилання на існуючий файл» дозволяє вам замінити власний, уже створений файл CSS на файл, пов’язаний із зразком — що є дивним варіантом, оскільки він майже скасовує пакет зразків HTML і CSS.