Программные средства разработки
ПРОГРАММНЫЕ СРЕДСТВА РАЗРАБОТКИ
WEB-СТРАНИЦ И ПРЕЗЕНТАЦИЙ
Методические указания к изучению дисциплины
и выполнению контрольной работы
для студентов заочной формы обучения
Специальности:
080502(0) – Экономика и управление на предприятии здравоохранения
080502(7) – Экономика и управление на предприятии транспорта
080502(8) – Экономика и управление на предприятии туризма и гостиничного
хозяйства
040201 – Социология
080504 – Государственное и муниципальное управление
080506 – Логистика и управление цепями поставок
Санкт-Петербург
Допущено
редакционно-издательским советом СПбГИЭУ
в качестве методического издания
Составитель
канд. физ.-мат. наук, доц. И.Н. Васильева
Рецензент
канд. техн. наук, доц. К.П. Голоскоков
Подготовлено на кафедре
Вычислительных систем и программирования
Одобрено научно-методическим советом
СПбГИЭУ
Отпечатано в авторской редакции с оригинал-макета,
представленного составителем
©СПбГИЭУ, 2010
СОДЕРЖАНИЕ
| Общие положения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . | |
| Методические указания к изучению дисциплины . . . . . . . . . . . . | |
| Методические указания к выполнению контрольной работы . . | |
| Требования к оформлению контрольной работы. . . . . . . . . . . . . | |
| Контрольные задания . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . | |
| Пример выполнения контрольной работы . . . . . . . . . . . . . . . . . . | |
| Список литературы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . | |
| Приложение 1. Основы языка разметки HTML . . . . . . . . . . . . . . | |
| Приложение 2. Технология создания web-узла в MS FrontPage 2003 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . | |
| Приложение 3. Технология создания web-узла в MS Word 2003 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . | |
| Приложение 4. Содержание дисциплины (извлечение из рабочей программы дисциплины) . . . . . . . . . . . . | |
| Приложение 5. Пример оформления титульного листа контрольной работы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . | |
| Приложение 6. Выбор варианта контрольных заданий . . . . . . . |
ОБЩИЕ ПОЛОЖЕНИЯ
Стремительное развитие Интернет-технологий, их повсеместное использование, проникновение в самые разнообразные сферы профессиональной, в том числе и экономической, деятельности обуславливает необходимость их освоения специалистами экономического профиля. Базовое знание web-технологий как способа представления информации в сети Интернет и локальных сетях, навык наглядного представления экономической информации в компьютерных системах является одной из составляющих формирования информационного мировоззрения современного специалиста.
Студент в ходе изучения дисциплины и выполнения контрольных заданий должен овладеть базовыми теоретическими знаниями в области создания web-страниц и практическими навыками использования специализированных инструментальных средств (редакторов HTML-кода или визуальных редакторов) для разработки многостраничного web-узла.
Целью методических указаний является оказание методической помощи студентам заочной формы обучения в изучении дисциплины и выполнении контрольной работы, предусмотренной программой дисциплины «Программные средства разработки web-страниц и презентаций».
МЕТОДИЧЕСКИЕ УКАЗАНИЯ К ИЗУЧЕНИЮ
ДИСЦИПЛИНЫ
При изучении дисциплины «Программные средства разработки web-страниц и презентаций» студентам предлагается выполнить контрольную работу, которая позволит закрепить и проконтролировать знания и навыки компетентной ориентации в учебном материале. Учебной программой предусмотрено выполнения одной контрольной работы, состоящей из одного задания.
Выполнение контрольной работы предполагает освоение студентом теоретических основ дисциплины и изложение их в виде мини-реферата, а также самостоятельную работу за компьютером. Задание контрольной работы предусматривает создание многостраничного web-узла, имеющего единое стилевое оформление.
Содержание и форма контрольной работы позволит осуществить контроль учебной деятельности студентов.
Приведенный в конце методических указаний список литературы рекомендован студентам для выполнения контрольной работы.
Задания контрольной работы выполняются средствами любого специализированного редактора создания web-страниц, например:
· редакторами HTML-кода: Macromedia HomeSite, Adobe Dreamweaver или др.,
· визуальными редакторами: MS FrontPage, MS Expression Web Designer или др.
В случае отсутствия специализированного редактора web-страниц допускается выполнение заданий контрольной работы с помощью стандартного редактора Windows Блокнот (для непосредственного редактирования тегов HTML), либо текстового редактора MS Word (для визуального редактирования web-страниц).
Методические указания содержат извлечение из рабочей программы дисциплины «Программные средства разработки web-страниц и презентаций», перечень контрольных заданий и требования к оформлению контрольной работы.
КОНТРОЛЬНОЙ РАБОТЫ
Задание контрольной работы предполагает самостоятельное освоение студентом теоретических тем согласно рабочей программе дисциплины «Программные средства разработки web-страниц и презентаций» (см. Приложение 4) с использованием рекомендуемого списка литературы.
Кроме этого студент должен освоить практические приемы создания web-страниц, в том числе страниц, связанных между собой логически и с помощью ссылок, которые образуют единый web-узел (сайт).
Все страницы узла должные иметь единое стилевое оформление, включающее оформление текста и гиперссылок, фона страниц, а также их структуру. Все страницы должны быть связаны между собой с помощью гиперссылок, то есть иметь общее «меню».
Количество и содержание страниц узла определяется вариантом. Выбор варианта контрольной работы осуществляется по таблице (Приложение 6), ключом выбора являются две последние цифры номера зачетной книжки студента.
Студент должен уметь вносить необходимые корректировки в оформление и содержание страниц, редактируя HTML-код страниц.
Студент должен обладать навыками просмотра web-страниц с помощью браузера MS Internet Explorer; настройки почтовой программы MS Outlook Express для работы с существующими адресами электронной почты; создания, отправки и просмотра сообщений электронной почты с помощью почтового клиента (MS Outlook Express).
Требования к содержанию web-узла
1. Web-узел должен содержать 3-4 основные страницы согласно варианту задания. Обязательными страницами узла являются: главная страница, страница с формами и страница, содержащая мини-реферат. Файл стартовой (домашней) страницы web-узла должен называться index.htm (или index.html).
2. Если страницы узла создаются с помощью текстового редактора MS Word, они должны быть сохранены в формате «Веб-страница с фильтром».
3. Главная страница узла должна содержать следующую информацию:
· название дисциплины,
· ФИО, номер группы, шифр зачетной книжки студента,
· № варианта задания,
· список всех созданных в ходе выполнения задания файлов и папок с необходимыми пояснениями.
Фамилия студента должна быть выделена жирным курсивом, а номер варианта – жирным шрифтом.
Пример содержания главной страницы:
| ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА СОЗДАНИЯ WEB-СТРАНИЦ | |
| Фамилия, Имя, Отчество | Смирнов Василий Иванович |
| Шифр зачетной книжки | 12455/99 |
| Группа | |
| Специальность | |
| № варианта | |
| Дата выполнения работы | 12.12.2009 |
| Список файлов и папок, созданных в ходе выполнения контрольной работы: | |
| index.htm – главная страница; form.htm – страница с формой; tags_format.htm – страница мини-реферата; images – папка с рисунками; im001.gif, img002.gif, img003.gif – рисунки графической панели навигации; logo.jpg – рисунок-эмблема. |
4. Конкретный вид формы и тема мини-реферата определяются вариантом задания.
В варианты задания включены формы трех видов: «Заявка», «Регистрация» и «Опрос». Данные форм должны отсылаться на существующий адрес электронной почты.
Примеры форм
Форма «Заявка» (рис.1) содержит следующие элементы: выключатель (флажок) для указания требования подписаться (по умолчанию включен) и выключатель для исключения из списка рассылки (по умолчанию выключен); текстовые поля для ввода ФИО, адреса электронной почты, регистрационного номера рассылки; выпадающий список для выбора темы рассылки; кнопки для очистки содержимого формы и отправки данных формы на электронный адрес. Форма также содержит поясняющий текст и горизонтальную линию – разграничитель двух логических разделов формы (подписка, отказ от подписки).
 |
