Як створити таблицю в Dreamweaver

Ви можете вставити таблицю, клацнувши піктограму «Таблиця» на панелі «Вставка макета» Dreamweaver або скориставшись меню «Вставка», як показано в покрокових інструкціях, наведених далі. Не турбуйтеся про вдосконалення налаштувань; ви змінюєте всі ці параметри пізніше (за винятком налаштувань доступності, які можна редагувати лише в режимі перегляду коду після створення таблиці).

Щоб створити таблицю в Dreamweaver:

Виберіть «Вставка»→ «Таблиця» або клацніть піктограму «Таблиця» на панелі «Загальна» або «Вставка макета».

З’явиться діалогове вікно Таблиця.

У полях «Рядки» та «Стовпці» вкажіть, відповідно, кількість рядків і стовпців у вашій таблиці.

У полі «Ширина таблиці» введіть ширину таблиці, а потім виберіть «Відсотки» або «Пікселі» зі спадного списку.

Якщо вибрати пікселі, таблиця буде створена у фіксованому розмірі. Якщо вибрати Відсоток, таблиця буде розширюватися або зменшуватися в залежності від розміру вікна браузера. Наприклад, якщо створити таблицю та встановити розмір 80 відсотків, вона заповнить 80 відсотків простору вікна браузера.

У полі Товщина кордону вкажіть товщину межі таблиці в пікселях.

Ви можете ввести 0 у це поле, щоб створити таблицю без видимої межі.

У полях «Відступ від клітинок» і «Відстань між клітинками» введіть кількість пікселів заповнення та інтервалу між клітинками для вашої таблиці.

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

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

(Необов’язково) У поля «Спеціальні можливості» додайте підпис і підсумок.

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

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

Таблиця додається на сторінку в Dreamweaver, а діалогове вікно Таблиця закривається.

Щоб додати текст до таблиці, клацніть, щоб помістити курсор у будь-яку клітинку таблиці, а потім введіть потрібні дані в цю клітинку. Повторіть для кожної клітинки.

Крім того, ви можете використовувати Редагувати→ Спеціальна вставка, щоб вставити стовпчасті дані з іншої програми, наприклад Excel.

Щоб вставити зображення в комірку, клацніть, щоб помістити курсор у будь-яку клітинку таблиці, а потім виберіть Вставити→ Зображення→ Зображення. Повторіть для кожної клітинки.

Крім того, ви можете використовувати значок «Зображення» на панелі «Загальна вставка».

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

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

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

Авторство: Фото Джанін Уорнер

Іноді виділити всю таблицю, а не лише окрему комірку, досить складно. Якщо у вас виникли проблеми з вибором таблиці, просто помістіть курсор в будь-яке місце таблиці та виберіть «Змінити→ Таблицю→ Вибрати таблицю».