Page 35 - 4418

Таблиця 5.1. - Створення посилання на елемент таблиці стилів у шаблоні
представлення
Приклад коду:

Використання стилів у «HTML-тегах». Стилі використовуються в «HTML-
коді», що зберігається в шаблонах представлення та ескізах елементів, так само, як і в
звичайному «HTML-коді». Стиль має існувати в таблиці стилів, на яку посилається
шаблон представлення, що використовується для виводу «HTML-коду».
Наприклад, додавання класу «wcm» до тегу «heading»:

<H1 class="wcm">Heading</H1>

Рисунок 5.2 – Додавання класу «wcm» до тега «heading»
Використання стилів у тегах веб-вмісту. Таблиці стилів дозволяють визначити
стиль вмісту, для отримання якого використовується тег «Web Content Manager». Стиль
має існувати в таблиці стилів, на яку посилається шаблон представлення, що
використовується для виводу тега «Web Content Manager».
Наприклад, для форматування посилань меню за допомогою класу таблиці
стилів «wcm» використовується наступний тег «placeholder»:

<a href="<placeholder tag="href" />" class="wcm"><placeholder
tag="name" /></a>

Рисунок 5.3 – Використання тегу «placeholder»

ХІД РОБОТИ
1. Скористайтеся існуючим сайтом . Додайте до нього ще одну сторінку Анкета.
2. Створіть сторінку «Анкета.htm». Ведений текст на сторінці не форматуйте, тільки
зробіть заголовок №1 та курсив де потрібно.
3. Для введення Імені додайте «Поле введення» з текстом-підказкою у рядку “ФИО”.
4. Додайте «Поле» для введення особистого поролю , який буде складатися з 5 символів.
5. Розташуйте Список перемикачів з 2 елементів для опису статі.

35