Рис.1. Внешний вид формы «Заявка»
Форма «Опрос» (рис.2) содержит: текстовое поле для ввода ФИО, переключатель для указания пола (м/ж), выпадающий список для указания возрастной категории, набор выключателей для указания интересов пользователя, поясняющий текст и кнопки для очистки и отправки данных формы на электронный адрес.
Форма «Регистрация» (рис.3) содержит следующие элементы управления: текстовые поля для ввода ФИО, адреса электронной почты, страны и города проживания пользователя (по умолчанию установлена страна Россия); переключатель для указания пола (м/ж); выпадающий список для указания возрастной категории (аналогично форме «Опрос») и кнопки для очистки содержимого формы и отправки данных формы на электронный адрес. Кроме того, форма содержит поясняющий текст и разделитель в виде горизонтальной линии.
 |
Рис.2. Внешний вид формы «Опрос»
 |
Рис.3. Внешний вид формы «Регистрация»
5. Мини-реферат должен иметь объем 2-3 машинописные страницы и разбит на разделы, снабженные заголовками. Заголовки должны быть выделены жирным шрифтом большего по сравнению с остальным текстом размера.
В начале страницы с мини-рефератом требуется размещено его оглавление, содержащее ссылки на заголовки разделов (для быстрого перехода к интересующему разделу).
Содержание мини-реферата должно показывать, что студент в достаточной мере изучил и усвоил материал данной темы.
6. Все страницы узла должные иметь единое стилевое оформление, включая оформление текста и гиперссылок, фона страниц, а также их структуру. Варианты задания контрольной работы предусматривают два основных структурных типа страниц: вертикальный и горизонтальный.
Структура страниц узла может быть реализована с помощью таблиц или фреймовых структур (Рамки в MS FrontPage, MS Word).
| Вертикальный тип структуры страницы: | Горизонтальный тип структуры страницы: | ||
| ЗАГОЛОВОК | ЗАГОЛОВОК | ||
| Ссылка1 | Ссылка1 Ссылка2 Ссылка3 | ||
| Ссылка2 Ссылка3 | содержимое страницы | содержимое страницы | |
| контактные сведения | контактные сведения |
Рис.4. Основные типы структур страниц
7. В конце содержимого каждой страницы должна быть помещена ссылка на ее начало (для быстрого возврата в начало просмотренной страницы).
8. Контактные сведения должны содержать ссылку, выполняющую запуск почтовой программы для отправки письма на существующий адрес электронной почты.
Требования к оформлению контрольной
работы
Контрольная работа выполняется на отдельной дискете формата 3,5” и емкостью 1.44 Мб. Этикетка дискеты должна содержать название дисциплины, фамилию студента и номер группы.
В результате выполнения контрольной работы на дискете должны быть созданы:
· файл index.htm, содержащий стартовую страницу web-узла;
· файлы, содержащие остальные web-страницы;
· каталог, содержащий файлы рисунков, использованных для оформления страниц узла.
Если файлы и папки не помешаются на дискету, то они должны быть заархивированы в один файл программой-архиватором WinZip.
К дискете должны быть приложены распечатка титульного листа контрольной работы (Приложение 5) и распечатки информации, находящейся на дискете. Для каждой страницы узла, начиная с главной страницы, приводится распечатка, содержащая:
· название web-страницы, ее заголовок (TITLE) и имя файла страницы;
· внешний вид страницы;
· полный HTML-код страницы.
Дискета и распечатки должны быть помещены в конверт и представлены на кафедру вычислительных систем и программирования. На конверте должны быть написаны фамилия и инициалы студента, номер группы, дата сдачи, название дисциплины и фамилия преподавателя. При наличии замечаний преподавателя студенты обязаны внести дополнения и изменения в свои работы и повторно передать их на кафедру. К промежуточному контролю знаний по дисциплине допускаются студенты, контрольные работы которых получили положительную оценку преподавателя.
КоНТРОЛЬНЫЕ ЗАДАНИЯ
Вариант 1.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Организация гиперссылок средствами HTML». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 2.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Спецификации HTML. Браузеры Netscape Navigator и Internet Explorer». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 3.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Электронная почта и web-страницы (вызов почтового клиента с web-страницы, отправка данных формы на электронный адрес)». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 4.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Создание таблиц средствами HTML и их использование на web-страницах». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 5.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Использование форм на web-страницах». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 6.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Использование фреймовых структур». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 7.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Структура HTML-документа» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 8.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Использование списков HTML» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 9.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Логическое и физическое форматирование текста HTML-документа» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 10.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Тэги физического форматирования текста» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 11.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Тэги логического форматирования текста» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 12.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Тэги уровня блока и последовательные тэги» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 13.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Опрос» и страницу мини-реферата на тему «Использование сценариев в HTML-документах». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 14.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Опрос» и страницу мини-реферата на тему «Использование каскадных таблиц стилей CSS». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 15.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Опрос» и страницу мини-реферата на тему «Объектная модель HTML-документа». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 16.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Опрос» и страницу мини-реферата на тему «События, свойства и методы объектов HTML-документа». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 17.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Опрос» и страницу мини-реферата на тему «Встраиваемые в web-страницу компоненты: элементы управления ActiveX, скрипты и Java-апплеты». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 18.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Опрос» и страницу мини-реферата на тему «Использование графических изображений для оформления web-страниц». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 19.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка», страницу мини-реферата на тему «Форматирование абзацев средствами HTML» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 20.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка», страницу мини-реферата на тему «Использование графических карт-изображений» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 21.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка», страницу мини-реферата на тему «Основные понятия языка HTML, особенности отображения HTML-документа браузерами» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 22.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка», страницу мини-реферата на тему «Размещение в WWW данных, подготовленных в приложениях MS Office» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 23.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка», страницу мини-реферата на тему «Основы безопасной работы с web-страницами и электронной почтой» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 24.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка», страницу мини-реферата на тему «Браузер MS Internet Explorer 6.0: основные возможности и настройка» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 25.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация» и страницу мини-реферата на тему «Структура глобальной компьютерной сети Интернет, технология «клиент-сервер». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 26.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация» и страницу мини-реферата на тему «IP-адреса, доменные имена, URL». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 27.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация» и страницу мини-реферата на тему «Структура, основные протоколы и сервисы глобальной компьютерной сети Интернет». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 28.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация» и страницу мини-реферата на тему «Назначение основных компонент MS FrontPage 98. Структура FrontPage Редактора». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 29.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация» и страницу мини-реферата на тему «Управление web-узлами с помощью FrontPage Проводника». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 30.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация» и страницу мини-реферата на тему «Почтовый клиент MS Outlook Express 5: основные возможности и настройка». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Пример выполнения контрольной работы
Задание: Создать трехстраничный web-узел, включающий главную страницу, страницу с формой и страницу мини-реферата на тему «Оформление фона web-страниц». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, содержимое разбито на три колонки. Фон страниц должен быть оформлен в желто-коричневых тонах, цвет текста – темно-коричневый, цвет ссылок – бордовый, цвет активных ссылок – малиновый.
Рис.5. Внешний вид страницы «Главная» – файл index.htm
HTML-код страницы «Главная»:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251”>
<title>Главная</title>
</head>
<body topmargin=”0” leftmargin=”0” rightmargin=”0” marginheight=”0” marginwidth=”0” bgcolor=”#FFFFD5” link=”#cc0066” vlink=”#cc0066” alink=”#993366” text=”#800000”>
<a name=”verh”></a>
<div align=”center”>
<table border=”0” cellpadding=”10” cellspacing=”0” width=”100%”>
<tr>
<td width=”100%” bgcolor=”#E7BF58”
colspan=”3”> <div align=”center”><font size=”6” color=”#800000”><b>Пример создания учебного узла </b></font></div>
<img src=”images/SPACER.GIF” width=”770” height=”1” border=”0”>
</td>
</tr>
<tr>
<td width=”12%” bgcolor=”#E7BF58” rowspan=”3” valign=”top”> <p>
<a href=”index.htm”><b>Главная</b></a></p>
<p><a href=”form.htm”><b>Формы</b></a></p>
<p><a href=”referat.htm”><b>Реферат</b></a></td>
<td width=”61%” valign=”top”><p align=”justify”> Узел создан для иллюстрации и помощи в
Инжэкона
<a href=”http://www.engec.ru”>www.engec.ru</a>. Напишите письмо на кафедру
Инжэкона
<a href=”http://www.engec.ru”>www.engec.ru</a> Напишите письмо на кафедру Вычислительных систем и программирования
<a href=”mailto:[email protected]?subject=дисциплина "Создание web-страниц"”>[email protected]</a> </td></tr>
</table>
</div>
</body>
</html>
Рис.7. Внешний вид страницы мини-реферата «Реферат» – файл referat.htm
Низ страницы мини-реферата оформлен так же, как и у всех страниц учебного web-узла.
HTML-код страницы «Реферат»:
<html>
<head>
<meta http-equiv=”Content-Type”
content=”text/html; charset=windows-1251”>
<title>Реферат</title>
</head>
<body topmargin=”0” leftmargin=”0” rightmargin=”0” marginheight=”0” marginwidth=”0” bgcolor=”#FFFFD5” link=”#cc0066” vlink=”#cc0066”
alink=”#993366” text=”#800000”>
<a name=”verh”></a><div align=”center”>
<table border=”0” cellpadding=”10” cellspacing=”0” width=”100%”>
<tr>
<td width=”100%” bgcolor=”#E7BF58”
colspan=”3”><div align=”center”><font size=”6” color=”#800000”><b>Пример создания учебного
узла</b></font></div>
<img src=”images/SPACER.GIF” width=”770” height=”1” border=”0”> </td> </tr>
<tr>
<td width=”12%” bgcolor=”#E7BF58” rowspan=”3” valign=”top”> <p>
<a href=”index.htm”><b>Главная</b></a></p>
<p><a href=”form.htm”><b>Формы</b></a></p>
<p><a href=”referat.htm”><b>Реферат</b></a></td>
<td width=”61%” valign=”top”>
<p align=”center”><font size=”+2”>Оформление фона web-страниц</font></p>
<p><a href=”#r1”>Задание фонового цвета</a><br>
<a href=”#r2”>Использование фонового
изображения</a></p>
<p><a name=”r1”><font size=”+1”><b>Задание
фонового цвета</b></font></a></p>
<div align=”justify”>
В качестве фона web-страницы может быть указан как однотонный цвет, так и фоновый узор или рисунок. Для задания цвета фона
Инжэкона
<a href=”http://www.engec.ru”>www.engec.ru</a> Напишите письмо на кафедру Вычислительных систем и программирования
<a href=”mailto:[email protected]?subject=дисциплина "Создание web-страниц"”>[email protected]</a> </td></tr>
</table>
</div>
</body>
</html>
СПИСОК РЕКОМЕНДУЕМой ЛИТЕРАТУРы
1. Дунаев В.В. Основы WEB дизайна: самоучитель. – СПб.: БХВ-Петербург, 2006. – 504 с.
2. Исси Коэн Л., Исси Коэн Дж. Полный справочник по HTML, CSS и JavaScript: справочник профессионала. – М.: ЭКОМ, 2007. - 1166 с.
3. Левин М.П., Алексеев Ю.М. 2 в 1: Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс – М.: Триумф, 2007. – 397 с.
4. Ноблес Р., Греди К.-Л. Эффективный Web-сайт: разработка, дизайн, маркетинг. Учебное пособие. – Москва: Триумф, 2005. – 559 с.
5. Программные средства разработки web-страниц. FrontРage 2003. М/у по выполнению лаб. раб. для студентов всех специальностей. / Васильева И.Н. – СПб: СПбГИЭУ, 2006. – 53 с.
6. Создание Web-страниц и Web-сайтов: cамоучитель./под ред. Печникова В.Н. – М.: Триумф, 2006. – 459 с.
7. Спека М.В. Создание Web-сайтов: самоучитель. – М. [и др.] : Диалектика, 2007. – 277 с.
8. Хольцшлаг М. 250 секретов HTML и Web-дизайна. – М.: NT Press, 2006. – 490 с.
9. Хольцшлаг М.Э. Языки HTML и CSS: для создания Web-сайтов: офиц. учеб. курс. Учебное пособие. – М.: Изд-во Триумф, 2006. – 303 с.
10. Анисимова И.Н. Основы разработки web-узлов и страниц. Учебное пособие. – СПб.: СПбГИЭУ, 2002. – 109 с.
11. Браун М., Хоникатт Д. Использование HTML 4: Специальное издание/Под ред.Петриковца Г.П. – М.-СПб-Киев: Издат.дом «Вильямс», 1999. – 779 с.
12. Использование приложений MS Office 2000 в Интер- и Интра-сетях. М/у для выполнения лаб. раб. по дисциплине «Учебная практика по информационным технологиям в экономике». Спец. 060800, 521500, 062200. / Рамин Е.Л., Анисимова И.Н. – СПб: СПбГИЭУ, 2003. – 44 с.
13. Матросов А., Серге<