Главная (стр. 1 из 10)

Федеральное агентство по образованию

Государственное образовательное учреждение
высшего профессионального образования
«Санкт-Петербургский государственный

инженерно-экономический университет»

Кафедра вычислительных систем и программирования

УТВЕРЖДАЮ

Проректор

по учебной работе

д.э.н., профессор

____________О.В. Гончарук

«21» мая 2008 г.

Рег. № М 161

ЗАОЧНОЕ ОБУЧЕНИЕ

ПРОГРАММНЫЕ СРЕДСТВА

РАЗРАБОТКИ WEB-СТРАНИЦ

Методические указания к изучению дисциплины

и выполнению контрольной работы

для студентов заочной формы обучения

Специальность 080105 - Финансы и кредит

Санкт-Петербург

2008

Допущено

редакционно-издательским советом СПбГИЭУ

в качестве методического издания

Составитель

канд. физ.-мат. наук, доц. И.Н.Васильева

Рецензент

д-р техн. наук, проф. И.А. Брусакова

Подготовлено на кафедре

вычислительных систем и программирования

Одобрено научно-методическим советом

факультета предпринимательства и финансов

Отпечатано в авторской редакции с оригинал-макета,

представленного составителем

© СПбГИЭУ, 2008

СОДЕРЖАНИЕ

Общие положения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	4
Методические указания к изучению дисциплины . . . . . . . . . . . .	4
Методические указания к выполнению контрольной работы . .	5
Требования к оформлению контрольной работы . . . . . . . . . . . . .	11
Контрольные задания . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	12
Пример выполнения контрольной работы . . . . . . . . . . . . . . . . . .	20
Список литературы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	32
Приложение 1. Основы языка разметки HTML . . . . . . . . . . . . . .	33
Приложение 2. Технология создания web-узла в MS FrontPage 2003 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	44
Приложение 3. Технология создания web-узла в MS Word 2003 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	52
Приложение 4. Содержание дисциплины (извлечение из рабочей программы дисциплины) . . . . . . . . . . . .	59
Приложение 5. Пример оформления титульного листа контрольной работы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	61
Приложение 6. Выбор варианта контрольных заданий . . . . . . .	62

ОБЩИЕ ПОЛОЖЕНИЯ

Стремительное развитие Интернет-технологий, их повсеместное использование, проникновение в самые разнообразные сферы профессиональной, в том числе и экономической, деятельности обуславливает необходимость их освоения специалистами экономического профиля. Базовое знание 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, они должны быть сохранены в формате «Web-страница с фильтром».

3. Главная страница узла должна содержать следующую информацию:

· название дисциплины,

· ФИО, номер группы, номер зачетной книжки студента,

· № варианта задания,

· список всех созданных в ходе выполнения задания файлов и папок с необходимыми пояснениями.

Фамилия студента должна быть выделена жирным курсивом, а номер варианта – жирным шрифтом.

Пример содержания главной страницы:

ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА СОЗДАНИЯ WEB-СТРАНИЦ
Фамилия, Имя, Отчество	Смирнов Василий Иванович
Номер зачетной книжки	12455/99
Группа	2135
Специальность	060400
№ варианта	25
Дата выполнения работы	12.12.2007
Список файлов и папок, созданных в ходе выполнения контрольной работы:
index.htm – главная страница; form.htm – страница с формой; tags_format.htm – страница мини-реферата; images – папка с рисунками; im001.gif, img002.gif, img003.gif – рисунки графической панели навигации; logo.jpg – рисунок-эмблема.

4. Конкретный вид формы и тема мини-реферата определяются вариантом задания.

В варианты задания включены формы трех видов: «Заявка», «Регистрация» и «Опрос». Данные форм должны отсылаться на существующий адрес электронной почты.

Примеры форм

Форма «Заявка» (рис.1) содержит следующие элементы: выключатель (флажок) для указания требования подписаться (по умолчанию включен) и выключатель для исключения из списка рассылки (по умолчанию выключен); текстовые поля для ввода ФИО, адреса электронной почты, регистрационного номера рассылки; выпадающий список для выбора темы рассылки; кнопки для очистки содержимого формы и отправки данных формы на электронный адрес. Форма также содержит поясняющий текст и горизонтальную линию – разграничитель двух логических разделов формы (подписка, отказ от подписки).

Рис.1. Внешний вид формы «Заявка»