Методические указания к изучению дисциплины и выполнению контрольной работы для студентов заочной формы обучения Специальности icon

Методические указания к изучению дисциплины и выполнению контрольной работы для студентов заочной формы обучения Специальности


Смотрите также:
Методические указания к изучению дисциплины и выполнению контрольной работы №3 для студентов...
Методические указания к изучению дисциплины и выполнению контрольной работы №2 для студентов...
Методические указания по изучению дисциплины и выполнению контрольной работы Для студентов иэутс...
Методические указания по изучению дисциплины и выполнению контрольной работы Специальность...
Методические указания к изучению дисциплины и выполнению контрольной работы для студентов...
Методические указания к изучению дисциплины и выполнению контрольной работы для студентов...
Методические указания к изучению дисциплины и выполнению контрольной работы №3 для студентов...
Методические указания к изучению дисциплины и выполнению контрольной работы №1 для студентов...
Методические указания к изучению дисциплины и выполнению контрольной работы для студентов...
Методические указания по изучению дисциплины и выполнению контрольной работы студентам заочной...
Методические указания по изучению дисциплины и выполнению контрольной работы студентам заочной...
Методические указания к изучению дисциплины и выполнению контрольной работы для студентов...



Загрузка...
скачать
Федеральное агентство по образованию


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

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




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


УТВЕРЖДАЮ

Проректор

по учебно-методической работе

и качеству образования

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


____________В.И. Малюк

« 08 » февраля 2010 г.

Рег. № __М-807__


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


ПРОГРАММНЫЕ СРЕДСТВА РАЗРАБОТКИ

WEB-СТРАНИЦ И ПРЕЗЕНТАЦИЙ


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

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

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


Специальности:

080502(0) – Экономика и управление на предприятии здравоохранения

080502(7) – Экономика и управление на предприятии транспорта

080502(8) – Экономика и управление на предприятии туризма и гостиничного

хозяйства

040201 – Социология

080504 – Государственное и муниципальное управление

080506 – Логистика и управление цепями поставок


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

2010

Допущено

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

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


Составитель

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


Рецензент

канд. техн. наук, доц. К.П. Голоскоков


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

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




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

СПбГИЭУ


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

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


©СПбГИЭУ, 2010

СОДЕРЖАНИЕ


Общие положения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4

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

4

Методические указания к выполнению контрольной работы . .

5

Требования к оформлению контрольной работы. . . . . . . . . . . . .

11

Контрольные задания . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

12

Пример выполнения контрольной работы . . . . . . . . . . . . . . . . . .

20

Список литературы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

32

Приложение 1. Основы языка разметки HTML . . . . . . . . . . . . . .

33

Приложение 2. Технология создания web-узла

в MS FrontPage 2003 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


44

Приложение 3. Технология создания web-узла

в MS Word 2003 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


52

Приложение 4. Содержание дисциплины

(извлечение из рабочей программы дисциплины) . . . . . . . . . . . .


58

Приложение 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, они должны быть сохранены в формате «Веб-страница с фильтром».

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

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

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

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

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

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


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

ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА

СОЗДАНИЯ WEB-СТРАНИЦ


Фамилия, Имя, Отчество
Смирнов Василий Иванович

Шифр зачетной книжки

12455/99

Группа

2135

Специальность

060400

№ варианта

25

Дата выполнения работы

12.12.2009

Список файлов и папок, созданных в ходе выполнения контрольной работы:

index.htm – главная страница; form.htm – страница с формой; tags_format.htm – страница мини-реферата; images – папка с рисунками; im001.gif, img002.gif, img003.gif – рисунки графической панели навигации; logo.jpg – рисунок-эмблема.




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

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

^ Примеры форм

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



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

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

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



Рис.2. Внешний вид формы «Опрос»



