1. Цели освоения дисциплины
| 1.1. | Цель – приобретение знаний, умений и навыков применения инструментов и методов Web-дизайна в профессиональной деятельности |
|---|
2. Место дисциплины в структуре ООП
| Цикл (раздел) ООП: Б1.В.01 |
3. Компетенции обучающегося, формируемые в результате освоения дисциплины
| ПК-3 | Способен осуществлять сбор, обработку и анализ информации о факторах внешней и внутренней среды организации |
| ПК-3.1 | Знает методы сбора, обработки и анализа информации |
| ПК-3.2 | Умеет применять инструменты и методы управления, разрабатывать управленческую документацию (в том числе стандарты, нормы и правила, техническую документацию) с использованием современного программного обеспечения |
| ПК-3.3 | Способен осуществлять управленческие функции на уровне организации и/или структурного подразделения |
| ПК-5 | Способен формировать предложения по совершенствованию деятельности организации и / или структурного подразделения на основе инструментов маркетинга |
| ПК-5.1 | Знает основы планирования и организации маркетинговой деятельности, маркетинговые инструменты |
| ПК-5.2 | Умеет применять методы и средства обработки информации при формировании предложений по совершенствованию деятельности организации и / или структурного подразделения |
| ПК-5.3 | Владеет навыками формирования предложений по совершенствованию деятельности организации и / или структурного подразделения на основе применения инструментов маркетинга |
| В результате освоения дисциплины обучающийся должен | |
| 3.1. | Знать: |
|---|---|
| 3.1.1. | методы сбора, обработки и анализа информации основы планирования и организации маркетинговой деятельности, маркетинговые инструменты |
| 3.2. | Уметь: |
| 3.2.1. | систематизировать и анализировать информацию о факторах внешней и внутренней среды организации применять методы и средства обработки информации при формировании предложений по совершенствованию деятельности организации и / или структурного подразделения |
| 3.3. | Иметь навыки и (или) опыт деятельности (владеть): |
| 3.3.1. | способностью подбирать и применять методы сбора, обработки и анализа информации о факторах внешней и внутренней среды организации в соответствии с задачами управления навыками формирования предложений по совершенствованию деятельности организации и / или структурного подразделения на основе применения инструментов маркетинга |
4. Структура и содержание дисциплины
| Код занятия | Наименование разделов и тем | Вид занятия | Семестр | Часов | Компетенции | Литература |
|---|---|---|---|---|---|---|
| Раздел 1. Теоретические основы Web дизайна | ||||||
| 1.1. | Сущность, понятие Web дизайна | Лекции | 8 | 2 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.2. | Сущность, понятие Web дизайна | Лабораторные | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.3. | Сущность, понятие Web дизайна | Сам. работа | 8 | 12 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.4. | Развитие Web дизайна | Лекции | 8 | 2 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.5. | Развитие Web дизайна | Лабораторные | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.6. | Развитие Web дизайна | Сам. работа | 8 | 12 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.7. | Web разработка | Лекции | 8 | 2 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.8. | Web разработка | Лабораторные | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 1.9. | Web разработка | Сам. работа | 8 | 12 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| Раздел 2. ИНСТРУМЕНТЫ Web дизайна | ||||||
| 2.1. | Графический дизайн веб-страниц | Лекции | 8 | 2 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.2. | Графический дизайн веб-страниц | Лабораторные | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.3. | Графический дизайн веб-страниц | Сам. работа | 8 | 12 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.4. | Презентационные технологии | Лекции | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.5. | Презентационные технологии | Лабораторные | 8 | 6 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.6. | Презентационные технологии | Сам. работа | 8 | 12 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.7. | Создание макета сайта | Лекции | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.8. | Создание макета сайта | Лабораторные | 8 | 8 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.9. | Создание макета сайта | Сам. работа | 8 | 16 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.10. | Управление контентом | Лекции | 8 | 4 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.11. | Управление контентом | Лабораторные | 8 | 6 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
| 2.12. | Управление контентом | Сам. работа | 8 | 12 | ПК-3.1, ПК-3.2, ПК-5.1, ПК-5.2, ПК-3.3, ПК-5.3 | Л2.1, Л2.2, Л1.1 |
5. Фонд оценочных средств
| 5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины |
| 1. Что такое wireframe веб-сайта?(готовый макет сайта) 2. Что означает правило "7+-2"? а)пользователь должен найти информацию не более чем за 7 кликов мышкой и 2 возврата б)пользователь не читает больше 7 абзацев, если в них больше двух предложений в)на странице может быть максимум 7 цветов (включая черный и белый) и 2 шрифта г)кратковременная память может одновременно содержать от 5 до 9 сущностей + 3. Что такое дизайн-мышление? а) творческая активность, имеющая цель улучшить внешний вид производимых объектов б) способ решения задач, ориентированных в первую очередь на интересы пользователя в)способность мыслить художественными образами г) универсальный способ организации любой деятельности+ 4. Упрощённая начальная версия конечного продукта в веб-дизайне - это (прототип) 5. Дайте определение профессии «веб-дизайнер». Это: а) Специалист, занимающийся программированием, созданием компьютерных программ. б) Свободный работник (наёмный специалист), который выполняет сдельную работу на заказ в области ИТ, рекламы, маркетинга, и работает через интернет. в) Специалист, который создаёт облик различных объектов, воплощая в жизнь визуальные задумки. г) Специалист, который проектируют логическую структуру сайта и каждой его страницы, продумывает наиболее удобные решения подачи информации, проектирует художественное оформление. + 6. Назначение языка HTML – это … а) разметка содержимого веб-страниц б) программирование функционала сайта в) создание красивого оформления для веб-страниц г) создание закрытых разделов сайтов, доступных только рофессионалам 7. Статический web-узел - это а) web-сайт, в котором информация хранится в базе данных, а web-страницы генерируются динамически в ответ на запрос клиента б) web-сайт, содержимое которого фиксировано и не изменяется до тех пор, пока мастер не заменит данные на сайте + в) web-сайт, посвященный какой-то определенной теме, например, обмену мнениями по поводу проблем создания Web-страниц, различным видам развлечений и т. д 8. Что такое FTP? (протоколпередачи файлов) 9. Можно ли на сайте включить оплату(да, можно выбрать как будет оплачиваться покупка) 10. Можно ли на сайте выбрать способ доставки (да) 11.Какое значение имеет составление брифа? (С помощью брифа можно понять что хочет клиент, каким он видит свой сайт) 12. Почему процесс прототипирование важен? (заказчик должен понимать как будет выглядеть его сайт) 13. Для чего нужны теги?(чтобы перемещаться по содержанию статьи) 14. Прописывает ли клиент цель для которой ему нужен сайт? 15. Как можно создать новую страницу? (через кнопку создать страницу или через дубль) 16. Можно ли выбрать на сайте товар или услугу? (да) 17. Важно ли учитывать пожелания клиента в выборе цветов?(да, можно лишь посоветовать клиенту, но выбор всегда остается за ним) 18. Как можно назвать одним словом группы с разным содержанием, например: контакты, навигация, свяжитесь с нами? (страница) 19. Для чего создаются каталоги в интернет магазине? (чтобы посетители легко находили нужный товар) 20. Пример кода: h2 { color: blue}. В приведенном выше примере color: blue – определение правило. h2 является – a. Селектором b. Определением c. Значением d. Свойством 21. Возможности CSS? a. Управление представлением данных для различных сред, устройств b. Изменение HTML-кода веб страницы c. Управление визуальным представлением контента d. Изменение содержания контента 22. Какой тег определяет переход на следующую строку? a. <br> b. <a> c. <div> d. <img> 23. Что является основным недостатком использования кэш браузера? a. Данные могут быть не обновляемыми. b. Вызывают повторение операции. c. Увеличивает время загрузки. d. Нельзя использоваться шифрование. Некоторые интернет-провайдеры не поддерживают его. 24. С помощью какой цветовой модели представлен цвет в шестнадцатеричном виде a. CMYK т.е. цвет определяется четверкой: C – голубым,M – пурпурным,Y – желтым,K – черным. b. Gradient c. RGB т.е. цвет определяется тройкой: R – красный, G – зеленый, B – синий d. Web-safe e. HSB т.е. цвет определяется тройкой: H – оттенок, S – насыщенность, B – яркость 25. Какие способы верстки Web-страниц есть? a. блочные b. табличные c. иерархические d. реляционные 26. Веб-страница однозначно определяется a. изображениями b. содержанием c. css-файлом d. адресом url e. веб-сервером 27. Что такое wireframe веб-сайта? интерактивный кликабельный прототип сайта дизайн сайта низкой точности, определяющий основные блоки и их расположение на сайте готовый макет сайта 28. Какой формат файла поддерживает анимационные изображения? psd gif jpg png 29. Что такое прототип в веб-дизайне? способ генерации идей пример сайта, предоставленный клиентом упрощённая начальная версия конечного продукта 30. Как называется несимметричное расположение основных частей целого, при котором второстепенные элементы расположены симметрично? симметрия диссимметрия асимметрия е-симметрия 31. Какое из следующих утверждений является примером хорошего дизайна веб-сайта? наличие навигации, которая делает использование веб-сайта интуитивно понятным наличие максимально детальной инструкции, объясняющей как пользоваться сайтом наличие большого количества мигающей анимации, привлекающей внимание пользователя |
| 5.2. Темы письменных работ для проведения текущего контроля (эссе, рефераты, курсовые работы и др.) |
| не предусмотрено |
| 5.3. Фонд оценочных средств для проведения промежуточной аттестации |
| размещен на цифровом портале АлтГУ по ссылке курса https://portal.edu.asu.ru/course/view.php?id=3790 |
| Приложения |
|
Приложение 1.
РПД_Web-дизайн.docx
|
6. Учебно-методическое и информационное обеспечение дисциплины
| 6.1. Рекомендуемая литература | ||||
| 6.1.1. Основная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л1.1 | Катаев А. В., Катаева Т. М., Названова И. А. | DIGITAL-МАРКЕТИНГ: учебное пособие | Ростов-на-Дону ; Таганрог : Южный федеральный университет, 2020 | biblioclub.ru |
| 6.1.2. Дополнительная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л2.1 | Голубков Е.П. | Маркетинг для профессионалов: практический курс: учебник и практикум для бакалавриата и магистратуры | М.: Юрайт, 2017 | www.biblio-online.ru |
| Л2.2 | Л. А. Данченок | Маркетинг: учебник и практикум для академического бакалавриата | Юрайт, 2018 | : www.biblio-online.ru/book/68D05243-E9BB-454B-91C6-7F6532F365FC |
| 6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет" | ||||
| Название | Эл. адрес | |||
| Э1 | Курс в Moodle | portal.edu.asu.ru | ||
| 6.3. Перечень программного обеспечения | ||||
| Windows 7 Professional Office 2010 Professional Open Office Microsoft Office 2010 (Office 2010 Professional, № 4065231 от 08.12.2010), (бессрочно); Microsoft Windows 7 (Windows 7 Professional, № 61834699 от 22.04.2013), (бессрочно); Chrome (http://www.chromium.org/chromium-os/licenses), (бессрочно); 7-Zip (http://www.7-zip.org/license.txt), (бессрочно); AcrobatReader (http://wwwimages.adobe.com/content/dam/Adobe/en/legal/servicetou/Acrobat_com_Additional_TOU-en_US-20140618_1200.pdf), (бессрочно); ASTRA LINUX SPECIAL EDITION (https://astralinux.ru/products/astra-linux-special-edition/), (бессрочно); LibreOffice (https://ru.libreoffice.org/), (бессрочно); Веб-браузер Chromium (https://www.chromium.org/Home/), (бессрочно); Антивирус Касперский (https://www.kaspersky.ru/), (до 23 июня 2024); Архиватор Ark (https://apps.kde.org/ark/), (бессрочно); Okular (https://okular.kde.org/ru/download/), (бессрочно); Редактор изображений Gimp (https://www.gimp.org/), (бессрочно) | ||||
| 6.4. Перечень информационных справочных систем | ||||
| 1. СПС КонсультантПлюс (инсталлированный ресурс АлтГУ или http://www.consultant.ru). 2. Электронная база данных "Scopus" (http://www.scopus.com). 3. Электронная библиотечная система Алтайского государственного университета (http://elibrary.asu.ru). 4. Научная электронная библиотека elibrary (http://elibrary.ru). | ||||
7. Материально-техническое обеспечение дисциплины
| Аудитория | Назначение | Оборудование |
|---|---|---|
| Помещение для самостоятельной работы | помещение для самостоятельной работы обучающихся | Компьютеры, ноутбуки с подключением к информационно-телекоммуникационной сети «Интернет», доступом в электронную информационно-образовательную среду АлтГУ |
| Учебная аудитория | для проведения занятий лекционного типа, занятий семинарского типа (лабораторных и(или) практических), групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации, курсового проектирования (выполнения курсовых работ), проведения практик | Стандартное оборудование (учебная мебель для обучающихся, рабочее место преподавателя, доска) |
8. Методические указания для обучающихся по освоению дисциплины
| Изучение учебной дисциплины студентами предусматривает два вида работ: - работа с преподавателем; - самостоятельная работа. Работа с преподавателем охватывает два вида учебных занятий: лекционные занятия и практические (лабораторные) занятия. Последовательность проведения данных занятий, их содержание определяются настоящей программой. Посещение данных занятий является обязательным для всех студентов. В ходе лекционных занятий необходимо вести конспектирование учебного материала, обращать внимание на категории, формулировки, раскрывающие содержание тех или иных явлений и процессов, научные выводы и практические рекомендации, задавать преподавателю уточняющие вопросы с целью уяснения теоретических положений, разрешения спорных ситуаций. Практическое (лабораторное) занятие требует подготовки студентов, предусматривающей изучение теоретического материала по теме занятия с использованием учебной литературы, перечень которой приведен в данной рабочей программе.Результат такой работы должен проявиться в способности свободно ответить на теоретические вопросы,обсуждаемые на практическом занятии, выступать и участвовать в коллективном обсуждении вопросов изучаемой темы, правильно выполнять практические задания. Вторым видом работы студента, выполняемым им при изучении курса, является самостоятельная работа, которая помимо подготовки к практическим занятиям предусматривает изучение нормативных, правовых актов и рекомендованной основной и дополнительной литературы. Цель самостоятельной работы - закрепить полученные знания на лекциях, практических (лабораторных) занятиях, углубить и расширить их, сформировать умения и навыки по решению вопросов, составляющих содержание курса. При необходимости в процессе самостоятельной работы студент может получить индивидуальную консультацию у преподавателя. |