3197
.pdfМИНОБРНАУКИ РОССИИ Федеральное государственное бюджетное образовательное учреждение высшего образования
«Нижегородский государственный архитектурно-строительный университет»
О. Я. Родькина
WEB - ДИЗАЙН
Учебно-методическое пособие
по подготовке к лекциям и практическим занятиям (включая рекомендации по организации самостоятельной работы) для обучающихся
по дисциплине «Web - дизайн» по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, направленность (профиль)
Инфраструктура пространственных данных
Нижний Новгород
2022
МИНОБРНАУКИ РОССИИ Федеральное государственное бюджетное образовательное учреждение высшего образования
«Нижегородский государственный архитектурно-строительный университет»
О. Я. Родькина
WEB - ДИЗАЙН
Учебно-методическое пособие
по подготовке к лекциям и практическим занятиям (включая рекомендации по организации самостоятельной работы) для обучающихся
по дисциплине «Web - дизайн» по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, направленность (профиль) Инфраструктура пространственных данных
Нижний Новгород ННГАСУ
2022
УДК 681.3 (075)
Родькина О.Я. Web - дизайн: учебно-методическое пособие/ О.Я. Родькина; Нижегородский государственный архитектурно-строительный университет. – Нижний Новгород : ННГАСУ, 2022. – 11 с. – Текст : электронный.
Даются тематика лекций, их краткое содержание, а также тематика практических занятий и методические рекомендации по самостоятельной работе обучающихся по дисциплине «Web - дизайн». Указывается необходимая литература и источники, разъясняется последовательность их изучения, выделяются наиболее сложные вопросы и даются рекомендации по их изучению.
Предназначено для обучающихся в ННГАСУ по дисциплине «Web - дизайн» по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, направленность (профиль) Инфраструктура пространственных данных.
© О.Я. Родькина, 2022
©ННГАСУ, 2022.
Учебно-методическое пособие по подготовке к лекциям и практическим занятиям (включая рекомендации по организации самостоятельной работы) по дисциплине «Web - дизайн» предназначены для студентов третьего курса, обучающихся по направлению 21.03.03 Геодезия и дистанционное зондирование, и содержат программу для проведения лекционных и практических занятий, а также методические рекомендации по самостоятельной работе.
Цель учебно-методического пособия: помочь студентам при изучении учебной программы с использованием лекционных материалов и рекомендуемой учебно-методической литературы при формировании необходимых компетенций дисциплины «Web - дизайн».
Целями освоения дисциплины «Web - дизайн» являются формирование у будущих специалистов целостного представления о методах и подходах, используемых в web-дизайне, а так же практических навыков в области современного web -дизайна, включающего в себя проектирование, создание и стилевое оформление web -страниц и сайтов.
Обобщенной целью преподавания данной дисциплины является формирование совместно с другими дисциплинами учебного плана и всеми формами образовательного процесса в университете, компетенций, знаний, умений и навыков, определяемых требованиями ФГОС ВО по направлению 21.03.03 Геодезия и дистанционное зондирование.
В лекциях дается общая характеристика теоретических вопросов по темам дисциплины, излагаются основы и терминология веб - дизайна, эволюции концепций Web, технологии разработки web-сайтов, а так же типы верстки, проектирование и оформление контента, основы HTML и CSS; на практических занятиях осуществляется групповая работа студентов и преподавателя по обсуждению практики применения рассмотренных технологий для разработки веб-сайтов.
Главной целью лекций является привитие студентам интереса к изучаемому материалу, формирование мотивации к последующему самостоятельному анализу рассматриваемой проблематики. На лекциях студентам раскрываются наиболее сложные вопросы и теоретические положения, показывается их практическая значимость, даются рекомендации по углубленному самостоятельному изучению теории и практики.
На лекциях по дисциплине «Web - дизайн» широко используются активные формы проведения занятий. Такие формы организации образовательного процесса, способствуют разнообразному (индивидуальному, групповому, коллективному) изучению учебных вопросов (проблем), активному взаимодействию студентов и преподавателя, живому обмену мнениями между ними, нацеленному на выработку правильного понимания содержания изучаемой темы и способов ее практического использования.
Материал пропущенных лекций студент восстанавливает самостоятельно и по всем непонятным положениям и вопросам обращается за разъяснением к преподавателю.
Самостоятельная работа направлена на развитие компетенций дисциплины:
-ПК-3. Способен выполнять отдельные технологические операции по созданию космических продуктов и оказанию космических услуг на основе использования данных дистанционного зондирования Земли.
-ПК-4. Способен выполнять технологические операции по работе с геоинформационными системами государственного или муниципального уровня.
Виды и формы самостоятельной работы студентов по дисциплине:
-подготовка к учебным занятиям включая систематическую проработку основной и дополнительной литературы;
-подготовка к зачету.
Содержание разделов дисциплины «Web - дизайн» представлено в Таблице
1.
Таблица 1. Содержание разделов дисциплины
|
|
|
Аудиторные |
|
|
|||
|
|
|
|
занятия |
|
Само |
Перечень |
|
|
|
|
|
(в часах) |
||||
|
|
|
|
стоя |
компетенций, |
|||
|
|
|
|
Лабораторные |
|
|
||
№ |
Наименование раздела |
Всего |
Лекции |
|
Практика |
тель |
формируемых |
|
п/ |
|
ная |
в процессе |
|||||
|
|
|
|
|||||
учебной дисциплины |
часов |
|
|
|
|
|||
п |
|
|
|
|
рабо |
освоения |
||
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
та |
раздела |
|
|
|
|
|
|
|
|
|
1 |
Введение в Web-дизайн. |
10 |
2 |
2 |
|
|
14 |
ПК-3, ПК-4 |
|
Основные понятия и |
|
|
|
|
|
|
|
|
классификации web-сайтов |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2 |
Основные принципы |
10 |
2 |
- |
|
|
10 |
ПК-3, ПК-4 |
|
создания, оформления |
|
|
|
|
|
|
|
|
сайтов и их размещения в |
|
|
|
|
|
|
|
|
сети Интернет |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3 |
Основы языка разметки web- |
26 |
2 |
4 |
|
|
20 |
ПК-3, ПК-4 |
|
страниц HTML |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4 |
Основы каскадных таблиц |
28 |
4 |
4 |
|
|
20 |
ПК-3, ПК-4 |
|
стилей CSS |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5 |
Создание интерактивных |
33 |
2 |
|
2 |
|
|
20 |
|
ПК-3, ПК-4 |
|||
|
|
|
|
|
|
|
|
|
|
|
|||
|
динамических web-страниц c |
|
|
|
|
|
|
|
|
|
|
||
|
использованием JavaScript. |
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Итого: |
|
|
108 |
12 |
|
12 |
0 |
|
84 |
|
|
|
|
|
|
|
|
|
|
|
||||||
|
На консультациях в течение семестра студенты могут обсуждать с |
||||||||||||
преподавателем различные вопросы по тематике дисциплины. |
|
|
|
||||||||||
|
В течение курса со студентами проводятся индивидуальные и групповые |
||||||||||||
консультации |
по |
общетеоретическим |
|
вопросам, |
|
возникающим |
при |
||||||
самостоятельной работе студентов при подготовке к занятиям. |
|
|
|
||||||||||
|
Перед зачетом |
студентам выдаётся |
список |
тем |
для |
самостоятельного |
проектирования сайтов на основе полученных знаний и навыков. После получения индивидуального задания рекомендуется:
1)внимательно прочитать материал курса;
2)постараться разобраться с непонятными, в частности, новыми терминами, используя рекомендованную литературу;
3)разработать дизайн-проект сайта;
4)сформировать подходящий контент (текстовый и графичсекий);
5)разработать логическую и физическую структуры сайта;
6)создать страница сайта, выполнить верстку, наполнение контентом, стилевое оформление, настройку навигации.
Перечень примерных вопросов, при защите работы на зачете:
-Дайте определение понятия «графический дизайн». Приведите классификацию графического дизайна по категориям решаемых задач.
-Какие задачи решаются на первом уровне разработки сайта?
-Опишите основные подходы к созданию информационной архитектуры.
-Дайте определение понятиям «web -разработка», «web -дизайн». Какие задачи решают web -дизайнеры?
-Дайте определение понятия «информационная архитектура».
Приведите пример универсального образца информационной архитектуры. Что такое DDS?
-Какие задачи решаются на уровне возможностей разработки сайта?
-Дайте характеристику и приведите примеры видов web-сайтов.
-Назовите положительные стороны разработки информационной архитектуры сайт
-Перечислите правила оформления веб-текстов.
-Дайте характеристику стандартным элементам интерфейса.
-Дайте характеристику стандартным элементам шрифта.
-Какие задачи решает дизайн навигации на сайте?
-Опишите основные способы публикации сайта.
-Какие задачи решает информационный дизайн на сайте?
-Опишите глобальную и дополнительную навигацию.
-Опишите основные цветовые модели.
-Опишите контекстную и локальную навигацию.
-Что такое цвет? Как он используется в веб -дизайне?
-Опишите основные браузеры.
-Опишите сервисную и глобальную навигацию.
-Чем характеризуется эффективный интерфейс сайта.
-Опишите инструменты выносной навигации.
-Опишите основные формы организации данных на сайте.
-Дайте определение понятиям «макет страницы» и «прототип страницы».
-Какие требования к сайту формулируются на уровне возможностей? На какие категории они подразделяются?
-Какие задачи рассматриваются на уровне поверхности?
-Основные понятия и терминология веб - дизайна
-Модель сайта. Разработка информационной архитектуры
-Уровень набора возможностей
-Системы управления контентом
-Оптимизация изображений
Показатели оценки по зачёту представлены в таблице 3.
|
|
|
Таблица 3 Показатели оценки по экзамену |
|
Показатели |
Баллы |
Оценка |
Критерий оценки |
|
оценивания |
|
|
|
|
компетенций |
|
|
|
|
Результаты |
4,5 - 5,0 |
«зачтено» |
ставится обучающемуся, показавшему |
|
освоения |
|
|
глубокие систематизированные |
|
дисциплины |
|
|
знания учебного материала, в полной |
|
соответствует |
|
|
мере соответствующие требованиям к |
|
требованиям ФГОС |
|
|
уровню подготовки обучающегося, |
|
|
|
|
проявившему творческие способности |
|
|
|
|
в понимании, изложении и |
|
|
|
|
использовании учебного материала |
|
|
|
|
при решении поставленных задач, |
|
|
|
|
умеющему обобщать информацию, |
|
|
|
|
аргументировано и практически без |
|
|
|
|
ошибок ответившему на все вопросы. |
|
Результаты |
3,5 - 4,4 |
«зачтено» |
ставится обучающемуся, |
|
освоения |
|
|
продемонстрировавшему достаточно |
|
дисциплины |
|
|
полные знания учебного материала, в |
|
соответствует |
|
|
целом соответствующие требованиям |
|
требованиям ФГОС |
|
|
к уровню подготовки обучающегося, |
|
|
|
|
способность к их самостоятельному |
|
|
|
|
восполнению и обновлению в ходе |
|
|
|
|
решения поставленных задач, умение |
|
|
|
|
систематизировать информацию, |
|
|
|
|
допустившему негрубые ошибки и |
|
|
|
|
недочеты. |
|
Результаты |
2,5 - 3,4 |
«зачтено» |
ставится обучающемуся, показавшему |
|
освоения |
|
|
уровень знаний учебного материала в |
|
дисциплины |
|
|
объёме, минимально необходимом для |
|
соответствует |
|
|
решения поставленных задач, знание |
|
требованиям ФГОС |
|
|
основ дисциплины, владеющего |
|
|
|
|
навыками логического мышления и |
|
|
|
|
допустившему непринципиальные |
|
|
|
|
ошибки при ответе на вопросы. |
|
|
|
|
|
|
Результаты |
0,0 - 2,4 |
«не зачтено» |
ставится обучающемуся, показавшему |
|
освоения |
|
|
существенные пробелы в знании |
|
дисциплины НЕ |
|
|
основного учебного материала, |
|
соответствует |
|
|
допустившему принципиальные |
|
требованиям ФГОС |
|
|
ошибки при применении знаний, |
|
|
|
|
которые не позволяют ему приступить |
|
|
|
|
к решению поставленных задач без |
|
|
|
|
дополнительной подготовки. |
|
|
|
|
|
|
Печатные и электронные издания
1.Макарова Т.В.. Веб-дизайн : учебное пособие. / Макарова Т.В. ; Т.В. Макарова. – Омск : Омский государственный технический университет, 2015. –
148 c. – URL: URL: http://www.iprbookshop.ru/58086.html. – ISBN ISBN 978-5- 8149-2075-1.
2.Поляков Е. А.. Web-дизайн : Практикум. / Поляков Е. А. ; Е. А. Поляков. – Саратов : Вузовское образование, 2019. – 123 с. – URL: URL: http://www.iprbookshop.ru/81869.html. – ISBN ISBN 978-5-4487-0488-8.
3.Поляков Е. А.. Web-дизайн : Учебное пособие. / Поляков Е. А. ; Е. А. Поляков. – Саратов : Вузовское образование, 2019. – 188 с. – URL: URL: http://www.iprbookshop.ru/81868.html. – ISBN ISBN 978-5-4487-0489-5.
4.Торопова О. А.. Анимация и веб-дизайн : Учебное пособие. / Торопова О. А., Кумова С. В. ; О. А. Торопова, С. В. Кумова. – Саратов : Саратовский государственный технический университет имени Ю.А. Гагарина, ЭБС АСВ,
2015. – 490 с. – URL: URL: http://www.iprbookshop.ru/76476.html. – ISBN ISBN 978-5-7433-2931-1.
Методические материалы по дисциплине
1. Домрачев Анатолий Иванович. Web-дизайн : учеб.-метод. пособие по подгот. к лекциям (включая рекомендации по орг. самостоят. работы) для обучающихся по дисциплине "WEB-ДИЗАЙН" по направлению подгот. 21.03.03 Геодезия и дистанц. зондирование, профиль Инфраструктура пространств. данных . / Домрачев Анатолий Иванович ; Нижегор. гос. архит.-строит. ун-т. – Нижний Новгород : ННГАСУ, 2016. – 1 CD ROM. – URL: URL: http://catalog.nngasu.ru/MarcWeb2/.
2.Домрачев Анатолий Иванович. Web-дизайн : учеб.-метод. пособие по выполнению лаб. работ для обучающихся по дисциплине "WEB-ДИЗАЙН" по направлению подгот. 21.03.03 Геодезия и дистанц. зондирование, профиль Инфраструктура пространств. данных. / Домрачев Анатолий Иванович ; Нижегор. гос. архит.-строит. ун-т. – Нижний Новгород : ННГАСУ, 2016. – 1 CD ROM. – URL: URL: http://catalog.nngasu.ru/MarcWeb2/.
3.Родионова Светлана Владимировна. Web-дизайн : учеб.-метод. пособие по подгот. к лекциям, практ. занятиям (включая рекомендации по орг. самостоят. работы и выполнению курсовых работ) для обучающихся по дисциплине "Вебдизайн" по направлению подгот. 09.03.03 Приклад. информатика, профиль Приклад. информатика в экономике. / Родионова Светлана Владимировна ; Нижегор. гос. архит.-строит. ун-т. – Нижний Новгород : ННГАСУ, 2016. – 1 CD ROM. – URL: URL: http://catalog.nngasu.ru/MarcWeb2/.
Перечень иных общедоступных ресурсов сети «Интернет»
1 Федеральная служба государственной статистики РФ [Электронный ресурс]. - Электронные данные. - Режим доступа: http://www.gks.ru/.
2 Федеральный портал по научной и инновационной деятельности [Электронный ресурс]. - Электронные данные. - Режим доступа: http: //www.sci-innov.ru/.
3 Научная и учебно-методическая литература [Электронный ресурс]. - Электронные данные. - Режим доступа: http://www.intuit.ru.
4 Научный журнал «Вестник Российской академии естественных наук» [Электронный ресурс]. - Электронные данные. - Режим доступа: http://www.ras.ru/publishing/rasherald/rasherald_archive.aspx.
5 Научный журнал «Интеграл» [Электронный ресурс]. - Электронные данные. –
Режим доступа:http: //www.portalnano.ru/read/databases/publication/j ournal_integral. 6 Научный журнал «Инновации» [Электронный ресурс]. - Электронные данные. –
Режим доступа: http://ojs.innovjoum.ru/index.php/innov
7 Научный журнал «Информатика и системы управления» [Электронный ресурс].
– Электронные данные. - Режим доступа: http://ics.khstu.ru/
8 Научный журнал «Информационные системы и технологии» [Электронный ресурс]. - Электронные данные. - Режим доступа: http://guunpk.ru/science/joumal/isit
9 Научный журнал «Информационные технологии» [Электронный ресурс]. - Электронные данные. - Режим доступа: http://novtex.ru/IT/
10 Научный журнал «Нейрокомпьютеры: разработка, применение» [Электронный ресурс].- Электронные данные. – Режим доступа: http:
//www.radiotec.ru/catalog.php?cat=jr7
11 Научный журнал «Программные продукты и системы» [Электронный ресурс]. - Электронные данные. – Режим доступа: http://www.swsys.ru/
12 Научная электронная библиотека elibrary (http://elibrary.ru)