Главная (стр. 10 из 10)
Рис.16. Вид области формы с панелью Веб-компоненты
в режиме редактирования
· Настроить размер текстового поля. Изменить свойства поля (дважды щелкнуть на нем мышью или щелкнуть правой кнопкой мыши и выбрать Свойства) – задать имя поля (строка HTMLName): fio.
· После первого поля внутри формы клавишей Enter добавить новую строку. Набрать текст «Организация», затем вставить текстовое поле и задать для него имя (HTMLName)org.
· Ниже набрать текст «Контактный телефон (», вставить текстовое поле для ввода трехзначного кода города, задать для него имя kod и размер (строка MaxLength): 3. В этой же строке вставить закрывающую скобку «)» и текстовое поле с именем phone и размером 7.
· Ниже набрать текст «Требуемая выставочная площадь» и вставить раскрывающийся список
для выбора размера резервируемой площади и определения соответствующего выставочного модуля. Настроить параметры списка:HTMLName – modul;
DisplayValue – список отображаемых на экране элементов через точку с запятой:
до 3 кв.м; 10 кв.м; 15 кв.м; 30 кв.м; больше 30 кв.м
Value – список отсылаемых формой значений, соответствующих экранным элементам, через точку с запятой:
малый модуль; модуль стандарт; большой модуль;
сдвоенный модуль; индивидуально
· Сохранить страницу и проверить действие списка в окне обозревателя.
· Ниже списка ввести текст «Тип площади: павильон главный корпус», рядом с каждым вариантом (рис.11) вставить переключатель
. Настроить свойства переключателей:HTMLName для обоих переключателей – type,
Value для первого переключателя – павильон, для второго – здание,
Checked для первого переключателя – True, для второго – False.
Сохранить изменения и проверить действие переключателей в окне браузера – может быть выбран только один вариант ответа.
· Ниже переключателей набрать текст «Ваша фирма представляет: информацию услуги товары». Рядом с каждым и вариантов (рис.11) вставить элемент флажок
, для каждого из флажков задать свойства:HTMLName – reklama,
Value – соответствующий вид деятельности (например, информация),
Checked – True.
· Внизу вставить кнопку «Сброс»
и «Отправить» 
. На экране появятся кнопки со стандартными подписями Reset и Submit. Настроить параметры кнопок. Для свойства Caption кнопки «Сброс» установить значение «Очистить», для кнопки «Отправить» – «Подать заявку». Введенный текст отобразится на кнопках.· Настроить параметры отправки формы в окне свойств кнопки «Отправить» («Подать заявку»):
Method – post;
Encoding – text/plain;
Action – указать схему mailto (Приложение 1), например:
mailto:expo@mail.ru?Subject=заявка
· Сохранить страницу и проверить действие формы в окне браузера, предварительно настроив почтовый клиент MS Outlook Express.
СОДЕРЖАНИЕ ДИСЦИПЛИНЫ
(извлечение из рабочей программы дисциплины)
РАЗДЕЛ 1. ОСНОВЫ РАБОТЫ В ИНТЕРНЕТ
Тема 1.1. Глобальная компьютерная сеть Интернет
Современные тенденции к объединению мирового информационного пространства. Развитие глобальных компьютерных сетей.
Понятия интрасети и интерсети. Концепции и инфраструктура Интернет. История и тенденции развития.
Тема 1.2. Система адресации в Интернет
Структура Универсального указателя ресурса URL. IP-адреса. Доменная система именования. Подключение к сети Интернет.
Тема 1.3. Сервисные службы Интернет
Служба электронной почты E-Mail. Сервис копирования файлов с сервера FTP. Сервис многоуровневых меню по доступу к компьютерным ресурсам Gopher. World Wide Web.
Тема 1.4. Обозреватель Internet Explorer
Назначение и основные функции.
Поиск ресурсов Интернет. Средства обозревателя для поиска информации в Интернет. Поисковые системы.
Сохранение страниц и данных из сети Интернет. Функции обозревателя для сохранения данных. Сохранение элементов страницы, страниц и узлов Интернет.
РАЗДЕЛ 2. ПРОЕКТИРОВАНИЕ WEB-СТРАНИЦ.
Тема 2.1. Гипертекстовые документы. Основы HTML
Концепция гипертекстового документа, узла, системы узлов. HTML-документ. Основные дескрипторы форматирования текста, списков и таблиц.
Реализация гиперссылок в HTML-документе.
Дескрипторы вставки рисунков, оформление фона.
Тема 2.2. Проектирование простейших Web-страниц средствами текстового процессора Word
Преобразование документа Word в Web-страницу. Создание и форматирование основных элементов Web-страниц. Создание гиперсвязей.
Использование специальных элементов оформления: графические элементы, бегущая строка, диаграмма, элементы форм.
Тема 2.3. Специализированные средства создания Web-страниц: редактор FrontPage
Основные сведения о FrontPage. Режимы просмотра страниц. Форматирование текста. Списки. Таблицы. Создание гиперсвязей.
Использование графики. Встроенный графический редактор.
Создание страниц с фреймами.
Создание форм и командных кнопок. Дополнительные средства оживления Web-страниц. Языки сценариев.
Тема 2.4. Проектирование Web-сайтов средствами FrontPage
Разработка проекта Web-узла. Иерархия и связь страниц узла.
Проект сайта «Дискуссионная проблема».
Проект сайта «Проект».
Проект корпоративного сайта.
Проект сайта с поддержкой электронной коммерции.
Тема 2.5. Публикация Web-страниц на удаленном Web-сервере
Схема взаимодействия с Web-сервером.
Основные функции Internet Information Services. Инсталляция и создание Intranet и Internet Web–узла средствами Internet Information Services в локальной сети.
Публикация и удаленная редакция Web-сайта. Использование FTP-клиента для редактирования сайта Интранет и Интернет.
Приложение 5
Пример оформления титульного листа контрольной работы
Федеральное агентство по образованию
Государственное образовательное учреждение
высшего профессионального образования
«Санкт-Петербургский государственный
инженерно-экономический университет»
Кафедра вычислительных систем и программирования
Контрольная работа по дисциплине
ПРОГРАММНЫЕ СРЕДСТВА РАЗРАБОТКИ WEB-СТРАНИЦ
Выполнил______________________________________________________
(Фамилия И.О.)
Студент____________курса_______спец____________________________
Группа ______________№ зачет книжки____________________________
Подпись________________________________________________________
Преподаватель____________________________________________
(Фамилия И.О.)
Должность________________________________________________
(уч. звание, уч. степень)
Оценка ______________Дата проверки_________________________________________
Подпись________________________________________________________
Санкт – Петербург
2008
Выбор варианта индивидуального задания осуществляется по таблице. Ключом выбора являются две последние цифры номера зачетной книжки студента.
Таблица выбора варианта контрольной работы
| Две последние цифры номера зачетной книжки | Вариант контрольной работы |
| 01 31 61 91 | 1 |
| 02 32 62 92 | 2 |
| 03 33 63 93 | 3 |
| 04 34 64 94 | 4 |
| 05 35 65 95 | 5 |
| 06 36 66 96 | 6 |
| 07 37 67 97 | 7 |
| 08 38 68 98 | 8 |
| 09 39 69 99 | 9 |
| 10 40 70 00 | 10 |
| 11 41 71 | 11 |
| 12 42 72 | 12 |
| 13 43 73 | 13 |
| 14 44 74 | 14 |
| 15 45 75 | 15 |
| 16 46 76 | 16 |
| 17 47 77 | 17 |
| 18 48 78 | 18 |
| 19 49 79 | 19 |
| 20 50 80 | 20 |
| 21 51 81 | 21 |
| 22 52 82 | 22 |
| 23 53 83 | 23 |
| 24 54 84 | 24 |
| 25 55 85 | 25 |
| 26 56 86 | 26 |
| 27 57 87 | 27 |
| 28 58 88 | 28 |
| 29 59 89 | 29 |
| 30 60 90 | 30 |