Порядок выполнения. Запустите программу «Блокнот» (меню Пуск -> Программы -> Стандартные -> Блокнот) Создайте HTML – документ по образцу:

 

1. Запустите программу «Блокнот» (меню Пуск -> Программы -> Стандартные -> Блокнот)
2. Создайте HTML – документ по образцу:

< html>

< head>

< title> Личная страница Иванова Вани< /title>

< /head>

< body>

< p align=" center" > < font size=" 6" > Привет, Друзья!!! < /font> < /p>

< p align=" center" > < font size=" 4" > Я рад приветствовать вас на моем сайте< /font> < /p>

< p align=" center" > < font size=" 4" > Меня зовут Иванов Иван, мне 20 лет, я учусь в Российском государственном гидрометеорологическом университете< /font> < /p>

< p align=" center" > < font size=" 4" > Это моя первая страница< /font> < /p>

< p> Мой любимый сайт - < a href=" http: //www.roshydromet.ru" > сайт РГГМУ< /a> < /p>

< p> А также моя почта - < a href=" http: //www.webmail.aport.ru" > Aport< /a> < /p>

< /body>

< /html>

 

1. Сохраните созданный документ в папке своей группы с именем < Ваша фамилия>.htm
2. Откройте созданную WEB-страницу в броузере Вашего компьютера (двойным щелчком «мыши»)
3. Отредактируйте созданную WEB-страницу средствами MS FrontPage, добавив элементы оформления, рисунки и ссылки.
4. Создайте новый HTML-документ с формой «Отзывы и предложения» по образцу:

 

Рис. 16. Образец дакумента с формой «Отзывы и предложения»

1. Создайте ссылку на этот документ с Вашей личной страницы.
2. Сохраните страницу.
3. Обновите отредактированную страницу в броузере.
4. Сравните текст HTML-документа, полученный при помощи HTML-редактора и Блокнота.

 

Элементы, которые должны быть включены в личную страницу

1. Заголовок страницы

2. Приветствие (девиз)

3. 1-3 рисунка[8]

4. Curriculum Vitae

5. Управляющий элемент, вызывающий Форму «Отзывы и предложения»

6. Форма «Отзывы и предложения»

7. Ссылки:

· на сайт РГГМУ

· на любимые страницы

· обратную связь

 

Задание 2:

Составить WEB-страницу, включающую активные элементы (поле ввода, радиокнопки, чек-боксы, раскрывающие меню, кнопки) и обработчик событий (onClick, onCheck, onChange) для активных элементов.

Пример: Страница, генерирующая сообщение о регистрации участника конференции

 

< html>

< title> Регистрационная форма участника конференции< /title>

< body>

< script language=" JavaScript" >

function Confirm(FIO, Doklad){

alert('Уважаемый ' + FIO +'! Ваш доклад '+' " '+ Doklad+ ' " '+' принят.')

}

< /script>

Участник:

< input type=" text" style=" width: 300" Name=" FIO" >

< p>

Название доклада:

< input type=" text" style=" width: 300" Name=" Doklad" >

< p>

< input type=" button" value=" Отправить" onClick=Confirm(FIO.value, Doklad.value)>

< /body>

< /html>

 

 

Рис. 17. Образец регистрационной формы.

 

Таблица 5. Управляющие элементы (теги) HTML-документов

