Як створити внутрішні та зовнішні таблиці стилів у Dreamweaver

Коли ви створюєте нові стилі в Dreamweaver, вам потрібно вирішити, чи зберігати стиль у внутрішній чи зовнішній таблиці стилів. У внутрішній таблиці стилів правило стилю зберігається у верхній частині HTML-документа, де потрібно застосувати стиль. У зовнішній таблиці стилів нові стилі зберігаються в окремому документі, який можна прикріпити до будь-якого файлу на вашому веб-сайті.

Зовнішні таблиці стилів пропонують найбільші переваги, оскільки використання одного набору стилів на багатьох сторінках ефективніше, ніж створення стилів для кожної сторінки вашого сайту. Тим не менш, іноді внутрішні таблиці стилів є хорошим вибором, наприклад, коли ви створюєте стиль, який застосовуватиметься лише до елементів на одній сторінці.

Як створити внутрішню таблицю стилів у Dreamweaver

Внутрішні таблиці стилів зберігаються в тому самому файлі HTML, де вони застосовано. Таким чином, ви не створюєте файл під час створення внутрішньої таблиці стилів, як при створенні зовнішньої таблиці.

Натомість, коли ви створюєте внутрішню таблицю стилів, ви просто додаєте

теги у вашому файлі.

Для створення нового внутрішнього стилю в Dreamweaver потрібно всього два кроки. Спочатку натисніть значок плюса (+) на панелі «Джерела» у верхній частині панелі «Конструктор CSS». Потім виберіть Визначити на сторінці зі спадного списку. Ви закінчили. Dreamweaver вставляє

тег.

Як створити зовнішню таблицю стилів у Dreamweaver

У верхній частині панелі CSS Designer ви знайдете панель «Джерела». На цій панелі відображаються назви або назви будь-яких таблиць стилів, доступних для відкритої сторінки. Ця ж панель використовується для створення або посилання на таблиці стилів під час створення або застосування стилів.

Щоб створити зовнішню таблицю стилів, спочатку створіть та збережіть новий файл HTML або відкрийте наявний файл у Dreamweaver, а потім дотримуйтесь цих інструкцій:

Натисніть значок плюса (+) на панелі «Джерела» у верхній частині панелі «Конструктор CSS».

Відкриється спадний список із трьома параметрами: Створити новий файл CSS, Вкласти існуючий файл CSS та Визначити на сторінці.

Виберіть опцію Створити новий файл CSS зі спадного списку.

Відкриється діалогове вікно Створення нового файлу CSS.

Введіть назву для нового файлу таблиці стилів.

Ви можете називати таблиці стилів як завгодно, якщо ви не включаєте пробіли або спеціальні символи, крім дефіса (-) або підкреслення (_).

Виберіть параметр Посилання.

Посилання вважається найкращою практикою в більшості випадків і вибирається за замовчуванням у Dreamweaver.

Здебільшого параметр «Імпорт» використовується лише тоді, коли потрібно застосувати до сторінки кілька зовнішніх таблиць стилів, але при цьому потрібно посилатися лише на одну таблицю стилів. У цьому випадку ви можете використовувати опцію Імпорт, щоб зв’язати кілька таблиць стилів з однією.

Натисніть стрілку поруч із пунктом Умовне використання, щоб переглянути додаткові налаштування.

Параметри умовного використання використовуються для налаштування медіа-запитів для таблиць стилів.

Натисніть кнопку OK.

Таблиця стилів збережена та пов’язана з HTML-сторінкою, яку ви відкрили в Dreamweaver. Примітка. Якщо ви працюєте над новою сторінкою HTML, переконайтеся, що ви зберегли сторінку; інакше ви не зможете створити та зв’язати новий файл CSS.

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