- •Фгбоу впо «Башкирский государственный педагогический университет
- •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.1. Базовая модель Web-процесса
Основная или базовая модель процесса, предполагаемая для использования при разработке Web-сайтов, должна быть, прежде всего, близка большинству людей, по крайней мере, по смыслу, т. к. она является дедуктивной Базовая модель начинается с общей картины, а затем сужается до конкретных шагов, необходимых для завершения сайта. В сфере производства программного обеспечения подобная модель носит название "водопад" (waterfall model) или, иногда, "модель жизненного цикла программного обеспечения" (software lifecycle model), т. к. она описывает именно фазы жизненного цикла прикладной программы.
Рисунок 9.1.Модель водопада
Каждая стадия в рамках модели водопада следует за предыдущей и так далее, вплоть до завершения процесса. Структура модели начинается со стации планирования, затем следует фаза проектирования, только после этого фазы реализации и тестирования и, наконец, фаза технического обслуживания. Может оказаться, что эти фазы будут представлять собой отдельные шаги, однако переход от одной фазы к другой вполне может быть не слишком заметным. Более того, движение зачастую идет не только в направлении завершения работы, в целом ряде случаев предыдущие шаги необходимо повторять, чтобы адекватно отреагировать на неожиданно возникшие изменения в ходе осуществления проекта. Фактическое число шагов и их конкретные названия могут приобретать различные значения от одного человека к другому, однако основная идея модели водопада хорошо проиллюстрирована на рисунке 9.1.
Преимуществом модели водопада является то, что дизайнеры должны все планировать наперед. Однако это же можно назвать и самым большим недостатком данной модели. В любом Web-проекте всегда присутствует значительный элемент неожиданности, особенно в вопросах того, что именно необходимо для успешного завершения проекта. Еще большее значение это обстоятельство имеет, если у самого разработчика нет достаточного опыта создания Web-сайтов. Другим недостатком данной модели процесса является то, что каждый шаг представляется чем-то изолированным, в то время как во время реальной разработки Web-сайта, как и прикладной программы, отдельные шаги частично накладываются один на другой, влияют на предыдущие и последующие шаги, и очень часто необходимо их повторять снова и снова.
К сожалению, модель водопада может стать слишком жесткой и заставлять разработчика приостанавливать проект и переделывать все предыдущие шаги, если возникает много непредвиденных изменений. Короче говоря, эта модель не слишком приспособлена для быстрого реагирования на изменения. Однако модель водопада для дизайна Web-сайта продолжает оставаться очень популярной, т. к. она очень легка в освоении и применении. Кроме того, изолированные шаги удобны для управления процессом, т. к. они могут легко контролироваться и служить вехами прогресса проекта.
Модифицированный водопад
Одним из важнейших аспектов модели водопада является то, что она заставляет постоянно планировать наперед. Однако т. к. процесс должен включать все стадии, многие разработчики склонны быстро "проскакивать" ранние шаги, что заканчивается необходимостью их повторения в дальнейшем или созданием сайта на основе недоработанных идей. Процесс является настолько жестким, что практически не поддерживает творческого поиска и иногда приводит к нежелательному риску. Одним из возможных улучшений могут стать уделение большего времени нескольким начальным стадиям "водопада" и проведение повторных итераций, исследуя цели сайта и требования, предъявляемые к нему, прежде чем приступить непосредственно к фазам дизайна и реализации. Из-за циклического характера этого процесса его прозвали "модифицированным водопадом с водоворотом" (по аналогии с небольшими водоворотами, которые в природе зачастую располагаются рядом с водопадами). Если вы приступаете к разработке проекта с высоким риском неожиданностей, модель модифицированного водопада, изображенная на рис. 9.2, будет для вас оптимальным выбором.
Рисунок 9.2. Модифицированный водопад
Совместная разработка приложения
Последняя модель из области создания программного обеспечения, имеющая значение при разработке Web-сайтов, называется "совместная разработка приложения" (joint application development, JAD). Она также называется "эволюцией прототипов", т. к. предполагает разработку ряда прототипов сайта и их постепенное движение к его окончательной форме через ряд стадий.
В отличие от фиктивного сайта, создаваемого для проверки определенной теории, однажды изготовленный прототип демонстрируется пользователям. После этого пользователи напрямую выражают свои мнения, которые учитываются при разработке следующей версии прототипа. Процесс продолжается далее, пока не будет создана окончательная форма сайта. Основная концепция совместной разработки приложения проиллюстрирована на рис. 4.3.
Рисунок 9.3. Модель JAD
Многие аспекты модели JAD представляются весьма подходящими для сферы разработки Web-сайтов, особенно в тех случаях, когда специфику проекта достаточно сложно определить. Данный процесс является более последовательным по сравнению с глобальной направленностью модели водопада на конечный результат, поэтому обычно он также оказывается и более быстрым. Однако модель JAD не лишена и ряда существенных недостатков. Во-первых, предоставление на обозрение пользователям незаконченного сайта может повредить взаимоотношениям разработчика и пользователей. Даже когда у пользователей есть активное желание ^сотрудничать по ходу осуществления проекта, всегда следует помнить о том, что пользователи все-таки дизайнерами не являются. О данном основополагающем принципе Web-дизайна никогда не следует забывать, т. к. пользователи легко могут сбить процесс разработки с правильного направления своими завышенными и малореальными требованиями.
Проекты, использующие модель JAD, также достаточно сложно финансировать в силу того, что невозможно предсказать число переработок, которые могут потребоваться в процессе реализации. Если мнение пользователей будет отличаться переменчивостью, стоимость проекта очень быстро превысит все мыслимые и немыслимые пределы. Помните о том, что основная идея модели JAD заключается в том, чтобы создавать множество "неправильных" сайтов до тех пор, пока, наконец, не получится "правильный" сайт. Несмотря на свои недостатки, модель JAD прочно занимает свою нишу в индустрии разработки Web-сайтов, особенно, когда дело касается технического обслуживания. С другой стороны, использование модели JAD на начальных стадиях проекта представляется наилучшим выбором для опытных разработчиков, особенно для тех, кто умеет эффективно взаимодействовать с пользователями.
Теоретически модели процесса разработки Web-сайта имеют определенное значение, но работают ли они на практике? Ответом будет многократное "да". Однако процесс разработки Web-сайта редко сохраняет четкую последовательность из-за новизны данной сферы, серьезных временных ограничений и самой слишком изменчивой природы Web-проектов. Разработчики всегда должны действовать с определенной осторожностью. Для того чтобы направлять процесс разработки, модель процесса следует использовать с самого начала осуществления проекта. Если создается совершенно новый сайт или планируется очень сложное и обширное дополнение, то целесообразно применение модели водопада или модифицированного водопада с водоворотом. Если же проект касается в основном технического обслуживания, относительно прост сам по себе или же предполагает большое количество неопределенных факторов, тогда стоит обратить внимание на модель совместной разработки приложений.