Методическая разработка урока «Создание и сопровождение сайта»


ГПОУ ТО «Крапивенский лесхоз-техникум»
МЕТОДИЧЕСКАЯ РАЗРАБОТКА
учебного занятия
по дисциплине «Информатика»
(название)
Методы создания и сопровождения сайта. Использование CMS.
(название работы)
Разработала преподаватель Блажевич Л.С.
с. Селиваново, 2016 г.
Содержание TOC \o "1-3" \h \z \u Аннотация PAGEREF _Toc296958866 \h 3Введение3План учебного занятия4Структура учебного занятия5Конспект учебного занятия6Заключение PAGEREF _Toc296958871 \h 13Список литературы PAGEREF _Toc296958872 \h 14Приложение №1 (ПРЕЗЕНТАЦИЯ) PAGEREF _Toc296958873 \h 15
Аннотация
Методическая разработка к уроку на тему: «Методы создания и сопровождения сайта. Использование CMS» знакомит студентов с основами веб-программирования. Основные цели предлагаемой методической разработки - придать теме веб-программирование в изучении дисциплины «Информатика» научно обоснованный базис, сформировать на его основе определенную культуру проектирования и разработки веб-сайтов, структурировать соответствующим образом учебный процесс. 
Введение
Веб-программирование является стержнем профильного курса информатики. Изучение основ веб-программирования— это не столько средство подготовки к будущей профессиональной деятельности, сколько формирование новых умений и навыков: создание простейшего веб-документа, разработка веб-сайта с использованием CMS, сопровождение созданного сайта. . Изучение веб-программирования в курсе дисциплины «Информатика» является одной из самых сложных тем. Перед преподавателем стоит задача разработки такой методики, которая максимально упростит достижение способности создания сайта, что очень важно для большинства людей в современном мире информационных технологий.

