601

Министерство образования и науки Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования

«Нижегородский государственный архитектурно-строительный университет»

О.А. Прохожев

WEB-ТЕХНОЛОГИИ

Учебно-методическое пособие по подготовке к лекциям (включая рекомендации по организации

самостоятельной работы) для обучающихся по дисциплине «WEB-технологии» направление подготовки 54.03.01 Дизайн, направленность (профиль) Графический дизайн

Нижний Новгород ННГАСУ

2016

2

УДК 745/749 (7.05)

Прохожев О. А. WEB-технологии. [Электронный ресурс]: учеб. - метод. пос. / О.А. Прохожев; Нижегор. гос. архитектур. - строит. ун- т – Н. Новгород: ННГАСУ. 2016. – 13 с; ил. 1 электрон. опт. диск (CD-R)

Приведены указания по выполнению самостоятельной работы студента по дисциплине «WEB-технологии», рассмотрены содержание и последовательность выполнения задания, даны рекомендации по проектированию. Указывается необходимая литература и источники.

Материалы пособия обеспечивают знакомство с современными способами презентации проектов, изучение основных норм и правил, необходимых при создании мультимедийных продуктов на примере интернет-сайта. Ориентируют в многообразии форм творческой деятельности в связи с профессиональными задачами.

Предназначено обучающимся в ННГАСУ для подготовки реферата по направлению 54.03.01 Дизайн, профиль Графический дизайн.

© О. А. Прохожев, 2016 © ННГАСУ, 2016

3

ОГЛАВЛЕНИЕ

4

ВВЕДЕНИЕ

Учебное задание (реферат) по «Теории дизайна» рассматривается как самостоятельный вид учебной работы, выполняемый в соответствии с учебным планом. Разработка учебного задания осуществляется в рамках дисциплины

«WEB-технологии» и является частью творческого профессионального обучения.

Учебное задание логически предшествует выпускной квалификационной работе

(ВКР), способствуя постепенному формированию у студента навыков,

необходимых как для полного раскрытия темы ВКР, так и для его будущей профессиональной деятельности в целом.

Предназначены для качественного усвоения теоретических знаний и овладения практическими умениями составления документов используемых в дизайн-проектировании с применением WEB-технологий. Содержат вопросы для самоконтроля, необходимые для написания реферата по дисциплине

«WEB-технологии».

1. ЦЕЛИ И ЗАДАЧИ УЧЕБНЫХ ЗАДАНИЙ

Цель учебного задания - на основании данной работы (реферат) подвести студентов к подготовке выпускной квалификационной работы. Приобрести теоретические знания в области дизайна, освоить студенту методы эффективного решения конкретных проектных задач, повысить общий творческий потенциал студента, и в первую очередь повысить уровень технического воображения и технической компетенции, как фундамента для теоретико-методической специфики профессии и процедурных моментов дизайн-проектирования с применением WEB-технологий.

2. МЕТОДИЧЕСКИЕ УКАЗАНИЯ ДЛЯ ОБУЧАЮЩИХСЯ ПО ОСВОЕНИЮ ДИСЦИПЛИНЫ

призваны сориентировать студента в процессе освоения дисциплины,

5

помочь ему решить основные учебные задачи курса и освоить механизмы их реализации. Для этого студенту предлагается ознакомиться с программой курса,

озвучивается основной и дополнительный список рекомендуемой литературы,

включающий перечень нормативно-правовой документации по дисциплине,

учебники, учебные пособия по дисциплине, а также работы научного плана:

монографии, статьи и т.д.

Так как весь часовой объем курса делится на академический (аудиторный) и

самостоятельный, основными формами его реализации являются лекции, а также формы самостоятельной работы: собеседованиям, подготовка докладов,

подготовка к зачету.

В течение курса со студентами проводятся индивидуальные и групповые консультации.

Лекции позволяют в максимально сжатые сроки представить значительный объем структурированной информации. Лекционные материалы по курсу «WEB-

технологии» как, правило, имеют проблемно-тематическую структуру.

Лекционные и семинарские занятия позволяют сформировать у студента умение формулировать выводы и практические рекомендации по вопросам организации и планирования научно-исследовательской работы, в том числе научно-исследовательской работы студентов (НИРС), озвучивать собственные мысли, решать практические задачи. Выдаваемые студентам «Темы рефератов» позволяют сориентировать студентов в направлении поиска информации по конкретной теме, предлагают по ней литературу с выходными данными. Это расширяет возможности студентов при самостоятельной подготовке докладов и подготовке к зачету. При проведении аудиторных занятий используются различные методики и формы работы: тестирование, фронтальный опрос,

доклады и сообщения, Обсуждения по теме выполняемых работ. Обязательно используются наглядные пособия с применением мультимедиа.

Перед сдачей зачета студентам выдается перечень подготовительных вопросов по курсу «WEB-технологии». Непосредственно перед зачетом

6

проводится консультация, на которой рассматриваются содержательные и организационные вопросы.

3. УЧЕБНЫЕ ЗАДАНИЯ. САМОСТОЯТЕЛЬНАЯ РАБОТА СТУДЕНТА.

Учебное задание направлено на решение практических задач для осуществления “ быстрого старта” в области web-дизайна с целью ознакомления с методами разработки Internet-проектов.