Рис.3. Внешний вид формы «Регистрация»

  1. Мини-реферат должен иметь объем 2-3 машинописные страницы и разбит на разделы, снабженные заголовками. Заголовки должны быть выделены жирным шрифтом большего по сравнению с остальным текстом размера.

В начале страницы с мини-рефератом требуется размещено его оглавление, содержащее ссылки на заголовки разделов (для быстрого перехода к интересующему разделу).

Содержание мини-реферата должно показывать, что студент в достаточной мере изучил и усвоил материал данной темы.

  1. Все страницы узла должные иметь единое стилевое оформление, включая оформление текста и гиперссылок, фона страниц, а также их структуру. Варианты задания контрольной работы предусматривают два основных структурных типа страниц: вертикальный и горизонтальный.

Структура страниц узла может быть реализована с помощью таблиц или фреймовых структур (Рамки в MS FrontPage, MS Word).


Вертикальный тип

структуры страницы:




Горизонтальный тип

структуры страницы:




ЗАГОЛОВОК




ЗАГОЛОВОК

Ссылка1







Ссылка1 Ссылка2 Ссылка3

Ссылка2

Ссылка3

содержимое

страницы





содержимое

страницы




контактные сведения




контактные сведения

Рис.4. Основные типы структур страниц

  1. В конце содержимого каждой страницы должна быть помещена ссылка на ее начало (для быстрого возврата в начало просмотренной страницы).

  2. Контактные сведения должны содержать ссылку, выполняющую запуск почтовой программы для отправки письма на существующий адрес электронной почты.
^

Требования к оформлению контрольной

работы



Контрольная работа выполняется на отдельной дискете формата 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-код страницы «Главная»:







Главная



































colspan=”3”>
Пример создания учебного узла




 


Главная



Формы



Реферат

      Узел создан для иллюстрации и помощи в

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

дисциплине "Инструментальные средства

создания web-страниц и презентаций".


      Страницы узла имеют единое оформление и структуру, включая заголовок, панель навигации (ссылки на страницы узла) и контактную информацию, расположенную внизу.

^ Содержимое страниц разбито на три колонки.


      Узел включает следующие файлы: index.htm - страница "Главная", form.htm - страница с формой, referat.htm –

страница мини-реферата, использованные для

оформления страницы рисунки хранятся в папке images: bs00554_.gif - рисунок "книги", bd00028_.gif - рисунок "вопрос", spacer.gif –

прозрачный квадрат.



Успехов в выполнении

контрольной работы!






cellspacing=”0” width=”101%”>



”Реферат”Мини-реферат на тему "Оформление фона web-страниц" ”Формы”Задать вопрос, заполнив форму





Рекомендуемая литература:

Анисимова И.Н.

Инструментальные средства создания web-страниц. Методические указания. - СПб.: СПбГИЭУ, 2000.


Практическое руководство по созданию web-страниц с помощью непосредственного редактирования тэгов HTML. Управление узлами в FrontPage 98. Создание страниц с формами в редакторе FrontPage.




”2”>Вайскопф Дж. Microsoft FrontPage 2000: учебный курс. - СПб.: Питер, 2000.
Описание интерфейса и возможностей MS FrontPage 2000. Создание страниц с формами.



наверх
Посетите сайт

Инжэкона

www.engec.ru.    Напишите письмо на кафедру

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

csp@engec.ru









оставить комментарий
Дата10.10.2011
Размер0,6 Mb.
ТипМетодические указания, Образовательные материалы
Добавить документ в свой блог или на сайт

Ваша оценка этого документа будет первой.
Ваша оценка:
Разместите кнопку на своём сайте или блоге:
rudocs.exdat.com

Загрузка...
База данных защищена авторским правом ©exdat 2000-2017
При копировании материала укажите ссылку
обратиться к администрации
Анализ
Справочники
Сценарии
Рефераты
Курсовые работы
Авторефераты
Программы
Методички
Документы
Понятия

опубликовать
Загрузка...
Документы

Рейтинг@Mail.ru
наверх