План учебного занятияДисциплина Информатика и ИКТ
Тема Методы создания и сопровождения сайта. Использование CMS.
Цели:
дидактическая
дать начальное представление о методах создания и сопровождения сайта; рассмотреть основные понятия языка программирования HTML, познакомиться с системой управления содержимого сайта – CMS.
развивающая
развить умение анализировать и обобщать информацию, работать с теоретическим и практическим материалом самостоятельно, формулировать вопросы и грамотно отвечать на них
воспитательная Формирование положительного отношения к обучению; развитие интереса к дисциплине «Информатика»
Вид занятия изучение нового материала (лекция)
Организационные формы обучения фронтальная форма обучения в сочетании с индивидуальной
Методы обучения объяснительно-иллюстративные методы (лекция), презентация на тему: «Использование CMS», репродуктивный метод
Средства обучения конспект лекций, презентация
Вид контроля тестирование, устный опрос
Средства контроля тестовые задания, контрольные вопросы по теме лекции
Внутрипредметные связи внутрипредметные связи с темой «Основы создания простейшего сайта на языке HTML»
Межпредметные связи межпредметные связи с общеобразовательными дисциплинами («Математика»)
Вид самостоятельной работы сообщение «История создания HTML»
Домашнее задание выучить лекционный материал, подготовиться к тестированию
Структура учебного занятияЭтап Продолжительность (мин.)
1 Организационный момент 5 мин.
2 Актуализация опорных знаний 15 мин.
3 Объяснение нового материала 35 мин.
4 Закрепление материала (практическая работа) 20 мин.
5 Подведение итогов занятия 10 мин.
6 Домашнее задание 5 мин.
Длительность занятия 60 мин.
Конспект занятия
СТРУКТУРА И ХОД УРОКА
1. Организационный момент
Преподаватель:
Взаимное приветствие студентов и преподавателя.
Проверка присутствующих, отметка в журнале.Сообщение темы и цели занятия.
Тема занятия: «Методы создания и сопровождения сайта. Использование CMS».
Цели занятия: получить начальное представление о методах создания и сопровождения сайта; рассмотреть основные понятия языка программирования HTML, познакомиться с системой управления содержимого сайта – CMS..
2. Актуализация опорных знаний
Преподаватель: На прошлом уроке мы говорили с вами о проектировании простейшего сайта на языке программирования HTML. Назовите, пожалуйста, основные теги языка HTML, которые используются для создания веб-страницы.
Ответьте на вопросы:
Что такое язык программирования HTML?
Что такое тег?
Что такое гипертекстовая разметка?
Назовите основные теги языка HTML.
Какой тег используется для вставки изображения на веб-страницу?
Какой тег используется для вставки ссылки на веб-страницу?
Студенты:
Фронтальный опрос (студентам предлагается ответить на вопросы, за которые они будут получать баллы)
Письменный контроль в форме теста: каждому студенту выдается тест с вариантами ответов; студенты меняются листами и оценивают друг друга; результат теста проверяется с помощью «ключа»
Преподаватель: правильно, молодцы. За ответы поставлю оценки: 4, 5, 5, 4, 4.
Сообщение и усвоение новых знаний
Сегодня на уроке мы с вами изучим методы и средства создания и сопровождения сайта, полученные знания вы сможете продемонстрировать при выполнении практической работы.
Запишем в тетрадях тему урока «Методы и средства создания и сопровождения сайта. Использование CMS».
Теоретический материал
Что такое сайт?
Web - сайт – это набор Web-страниц и файлов связанных между собой гиперссылками. Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают форматирование элементов страницы и позволяют размещать на ней графические объекты, рисунки, гиперссылки и т.д. Web-страницы создаются с помощью специального языка HTML. HTML или Hyper Text Markup Language является языком разметки гипертекста, разметка осуществляется с помощью тегов.
Сегодня кроме HTML применяются и другие языка разметки: WML, XML. В настоящее время для создания интерактивных сайтов применяются различные современные технологии: PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены CMS (Системой Управления Контентом - Content Management Systems). Управляемые сайты создаются разработчиками для того, чтобы информационную поддержку и сопровождение сайта (например, обновление содержания или контента сайта) мог осуществлять сам владелец сайта.
Как осуществляется передача Web-страниц в Интернет? Возможность работы с Web-страницами обеспечивает один из видов сервиса Internet, который называется World Wide Web или сокращенно WWW. В основу World Wide Web был положен протокол прикладного уровня http, который обеспечивает прием и передачу Web-страниц.WWW работает по принципу клиент-серверы: серверы Internet, по запросу клиента, который осуществляется с помощью Web-броузера, установленного на компьютере пользователя, направляют ему копии документов. Получив затребованные документы, Web-броузер ПК пользователя, интерпретирует данные и отображает содержание документов на экране.Для создания Веб–сайта компании необходимо:
определить цель создания сайта; 
разработать ТЗ; 
зарегистрировать домен сайта в определенной зоне (com, ru, ua, net и т.д.); 
разработать сайт; 
разместить сайт на хостинге; 
зарегистрировать в поисковых системах и тематических каталогах; 
выполнить поисковую оптимизацию сайта; 
осуществлять постоянную поддержку сайта. 
    Виды сайтов. Сайты сети Интернет можно разделить по следующим категориям:      
            
     1. Персональный сайты.  Размещаются в основном на бесплатных серсерах, например http://www.narod.ru, при этом важный недостаток -  в большом количестве размещается рекламная информация.  На этих сайтах предлагается использование Мастеров для создания страниц, что упрощает их проектирование. Как правило это сайты-"визитные карточки" авторов и далеко не всегда имеют практическую ценность.
    2.  Службы новостей, электронные доски объявлений, электронные версии печатных изданий (http://www.lenta.ru, http://www.gazeta.ru). Их создание - трудоемкая работа со специальным программным обеспечением. Особенность таких сайтов состоит в том, что большинство из них не имеют определенной тематики. Основная их функция - оперативное "временное" представление актуальной информации.
    Разновидностью таких сайтов являются специализированные службы новостей, где представляется тематическая информация, например, в области компьютерных технологий http://itehniq.ru/.
    3. Сайты - сборники документов определенной тематики и виртуальные библиотеки, например http://www.citforum.ru. Основной принцип, по которому пректируются подобные сайты - преобладание информационного содержания над его формой представления. Здесь предоставляется различная информация справочного характера, для которй вопрос оперативной актуальности не ставится.
    4. Поисковые системы обеспечивают возможность навигации в сети Интернет, где постоянно увеличивается число сайтов. Оперативная навигация обеспечивается за счет периодического индексирования сайтов Сети (записи информации о сайтах) в огромные базы данных. Основная функция этих систем - поиск и предоставление адресов по содержимому веб-страниц. Во многом поисковые системы по принципам работы с ними и дизайну  являются аналогами иерархических каталогов библиотек.
    5. Интернет-магазины содержат сведения о различных товарах и услугах, снабжаются иллюстративными матералами и предоставляют возможность оформить покупку через сеть Интернет. Обычно на них имеются каталоги, по которым можно выбирать различные товары.
    6. Сайты, обеспечивающие интерфейс с различными приложениями и службами. Наиболее распространены сайты, предоставляющие доступ к электронной почте (почтовые сервера). Они обеспечивают доступ к электронной почты, упрощают работу с выбранными системами, открывают возможность работы с ними большого количества потенциальных пользователей (http://mail.ru).
    7. Корпоративные сайты создаются в основном в информационных целях. Вместе с тем они могут быть снабжены дополнительными функциями, обеспечивая единый интерфейс для различных сервисов:
электронная почта;
удаленный доступ;
архивная информация;
другое.
    В связи с этим структура подобных сайтов содержит веб-страницы, открытые для всех пользователей (информационные функции), так и для определенных групп пользователей.
    8. "Архивные" сайты используются для хранения и предоставления для скачивания различных файлов. Как правило это так называемые ftp-серверы, у некоторых из них добавляется веб-интерфейс (например http://www.freeware.ru).
Ресурсы для общения. Основаны на идее двусторонней связи. Они предоставляют возможность пользователю вводить те или иные данные с клавиатуры, влиять на процесс выполнения определенныхдействий. Это могут быть форумы, конференции и др.
Способы создания сайтов
Способов для создания сайта на сегодняшний день великое множество. Наиболее распространенный метод создания сайтов — это создание сайта на основе страниц HTML.
Огромное количество сайтов во всемирной паутине сконструировано именно по такому типу. Хотя если говорить открыто — возможности при этом весьма ограничены. В принципе, если HTML связать с элементами РНР кода — то может и выйти. Такие средства создания и сопровождения сайта являются базовыми, их должен знать и умело применять любой веб-мастер.
Первый способ создания сайта
Если использовать самый простейший способ, то действовать нужно в следующей последовательности:
1. создание шаблона на языке HTML;
2. копировать код изменяемых элементов и вынести его в отдельный файл, которому присваивается расширение «tpl»;
3. стираем код измененных элементов на страницах (только в такой последовательности);
4.на месте стертого HTML-кода на страницы вводятся только одна строчка РНР-кода. (В строчке этой – прописан путь до того самого файла с расширением «tpl» (такие строчки PHP-кода еще называют «инклудами»)).
5. меняем расширение страничек HTML, то есть мы меняем «html» на «php».
Вот такой вот способ, несомненно, облегчит жизнь начинающему создателю сайтов. Многие начинающие веб-мастера пользуются таким способом до сих пор.
Второй способ создания сайтов
Второй способ создания сайтов немного посложнее. Тут используется системы управления контентом (CMS), или как пишут на форумах, для легкой ориентировки — с помощью «движка». Таких «движков» очень много в интернете. Большинство из них сегодня платные, но можно найти и бесплатные.В принципе самые простые (сравнительно) это «WORDPRESS» и «Joomla». Именно с помощью «WORDPRESS» создано большинство блогов.
Достоинств у такого «движка» очень много— это удобство и никаких лишних вливаний средств, то есть он бесплатный, невероятная простота установки и настройка, и конечно к нему есть масса плагинов, при подключении которых можно невероятно расширить функции этого самого «движка». Минус только в том, что создатели плагинов не всегда заботятся об их совместимости.
А теперь о втором «движке» под названием Joomla. Этот «движок» — уникальная вещь, о которой говорить можно долго: с помощью его можно создавать порталы, блоги и т.д.
Третий способ создания сайтов
Третий способ создания сайтов подходит для людей снехваткой на это дело времени. Вам нужно будет просто открыть «блогер», «живой журнал» или что-нибудь созданное на этом подобии и завести аккаунт. Там создание блога не займет много времени — на это потребуется все лишь несколько секунд или минут (все ориентируются на сайтах по-разному).
Тут существует один большой минус! На вот таких вот сайтах где вы создаете аккаунт, у вас практически нет никаких прав.
В общем, третий способ самый легкий, но и самый незначительный, поскольку все хотят иметь более индивидуальный сайт, не похожий на многие другие. Для начинающих блогеров — это конечно как маленький тренинг.
Тут только три способа создания сайтов. Но на этом средства создания и сопровождения сайта не заканчиваются. Многие веб-мастера используют сторонние программы, например Photoshop.
Сопровождение сайта
Сопровождение сайта - это регулярное обновление или изменение информации (контента) веб-сайта, создание и размещение новостей компании, поиск информации, рассылка официальных пресс-релизов компании, сбор и размещение на сайте тематических материалов, статей и обзоров.
Для нормального существования веб-сайтов необходимым условием является элемент информационной поддержки. Это в основном, осуществляется за счет обновления контента сайта, редактировании существующих материалов и написания новых текстов, перевода текстов, подбора и публикации новостей по основной тематике сайта, составлении рекламных объявлений, осуществлении фото и видео съемки. Наполнение сайта контентом играет огромную роль, так как представленная на сайте информация должна быть не только интересной и грамотно изложенной (иначе она просто не будет восприниматься большей частью аудитории), но и профессионально оптимизированной под поисковые системы. Сайт будет популярным и эффективным, если выполняются следующие условия информационной поддержки:    1. на нем постоянно обновляется информация о Ваших продуктах, акциях, условиях;    2. появляется новая информация, которая будет интересна Вашему посетителю;   3.  вы быстро и четко реагируете на все запросы посетителей;   4. в Интернете проходит реклама вашего ресурса. 
Презентация темы «Использование CMS» в программе Power Point. Пояснение каждого слайда и запись конспекта студентами.
4. Закрепление изученного на уроке материала.
А теперь вашему вниманию предлагаются вопросы по изученному материалу:
Что такое сайт?
Что необходимо сделать компании для создания сайта?
Перечислите виды сайтов.
Перечислите способы создания сайтов
Что такое CMS?
Какой способ создания сайта вы считаете лучшим?
Что такое сопровождение сайта?
Какие условия необходимо поддерживать для эффективности сайта?
Какие CMS вы знаете?
5. Выдача домашнего задания
Выучить конспект и подготовиться к практическому занятию по изученной теме.
6. Подведение итогов урока и оценка деятельности студентов на уроке
Заключительная часть:
Таким образом, сегодня на уроке мы получили представление методах и средствах создания и сопровождения сайта, а также рассмотрели использование CMS.
Ответьте на вопросы:
Для чего нужны CMS?
Что такое эффективность сайта?
Какая CMS из рассмотренных вам нравится больше?
Спасибо за урок! До свидания!
Заключение
Основная идея данной методической разработки – познакомить студентов с темой создание и сопровождение сайтов, а также дать основы для приобретения навыков в этой области деятельности.
В методической разработке рассматриваются понятие создания и сопровождения сайта, а также использование в веб-разработке CMS, приведены контрольные вопросы для самостоятельной работы студентов.
Методическая разработка предназначена для преподавателей и студентов 2 курсов при проведении урока на тему «Методы создания и сопровождения сайта. Использование CMS».
Список использованной литературы
Гребенюк Е.И. Технические средства информатизации. – М.: Издательский центр «Академия», 2012.
Михеева Е.В. Информатика: учебник для студентов учреждений СПО – М.: Издательский центр «Академия», 2012.
Могилев А.В. Информатика. – М.: Издательский центр «Академия», 2012.
Немцова Т.Н., Назарова Ю.В. Практикум по информатике: учеб. пособие. / Под ред. Л.Г. Гагариной. Ч I.-M.: «ФОРУМ», ИНФРА-М, 2010.
Немцова Т.Н., Назарова Ю.В. Практикум по информатике: учеб. пособие. / Под ред. Л.Г. Гагариной. Ч II.-M.: «ФОРУМ», ИНФРА-М, 2010.
Резникова Ф.А. Быстро и легко осваиваем работу на компьютере. – М.: Лучшие книги, 2010.
Семакин И.Г. Информатика и ИКТ. Базовый уровень: учебник для 10-11 классов. – М.: БИНОМ, Лаборатория знаний, 2011.
Сергеева И.И., Музалевская A.A., Тарасова Н.В. Информатика: учебник. – М.: «ФОРУМ», ИНФРА-М, 2008.
Симонович С.В. Общая информатика. – СПб.: Питер, 2013.
Угринович Н.Д. Информатика и ИКТ. Базовый уровень: учебник для 10 класса. – М.: БИНОМ, Лаборатория знаний, 2011.
Угринович Н.Д. Информатика и ИКТ. Базовый уровень: учебник для 11 класса. – М.: БИНОМ, Лаборатория знаний, 2011.
ПРИЛОЖЕНИЕ №1
(ПРЕЗЕНТАЦИЯ)


















Приложенные файлы

Добавить комментарий