Технология создания веб-сайта
Язык издания: русский
Периодичность: ежедневно
Вид издания: сборник
Версия издания: электронное сетевое
Публикация: Технология создания веб-сайта
Автор: КОМАРОВА ВИКТОРИЯ ВЯЧЕСЛАВОВНА
Министерство образования Магаданской областиМОГАПОУ "Колледж сервиса и технологий"Методическая разработка урока Автор: преподаватель Комарова В.В.Магадан2024Содержательная частьГруппа: 21-ПОПрофессия: «Оператор ЭВ и ВМ»МДК 02.01. Технология публикации цифровой мультимедийной информацииТема урока: Технология создания веб-страниц и сайтовФормируемы знания и умения:Студенты должны знать: принципы цифрового представления звуковой, графической, видео- и мультимедийной информации в персональном компьютере;виды и параметры форматов аудио-, графических, видео- и мультимедийных файлов и методы их конвертирования; основные приемы обработки цифровой информации; структуру, виды информационных ресурсов и основные виды услуг в сети ИнтернетСтуденты должны уметь: вводить цифровую и аналоговую информацию в персональный компьютер с различных носителей, периферийного и мультимедийного оборудования;создавать и редактировать графические объекты с помощью программ для обработки растровой и векторной графики;конвертировать файлы с цифровой информацией в различные форматы; обрабатывать аудио-, визуальный контент и медиафайлы средствами звуковых, графических и видеоредакторов;создавать видеоролики, презентации, слайд-шоу, медиафайлы и другую итоговую продукцию из исходных аудио-, визуальных и мультимедийных компонентов;воспроизводить аудио-, визуальный контент и медиафайлы средствами персонального компьютера и мультимедийного оборудования;осуществления навигации по ресурсам, поиска, ввода и передачи данных с помощью технологий и сервисов сети Интернет.Формируемые компетенции:ПК 1.2. Выполнять ввод цифровой и аналоговой информации в персональный компьютер с различных носителей.ПК 1.3. Конвертировать файлы с цифровой информацией в различные форматы.ПК 1.4. Обрабатывать аудио- и визуальный контент средствами звуковых, графических и видеоредакторов. ПК 2.2 Управлять размещением цифровой информации на дисках персонального компьютера, а также дисковых хранилищах локальной и глобальной компьютерной сети.ПК 2.3 Тиражировать мультимедиа контент на различных съемных носителях информации.ПК 2.4 Публиковать мультимедиа контент в сети Интернет. средствами персонального компьютера и мультимедийного оборудования.ОК.1 Понимать сущность и социальную значимость своей будущей профессии, проявлять к ней устойчивый интерес.ОК.2 Организовывать собственную деятельность, исходя из цели и способов её достижения.ОК.3 Анализировать рабочую ситуацию, осуществлять текущий и итоговый контроль, оценку и коррекцию собственной деятельности, нести ответственность за результаты своей работы. ОК.5 Использовать информационно-коммуникационные технологии в профессиональной деятельности.ОК.6 Работать в команде, эффективно общаться с коллегами, руководством, клиентами.Методическая цель урока: показать возможности использования интеллект-карт на уроке т/оЦель урока: формирование у обучающихся знания об основных видах сайтах, этапах и инструментах создания сайтов.Задачи урока:Образовательныепознакомить студентов со способами создания сайтов; закрепить навыки структуризации и систематизации информации и отработать навыки оптимизации информационной деятельностиразвивающие:формирование системного мышления, способности к анализу и обобщению;освоение способов эффективного взаимодействия в процессе учебной коммуникации.воспитательные:воспитывать уважение и умение сотрудничать с окружающими людьми;воспитание информационной культуры студентов;развитие внимательности, практичности.Тип урока: урок открытия нового знания Вид урока: урок - исследованиеФормы обучения: самостоятельная работа, работа в группах.Методы обучения: наглядный, практический, проблемно - поисковый Техническое обеспечение: проектор, интерактивная доска, ПК Дидактические материалы:Демонстрационный материалПрезентация Раздаточный материалРабочие конспекты обучающихся, листы задания, интеллект-карты, рефлексияМетапредметная связь: «МДК 01.01 Технология создания и обработки ЦМИ», «Основы информационных технологий», «Программное обеспечение ЭВМ»План урока Ход урокаПриложенияПриложение 1Задание:1. Прочитайте предложенный текст. Какую ветвь в характеристике сайта занимает изложенный материал?2. Дополните свою ветвь интеллект-карты на 2 уровня.3. Подготовьтесь представлять полученные результаты.Приложение 2ДОМАШНЕЕ ЗАДАНИЕ0-прочитать конспект1-разработать макет сайта2-подобрать тему для сайта, составить меню, подобрать контент3-выяснить, что такое теги, html.Организационный этап.Здравствуйте! Я рада приветствовать всех на этом уроке!Я желаю вам хорошего настроения, удачи и думаю, что наш урок пройдет с большой пользой для ваЯ желаю вам хорошего настроения, удачи и думаю, что наш урок пройдет с большой пользой для ваЯ желаю вам хорошего настроения, удачи и думаю, что урок пройдёт с большой пользой для вас.Постановка целей урока, мотивация учебной деятельности Не позволяй душе лениться!чтоб воду в ступе не толочь,душа обязана трудитьсяи день и ночь,и день и ночь.Николай .ЗаболоцкийПусть эти слова, сказанные в 1958, станут девизом нашего сегодняшнего урока-Для того, чтобы узнать тему сегодняшнего урока, я предлагаю вам послушать историю и ответить на вопросы:Сегодня невозможно найти человека, который не слышал бы слово ИНТЕРНЕТ. Так вот буквально на днях на просторах интернета я прочитала историю. Виталий Максимович, менеджер с хорошей репутацией и большим стажем работы. Но так сложилось, что ему пришлось искать новую работу. Вот в одной из крупных рекламных компаний нашлась вакансия руководителя рекламного отдела. В качестве испытания при приеме на работу Виталию Максимовичу и другим соискателям было дано задание создать рекламный сайт для фирмы. Заказчик предъявил критерии, информативность, быстрая скорость загрузки, качественная графика и оригинальность дизайна. Виталий Максимович воспользовался известным конструктором сайта. Разработал качественную рекламную компанию, запоминающиеся слоганы. Разместил всё на страницах. Но тут же понял, что оригинальный дизайн подобрать не удастся. Логотип фирмы нужно добавлять на каждую страницу, или менять шаблон, но этого он не умеет. В итоге представленный проект получил среднюю оценку, но этого не хватило для того чтобы получить работу. В современном мире мало быть просто специалистом, нужно знать и уметь использовать интернет технологии. Он нашел менее престижную работу и пошел на компьютерные курсы. - Почему герой этой истории не получил желанную работу?- Какие требования предъявлялись к рекламному проекту?- Что не учел Виталий Максимович?- Каких знаний ему не хватило?Отвечают на вопросы преподавателяСоздал проект, который не соответствует требованиям.быстрая скорость загрузки, графика и оригинальность дизайнаНе готов самостоятельно отредактировать дизайн сайтаВеб-конструированияИ вот выслушав историю и ответив на вопросы, попробуйте сформулировать тему нашего урока….Мы сегодня начнем изучать тему, которая позволить расширить наши знания и умения в области сайтостроения. Тема нашего сегодняшнего урока «Технологии создания веб-страниц и сайтов». Разработка и создание Web-сайтов – одно из наиболее практически значимых, востребованных умений мастера по обработке цифровой информации, создавать web-сайты становится все более актуальным навыком пользователя интернета.Сегодня мы должны разобраться в теоретических аспектах вопроса создания веб-сайта.Как вы думаете какие задачи мы сможем сегодня решить.Давайте тогда проговорим план работы на уроке. Нам нужно познакомиться с классификацией сайтов. Далее мы узнаем какие этапы существуют для создания сайтов, какие инструменты можно использовать при создании сайтов.Как вы видите объем большой и работы много для удобства работы над материалом урока, мы с вами разделимся на группы.У вас на столах лежат листы. Как можно назвать эту схему?На какие группы разделен сайт?Знак-что обозначает? Для чего необходимо уметь обозначать информацию в виде знаков.Перед тем как приступить к заданию, предлагаю вам вспомнить основные сервисы сети интернет и составить вместе часть интеллект-карты. Давайте вспомним правила работы в группе.Каждая группа прорабатывает свой материал в соответствии с заданием:1 группа: Виды веб-сайтов2 группа: Этапы создания веб-сайтов3 группа: Инструментальные средства создания веб-сайтовЗадание:1. Прочитайте предложенный текст. Какую ветвь в характеристике сайта занимает изложенный материал?2. Дополните свою ветвь интеллект-карты на 2 уровня.3. Подготовьтесь представлять полученные результаты. Итак, вы самостоятельное рассмотрели классификацию сайтов, этапы и инструменты создания сайта, и теперь представители с каждой команды должны представить свою ветвь интелект-карты.Мы совместно обсудили и оценили ваши ветви интелект-карты. Предлагаю для закрепления материала собрать пазл. Итак, мы подошли к заключительному этапу нашего урока.1. Какую цель вы поставили в начале урока?2. Достигли ли Вы цели? Что мешало достижению целей?У вас на столах лежат рефлексивные листы, поставьте плюс напротив высказывания, с которым вы согласны. Посчитайте количество плюсов и их количеству выберите свое д/з.Я знаю, что такое веб-сайт. Для меня легкой частью работы при создании сайта кажется подбор материала сайтаМне легче подобрать дизайн сайта(По количеству плюсов д/з)0+-читаем конспект1+-разработать макет сайта2+-подобрать тему для сайта, составить меню, подобрать контент3+-выяснить, что такое теги, html.За активное участие на уроке при анализе и обсуждении интеллект-карт можно отметить работу следующих обучающихся: …Урок окончен! Было приятно с вами работать! До свидания!