- •Основы web-дизайна
- •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
- •Введение
- •1.2.1. Стандарты языка html
- •1.2.2. Браузеры
- •Редакторы html-документов
- •Контрольные задания
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Контрольные задания
- •3.2.1. Комментарии
- •3.2.2. Символьные примитивы (&-последовательности)
- •4.2.1. Разбиение текста
- •4.2.2. Форматирование символов
- •4.2.2.1. Логическое форматирование
- •4.2.2.2. Физическое форматирование
- •4.2.3. Параметры шрифта
- •4.2.4. Заголовки разных уровней внутри текста
- •5.2.1. Формы представления цвета
- •5.2.2. Цвет текста и фон документа
- •5.2.3. Графические форматы
- •5.2.4. Графические изображения
- •Контрольные задания
- •10.2.1. Описание структуры набора фреймов
- •10.2.2. Общий вид html-документа, задающего набор фреймов
- •10.2.4. Целевые фреймы
- •11.2.1. Простейшая форма
- •11.2.2. Типы элементов форм
- •Контрольные задания
- •Несколько советов
- •Библиографический список
- •Оглавление
- •Основы web-дизайна
Контрольные задания
Выполнить все примеры, приведенные в данном разделе.
Рассмотреть возможность использования аппарата форм в Вашем курсовом проекте.
Несколько советов
Не увлекайтесь тегами, соответствующими последним стандартам; помните о владельцах устаревших версий браузеров.
Тестируйте Ваш сайт по возможности в различных браузерах разных версий, при различных разрешениях экрана.
Не полагаясь на умолчания, указывайте явным образом атрибуты тегов.
Помните о кодировке кириллицы (см. п. 3.2.3. в лаб. раб. № 3).
Прежде, чем использовать графические изображения, оцените размер файла. Если надо, потратьте время на обработку изображения, добиваясь приемлемого качества при минимальном размере файла.
Работая с редактором html-документов, не забывайте смотреть на исходный html-текст; часто его необходимо подправить. Особенно следите за относительной адресацией ресурсов. Если Вы забыли сохранить документ перед тем, как вставлять в него изображения и гиперссылки, редактор использует абсолютную форму адресации (ссылаясь на систему каталогов Вашего компьютера). В таком случае при переносе сайта на другой компьютер гиперссылки перестают работать, изображения отсутствуют.
Библиографический список
РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ*1
Браун, Марк Р. Использование HTML 4 / Марк Р. Браун, Джерри Хоникатт. – М.; СПб.; К.: Издательский дом «Вильямс», 1999. – 784 с.
Гончаров, А. Самоучитель HTML /А. Гончаров. – СПб.: Питер, 2000. – 360 с.
Захаркина, В.В. Основы создания Web-страниц / В.В. Захаркина. – СПб.: Институт «Открытое общество», 2000. – 23 с.
Матросов, А.В. HTML 4.0 / А.В. Матросов, А.О. Сергеев, М.П. Чаунин. – СПб.: БХВ – Санкт-Петербург, 2000. – 672 с.
Оглавление
Введение 3 |
3 |
Лабораторная работа № 1. Инструменты создания и просмотра WEB-страниц 4 |
|
Лабораторная работа № 2. Основы языка HTML 6 |
|
Лабораторная работа № 3. Основные теги HTML 10 |
|
Лабораторная работа № 4. Форматирование текста 13 |
|
Лабораторная работа № 5. Представление цвета и графики в HTML-документах 17 |
|
Лабораторная работа № 6. Списки 21 |
|
Лабораторная работа № 7. Гиперссылки 24 |
|
Лабораторная работа № 8. Изображение-карта 26 |
|
Лабораторная работа № 9. Таблицы 28 |
|
Лабораторная работа № 10. Фреймы 32 |
|
Лабораторная работа № 11. Формы 37 |
|
Несколько советов 44 |
|
Библиографический список рекомендуемой литературы 44 |
|