- •Фгбоу впо «Башкирский государственный педагогический университет
- •2. Требования к уровню освоения содержания дисциплины «Технологии Internet (Web-мастерство)»
- •3. Объем дисциплины «Технологии Internet (Web-мастерство)» и виды учебной работы
- •4. Содержание дисциплины «Технологии Internet (Web-мастерство)»
- •4.1. Разделы дисциплины и виды занятий
- •4.2.Содержание разделов дисциплины «Технологии Internet (Web-мастерство)»
- •5. Учебно-методическое обеспечение дисциплины
- •6.5. Система подготовки материалов и методических разработок
- •7. Содержание итогового и промежуточного контроля
- •7.1. Перечень примерных контрольных вопросов и заданий для самостоятельной работы
- •7.2 Теоретические вопросы к зачету.
- •Практические задания
- •8. Методические рекомендации по организации изучения дисциплины
- •8.1. Методические рекомендации для преподавателей
- •9.Учебная практика по дисциплине «Технологии Internet (Web-мастерство)» не предусмотрена.
- •2.1. Конспекты лекций по дисциплине «Технологии Internet (Web-мастерство)»
- •2.1. Язык гипертекстовой разметки html.
- •2.1.1. Основные теги.
- •Комментарии
- •Общий вид html-документа
- •2.1.2. Обычный текст или абзац
- •Обычный текст или абзац в сеpедине стpоки
- •2.1.3. Ссылки
- •Ссылки на главы дpугих документов
- •2.1.4. Списки
- •Ненумеpованный список
- •Нумеpованный список
- •2.1.5. Физические стили
- •Наложение различных стилей
- •2.1.6. Рисунки
- •Составные картинки
- •Элемент map
- •2.1.7. Таблицы
- •2.1.8. Формы html
- •Атрибут checkbox
- •Атрибут image
- •Атрибут password
- •Атрибут radio
- •Атрибут reset
- •Атрибут select
- •Атрибут submit
- •Атрибут textarea
- •2.1.9. Фpеймы
- •3.1. Базовый синтаксис css
- •3.3. Применение свойства цвета.
- •Свойство 'background-color'
- •3.4. Фоновые изображения [background-image]
- •3.5. Семейство шрифта [font-family]
- •3.6. Боксовая модель
- •Боксовая модель в css
- •3.7.Принципы css-позиционирования
- •Абсолютное позиционирование
- •Относительное позиционирование
- •4.1. Цвет и форма.
- •4.2. Модульная сетка в дизайне.
- •4.3. Типы сайтов. Модели организации сайта.
- •4.3.1. Линейная организация
- •4.3.2. Решетка
- •4.3.3. Иерархия
- •4.3.4. Паутина
- •5.1. Теория навигации
- •5.1.1 Размещение элементов навигации
- •5.1.2. Правила навигации
- •5.1.3. Основные приемы создания ссылок
- •5.2. Программы для создания web-страниц
- •6.1. Изображения в Интернет: технологии gif, jpeg, png, Flash.
- •6.1.1. Форматы изображений
- •6.1.2. Формат gif
- •6.1.3. Формат jpeg
- •6.1.4. Формат png
- •6.1.6. Другие форматы изображений
- •6.2. Анимация
- •6.3. Звук
- •6.4 Видео
- •7.1. Технологии программирования
- •7.2. Программирование на стороне клиента
- •7.2. Синтаксис языка JavaScript и основы программирования на нем
- •8.1. Технологии, работающие на стороне сервера
- •8.2. Сценарии на стороне сервера
- •8.3. Технологии создания интерактивных страниц: asp, php, ssi
- •8.4. Серверные программные интерфейсы приложений
- •8.4. Сетевые и сопутствующие протоколы
- •8.4.3. Адресация: url/uri/urn/urc
- •9.4 Работа с формами
- •9.5. Рнр: выборочная загрузка
- •9.6 Рнр: гостевая книга
- •10.1. Базовая модель Web-процесса
- •10.2. Планирование сайта
- •I определение цели
- •2. Определение аудитории
- •3. Профилирование пользователей
- •4. Требования к сайту
- •II план сайта
- •III разработка дизайна
- •Логотип
- •Навигатор по сайту
- •IV создание пробного сайта
- •V тестирование
- •10.3 Публикация и продвижение сайта
- •Упражнение 2 – создание списка
- •Упражнение 3 - вставка рисунка
- •Упражнение 4 – гиперссылки
- •Лабораторная работа № 2 Создание home page средствами Notepad (папка web)
- •Последовательность выполнения работы
- •Лабораторная работа № 3
- •Сведения о пользователе
- •Лабораторная работа № 4 Создание домашней странички (папка web)
- •Лабораторная работа № 5 JavaScript
- •Лабораторная работа № 6 JavaScript Создание и обработка форм в электронных документах, их назначение.
- •Лабораторная работа № 7 Тема «Использование Flash-технологий для создания Web-сайтов»
- •Задания для самостоятельной работы
- •Упражнение 4 Создание анимационного ролика «Шарик летит по улице города»
- •Упражнение 6 Создание собственных кнопок
- •Задания для самостоятельной работы
- •Лабораторная работа № 8. Создание web-сайта средствами редактора Dreamweaver (папка web-6)
- •5 Проверить корректность работы файла стилей!
- •Лабораторная работа №9 по технологиям Internet.
- •Лабораторная работа 10. Введение в язык php
- •Лабораторная работа 11. Обработка данных форм
- •Лабораторная работа 12. Массивы
4. Требования к сайту
По мере прояснения целей сайта и выявления характера его предполагаемой аудитории будут все более рельефно проступать и требования к нему. Эти требования следует приблизительно разбить на категории:
визуальные,
технические,
связанные с содержимым,
связанные с доставкой.
Чтобы определиться с требованиями, можно задать следующие вопросы.
Какой тип содержимого будет необходим?
Какой внешний вид должен быть у сайта?
Каких типов программы нужно будет создать?
Сколько серверов будет необходимо для обслуживания посетителей сайта?
Какие ограничения будут налагать на сайт пользователи — относительно пропускной способности, размера экрана, браузера и т. д.?
Три первых шага процесса могут повторяться снова и снова, прежде чем выработанный план сайта или его спецификация удовлетворят группу.
II план сайта
! Назначение плана заключается в том, чтобы обеспечить связь различных людей, работающих над проектом, с целями разрабатываемого ими сайта, а также помочь привести весь проект создания сайта к позитивному результату.
План сайта содержит перечисленные ниже разделы.
1. Краткая формулировка цели. Этот раздел содержит краткое описание того, для чего сайт создается вообще с указанием основных критериев оценки степени успешности в достижении глобальной цели сайта.
2. Детальное разъяснение цели. В этом разделе детально обсуждаются цели сайта и обеспечиваются измеряемые показатели успешной работы сайта.
3. Обсуждение аудитории. Этот раздел профилирует предполагаемых пользователей, которые будут посещать сайт. Здесь описываются как характеристики типов пользователей, так и задачи, которые они будут пытаться решить при посещении сайта.
4. Дискуссия о сценариях посещений. Этот раздел описывает различные варианты схем поведения пользователей сайта. Начните с того, как пользователь попадает на сайт, а затем проследите его визит до логического завершения. Здесь также могут рассматриваться способы регистрации результатов посещения сайта, например число загруженных файлов, количество страниц, просмотренных за один визит, заполнение тех или иных форм и т. д., хотя эти вопросы имеют отношение и к разделу детального разъяснения цели.
5. Требования к содержимому. Раздел требований к содержимому должен включать черновой список всех текстов, изображений и других материалов, необходимых для сайта. Полезно составить таблицу с указанием предполагаемого содержимого, его формы, наличия, а также потенциального собственника или создателя, т. к. она помогает нагляднее видеть пути получения тех или иных компонентов содержимого. Простейший пример приведен в таблице
Наименование содержимого |
Описание |
Тип содержимого |
Формат содержимого |
Существует ли в данный момент |
Ответственный за доставку |
Пресс-релиз фирмы |
Пресс-релиз о новой серии продукции |
Текст |
Документ Microsoft Word |
Да |
Иванов П.П. |
Форма согласия на использование программного обеспечения |
Краткое описание легальности применения программного |
Текст |
Бумага |
Да |
Петров А.А. |
Изображение переносного суперкомпьютера |
Фотография новейшего суперкомпьютера |
Изображение |
GIF-файл |
Нет |
Сидоров Ф.В. |
6. Технические требования. Этот раздел должен включать общий обзор технологий, которые предполагается использовать при реализации сайта, например, HTML, JavaScript, CGI, Java Plug-in и т. д. В нем должны рассматриваться все технические ограничения, такие как: требования к производительности и безопасности, соображения, касающиеся многоаппа-
7. Требования к внешнему виду. Раздел требований к визуальному ряду должен описывать основные соображения относительно дизайна интерфейса. Например, размер экрана, глубина цвета, пропускная способность канала связи и т.д.
Здесь также можно выделить несколько более конкретных визуальных элементов, таких как использование определенного цвета или шрифта, однако большинство компонентов внешнего вида сайта будут определены позднее в процессе разработки.
8. Требования к доставке. В этом разделе указываются требования к доставке сайта, особенно любые соображения о сервере. Здесь должна присутствовать базовая дискуссия о том, сколько пользователей будут посещать сайт, из какого количества полос будет состоять типичная страница. Несмотря на то, что это чаще всего не более чем догадки, как правило, на этом основании возможно проведение краткого анализа с определением необходимых для доставки сайта конфигурации сервера и пропускной способности канала связи.
9. Прочие требования. Есть и другие требования, которые должны быть разобраны в плане сайта: языковые условия, правовые вопросы, промышленные стандарты и иные подобные соображения. Они не обязательно должны быть предметом отдельного рассмотрения — вместо этого к ним можно обращаться в других разделах документа.
10. Структурная схема сайта. Этот раздел должен содержать описание структуры сайта или блок-схему, подробно отображающую структуру различных частей сайта. ! Разработайте блок - схему сайта.
11. Кадровое обеспечение. Этот раздел должен подробно описывать кадровые ресурсы, необходимые для реализации сайта. Ресурсы могут измеряться в обычных человеко-часах и обязательно должны охватывать все четыре сферы деятельности, а именно: подготовка содержимого, создание технологической базы, визуальный дизайн и менеджмент.
12. Временные рамки. Временные ограничения должны демонстрировать, как именно работа над проектом будет развертываться во времени с учетом предположительных оценок кадрового обеспечения из предыдущего раздела, наложенных на структуру процесса типа "водопад", описанную ранее в данной главе.
13. Бюджет. Предполагаемый бюджет выводится в первую очередь из кадровых требований и требований по доставке сайта, на бюджете могут отражаться рыночные цены, а также иные финансовые моменты, связанные, например, с лицензированием содержимого.