Государственное бюджетное профессиональное образовательное учреждение «Арзамасский коммерческо-технический техникум»
Саблукова Н.Г., к.п.н., преподаватель высшей квалификационной категории, ГБПОУ «Арзамасский коммерческо-технический техникум»
Программа учебной дисциплины «Основы сайтостроения» предназначена для изучения основ сайтостроения в ГБПОУ АКТТ при реализации образовательной программы среднего профессионального образования на базе основного общего образования на основе требований, соответствующих федеральных образовательных стандартов среднего общего и среднего профессионального образования с учетом получаемой специальности (профессии) среднего профессионального образования (часть 3 статьи 68 Федерального закона об образовании).
Содержание программы «Основы сайтостроения» направлено на достижение следующих целей:
| Общие компетенции | Личностные результаты | Метапредметные результаты |
| ОК.1 Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам. | Умение управлять своей познавательной деятельностью, проводить самооценку уровня интеллектуального развития | Использование различных видов познавательной деятельности для решения практических задач, применение различных методов познания для организации учебно-исследовательской и проектной деятельности |
| ОК. 2 Осуществлять поиск, анализ и интерпретацию информации, необходимой для выполнения задач профессиональной деятельности. | Готовность и способность к самостоятельной и ответственной деятельности творческой профессиональной деятельности | Использование различных источников информации, в том числе электронных библиотек, умение критически оценивать и интерпретировать информацию, получаемую из различных источников, в том числе из сети Интернет |
| ОК.3 Планировать и реализовывать собственное профессиональное и личностное развитие. | Готовность и способность к образованию, в том числе самообразованию, на протяжении всей жизни; готовность к повышению квалификации в избранной профессиональной деятельности на основе развития личных информационно-коммуникационных компетенций. | Готовность и способность к самостоятельной информационно- познавательной деятельности, включая умение ориентироваться в различных источниках технической информации. |
| ОК.4 Работать в коллективе и команде, эффективно взаимодействовать с коллегами, руководством, клиентами. | Умение выстраивать конструктивные взаимоотношения в командной работе по решению общих задач, в том числе с использованием современных средств сетевых коммуникаций | Умение продуктивно общаться и взаимодействовать в процессе совместной деятельности, учитывать позиции других участников деятельности, эффективно разрешать конфликты |
| ОК.5 Осуществлять устную и письменную коммуникацию на государственном языке с учетом особенностей социального и культурного контекста. | Умение грамотно устно и письменно излагать свои мысли на государственном языке | Умение публично представлять результаты собственной деятельности, вести дискуссию используя понятийный технический аппарат. |
| ОК.6 Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе общечеловеческих ценностей. | Понимание значимости своей специальности; осознанное отношение к профессиональной деятельности как возможности участия в решении личных, общественных, государственных, общенациональных проблем; соблюдение закона и правопорядка. | Умение самостоятельно оценивать и принимать решения, определяющие стратегию поведения, с учетом гражданских и нравственных ценностей; аргументировано представлять и отстаивать свое мнение с соблюдением этических норм и общечеловеческих ценностей |
| ОК.7 Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях | Соблюдение правил экологической безопасности при ведении профессиональной деятельности; владение приемами эффективных действий в опасных и чрезвычайных ситуациях природного, техногенного и социального характера. | Умение использовать средства информационных и коммуникационных технологий с соблюдением требований эргономики, техники безопасности, гигиены, ресурсосбережения, правовых и этических норм, норм информационной безопасности. |
| ОК.8 Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержание необходимого уровня физической подготовленности. | Соблюдение норм здорового образа жизни, осознанное выполнение правил безопасности жизнедеятельности. Бережное, ответственное и компетентное отношение к физическому и психологическому здоровью, как собственному, так и других людей, умение оказывать первую помощь. | Умение организовывать собственную деятельность по укреплению здоровья и физической выносливости. |
| ОК.9 Использовать информационные технологии в профессиональной деятельности. | Умение использовать достижения современной информатики для повышения собственного интеллектуального развития в выбранной профессиональной области | Умение использовать средства информационных и коммуникационных технологий в решении когнитивных, коммуникативных и организационных задач |
| ОК.10 Пользоваться профессиональной документацией на государственном и иностранном языке. | Умение вести общение на профессиональные темы; готовность самостоятельно совершенствовать устную и письменную речь, пополнять словарный запас | Применение в профессиональной деятельности инструкций на государственном и иностранном языке; владение навыками чтения и перевода иностранных текстов профессиональной направленности |
| ОК. 11 Планировать предпринимательскую деятельность в профессиональной сфере. | Умение определять успешные стратегии решения проблемы, разбивать поставленную цель на задачи; разрабатывать альтернативные решения проблемы. | Умение самостоятельно организовать собственные приемы обучения в рамках предпринимательской деятельности, разработать и презентовать бизнес-план в области своей профессиональной деятельности |
В результате изучения учебной дисциплины «Основы сайтостроения» к обучающимся предъявляются следующие предметные требования:
| Наименование разделов и тем | Содержание учебного материала (включая дидактические единицы), лабораторные работы и практические занятия, самостоятельная работа обучающихся, курсовая работа (проект) | Объем часов |
| 1 | 2 | 3 |
| Тема 1. Основы языка HTML и CSS | Тематика теоретических занятий | |
| Основные понятия сети Интернет. Теги и атрибуты языка HTML Интернет. Процесс передачи информации в Интернете. Клиентский и серверный компьютеры. IP-адрес компьютера. Доменное имя. Протоколы передачи данных. Сайт, web-страница, гипертекст. Структура сайтов. Виды сайтов. Процесс разработки сайта. Парные и одиночные теги HTML. Атрибуты HTML. Структура HTML документа. | 2 |
| Основные теги языка HTML Теги оформления текста. Спецсимволы. Теги относительных и абсолютных гиперссылок. Якоря. Типы изображений для web-страниц. Загрузка изображений на web-страницу. Теги маркированных и нумерованных списков. Формы и их элементы. | 2 |
| Основы CSS Определение CSS. Синтаксис CSS. Способы объявления CSS: inline, в разделе head, подключение внешнего файла. Селекторы: id, class, tag. | 2 |
| Основные свойства стилей Единицы измерения в CSS. Вложенность, наследование и группирование свойств. Приоритеты применения стилей. Псевдоклассы и псевдоэлементы. | 2 |
| Тематика практических занятий | |
| Лабораторная работа № 1. «Создание многостраничного сайта с гиперссылками» | 2 |
| Лабораторная работа № 2. «Создание многостраничного сайта с гиперссылками» | 2 |
| Лабораторная работа № 3. «Работа с тегами формы» | 2 |
| Лабораторная работа № 4. «Оформление сайта средствами CSS» | 2 |
| Лабораторная работа № 5. «Оформление сайта средствами CSS» | 2 |
| Тема 2. Табличная и блочная верстки сайтов | Тематика теоретических занятий | |
| Таблицы в HTML Основные теги таблиц. Объединение ячеек. Вложенные таблицы. Стилевое оформление таблиц. Верстка макета сайта при помощи таблиц | 2 |
| Блоки в HTML Основные теги для верстки блочной модели: div и span. Свойство display и его значения. Отступы элементов: margin и padding. | 2 |
| Формирование блочной модели сайта Обтекаемые элементы. Позиционирование блоков. Верстка макета сайта при помощи слоев. Создание блочной модели сайта. | 2 |
| Кроссбраузерность. Использование новых свойств CSS. Публикация сайта в сети Интернет Стандарты HTML/CSS. Проблема «кроссбраузерности». Грамотная, универсальная верстка. Загрузка проектов на сервер. Хостинг. | 2 |
| Повторительно-обобщающий урок | 1 |
| Тематика практических занятий | |
| Лабораторная работа № 6 «Работа с таблицами в HTML. Табличная верстка сайта» | 2 |
| Лабораторная работа № 7 «Блочная верстка сайта» | 2 |
| Лабораторная работа № 8 «Блочная верстка сайта» | 2 |
| Лабораторная работа № 9 «Блочная верстка сайта» | 2 |
| Лабораторная работа № 10 «Публикация сайта в сети Интернет» | 2 |
| | Дифференцированный зачет | 2 |
3.1. Для реализации программы учебной дисциплины имеются следующие специальные помещения:
Для реализации программы библиотечный фонд образовательной организации должен иметь печатные и/или электронные образовательные и информационные ресурсы, рекомендуемых для использования в образовательном процессе
1. Евсеев Д.А. Web-дизайн в примерах и задачах: учебное пособие. - М.:КНОРУС, 2016. - 264 с. (электронно-библиотечная система book.ru)
Контроль и оценка результатов освоения учебной дисциплины осуществляется преподавателем в процессе проведения текущего контроля и промежуточной аттестации.