Як змінити зовнішній вигляд таблиці в Dreamweaver

Потрібно змінити зовнішній вигляд таблиці на своєму сайті? Коли ви вибираєте таблицю в Dreamweaver, інспектор властивостей надає вам доступ до наступних параметрів для налаштування зовнішнього вигляду таблиці:

• Таблиця: надає текстову область, де можна ввести назву таблиці. Це ім’я або ідентифікатор корисно для націлювання на таблицю в сценаріях.

• Рядки: показує кількість рядків у таблиці. Ви можете змінити розмір таблиці, змінивши номер. Але будьте обережні: якщо ви введете число, менше за кількість рядків у вашій таблиці, Dreamweaver видаляє нижні рядки — вміст і все.

• Cols: відображає кількість стовпців у таблиці. Ви можете змінити розмір таблиці, змінивши номер. Знову ж таки, якщо ви введете число менше, ніж кількість стовпців у вашій таблиці, Dreamweaver видаляє стовпці з правого боку таблиці — вміст і все.

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

  тег.

  Розміри таблиці, виражені у відсотках, дозволяють створювати таблиці, розмір яких змінюється при зміні розміру вікна браузера. Якщо ви хочете, щоб таблиця завжди займала 75 відсотків вікна, незалежно від області відображення користувача, установіть розмір у відсотках. Якщо ви хочете, щоб таблиця завжди була однакового розміру, незалежно від розміру вікна браузера, виберіть пікселі для ширини таблиці.

  Якщо таблиця вставлена ​​в інший контейнер, наприклад a

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

  Примітка. Починаючи з Dreamweaver CS4, ви більше не знайдете поле H (висота). Як найкраща практика, більшість дизайнерів не вказують висоту таблиці, оскільки вміст таблиці може змінюватися від одного відвідувача до іншого. Наприклад, розмір шрифту тексту залежить від системи та налаштувань користувача.

• CellPad: визначає простір між вмістом комірки та її межею.

• CellSpace: визначає простір між клітинками таблиці.

• Вирівняти: керує вирівнюванням таблиці на веб-сторінці. Доступні параметри за замовчуванням, Ліворуч, По центру та Праворуч. Як правило, параметр за замовчуванням вирівнює таблицю з лівого боку вікна браузера або іншого контейнера.

• Межа: контролює розмір рамки навколо таблиці. Чим більше число, тим товщі межі. Якщо ви хочете, щоб межа була невидимою, встановіть для неї значення 0.

• Клас: забезпечує легкий доступ до параметрів таблиці стилів.

• Очистити та перетворити: значки в нижній лівій частині інспектора властивостей (клацніть стрілку розширювача в нижньому правому куті, щоб переглянути їх) надають такі параметри форматування:

  • Очистити висоту рядків і Очистити ширину стовпців дозволяють видалити всі значення висоти та ширини одночасно.

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

Ви також можете застосувати параметри форматування та змінити атрибути будь-якого елемента — наприклад, тексту, зображення чи мультимедійного файлу — у клітинці таблиці. Для цього виділіть елемент, а потім скористайтеся параметрами в інспекторі властивостей CSS або HTML, щоб внести потрібні зміни, так само, як якщо б елемента не було в клітинці таблиці.