Створення та форматування таблиці в Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver підтримує створення та форматування таблиць на вашому веб-сайті. Коли ви думаєте про таблицю , думайте про сітку, як електронну таблицю. Ви можете змінювати кольори клітинок у таблицях, розділяти або охоплювати клітинки (об’єднувати їх з іншими клітинками) і застосовувати до них межі.

У деяких випадках ви не бачите саму таблицю, оскільки ви можете розмістити вміст у формі рядків і стовпців, не показуючи таблицю; в даному випадку це просто інструмент форматування. Коли ви створюєте таблицю, ви можете визначити, скільки рядків і стовпців вона містить. Ви також можете вибрати охоплення рядків і стовпців, щоб створити унікальні таблиці.

Таблиця з об’єднаними рядками та стовпцями.

Помістіть курсор там, де ви хочете, щоб з’явилася таблиця, переконайтеся, що на панелі «Вставка» видно вкладку «Загальні», а потім натисніть кнопку «Таблиця».

Крім того, ви можете вибрати Вставити→Таблиця. Який би метод ви не використовували, з’явиться діалогове вікно Таблиця.

Установіть специфікації таблиці в діалоговому вікні Таблиця.

Введіть або виберіть атрибути таблиці, яку потрібно створити:

• Рядки: у текстовому полі «Рядки» введіть потрібну кількість рядків у таблиці. Рядки складаються вертикально, і їх можна додати або видалити після створення таблиці.

• Стовпці: у текстовому полі Стовпці введіть потрібну кількість стовпців у таблиці. Стовпці створюються горизонтально по всій таблиці і можуть бути додані або видалені після її створення.

• Ширина таблиці: введіть вимірювання ширини в текстовому полі «Ширина таблиці», а потім виберіть вимірювання (пікселі або відсотки) зі спадного списку праворуч. Ширина таблиці встановлює розмір за замовчуванням для таблиці. На 100 відсотків таблиця займає 100 відсотків вашої веб-сторінки, змінюючи розмір при зміні розміру сторінки. Введіть значення в пікселях, щоб таблиця завжди залишалася однакового розміру.

• Товщина межі: введіть (у пікселях) потрібну товщину для ширини межі, що оточує клітинки та за межами таблиці. Якщо ви не хочете бачити форматування таблиці, введіть 0 у текстовому полі «Товщина кордону». У режимі конструктора ви все ще бачите пунктирну межу таблиці. Ви бачите справжні кордони, коли переглядаєте сторінку в браузері або в режимі Live View.

• Заповнення клітинок: введіть число в текстовому полі «Заповнення клітинок», якщо ви хочете створити поле навколо всього вмісту всередині комірки.

• Інтервал між клітинками: введіть число в текстовому полі «Інтервал між клітинками», якщо потрібно розсунути клітинки.

• Заголовок: виберіть тип заголовка, який потрібно включити в таблицю (або виберіть Немає, якщо не потрібно заголовків).

• Доступність: додайте підпис, який відповідає вашій таблиці, у текстове поле Підпис. В області Підсумок додайте кілька рядків тексту, щоб надати більше інформації про призначення таблиці.

Натисніть OK.

Ваша таблиця створена.

Працюючи з таблицями, спробуйте скористатися функцією розширеної таблиці в Dreamweaver. (Знайдіть кнопку «Розгорнути» у розділі «Макет» панелі «Вставка».) Розгорнуте подання додає відмітки та інтервали в таблиці та збільшує розмір межі, щоб полегшити вибір. Для точного попереднього перегляду поверніться до стандартного вигляду (натисніть кнопку «Стандартний» у розділі «Макет» панелі «Вставка») після завершення редагування.