- •Основы создания web-страниц
- •Составители а.В. Распопов, д.В.Меркулов, о.Е.Ефимова
- •Введение
- •Основные понятия, инструменты создания и просмотра web-страниц
- •Стандарты языка html
- •Браузеры
- •Редакторы html-документов
- •Основы языка html
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Задание к лабораторной работе №1 «Основные понятия, инструменты создания и просмотра web-страниц. Основы языка html»
- •Основные теги html
- •3.1 Комментарии
- •3.2 Символьные примитивы (&-последовательности)
- •Форматирование текста
- •4.1 Разбиение текста
- •4.2 Форматирование символов
- •4.2.1 Логическое форматирование
- •4.2.2 Физическое форматирование
- •4.3 Параметры шрифта
- •4.4 Заголовки разных уровней внутри текста
- •Задание к лабораторной работе №2 «Основные теги html. Форматирование текста»
- •Представление цвета и графики в html-документах
- •5.1 Формы представления цвета
- •5.2 Цвет текста и фон документа
- •5.3 Графические форматы
- •5.4 Графические изображения
- •Задание к лабораторной работе №3 «Представление цвета и графики в html-документах»
- •Задание к лабораторной работе №4 «Списки»
- •Гиперссылки
- •Задание к лабораторной работе №5 «Гиперссылки»
- •Изображение-карта
- •Задание к лабораторной работе №6 «Изображение-Карта»
- •Задание к лабораторной работе №7 «Таблицы»
- •10.1 Описание структуры набора фреймов
- •10.2 Общий вид html-документа, задающего набор фреймов
- •10.4 Целевые фреймы
- •11.1 Простейшая форма
- •11.2 Типы элементов форм
- •Задание к лабораторной работе №9 «Формы»
- •Несколько советов
- •Список использованных источников
- •Методические указания к лабораторным работам по курсу «Информационные технологии» для студентов специальности 080801
Задание к лабораторной работе №9 «Формы»
Тщательно изучить содержимое раздела 11.
Выполнить все примеры, приведенные в данном разделе.
Рассмотреть возможность использования аппарата форм в Вашем курсовом проекте.
Несколько советов
Не увлекайтесь тегами, соответствующими последним стандартам; помните о владельцах устаревших версий браузеров.
Тестируйте Ваш сайт по возможности в различных браузерах разных версий, при различных разрешениях экрана.
Не полагаясь на умолчания, указывайте явным образом атрибуты тегов.
Помните о кодировке кириллицы (см. подраздел 3.3).
Прежде, чем использовать графические изображения, оцените размер файла. Если надо, потратьте время на обработку изображения, добиваясь приемлемого качества при минимальном размере файла;
Работая с редактором html-документов, не забывайте смотреть на исходный html текст; часто его необходимо подправить. Особенно следите за относительной адресацией ресурсов. Если Вы забыли сохранить документ перед тем, как вставлять в него изображения и гиперссылки, редактор использует абсолютную форму адресации (ссылаясь на систему каталогов Вашего компьютера). В таком случае, при переносе сайта на другой компьютер, гиперссылки перестают работать, изображения отсутствуют.
Список использованных источников
Прежде всего, надо попробовать самостоятельно поискать информацию в Интернет. Стоит только задать поисковой системе ключевое слово "HTML", как Вы получите множество ссылок на описание стандартов HTML и учебников по HTML (в частности, по-русски). Задайте ключевое слово "texture" - и получите множество ссылок на сайты, предлагающих коллекции текстурных фонов. Задайте ключевое слово "GIF" - получите не только ссылки на коллекции анимированных GIF-ов, но и ссылки на некоммерческие программы анимации.
Браун Марк Р. Использование HTML 4 / Марк Р. Браун, Джерри Хоникатт. – М.; СПб.; К.: Издательский дом «Вильямс», 1999. – 784 с.
Гончаров А. Самоучитель HTML. – СПб.: Питер, 2000. – 360 с.
Захаркина В. В. Основы создания Web-страниц. – СПб.: Институт «Открытое общество», 2000. – 23 с.
Матросов А. В. HTML 4.0 / А. В. Матросов, А. О. Сергеев, М. П. Чаунин. – СПб.: БХВ – Санкт-Петербург, 2000. – 672 с.
Чувахин Н. Практическое руководство по HTML // http://www.yi.com/home/ChuvakhinNikolai/, 1997.
СОДЕРЖАНИЕ
Введение |
|
1. Основные понятия, инструменты создания и просмотра WEB-страниц |
|
1.1 Стандарты языка HTML |
|
1.2 Браузеры |
|
1.3 Редакторы html-документов |
|
2. Основы языка HTML |
|
2.1 Синтаксис html-тегов |
|
2.2 Структура html-документа |
|
2.3 Адресация ресурсов |
|
Задание к лабораторной работе № 1 |
|
3. Основные теги HTML |
|
3.1 Комментарии |
|
3.2 Символьные примитивы (&-последовательности) |
|
3.3 Информация о документе в секции заголовка <HEAD> |
|
4. Форматирование текста |
|
4.1 Разбиение текста |
|
4.2 Форматирование символов |
|
4.2.1 Логическое форматирование |
|
4.2.2 Физическое форматирование |
|
4.3 Параметры шрифта |
|
4.4 Заголовки разных уровней внутри текста |
|
Задание к лабораторной работе № 2 |
|
5. Представление цвета и графики в html-документах |
|
5.1 Формы представления цвета |
|
5.2 Цвет текста и фон документа |
|
5.3 Графические форматы |
|
5.4 Графические изображения |
|
Задание к лабораторной работе № 3 |
|
6. Списки |
|
Задание к лабораторной работе № 4 |
|
7. Гиперссылки |
|
Задание к лабораторной работе № 5 |
|
8. Изображение-Карта |
|
Задание к лабораторной работе № 6 |
|
9. Таблицы |
|
Задание к лабораторной работе № 7 |
|
10. Фреймы |
|
10.1 Описание структуры набора фреймов |
|
10.2 Общий вид html-документа, задающего набор фреймов |
|
10.3 Дополнительные атрибуты тегов <FRAMESET> и <FRAME> |
|
10.4 Целевые фреймы |
|
Задание к лабораторной работе № 8 |
|
11. Формы |
|
11.1 Простейшая форма |
|
11.2 Типы элементов форм |
|
Задание к лабораторной работе № 9 |
|
Несколько советов |
|
Список использованных источников |
|