- •1. Структура html-документа. Теги. Структра html-документа
- •2. Позиционирование. Фон. Рамки и отступы. Психология дизайна. Позиционирование
- •Отступы (padding)
- •Цвет и фон
- •3. Работа с текстом. Определение стилей.
- •4. Дополнительные возможности html.
- •5. Графические элементы. Фильтры изображений.
- •Фильтры, применяемые к изображению
- •6. Размещение сценариев JavaScript.
- •7. Переменные. Операторы. Встроенные функции.
- •8. Встроенные объекты JavaScript.
- •9. Объекты браузера и документа.
- •10. Свойства формы, как объекта , доступного сценарию JavaScript.
- •11. Кнопки. Флажки. Переключатели. Списки. Текстовая область.
- •12. Каскадные таблицы стилей (css). Виды стилей.
- •13.Общие правила построения php-программ
- •14. Типы данных. Выражения. Функции
- •15. Константы. Переменные. Операторы
- •16. Управляющие структуры.
12. Каскадные таблицы стилей (css). Виды стилей.
Каскадные (многоуровневые) таблицы стилей - cascading style sheets (CSS) - это мощный стандарт на основе текстового формата, определяющий представление данных в броузере.
Если формат HTML предоставляет информацию о составе документа, то таблицы стилей сообщают как он должен выглядеть. Таким образом каскадные таблицы стилей дают возможность хранить содержимое отдельно от его представления.
Стиль включает все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля и расположение объектов на странице.
CSS разрабатывались так, чтобы обеспечить больший уровень контроля над размещением текста и графики.
Каскадные таблицы стилей обеспечивают должный уровень единства оформления, организации и контроля во время разработки узла, который является недостижимым с помощью одного только HTML.
CSS предполагает 3 типа таблиц стилей - встроенные, внедренные (внутренние) и связанные (внешние).
Внешние таблицы стилей
Для подключения к документу внешней таблицы стилей (т. е. таблицы стилей, хранящейся в отдельном файле) следует поместить в заголовок документа элемент LINK, как показано выше, например:
<LINK rel="stylesheet" href="style.css" type="text/css">
В элементе LINK можно дополнительно указать типы устройств, на которые распространяется данная таблица стилей, например:
<LINK rel="stylesheet" href="style.css" type="text/css" media="screen, print">
Внешние таблицы стилей следует использовать в том случае, когда несколько HTML-документов пользуются единой таблицей стилей.
Внутренние таблицы стилей
Для включения в документ внутренней таблицы стилей следует поместить в заголовок документа элемент STYLE. Пример:
<HEAD>
<STYLE type="text/css">
<!--
H1 {border-width: 1; border: solid; text-align: center}
-->
</STYLE>
</HEAD>
<BODY>
<H1>Этот заголовок имеет указанный выше стиль</H1>
</BODY>
Внутренние таблицы стилей следует использовать в том случае, когда данная таблица стилей используется только в данном HTML-документе
Таблицы стилей элементов
Последним способом задания стилей является определения таблицы стилей отдельного элемента путем задания его атрибута style. Например, стиль элемента H1 из предыдущего примера мог бы быть задан и так:
<H1 style="border-width: 1; border: solid; text-align: center">
Этот заголовок имеет указанный стиль</H1>
Вообще говоря, подобной практики следует избегать; она приемлема только в том случае, когда ваш документ содержит единственный элемент с данным набором стилей.
13.Общие правила построения php-программ
PHP-программы состоят из простого текста, поэтому набирать их можно в любом текстовом редакторе. Расширение файлов PHP-программ по умолчанию в PHP4 - .php. На основании этого расширения сервер распознает файл как PHP-программу и запускает интерпретатор. PHP-программа должна быть отделена от обычного HTML-текста. Существует четыре стиля обрамления PHP-кода:
Стиль |
Открывающий тег |
Закрывающий тег |
Сокращенный |
<? |
?> |
XML (стандартный) |
<?php |
?> |
ASP |
<% |
%> |
SCRIPT (программный) |
<SCRIPT LANGUAGE="php"> |
</SCRIPT> |
Из перечисленных тегов только стандартные и программные работают в любой конфигурации PHP. Для разделения операторов (по аналогии с Си) используется точка с запятой. Комментарии в PHP-программе могут быть трех стилей: /* Многострочный в стиле классического Си */ // Однострочный в стиле С++ # Однострочный в стиле Perl
В одном документе можно чередовать HTML-текст и блоки PHP-операторов сколько угодно раз. При этом все переменные, функции и классы, определенные в первом блоке, будут доступны и в последующих блоках.