2020-01-14
303
Цели, с которыми создаются сайты. Основные элементы web-страниц. Классификацию web-сайтов по признакам их компоновки. Принципы компоновки web-страницы. Алгоритм создания нового проекта.
Тема 4. Основы HTML
Общая структура языка HTML. Понятия тегов и атрибутов, escape-последовательностей, правила записи команд. Цветовые спецификации языка. Базовые теги HTML, позволяющие формировать абзацы, устанавливать стили выделения и форматирования текста. Атрибуты тега <BODY>. Тег управления шрифтом <FONT>. Команды, предназначенные для создания заголовков, списков, разделителей. Правила организации гиперссылок. Программа CuteFTP, предназначенная для публикации web-страниц в сети Интернет.
Тема 5. Графика в web-дизайне
Существующие файловые форматы, применяемые для представления графики в сети Интернет. Методы интеграции изображений в документ HTML. Приемы, позволяющие осуществить фрагментацию изображений. Принципы создания GIF-анимации. Правила работы с программой Ulead GIF Animator.
Тема 6. Специальные возможности HTML
|
|
|
Правильно использовать в заголовках документов МЕТА-определители. Применять интерактивные элементы форм. Создавать различные таблицы с помощью стандартных средств HTML. Использовать директиву <FRAMESET> для представления web-страниц в виде фреймов. Строить реагирующую на нажатие кнопок мыши графическую карту с использованием тега <МАР>.
Тема 7. Каскадные таблицы стилей
Общие принципы использования каскадных таблиц стилей в документах HTML. Правила записи селекторов в коде CSS. Правила построения классов в коде CSS. Правила использования идентификаторов в коде CSS. Ряд практических аспектов применения каскадных таблиц стилей.
Тема 8. Полезные приемы web-дизайна
Использовать специальное программное обеспечение, предназначенное для перекодировки кириллицы. Оптимизировать наш ресурс для соответствия всем версиям клиентского программного обеспечения. Оптимизировать дизайн нашей web-страницы для ускорения загрузки графических иллюстраций. Выводить графику в отдельном окне фиксированного размера, не содержащем кнопок навигации и полос прокрутки. Организовывать систему быстрой навигации по сайту с использованием функций JavaScript. Защищать определенные разделы нашего ресурса паролем и запрещать доступ к этим директориям неавторизованных пользователей. Размещать на наших страничках счетчики посещений и индикаторы состояния ICQ. Создавать простую гостевую книгу.
Тема 9. Обслуживание web-страницы
Основные понятия о поддержке ресурса Интернета. Возможности автоматического обновления информации на удаленном web-узле с использованием технологий JavaScript. Технологии поддержки удаленного сервера с использованием протоколов Telnet и SSH. Архитектуру и основные принципы работы UNIX-совместимых операционных систем. Основные команды Linux.
|
|
|
Тема 10. Как стать web-звездой?
Процесс подготовки проекта к регистрации в поисковых системах. Процедуру регистрации сайта в поисковых машинах. Механизм деятельности служб баннерного обмена. Виды и стандарты рекламных баннеров. Методику использования в рекламных целях бесплатных досок объявлений и подписи к сообщениям электронной почты. Правила использования служб редиректа. Технологию создания рекламных баннеров.
Тема 11. Деньги и Интернет
Основные способы извлечения прибыли из частного web-сайта. Возможности подключения к так называемым партнерским программам. Виды прибыли от разработки коммерческого и представительского ресурса в Интернете. Методики создания электронных витрин, интерактивных торговых сайтов и полнофункциональных виртуальных магазинов.
Тема 12. Основы поиска информации в Интернет
Технологии поиска информации в Интернет. Информационно-поисковые системы в Интернет: поисковые каталоги и поисковые машины; глобальные и локальные информационно-поисковые системы. Использование возможностей Microsoft Internet Explorer: «поиск из адресной строки» и панель «Поиск». Настройка параметров поиска в Microsoft Internet Explorer. Основы поиска с помощью глобальных и локальных каталогов. Основы поиска с помощью глобальных и локальных поисковых машин. Понятие расширенного поиска.
Тема 13. Интернет-технологии и развитие образования
Современные сетевые технологии и развитие образования. Понятие «Интернет-технологии». Интернет-образование как внедрение Интернет-технологий в педагогический процесс. Основные направления Интернет-образования, тенденции и проблемы его развития. Перспективы развития Интернет-образования как инновационной парадигмы обучения и формирования личности. Проблемы взаимоотношений учителя и ученика в виртуальном сообществе. Специфические аспекты педагогической морали. Нравственные коллизии и проблемы.
Тема 14. Система JavaScript
Организация условных переходов и циклов Классы и объекты JavaScript. Работа с формами. Работа с графическими изображениями. Основы Dynamic HTML (DHTML). Использование cookie. Переменные, типы данных, операторы и функции в JavaScript Классы и объекты JavaScript: Массивы в JavaScript (класс Array); Объект window; Объект document; Встроенный класс Date. Работа со строками (класс String) Встроенный объект Math
МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО ИЗУЧЕНИЮ ДИСЦИПЛИНЫ
Изучение дисциплины реализуется в форме отработки полученных знаний на практике. В учебной аудитории методы и приемы разбираются на реальных ситуациях, выполняются конкретные экономические расчеты.
4. КОНТРОЛЬНЫЕ ЗАДАНИЯ
Контрольная работа
Задание №1
Первое задание относится к теоретическому содержанию учебной дисциплины и требует ознакомления с соответствующими литературными источниками.
Требуется раскрыть содержание теоретического вопроса, проработав всю литературу, указанную в конце методички. Объем ответа - не менее пяти страниц ученической тетради.
Индивидуальные варианты второго задания
| № | Тема |
| 1 | Виды и свойства информации |
| 2 | Принципы разработки информационных систем. Их реализация в процессе создания информационных систем торговых фирм. |
| 3 | Последовательность работ по созданию информационных систем торговых фирм “под ключ”. |
| 4 | Аппаратное и программное обеспечение информационных систем торговых фирм. |
| 5 | Основные сведения об Internet. Определения терминов, используемых при рассмотрении Internet. |
| 6 | Технология “клиент-сервер” в Internet. История возникновения Internet. |
| 7 | Адресация в Internet. Адресация электронной почты. Доменная система адресов компьютеров. Имя пользователя. Адреса FTP-, Gopher- и Web-серверов. |
| 8 | Варианты подключения к Internet. Подключение к Internet по постоянно выделенному каналу. IP-соединение по коммутируемому каналу. Сеансное подключение к Internet в режиме ON-LINE. |
| 9 | Использование кэш-сервера (Proxy-сервера). Общение по сети Internet в алфавитно-цифровом режиме. Телефонные переговоры посредством Internet. Перевод, архивирование, перекодировка. |
| 10 | Критерии выбора провайдера Internet. Поиск местного провайдера. Оценка имеющихся провайдеров. Стоимость и условия контракта. |
| 11 | WWW - основное направление развития информационных технологий. Каталоги. Поисковые серверы. Метапоисковые инструменты. Рациональные способы работы в Web. |
| 12 | Использование Internet для коммуникаций и информационных процессов. |
| 13 | Совершенствование информационных процессов торговой фирмы. |
| 14 | Электронная почта. |
| 15 | Использование электронной почты, списков рассылки и телеконференций в маркетинге и менеджменте. |
| 16 | Службы Internet. FTP-серверы. |
| 17 | Службы Internet. WWW-, Gopher-, Telnet-, WAIS-, Finger-, Whois- и X.500-серверы. |
| 18 | Использование серверов в маркетинге. Особенности маркетинга в Internet. Десять шагов к успешному маркетингу в сети Internet. |
| 19 | Структура Internet. Линии и каналы связи. Маршрутизаторы, шлюзы и мосты. |
| 20 | Технологии OFF-LINE. Технологии ON-LINE. Постоянное подключение к Internet. IP-соединение по коммутируемой линии. Сеансное подключение к Internet в режиме ON-LINE. Развитие структуры и услуг Internet. |
| 21 | Современные информационные технологии в коммерческой деятельности. Маркетинговая информационная система. Автоматизированная система управления торговой фирмой. |
| 22 | Передача данных. Компьютерные сети. Локальные вычислительные сети. |
| 23 | Глобальные вычислительные сети. Модем. Факс-модем. |
| 24 | Коммуникационная программа Telix. |
| 25 | Коммерческая информация. Использование новых информационных технологий в маркетинге. |
| 26 | Передача факсимильных сообщений. Факс. Факс-модем. |
| 27 | Общие сведения о языке разметки гипертекста (HTML). Структура HTML-документа. |
| 28 | Простейшие таблицы и графические объекты в HTML-документах. |
| 29 | Использование таблиц для создания рамки с тенью и разбиения текста на колонки. |
| 30 | Графика. Исключение ожидания загрузки изображения. Задание размеров изображения. Атрибут ALT= тега <IMG>. Чересстрочные изображения. |
| 31 | Методика создания gif-файлов для размещения графических объектов в HTML-документах. Цвета в HTML. |
| 32 | Цвета элементов документа. Коды цветов. Имена цветов. |
| 33 | Форматирование текста. Заголовки. Шрифты, начертание шрифта. Списки. |
| 34 | Выравнивание и отступы. Выравнивание текста по левому или правому краю. Центрирование объектов. Работа c изображениями. Поля вокруг изображения. Фоновые изображения и фоновый цвет. |
| 35 | Ссылки. Локальные ссылки. Ссылка - строка. Ссылка - изображение. Якорь и ссылка на него. Глобальные ссылки. |
| 36 | Дополнительные возможности форматирования текста. Текст, обтекающий границы объекта. Отображение текста в одной строке (без переноса на другую строку). Выделение абзацев с помощью списков определений и полей. |
| 37 | Нумерованные списки. Смена порядка нумерации в списке. Теги из разряда неосновных. |
| 38 | Сравнение MS Internet Explorer и Netscape Navigator; их сходство и различия. |
| 39 | Кадры в HTML. Создание кадровой структуры. Задание структуры экрана. Задание содержимого кадра. Использование тегов <noframes> и </noframes>. |
| 40 | Сложные системы кадров. Особенности использования целевых кадров. “Плавающие” кадры. Недостатки кадров. |
| 41 | Формы в HTML. Как сделать, чтобы форма хорошо смотрелась. Пример формы, пояснить назначение ее тегов. |
| 42 | Обработка данных, записанных в форму. Услуги по обработке форм. Управляемое пользователем интерактивное приложение. Общий шлюзовой интерфейс. |
| 43 | Форма для ввода данных. Атрибут action= тега <form>. Атрибут method= тега <form>. Метод GET. Метод POST. Тег <input>. CGI-сценарий. Прием данных из формы и вычисление результатов. Выдача ответа посетителю сайта. |
| 44 | Internet и Intranet. Идея Intranet. Достоинства Intranet. |
| 45 | VRML. Концепция VRML. Программное обеспечение трехмерной графики. |
| 46 | Пример трехмерной графики, его пояснение. Применение VRML в торговле. |
| 47 | Web-компьютеры, их отличия от персональных компьютеров. Структурная схема персонального компьютера. |
| 48 | Объявление о продаже персонального компьютера. Технические характеристики персонального компьютера. |
| 49 | Системные программы. Функциональные пакеты программ. Специализированные (прикладные) пакеты программ. Коммерческие системы. |
Задание №2
|
|
|
|
|
|
Второе задание состоит в разработке первого HTML-документа. Первый HTML-документ предназначен для размещения на сайте в качестве первой страницы (имеющей обычно имя index.html). На странице должны располагаться следующие элементы:
1. название фирмы,
2. логотип фирмы,
3. обращение к посетителю страницы,
4. адрес фирмы,
5. HTML-ссылки на две другие страницы сайта, разрабатываемые при выполнении заданий № 3 и 4.
Задание №3
Третье задание состоит в разработке второго HTML-документа. Этот документ shop.htm предназначен для размещения простейшей рекламы товаров. На странице должны располагаться следующие элементы:
1. название фирмы,
2. логотип фирмы,
3. обращение к посетителю страницы,
4. прайс-лист в форме таблицы,
5. HTML-ссылки на две другие страницы сайта, разрабатываемые при выполнении заданий № 2 и 4.
Задание №4
Четвертое задание состоит в разработке третьего HTML-документа. Этот документ rest.html предназначен для размещения меню кафе. На странице должны располагаться следующие элементы:
1. заголовок “МЕНЮ КАФЕ” с указанием имени или фамилии студента,
2. логотип фирмы,
3. список блюд,
4. HTML-ссылки на две другие страницы сайта, разрабатываемые при выполнении заданий № 2 и 3.
Вопросы к зачету
1. Клиентская часть среды проектирования. Программы просмотра WEB-страниц (обозреватели, браузеры), характеристика, возможности и особенности
2. Основы языка HTML. Правила построения HTML документов, теги, параметры, значения.
3. Структура HTML документа. Раздел заголовка и тело документа.
4. Форматирование символов. Заголовки, шрифты, размеры шрифта, цветовое оформление текста.
5. Разбиение документа на части, выравнивания, отступы.
6. Организация ссылок внутри одного документа. Обеспечение навигации по документу.
7. Организация связи между отдельными документами. Создание навигационной панели.
8. Списки нумерованные, их создание и особенности. Использование списка при организации оглавления.
9. Создание маркированных списков. Использование в качестве маркера графического изображения.
10. Списки- определения и их применение при построении простой справочной системы.
11. Графика на Web- страницах, ее возможности. Использование графики в качестве фона Web- страницы.
12. Встраиваемое изображение. Размеры, рамки. Взаимное расположение изображения и текста.
13. Изображение как часть элемента строки.
14. Представление информации с помощью таблиц. Основные методы построения и использования таблиц. Заголовок, рамки, размеры. Расстояние между ячейками таблицы, отступ от границы ячейки от содержимого, рамки, размеры.
15. Использование таблицы как средство форматирования Web- страниц. Размещение данных внутри ячейки, различные способы выравнивания.
16. Организация данных с помощью фреймов. Фреймы, особенности создания и использования.
17. Использование простой фреймовой структуры для задания оглавления и документов.
18. Обеспечение взаимодействия между фреймами.
19. Использование простой фреймовой структуры для задания оглавления одного документа. Обеспечение навигации по документу. <Плавающие фреймы, создание и использование>
20. Формы, правила построения и обработки. Использование форм для обеспечения диалога с пользователем.
21. Создание интерактивных Web- страниц. Основы объектно-ориентированных технологий. Объект, его свойства. Языки сценариев, их характеристика.
22. Язык сценариев JavaScript. Стандартные структуры данных и операторы для их обработки. Структурное программирование. Принципы его реализации в языке JavaScript.
23. Объекты и события. Обработка событий. Параметры обработки событий и их значения.
24. Понятие функции в языке JavaScript. Расположение описания функции в документе. Вызов функции.
25. Параметры, способы их передачи. Использование функции в качестве значения параметра при обработке события.
26. Параметры - значения и параметры - объекты. Пример.
27. Различные способы доступа к значению текстового поля формы. Свойство- массив elements.
28. Обработка форм. Данные, представленные на Web- странице с помощью флажка, и методы их обработки.
29. Обработка данных, представленных на Web- странице с помощью переключателя.
30. Представление данных с помощью списка и методы их обработки.
31. Работа с графикой на Web- страницах. Сценарии, позволяющие обменивать, сдвигать изображения.
32. Построение графических меню.
33. Использование графических изображений для построения диаграмм при обработке анкет.
34. Создание анимационных эффектов с помощью сценария JavaScript. Использование функции setTimeout.
35. Технология слайд шоу. Предварительная загрузка изображений для ускорения работы с графикой.
36. Процедурный тип данных. Функция eval, ее использование при решении задач.
37. Объектная модель языка сценариев JavaScript.
38. Связь объектов JavaScript с тегами языка HTML.
39. Объект window, его свойства и методы.
40. Проверка данных формы до ее обработки.
41. Создание нового окна. Использование сценариев работы с окнами.
42. Свойства навигатора.
43. Размещение данных и функций во внешнем файле.
44. Строки в JavaScript. Методы работы с текстами.
45. Массив. Особенности описания и использования.
46. Основные методы работы с массивом.
47. Объект Date. Создание и использование.
48. Методы работы с датой и временем.
49. Создание документов с помощью сценария.
50. Создание сценариев для разных обозревателей.
Тестовые задания