В процессе обучения слушатели создают собственный сайт-визитку, а

именно: осваивают web-вёрстку, формируют контент сайта (текст, графические элементы, баннеры и т.д.), размещают проект на web-сервер.

Этапы освоения этапов выполнения учебного задания.

Задание 1. Разработка архитектуры сайта.

1.1Основная терминология и понятия, этапы разработки web-сайта;

1.2Основные формулировки в техническом задании на разработку сайта;

1.3Разработка концепции и макета сайта, виды вёрстки web-страниц;

1.4Знакомство с интерфейсом программы Microsoft FrontPage (Microsoft Office SharePoint Designer);

1.5Формирование и настройка главной страницы сайта в Microsoft Office

SharePoint Designer;

Задание 2. Подготовка контента сайта.

2.1Подготовка изображений форматов PDF, JPEG в программе Adobe Photoshop;

2.2Использование GIF-анимации и FLASH роликов в баннерной рекламе и структуре сайта;

2.3Создание FLASH-баннера для сайта-визитки в программе Adobe Flash;

Задание 3. Вёрстка сайта-визитки.

3.1Знакомство с HTML, основные термины и понятия;

3.2Табличная вёрстка макета сайта;

7

3.3Форматирование текста и добавление графики средствами HTML и CSS;

3.4Создание гиперссылок;

Задание 4. Отладка и оптимизация сайта.

4.1Регистрация домена;

4.2Хостинг;

4.3Размещение сайта на web-сервер, FTP-протокол передачи данных;

4.4Регистрация сайта в поисковых системах Yandex, Google;

4. ПЕРЕЧЕНЬ РЕСУРСОВ ИНФОРМАЦИОННО – ТЕЛЕКОММУНИКАЦИОННОЙ СЕТИ «ИНТЕРНЕТ» (ДАЛЕЕ - СЕТЬ «ИНТЕРНЕТ»), НЕОБХОДИМЫХ ДЛЯ ОСВОЕНИЯ ДИСЦИПЛИНЫ

Электронная библиотека учебно-методической литературы для общего и профессионального образования. - Режим доступа: http://window.edu.ru/

Научная электронная библиотека. - Режим доступа: http://elibrary.ru/

Научные статьи, диссертации и авторефераты из электронных научных библиотек. - Режим доступа: http://www.scholar.ru/

5. ПЕРЕЧЕНЬ УЧЕБНО-МЕТОДИЧЕСКОГО ОБЕСПЕЧЕНИЯ ДЛЯ САМОСТОЯТЕЛЬНОЙ РАБОТЫ ОБУЧАЮЩИХСЯ ПО ДИСЦИПЛИНЕ

Таблица 5.1 Перечень учебно-методического обеспечения для самостоятельной работы обучающихся по дисциплине.

6.ПЕРЕЧЕНЬ ОСНОВНОЙ И ДОПОЛНИТЕЛЬНОЙ УЧЕБНОЙ ЛИТЕРАТУРЫ, НЕОБХОДИМОЙ ДЛЯ ОСВОЕНИЯ ДИСЦИПЛИНЫ

Таблица 6.1 Основная литература

7.СПИСОК ПОДГОТОВИТЕЛЬНЫХ ВОПРОСОВ К ЗАЧЁТУ И ОЦЕНОЧНЫЕ СРЕДСТВА ДЛЯ ПРОВЕДЕНИЯ ПРОМЕЖУТОЧНОЙ АТТЕСТАЦИИ

Зачёт с оценкой (6 семестр) в письменной форме. По результатам ответа выставляются оценки по пятибалльной шкале, резюмирующие уровень обученности студента по данному модулю. Вопросы задаются на выбор преподавателя, согласно списка вопросов по зачёту (по два вопроса).

Студент представляет за весь курс обучения реферат объёмом не менее

15 листов А4 без учёта иллюстраций, приложений и списка литературы по темам

9

лекционных занятий. Темы рефератов должны соответствовать одному из вопросов для зачёта по выбору студента с предварительной консультацией у преподавателя.

Вопросы для зачёта.

Вопросы для зачёта задаются в виде вопросов по результатам освоения дисциплины. Вопросы задаются на выбор преподавателя, согласно списка вопросов по зачёту (по два вопроса). (выставляются оценки по пятибалльной шкале, резюмирующие уровень обученности студента по данному модулю). На вопросы учащиеся отвечают в письменной форме.

Пример № 1

1.Предмет и проблемы технической эстетики в WEB-проектировании.

2.Новационный и инновационный характер WEB-дизайна

Пример № 2

1.WEB-технологии как футурологический феномен.

2.Оценка качества дизайн-деятельности с применением WEB-технологий.

Пример № 3

1.Дизайн и стандартизация в WEB-дизайне.

2.Роль WEB-дизайна в визуализации новой предметной среды.

Пример № 4

1.WEB-дизайн и прогнозирование.

2.Взаимодействие типологии и классификации в процессе разработки

WEB-продукта (сайт-визитка, сайт-галерея, сайт-магазин, и т.п.).

Пример № 5

1.Место WEB-дизайна в системе искусств.

2.Основы WEB-дизайна.

Пример № 6

1.Машинная оценка качества WEB-продукта.

2.Стандартизация и унификация в WEB-дизайне.

Пример № 7

10