- •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. Управляющие структуры.
4. Дополнительные возможности html.
Дополнительные возможности тега <BODY>
Неподвижный фон.
Вы можете сделать фон своей страницы неподвижным, т.е. прокручивая страницу фон будет оставатся на месте.
<BODY background="Фоновое изображение" bgproperties=fixed>
Зеркальное отображение страницы и прокрутки.
Используя данную конструкцию можно перенести прокрутку на левую сторону, а содержимое страницы выравнить по правому краю.
<BODY dir=rtl>
Надпись в статусной строке
Следующим параметром можно задать текст, котый будет отображен в статустной строке.
<BODY OnLoad="window.defaultStatus='Этот текст будет отображатся в строке состояния'"> Задание параметров <BODY> в стиле.
Данный код будет интересен Web-дизайнерам, применяющим стили. Он размещает на странице фоновое изображение в единственном числе, которое расположено в 13 пикселях от верхнего и в 13 пикселях от правого края и при прокрутки документа остается неподвижным. Если на странице будут находиться таблицы, при прокрутки они будут закрывать фоновое изображение.
<STYLE TYPE="text/css"><!-- BODY { background: url("Фоновое изображение");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 13px 13px;
background-color: #FFFF00 }
--></STYLE>
Параметры:
background: url("Фоновое изображение"); - определяет фоновое изображение, например, Fon.gif.
background-attachment: fixed; - определяет неподвижность фонового изображения при прокрутки страницы.
background-repeat: no-repeat; - данный параметр запрещает размножать изображение, убрав его, изображение будет размножено по всей странице. background-position: 13px 13px; - определяет позицию фонового изображения: от верхнего края и от левого края.
background-color: #FFFF00; - определяет цвет фона всего документа в шестнадцатиричном виде (как в примере) или названиями цветов - Red, Green и т.д.
5. Графические элементы. Фильтры изображений.
Графика.
Тег IMG служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF). Чтобы картинка была одновременно и ссылкой, то поместите тег IMG между <a href=...><img src="any.gif"></a>
Атрибуты
src Обязательный атрибут, указывающий URL рисунка
align Выравнивает изображение к одной из сторон документа
left Выравнивание по левому краю
right Выравнивание по правому краю
center Выравнивание по центру
bottom Выравнивание по нижнему краю
top Выравнивание по верхнему краю
middle Выравнивание по середине
alt Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
border Устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения
GALLERYIMG = Поддержка Панели управления изображениями. Данная панель появляется при нахождении указателя мыши на изображении и позволяет быстро сохранить картинку, распечатать, послать на e-mail, открыть папку Мои рисунки. По умолчанию данная панель появляется только при размерах более 130 пикселах. Но можно включить эту панель с помощью этого атрибута. Может принимать значениея yes (или true) и no (или false). Смотри также META
ismap Сообщает, что изображение является картой-изображением на сервере
height Высота картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
hspace Определяет размер свободного места в пикселах слева и справа от изображения, улучшает внешний вид страницы, отделяя изображение от текста
usemap Сообщает, что изображение является картой-изображением на стороне клиента
vspace Определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста
width Ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером