
- •Фгбоу впо «Башкирский государственный педагогический университет
- •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. Массивы
10.2. Планирование сайта
Схема водопада - разработка сайта есть непрерывный циклический процесс — планирование, дизайн, выпуск и снова сначала.
I определение цели
Уточнение цели
Во время обсуждения сайта в группе хороши абсолютно все идеи. Смысл этого совещания заключается как раз в том, чтобы сформировать в результате так называемый "список желаний".
Под списком желаний подразумевается документ, описывающий все возможные идеи о содержании сайта, независимо от стоимости, осуществимости или пригодности. Очень важно не подавлять ни одной идеи в ходе мозгового штурма, в противном случае весь процесс разработки Web-сайта начисто лишится творческого элемента. Однако в конечном счете "список желаний" должен быть сокращен до приемлемых и разумных для данного сайта размеров. Это может представлять непростую задачу, особенно, если речь идет о сайте с несколькими возможными целями.
2. Определение аудитории
То, что хочет от сайта группа, проводящая мозговой штурм, и то, что будет от него ждать пользователь, отнюдь не всегда соответствует одно другому. Первым шагом, который следует предпринять, будет аккуратное описание аудитории сайта и указание причин, по которым эта группа пользователей будет посещать сайт.
Это можно сделать, ответив на несколько общих вопросов о посетителях сайта, а именно:
Где они живут?
Каков их возраст?
Какого они пола?
На каком языке они говорят?
Есть ли у пользователей какие-либо физические неполноценности (зрительные, двигательные и прочие)?
Каков уровень их технической подготовки?
Какой тип соединения с сетью Internet они используют?
Какова конфигурация их компьютеров?
Каким браузером они, возможно, будут пользоваться?
Далее, подумайте о том, что пользователи будут делать непосредственно на вашем сайте:
Как они попадут на сайт?
Что они захотят получить от сайта?
Когда они будут посещать сайт?
Как долго будет продолжаться каждое посещение ими вашего сайта?
С какой страницы сайта они будут его покидать?
Когда они снова посетят сайт, если это когда-либо вообще случится?
Как часто они возвращаются?
Для большинства сайтов можно выделить множество "типов" пользователей, каждый из которых будет представлять пользователей со своими характеристиками и намерениями.
! Если сайт уже некоторое время функционирует, в вашем распоряжении находится золотой прииск информации о вашей аудитории — статистические журналы.
3. Профилирование пользователей
Иногда для профилирования пользователей проводят с ними интервью, то есть непосредственный диалог с будущим пользователем, либо в форме ответов на готовые вопросы, либо произвольное мнение о сайте.
Для большинства сайтов типичные пользователи приблизительно делятся на три большие стереотипные категории:
неопытные пользователи,
пользователи с определенным опытом посещения Web-сайтов, не посещающие сайт часто,
опытные пользователи, хорошо представляющие структуру сайта, которые могут заходить на сайт многократно.
Теперь разработайте специфический профиль для каждой из созданных групп, то есть заполните три листа для трех групп пользователей с ответами на вопросы из пункта два (Где они живут?, Каков их возраст? и т.п.)