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