 |
9.4.4. Робота з таблицями. 9.4.5. Створення форм
|
|
|
|
9. 4. 4. Робота з таблицями
Таблиці – це могутній інструмент створення Web-сторінок, який призначений для розміщення даних і зображень у HTML-публікації. Таблиці використовуються для формування вертикальної і горизонтальної структури Web-сторінки.
Таблиці складаються з трьох базових компонентів:
1. Рядка (горизонтальний інтервал).
2. Стовпця (інтервал між рядками).
3. Комірки (контейнер, коли рядок і стовпець перетинаються).
Перетворення таблиці до вигляду, що відповідає змісту Web-сторінки, дає змогу досить просто реалізувати дизайнерську концепцію проектованого HTML-документу. У процесі створення підсумкового документу можна додавати в таблицю зміст; видаляти, розбивати, додавати і поєднувати рядки і стовпці; змінюючи вигляд таблиці, додавати колір і вирівнювання; створювати копії й комірки розміщення.
Можливе використання вкладених таблиць: розміщення нової таблиці всередині створеної таблиці, що підвищує гнучкість створюваного проекту.
При використанні пакета Dreamweaver можна перетворювати розміщення таблиці і розміщення шару (рівня). Таблиці і шари дають змогу керувати позиціюванням елементів сторінки.
Форматування таблиць. У процесі форматування таблиць можна змінювати вигляд таблиць, встановлювати нові атрибути для таблиць і окремих комірок таблиці.
Форматування тексту в таблицях здійснюється відповідно до загальних правил форматування тексту.
Додавання, об'єднання і видалення рядків, стовпців і комірок. У процесі створення таблиці, що відповідає вимогам розміщення конкретної інформації на сторінці, може виникнути необхідність у модифікації регулярної таблиці, що задається в діалоговому вікні (рис. 9. 37). Для цього використовують команди підменю Modify/Table (рис. 9. 39).
|
|
|
Команди приведеного підменю традиційні. Вони передбачають об'єднання комірок (Merge Cells), розбивка комірок (Split Cell... ), вставку рядків і стовпців (Insert Row, Column, Rows чи Columns), їхнє видалення (Delete Row, Column), збільшення розмірів рядка і стовпця (Increase Row Span, Column Span), зменшення розмірів рядка і стовпця (Decrease Row Span, Column Span).
Програмний пакет Dreamweaver передбачає багато інших можливостей настроювання атрибутів і оформлення таблиць відповідно до дизайнерського проекту Web-сторінки.
9. 4. 5. Створення форм
Форми служать для організації інтерактивної взаємодії з електронним виданням і збору інформації про відвідувачів Web-серверу (сайту).
Створення форм базується, з одного боку, на вихідному тексті HTML, що описує елементи форми (наприклад, поля, мітки, кнопки і т. д. ), і на сценаріях чи додатках, що обробляють представлену на розгляд інформацію (типу сценарію CGI).
Macromedia Dreamweaver забезпечує створення ряду елементів форми:
типу текстових полів, полів пароля, радіокнопок, перемикачів, меню, що випливають, поля чи зображень (типу кнопки Submit). Dreamweaver використовується також для перевірки правильності поводження форми.
Об'єкти форми. У пакеті Dreamweaver елементи форми називаються об’єктами форми. У цьому програмному середовищі можна вставляти об'єкти форми, використовуючи панель форм палітри об'єктів, чи за допомогою команд Insert/Form (Імпортування/Форма) і Insert/Form Object (Імпортування/Об'єкти форми). Нижче приведено підменю команди Insert/Form Object (рис. 9. 43).
У програмному середовищі Dreamweaver використовуються наступні об'єкти форм:
- Text Field (текстове поле). Використовується для вводу текстової інформації у форму. Текстові поля забезпечують вводу будь-якого типу тексту, алфавітної чи числової інформації. Введений текст може відображатися у вигляді однорядкового чи багаторядковому поля вводу, визуалізуватися в текстовому полі або замінятися зірочками при введенні паролів.
|
|
|
- Button (текстова кнопка). При натисканні таких кнопок виробляється скидання форми або формується команда на виконання конкретної задачі, передачі інформації на обробку.
У розглянутому програмному середовищі можуть створюватися:
Ø Кнопки відправлення. При активізації цих кнопок виробляється відправлення даних форми. У формі може бути кілька кнопок відправлення.
Ø Кнопки скидання. При їхній активізації для всіх елементів форми встановлюються вихідні значення.
Ø Інші кнопки. Для цих кнопок дія за замовчуванням не визначена. З атрибутами подій кожної такої кнопки можуть бути зв'язані клієнтські скрипти. Якщо відбувається подія (наприклад, користувач натискає кнопку, відпускає її і т. д. ), включається зв'язаний з подією скрипт.
- Radio Button (кнопки з залежною фіксацією). Ці об'єкти форми називають також прапорцями. Прапорці або кнопки з залежною фіксацією – це перемикачі вкл. /викл., що можуть переключатися користувачем.
- Вибір визначеної кнопки всередині групи скасовує вибір всіх інших кнопок у групі. Якщо одна кнопка включена, інші обов'язково виключені.
- Checkbox (перемикач). Перемикачі дають змогу отримати багато відповідей в групі опцій.
- File field (поле файлу). Об'єкти форми цього типу надають користувачам можливість вставляти імена файлів, вміст яких може передаватися разом з формою. Поле файлу може вставляти порожнє текстове поле і кнопку Browse у документ. Поля файлу забезпечують користувачам перегляд структури папок і файлів на їхніх твердих дисках, а також завантажують вибрані файли як дані форми.
– Image field (поле зображення). У форму можуть вставлятися зображення.
Поля зображення використовуються замість звичайних кнопок. Їх називають “графічні кнопки”.
- Hidden field (приховані поля). Автори можуть створювати елементи форми, які не подаються користувачам, але мають значення, що передаються з формою. Приховані поля дають змогу зберігати інформацію, введену користувачем, наприклад імена, адреси електронної пошти, чи переваги.
- Jump Menu. З його допомогою здійснюється вибір одного з запропонованих варіантів. Це меню вставляє навігаційний список, випливаюче меню або меню, у якому кожна опція зв'язана з визначеним документом чи файлом.
|
|
|
Поля вводу. Використовуються три типи полів:
1. текстові поля
2. поля файлу
3. приховані поля.
У створених полях можна встановлювати довжину поля, число рядків, число символів у рядку. Для задання атрибутів полів вводу служить панель контролера властивостей (рис. 9. 47).
Як приклад розглянемо створення однорядкових полів вводу:
1. Поміщаємо місце розміщення всередині контуру форми. Потім виконуємо одну з наступних операцій:
2. Вибираємо команду Insert/Form Object/Text Field (Імпортування/Об'єкт форми/Текстове поле).
3. У панелі форм палітри об'єктів натискаємо іконку Insert Text Field (Імпортування текстового поля). Текстове поле з'являється в документі.
4. У панелі контролера властивостей (для текстового поля) вводиться унікальне ім'я цього поля. Ім'я набирається без пробілів, наприклад, first_name.
У полі Char Width:
1. Можна використовувати настроювання за замовчуванням, що встановлює довжину текстового поля в 24 символа.
2. Можна ввести число, що визначає довжину текстового поля.
У полі Max Chars можна:
1. Ввести число, яке обмежує максимальна кількість символівів, що користувач може ввести в це поле. Наприклад, поле вводу пароля можна обмежити вісьмома символами. Якщо користувач вводить більшу кількість символів, формується сигнал тривоги (звук).
2. Залишити поле порожнім, надаючи користувачам можливість вводити необмежений обсяг інформації. У цьому випадку передбачається скролінг тексту.
Для вибору типу використовуються три прапорці: Single-line, Multi- line і Password.
3. У поле Init Val вводиться текст, який буде відображатися в текстовому полі при завантаженні форми у вікно перегляду користувача.
Поруч з об'єктом форми можна ввести текстове пояснення.
|
|
|
