
- •Введение
- •Глава 1. Основы
- •1.1. Браузеры
- •Преодоление различий браузеров
- •1.2. Программирование
- •1.3. Дизайн при неизвестном разрешении монитора
- •Гибкая раскладка
- •Дизайн с фиксированной шириной
- •1.4. Знакомство с серверами
- •Корневая директория для Web
- •Java-сервлеты и jsp
- •Абсолютная и относительная адресация
- •Соглашения об именах файлов
- •Выбор кодировки
- •Глава 2. Html и xhtml
- •2.1. Роль html
- •2.2. Отделение представления от структуры документа
- •2.3. Атрибуты
- •Вложенные элементы
- •Информация, которую браузеры игнорируют
- •2.4. Введение в xhtml
- •Три разновидности html 4.01 и xhtml 1.0
- •Хорошо сформированный xhtml
- •Атрибуты id и name
- •2.5. Элементарная структура документа
- •2.6. Тело документа
- •2.7. Текстовые элементы
- •Блочные элементы
- •Внутристрочные элементы логического форматирования
- •Перенос строки
- •Горизонтальные линейки
- •Стилевые элементы
- •Практика
- •Как сделать хороший html – документ
- •2.8. Создание гиперссылок
- •Организация ссылок на область документа
- •Практика
- •2.9. Таблицы
- •Описательные элементы
- •Группы строк
- •Столбцы и группы столбцов
- •2.10. Фреймы
- •Преимущества использования фреймов
- •Недостатки
- •Базовая структура набора фреймов
- •Нестандартные атрибуты
- •Нестандартные атрибуты
- •Создание строк и столбцов
- •2.11. Формы
- •Элементы форм
- •Поле для ввода текста
- •Поле для ввода пароля
- •Переключатель
- •Выбор файла
- •Многострочные текстовые поля
- •Создание меню при помощи элементов select
- •Группы вариантов
- •Надписи
- •Атрибуты accesskey и tabindex
- •Практика
- •Глава 3. Стили css
- •3.1. Преимущества css
- •Определение – задают свойства селектора.
- •3.2. Способы добавления таблиц стилей на Web-страницы
- •Href – позволяет задать url-адрес таблицы стилей.
- •Наследование
- •3.3. Конфликтующие правила стилей: каскад
- •3.4. Контекстные селекторы
- •3.5. Использование классов
- •3.6. Группировка
- •3.7. Псевдоселекторы
- •3.8. Другие псевдоклассы css 2.1
- •Псевдоэлементы
- •3.9. Единицы измерения, используемые в каскадных таблицах стилей
- •3.10. Свойства css для управления цветом
- •Практика Задание 1
- •Задание 2
- •Задание 3
- •3.11. Оформление таблиц с помощью css
- •Заголовки таблиц
- •Порядок наложения элементов
- •Границы
- •Расчет размеров таблицы (ширина, высота)
- •Алгоритм с фиксированной шириной
- •Алгоритм с автоматически определяемой шириной
- •3.12. Оформление таблиц
- •Практика
- •3.13. Блочные и внутристрочные элементы
- •3.14. Введение в блоковую модель
- •3.15. Нормальный поток
- •Свободное размещение
- •3.16. Пропуск размещаемых элементов
- •3.17. Позиционирование: основы
- •3.18. Охватывающий блок
- •3.19. Задание положения
- •3.20. Обработка переполнения
- •3.21. Расчет позиции элемента
- •3.22. Фиксированное позиционирование
- •3.23. Относительное позиционирование
- •Практика
- •3.24. Css свойства
- •3.25. Методики css
- •Центрирование страницы
- •Раскладка в 2 столбца
- •Раскладка в 3 столбца
- •Раскладка в 3 столбца c абсолютным позиционированием
- •Позиционирование трех столбцов
- •Центрирование с рамками и полями
- •Ложные столбцы
- •Заключение
- •Список литературы
- •Оглавление
- •Глава 1. Основы 4
- •Глава 2. Html и xhtml 15
- •Глава 3. Стили css 56
Нестандартные атрибуты
bordercolor="#rrggbb" или "имя цвета”
Элемент noframe (<noframes>...</noframes>) содержит материалы, которые будут отображаться в браузерах и устройствах, не поддерживающих фреймы. Элемент noframes должен размещаться после элемента frameset.
Создание строк и столбцов
Строки (горизонтальные фреймы) и столбцы (вертикальные фреймы) создаются, соответственно, при помощи атрибутов rows и cols элемента frameset.
Количество строк и столбцов в наборе фреймов определяется указанными значениями размера. Например, чтобы создать набор фреймов, состоящий из трех столбцов, пишется атрибут cols="25%,50%,25%" (или три других значения размера). Размер фреймов можно указывать одним из трех способов: абсолютные значения в пикселях, в процентных долях и с помощью относительных значений. Относительные значения, обозначаемые звездочкой (*), используются для того, чтобы разделить оставшееся пространство в наборе фреймов на равные части.
Например, набор фреймов <frame set cols="100, *"> создаст два столбца, где первый будет шириной 100 пикселей, а второй будет занимать оставшееся пространство окна.
Вы также можете указывать относительные значения, кратные равным долям, и объединять их со значениями, указанными другими способами. Например, набор фреймов, определяемый как <frameset cols = "25%,2*,*"> делит окно на три столбца. Первый столбец всегда занимает 25% ширины окна. Оставшиеся два столбца делят между собой остальное пространство, но в данном случае средний столбец всегда будет по ширине вдвое больше третьего.
Существует возможность вкладывать один набор фреймов в другой. Это означает, что вы можете взять одну строку и разделить ее на несколько столбцов (или наоборот, разделить столбец на несколько строк).
Например : документ
<HTML>
<HEAD>
<TITLE> Фреймы </title>
</HEAD>
Верхняя часть страницы |
|
Левая часть |
Правая часть страницы |
Нижняя часть страницы |
<FRAME src=’’fr1.htm’’ noresize>
<FRAMESET cols=’’25%, 75%’’>
<FRAME src=’’fr2.htm’’ >
<FRAME src=’’fr3.htm’’ scrolling=’’yes’’>
</FRAMESET>
<FRAME src=’’fr4.htm’’ scrolling=’’no’’>
</FRAMESET>
</ HTML>
описывает структуру страницы, показанную на рисунке.
По умолчанию документ, на который указывает ссылка, отображается в том окне, в котором находится ссылка.
Чтобы загрузить страницу, на которую указывает ссылка, в конкретный фрейм, нужно сначала присвоить имя целевому фрейму при помощи атрибута name элемента frame: <frame src="original.html" name="main" />. Тогда можно сослаться на фрейм target:
<а href="new.html" target="main">...</a>
В данном примере документ new.html загружается во фрейм с именем «main».
Если известно, что нужно загружать все ссылки данного документа в один фрейм (например, из оглавления в основной фрейм), вы можете указать целевой фрейм один раз, используя элемент base. Если поместить элемент base в документ head, указав в нем имя целевого фрейма, то все ссылки данного документа будут загружаться в этот фрейм.
<head>
<base target="main" />
</head>
Вероятно, самый общий совет относительно фреймов – это совет не использовать их. Хотя у фреймов и были лучшие дни, их больше не применяют в профессиональном дизайне, соответствующем стандартам.