Указания к выполнению задания
Министерство образования Республики Беларусь
УЧРЕЖДЕНИЕ ОБРАЗОВАНИЯ
«Брестский государственный технический университет»
Кафедра информатики и прикладной математики
Методические указания и задания
для выполнения контрольный работы № 2
по дисциплине "Информатика”
для специальностей 36 01 01 «Технология машиностроения» и
27 01 06 «Техническая эксплуатация автомобилей»
факультета заочного обучения
Брест - 2008
УДК 681.3
Методические рекомендации содержат сведения о требованиях к содержанию и оформлению контрольной работы № 2 по дисциплине "Информатика".
Предназначены для студентов второго курса специальностей "Технология машиностроения", "Технологическое оборудование машиностроительного производства", "Техническая эксплуатация автомобиля" по дисциплинам "Информатика” заочной форм обучения и имеют целью оказать помощь студентам в подготовке и оформлении контрольной работы по названной дисциплине.
Составитель: Ю. П. Ашаев, доцент, к. т. н.,
Рецензент
Ó Брестский государственный технический университет
Общие указания по выполнению контрольной работы.
Контрольная работа предусматривает выполнение заданий по каждому из разделов:
- использование HTML для создания WEB-страничек (HTML) ;
- язык программирования VISUAL BASIC 6.0 (VB).
Номер варианта определяется по номеру зачетной книжки и первой буквы фамилии студента из таблицы 1. Причем в конкретном варианте по каждой теме (HTML, VB) необходимо выполнить указанный набор заданий. По теме HTML – 1, задание по теме VB – 4 задания,. В каждом задании предусмотрено 15 задач, пронумерованных от 1 до 15. Номера задач строго индивидуальны и выбираются согласно варианта из таблицы 1. Например, если номер зачетки 483457 (последняя цифра 7), а фамилия ИВАНОВ (первая буква фамилии И), то номер варианта 28. Конкретные номера задач по заданиям для данного варианта. По теме «HTML» задача 3. По теме «VB» задание 1 – задача 2, задание 2 – задача 1, задание 3 – задача 15, задание 4 – задача 14.
| Варианты | HTML | VB | |||
Таблица 1
Номера вариантов
| Последняя цифра зачетки | Первая буква фамилии | |||||
| А,Б,В,Г | Д,Е,Ё,Ж,З | И,Й,К,Л,М | Н,О,П,Р,С,Т | Ф - Я | ||
Таблица 2
Номера задач по темам и разделам для каждого варианта
| Варианты | HTML | VB | |||
Использование HTML для создания WEB-страничек
Задание
Создать Web – страничку по указанной тематике. Дизайн Web – странички разрабатывается самостоятельно. Необходимо чтобы при создании Web – странички были обязательно использованы тэги шрифтов, цветовой палитры, выравнивания текста и таблиц. Другие тэги могут быть использованы по мере необходимости. Работоспособность Web – странички необходимо продемонстрировать в Internet Explorer.
Указания к выполнению задания
HTML (Hyper Text Mark-up Language) является общепризнанным языком для создания Web-страниц. HTML-файл представляет собой текстовый файл, в котором записаны команды языка HTML. Команды HTML называются тэгами (tag). Тэги заключаются в угловые скобки. Для создания Web-документа можно воспользоваться блокнотом. Структура HTML-документа:
<HTML> начало Web-документа
<HEAD> заголовочная часть документа
<TITLE> заголовок окна броузера
</HEAD>
< BODY bgcolor="white">
· · · тело документа, bgcolor=white определяет цвет фона (белый)
…..
</BODY>
</HTML>
Для того чтобы вставить изображение из файла, необходимо использовать тэг <IMG SRC="filename.gif"> - вставить изображение из файла, например, filename.gif. Для автономного просмотра и редактирования Web – странички необходимо загрузить ее в броузер, например, Internet Explorer. В таблицах 3–7
приведены основные справочные данные, необходимые для выполнения данного задания.
Таблица 3. Базисные элементы HTML
| БАЗИСНЫЕ ЭЛЕМЕНТЫ | ||
| Тип документа | <HTML></HTML> | (начало и конец файла) |
| Имя документа | <TITLE></TITLE> | (должно быть в заголовке) |
| Заголовок | <HEAD></HEAD> | (описание документа, например, его имя) |
| Тело | <BODY></BODY> | (содержимое страницы) |
Таблица 4. Тэги HTML оформления внешнего вида и работы с текстом
| Наименование | Обозначение | Примечание |
| Жирный | <B></B> | |
| Курсив | <I></I> | |
| Подчеркнутый | <U></U> | (часто не поддерживается) |
| Верхний индекс | <SUB></SUB> | |
| Нижний индекс | <SUP></SUP> | |
| Форматированый | <PRE></PRE> | (сохранить формат текста как есть) |
| Ширина | <PRE WIDTH=?></PRE> | (в символах) |
| Мигающий | <BLINK></BLINK> | (наиболее осмеянный элемент) |
| Размер шрифта | <FONT SIZE=?></FONT> | (от 1 до 7) |
| Цвет шрифта | <FONT COLOR="#$$$$$$"></FONT> | |
| Ширина колонки | <MULTICOL WIDTH=?></MULTICOL> | |
| Выравнивание | <SPACER ALIGN=left|right|center> |
| Наименование | Обозначение | Примечание |
| Цвет фона | <BODYBGCOLOR="#$$$$$$"> [*] | (порядок: красный/зеленый/синий) |
| Цвет текста | <BODYTEXT="#$$$$$$"> [*] | |
| Цвет ссылки | <BODY LINK="#$$$$$$"> [*] | |
| Пройденная ссылка | <BODYVLINK="#$$$$$$"> [*] | |
| Активная ссылка | <BODYALINK="#$$$$$$"> [*] |
| Наименование | Обозначение | Примечание |
| Определить таблицу | <TABLE></TABLE> [*] | |
| Окантовка таблицы | <table border=?></TABLE> | |
| Расстояние между ячейками | <TABLE CELLSPACING=?> | |
| Желаемая ширина | <TABLEWIDTH=?> | (в точках) |
| Ширина в процентах | <TABLEWIDTH="%"> | (проценты от ширины страницы) |
| Выравнивание | <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
| Ячейка таблицы | <TD></TD> | (должна быть внутри строки) |
| Выравнивание | <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
| Желаемая ширина | <TDWIDTH=?> | (в точках) |
| Ширина в процентах | <TDWIDTH="%"> | (проценты от ширины страницы) |
| Цвет ячейки | <TDBGCOLOR="#$$$$$$"> | |
| Заголовок таблицы | <TH></TH> | (как данные, но жирный шрифт и центровка) |
| Выравнивание | <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
| Заглавие таблицы | <CAPTION></CAPTION> | |
| Выравнивание | <CAPTION ALIGN=TOP|BOTTOM> | (сверху/снизу таблицы) |
Таблица 7. Цветовая палитра, используемая в HTML
| Название цвета на русском языке | Значение как название цвета |
| черный | Black |
| зеленый | Green |
| серебряный | Silver |
| лимонный | Lime |
| серый | Gray |
| оливковый | Olive |
| белый | White |
| желтый | Yellow |
| каштановый | Maroon |
| красный | Red |
| синий | Blue |
| пурпурный | Purple |
| бирюзовый | Teal |
| фуксиновый | Fuchsia |
| голубой | Aqua |
Варианты задач
Варианты задач представлены в таблице 8.
Таблица 8. Индивидуальные варианты задания 1
| Вариант | Задание |
| Создать Web – страничку «Республика Беларусь» | |
| Создать Web – страничку «Город, в котором я живу» | |
| Создать Web – страничку « Word. Назначение и возможности » | |
| Создать Web – страничку «Microsoft Excel. Назначение и возможности» | |
| Создать Web – страничку «Операционная система Microsoft Windows. Назначение и возможности» | |
| Создать Web – страничку «Мои автобиографические данные» | |
| Создать Web – страничку «Mathcad. Назначение и характеристики» | |
| Создать Web – страничку «Microsoft Word. Работа с таблицами » | |
| Создать Web – страничку «Visual Basic. Типы данных» | |
| Создать Web – страничку «Microsoft Word. Форматирование в Word » | |
| Создать Web – страничку «Вуз, в котором я учусь» | |
| Создать Web – страничку «Факультет, на котором я учусь» | |
| Создать Web – страничку «Описание пунктов меню Microsoft Word» | |
| Создать Web – страничку «Описание пунктов меню Microsoft Excel» | |
| Создать Web – страничку «Описание пунктов меню VISUAL BASIC» |
Пример выполнения задания
В качестве примера рассмотрим HTML – код и дизайн справочной Web – странички «Назначение функциональных клавиш Far manager». Структура HTML – документа имеет вид.
<html>
<head>
<title>Программа управления ФАЙЛАМИ И АРХИВАМИ </title>
</head>
<center>
<br>
<FONT COLOR="red" SIZE=5> <H2>FAR MANAGER.</H2></FONT>
<font color="green"> НАЗНАЧЕНИЕ ФУНКЦИОНАЛЬНЫХ КЛАВИШ</font> </center>
</br>
<body>
<center>
<table BORDER=2 width=60%>
<tr align=center>
<td width=50% ><b><i>КЛАВИША</b></i></td>
<td width=50% > <b><i>НАЗНАЧЕНИЕ</b></i></td>
<tr align=center>
<td width=50% > <b><i>F1</b></i></td>
<td width=50% ><b><i>помощь</b></i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F2</b></i></td>
<td width=50% ><b><i>меню пользователя</b></i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F3</b></i></td>
<td width=50% ><b><i>просмотр файла</i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F4</b></i></td>
<td width=50% ><b><i>редактирование файла</b></i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F5</b></i></td>
<td width=50% ><b><i>копирование файлов и папок</b></i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F6</b></i></td>
<td width=50% ><b><i>переименование и перемещение файлов и папок</b></i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F7</b></i></td>
<td width=50% ><b><i>создание новой папки</b></i></td>
</TR>
<tr align=center>
<td width=50% ><b><i>F8</b></i></td>
<td width=50% ><b><i>удаление файлов и папок</b></i></td>
</TR>
</TABLE>
<p align="justify">
<img src="j0301252.wmf">Пример личной Web- странички <b> :)</b>
</p>
</body>
</html>
Вид Web – странички представлен на рисунке 1.