№ п/п	Теги < открывающий>, < /закрывающий>	Назначение тегов
1.	< HTML>, < /HTML>	Документ HTML
2.	< HEAD>, < /HEAD>	Раздел заголовков
3.	< TITLE>, < /TITLE>	Заголовок раздела
4.	< BODY>, < /BODY>	Содержание
5.	< H1>, < /H1>	Уровень заголовка 1
6.	…	…
7.	< H6>, < /H6>	Уровень заголовка 6
8.	< P>, < /P>	Абзац
9.	< BR>	Переход на следующую строку
10.	< HR>	Горизонтальная линейка
11.	< A>, < /A>	Гипертекстовая ссылка
12.	< OBJECT>, < /OBJECT>	Интегрирование объектов мультимедиа
13.	< EMBEB>	Интегрирование объектов мультимедиа
14.	< IMG>	Web графика – вставка рисунка
15.	< FONT>, < /FONT>	Форматирование текста. Формат шрифта
16.	< BASEFONT>	Параметры шрифта, используемые в тексте по умолчанию
17.	< B>, < /B>	Полужирный шрифт
18.	< I>, < /I>	Курсив
19.	< U>, < /U>	Подчеркнутый текст
20.	< S>, < /S>	Зачеркнутый текст
21.	< CITE>, < /CITE>	Для отображения цитат
22.	< EM>, < /EM>	Выделение курсивом
23.	< STRONG>, < /STRONG>	Выделение полужирным шрифтом
24.	< CODE>, < /CODE>	Описание работы компьютерных программ. Исходный текст программы.
25.	< KBD>, < /KBD>	Описание работы компьютерных программ. Текст, вводимый с клавиатуры.
26.	< SAMP>, < /SAMP>	Описание работы компьютерных программ. Пример ввода программы.
27.	< VAR>, < /VAR>	Описание работы компьютерных программ. Программные переменные.
28.	< OL>, < /OL>	Упорядоченные списки.
29.	< UL>, < /UL>	Неупорядоченные списки.
30.	< LI>, < /LI>	Элементы списка.
31.	< DL>, < /DL>	Список определений
32.	< DT>, < /DT>	Определяемые термины
33.	< DD>, < /DD>	Определения
34.	< TABLE>, < /TABLE>	Таблица
35.	< CAPITON>, < /CAPITON>	Заголовок таблицы
36.	< TR>, < /TR>	Строки
37.	< TN>, < /TN>	Ячейки заголовков столбцов и сток.
38.	< TD>, < /TD>	Обычные ячейки
39.	< FRAMESET>, < /FRAMESET>	Области документа
40.	< FORM>, < /FORM>	Формы
41.	< INPUT>	Различные элементы управления
42.	< TEXTAREA>, < /TEXTAREA>	Определяет текстовые области
43.	< SELECT>, < /SELECT>	Списки: обычные, раскрывающиеся
44.	< OPTION>, < /OPTION>	Отдельные пункты списка

Список литературы:

 

ОСНОВНАЯ:

1. Симонович С.В. Информатика. Базовый курс. Учебник для вузов... – СПб, Питер, 2001.
2. Епанешников А.М., Епанешников В.А.Программирование в среде Turbo Pascal 7.0 – М.: «ДИАЛОГ-МИФИ», 1996.
3. Большаков В.А., Воронов Г.И., Савватеева Л.А. Информатика. Лабораторный практикум по программированию на Турбо-Паскале.- СПб.: изд РГГМУ, 2002.
4. М.Роберт. HTML 4. Справочник. – СПб.: Питер, 1999
5. А.Гончаров. Самоучитель HTML. – СПб.: Питер, 2000

 

ДОПОЛНИТЕЛЬНАЯ:

1. Фигурнов В.Э. IBM PC для пользователя. Краткий курс. М.: Финансы и статистика. 1997.
2. MS Word 97 (2000). Шаг за шагом. Ecom 1999 (2000).
3. MS Excel 97 (2000). Шаг за шагом. Ecom 1999 (2000).
4. MS Access 97 (2000). Шаг за шагом. Ecom 1999 (2000).
5. Дубнов П.Ю. Access 2000. Проектирование баз данных. Ecom 2000.

 

Приложения:

Виды ошибок, возникающих при работе с электронной таблицей XLS

 

№	Сообщение об ошибке	Возможная ситуация	Причина ошибки	Как исправить?
	# Дел/0!	Деление на ноль	В формуле деления имеется ссылка на пустую ячейку или ячейку, в которой записан ноль	Исправить формулу или записать числовое значение в ячейку, содержащую знаменатель формулы.
	# Имя?	1. Адрес колонки записан РУССКОЙ буквой   2. Разделителем целой и дробной частей чисел является точка, а в xls установлена запятая	Неправильно записан адрес ячейки	Проверить регистр записи адреса ячейки (русский/английский) Проверить разделители целой и дробной частей чисел, например, записать в двух ячейках два дробных числа и в третьей ячейке записать формулу для их сложения ! внимательнее с буквами А, В, С, Е, К, М, О, Р, Т, Х, У   ! при наборе чисел пользуйтесь цифровой клавиатурой
	# Знач!	Вместо cos(Сумм(A1: A10)) написано cos(A1: A10)	Неправильно записан аргумент функции, например, вместо единичного значения задан интервал или список ячеек	Исправить аргумент функции
	# Ссылка!	Ячейка, на которую ссылается формула, была удалена	Отсутствие ячейки, на которую имеется ссылка из формулы	Исправить ссылку в формуле ! Контролируйте адресацию ссылок клавишей F2
	# Число!	Вычисление квадратного корня из отрицательного числа	Введены не все аргументы функции Результат вычисления слишком велик или мал и не может быть представлен в xls	Исправить формулу в ячейке
	#####		Число не помещается в ячейку	Увеличить ширину ячейки ! двойным щелчком по заголовку соответствующей колонки