Создание простейшей Web страницы
СодержаниеЛабораторная работа №1
Структура.php-документа
Заголовок (элемент HEAD)
STYLE и SCRIPT
В принципе
Href - Указывает ресурс для компоновки. Rel
1.2. Основные атрибуты метки
2.Специальные элементы уровня текста
Тек-Сквер 545 - рай для хакера
2.2. IMG – изображения
Src - Обязательный атрибут. Указывает путь к изображению - файлу формата GIF, JPEG или PNG. Alt
Usemap - Используется для присвоения идентификатора фрагменту изображения-карты, определенного элементом MAP. Ismap
Пример использования ISMAP
2.3. APPLET (Java-апплеты)
Color - Устанавливает цвет шрифта. Цвета устанавливаются в шестнадцатиричной нотации RGB. 2.5. BASEFONT
Shape=rect coords="0, 0, 50%, 100%"
Лабораторная работа №2
Списки определений имеют вид
Предварительно форматированный текст
To a Skylark
Align - Определяет размещение линии: align=left, align=center или align=right. По умолчанию, линия выравнивается по центру. Nosh
Size - Устанавливает высоту линии в пикселах. Width
Align - Допустимые значения: LEFT, CENTER и RIGHT. Определяет положение таблицы по отношению к полям документа. Width
Rowspan - Используется с положительным целым значением числа строк таблицы, занятых ячейкой. По умолчанию принято равным единице
Лабораторная работа №3
1.1. Переход к ресурсу, на который указывает ссылка
1.3. Задание якорей и ссылок
1.4. Заголовки ссылок
2.1. Синтаксис имен якорей
2.2. Вложенные ссылки недопустимы
2.3. Недоступные и неопределяемые ресурсы
3.3. Ссылки и поисковые машины
Лабораторная работа №4
2. Включение изображения: элемент IMG
Longdesc = uri[CT]
3. Общее включение: элемент OBJECT
Определения атрибутов
Codebase = uri [CT]
Codetype = content-type [CI]
Type = content-type [CI]
Archive = uri list [CT]
Declare [CI]
Standby = text [CS]
3.1. Правила генерации объектов
3.2. Инициализация объекта: элемент PARAM
Name = cdata
Value = cdata
Valuetype = data|ref|object [CI]
Type = content-type [CI]
3.3. Глобальные схемы именования объектов
3.4. Объявление и инициализация объекта
4. Включение апплета: элемент APPLET
Codebase = uri [CT]
Code = cdata [CS]
Name = cdata [CS]
Archive = uri-list [CT]
Object = cdata [CS]
Width = длина [CI]
Пример нежелательного использования
Пример нежелательного использования
5. Визуальное представление изображений, объектов и апплетов
5.1. Ширина и высота
5.2. Пространство вокруг изображений и объектов
6. Как указать альтернативный текст
Контрольные вопросы
Лабораторная работа №5
1. Введение в фреймы
2. Расположение фреймов
2.1. Элемент FRAMESET
Rows = multi-length-list [CN]
Cols = = multi-length-list [CN]
Строки и столбцы
Вложенные наборы фреймов
Разделение данных между фреймами
2.2. Элемент FRAME
Name = cdata [CI]
Noresize [CI]
Frameborder = 1|0 [CN]
Marginwidth = пикселы [CN]
Marginheight = пикселы [CN]
Задание исходного содержимого фрейма
Пример недопустимого использования
Important section
3. Определение цели фрейма
3.1. Установка цели по умолчанию для ссылок
3.2. Семантика целей
4. Альтернативное содержимое
4.1. Элемент NOFRAMES
4.2. Длинные описания фреймов
5. Встроенные фреймы: элемент IFRAME
Longdesc = uri [CT]
Name = cdata [CI]
Height = длина [CN]
Контрольные вопросы
Лабораторная работа №6
Введение в таблицы стилей
2. Как добавить стиль в.php
2.1. Установка языка таблицы стилей по умолчанию
2.2. Встроенная информация о стиле
2.3. Информация о стиле в заголовке: элемент STYLE
Type = content-type [CI]
Media = дескрипторы устройств [CI]
Наш стиль влияет на этот заголовок уровня H1 А на этот заголовок наш стиль не влияет
На этот заголовок H1 стиль не влияет А на этот влияет На этот опять не влияет
2.4. Типы устройств
3. Внешние таблицы стилей
3.1. Предпочитаемые и альтернативные таблицы стилей
3.2. Указание внешних таблиц стилей
Default-Style: "compact"
4. Каскады таблиц стилей
4.1. Каскады, зависящие от устройств
4.2. Наследование и каскады
5. Как скрыть информацию о стиле от агентов пользователей
6. Привязка таблиц стилей с помощью заголовков HTTP
Link: ; REL=stylesheet
Link: ; rel="stylesheet"; title="compact"
Контрольные вопросы
Список литературы
