- Запустите программу «Блокнот» (меню Пуск -> Программы -> Стандартные -> Блокнот)
- Создайте 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
| Исправить формулу в ячейке
|
|
| #####
|
| Число не помещается в ячейку
| Увеличить ширину ячейки
! двойным щелчком по заголовку соответствующей колонки
|
