- Запустите программу «Блокнот» (меню Пуск -> Программы -> Стандартные -> Блокнот)
- Создайте 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>
- Сохраните созданный документ в папке своей группы с именем < Ваша фамилия>.htm
- Откройте созданную WEB-страницу в броузере Вашего компьютера (двойным щелчком «мыши»)
- Отредактируйте созданную WEB-страницу средствами MS FrontPage, добавив элементы оформления, рисунки и ссылки.
- Создайте новый HTML-документ с формой «Отзывы и предложения» по образцу:
Рис. 16. Образец дакумента с формой «Отзывы и предложения»
- Создайте ссылку на этот документ с Вашей личной страницы.
- Сохраните страницу.
- Обновите отредактированную страницу в броузере.
- Сравните текст 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>
| Отдельные пункты списка
|
Список литературы:
ОСНОВНАЯ:
- Симонович С.В. Информатика. Базовый курс. Учебник для вузов... – СПб, Питер, 2001.
- Епанешников А.М., Епанешников В.А.Программирование в среде Turbo Pascal 7.0 – М.: «ДИАЛОГ-МИФИ», 1996.
- Большаков В.А., Воронов Г.И., Савватеева Л.А. Информатика. Лабораторный практикум по программированию на Турбо-Паскале.- СПб.: изд РГГМУ, 2002.
- М.Роберт. HTML 4. Справочник. – СПб.: Питер, 1999
- А.Гончаров. Самоучитель HTML. – СПб.: Питер, 2000
ДОПОЛНИТЕЛЬНАЯ:
- Фигурнов В.Э. IBM PC для пользователя. Краткий курс. М.: Финансы и статистика. 1997.
- MS Word 97 (2000). Шаг за шагом. Ecom 1999 (2000).
- MS Excel 97 (2000). Шаг за шагом. Ecom 1999 (2000).
- MS Access 97 (2000). Шаг за шагом. Ecom 1999 (2000).
- Дубнов П.Ю. Access 2000. Проектирование баз данных. Ecom 2000.
Приложения:
Виды ошибок, возникающих при работе с электронной таблицей XLS
№
| Сообщение об ошибке
| Возможная ситуация
| Причина ошибки
| Как исправить?
|
| # Дел/0!
| Деление на ноль
| В формуле деления имеется ссылка на пустую ячейку или ячейку, в которой записан ноль
| Исправить формулу или записать числовое значение в ячейку, содержащую знаменатель формулы.
|
| # Имя?
| 1. Адрес колонки записан РУССКОЙ буквой
2. Разделителем целой и дробной частей чисел является точка, а в xls установлена запятая
| Неправильно записан адрес ячейки
| Проверить регистр записи адреса ячейки (русский/английский)
Проверить разделители целой и дробной частей чисел, например, записать в двух ячейках два дробных числа и в третьей ячейке записать формулу для их сложения
! внимательнее с буквами А, В, С, Е, К, М, О, Р, Т, Х, У
! при наборе чисел пользуйтесь цифровой клавиатурой
|
| # Знач!
| Вместо cos(Сумм(A1: A10))
написано
cos(A1: A10)
| Неправильно записан аргумент функции, например, вместо единичного значения задан интервал или список ячеек
| Исправить аргумент функции
|
| # Ссылка!
| Ячейка, на которую ссылается формула, была удалена
| Отсутствие ячейки, на которую имеется ссылка из формулы
| Исправить ссылку в формуле
! Контролируйте адресацию ссылок клавишей F2
|
| # Число!
| Вычисление квадратного корня из отрицательного числа
| Введены не все аргументы функции
Результат вычисления слишком велик или мал и не может быть представлен в xls
| Исправить формулу в ячейке
|
| #####
|
| Число не помещается в ячейку
| Увеличить ширину ячейки
! двойным щелчком по заголовку соответствующей колонки
|