close

Вход

Забыли?

вход по аккаунту

?

Конспект Теоретического Урока

код для вставкиСкачать
 Конспект теоретического урока
Выполнили: Паньков В. П., Рыжков А.О.
Группа: 41МИ, ФМФ Тема урока: "Web-сайты и Web-страницы"
Класс: 11
Цели урока:
Обучающие: показать актуальность и значимость Web-страниц и Web-сайтов в сети Интернет; дать учащимся представление о процессе создания Web-сайтов; показать основные аспекты и принципы создания Web-сайтов в современном мире.
Развивающие: накопление полезной информации для дальнейшего её использования и применения в области Web-технологий; развитие способностей к техническому творчеству; развитие бытовой и социальной логики.
Воспитывающие: воспитать чувство ответственности за создание Web-проектов, которые могут просмотреть разные люди; воспитать чувство гармонии; продолжить формирование понимания социальной значимости проектной деятельности и понимания полезности накапливаемого опыта в дальнейшей жизни.
Тип урока: Теоретический. Урок объяснения нового материала
Методы проведения: наглядный, словесный, практический
Межпредметные связи: русский язык, английский язык, изобразительное искусство, естествознание
Оборудование: экран, презентация, раздаточные листы с кроссвордами, компьютеры с браузерами
До урока учащиеся должны: иметь представление о глобальной компьютерной сети Интернет, иметь представление об основах создания простейших Web-страниц, уметь пользоваться Web-браузерами, уметь осуществлять поиск информации в Интернете.
После урока учащиеся должны: знать и понимать принципы создания и размещения в сети Интернет различных Web-проектов; знать и учитывать требования к создаваемым Web-сайтам; уметь ставить цели создания Web-сайтов; уметь продумывать и формулировать концепцию создаваемых Web-сайтов.
Использованная литература: Угринович Н.Д. Информатика и информационные технологии. Учебное пособие для 10-11 классов. - М.: БИНОМ. Лаборатория Базовых Знаний, 2004. - 512 с.
План урока:
1. Организационный момент (2 мин)
2. Этап мотивирования на изучение материала урока (4 мин)
3. Основная часть урока (26 мин)
3.1. "Web-проекты в сети Интернет" (10 мин)
3.2. "Этапы создания Web-проектов" (10 мин)
3.3. "Цели создания Web-проектов" (6 мин)
4. Физкультминутка (1 мин)
5. Самостоятельная работа на актуализацию знаний (10 мин)
6. Итог урока (2 мин)
Ход урока
1. Организационный момент
Деятельность учителя: Приветствие класса, учет отсутствующих в журнале, сообщение темы урока.
Деятельность учащихся: Приветствие учителя, запись даты и темы урока в тетрадь.
Внешний вид доски (экрана):
Слайд №1.
2. Этап мотивирования на изучение материала урока
Деятельность учителя:
"В сегодняшнем мире огромное число людей каждый день пользуется сетью Интернет, преследуя различные цели - от развлечений до профессиональной деятельности. Многие из вас, если не каждый, также входят в это число людей. В Интернете мы можем найти множество различной информации на интересующие вас тематики.
Каким же образом и с помощью каких средств эта информация подается нам? (с помощью Web-сайтов и Web-страниц)
Какое программное обеспечение позволяет нам просматривать Web-сайты? (Web-браузеры) [Слайд №2]
Какие вы знаете Web-браузеры? (Internet Explorer, Opera, Mozilla, Google Chrome и т.д.)
Сегодня мы вспомним материал, с которым вы уже знакомились в 8 классе, и продолжим его изучение, рассмотрев новые принципы, приемы и объекты работы с Web-технологиями.
Изучив данный раздел, вы научитесь создавать полноценные Web-сайты с различными страницами и связями между ними. Таким образом, вы сами сможете доносить информацию до других людей посредством сети Интернет".
Деятельность учащихся: Внимательно слушают учителя, отвечают на задаваемые вопросы.
Внешний вид доски (экрана):
Слайд №2.
3. Основная часть урока
3.1. "Web-проекты в сети Интернет"
Деятельность учителя:
"Публикации во Всемирной паутине реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.
Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.
Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах сайта, что обеспечивает возможность пользователю свободно перемещаться по сайту. [Слайд №3]
Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию.
Web-страницы сайта могут содержать динамические объекты (исполнимые модули), созданные с использованием сценариев на языках JavaScript и VBScript или элементов управления ActiveX. Расположенные на сайте управляющие элементы (например, кнопки) позволяют пользователю запускать те или иные динамические объекты.
Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты. [Слайд №4]
Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.
Основными достоинствами HTML-документов являются:
* малый информационный объем;
* возможность просмотра на персональных компьютерах оснащенных различными операционными системами. [Слайд №5]
Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.
Умение создавать Web-сайты со временем становится актуальным навыком пользователя ЭВМ. Опубликовать сайт в Интернете настолько просто и доступно (по сравнению с публикациями в "бумажных" изданиях), что эта возможность привлекает все большее число людей. Сайты могут быть частными, могут быть официальными - производственными. Практически отсутствуют какие-либо ограничения на тематику сайтов; в Интернете нет цензуры. Однако Web-сайт, как и всякая публикация, может привлечь себе внимание лишь в том случае, если он имеет привлекательное внешнее оформление. Нередко разработчики Web-сайтов уделяют гораздо большее внимание внешнему оформлению страницы, чем содержанию. Оформление страниц становится своеобразным видом прикладного искусства. У него даже появилось свое название - Web-дизайн.
Однако каким бы хорошим Web-художником вы не стали, соблюдайте золотое правило: "Если вам нечего сказать миру, не стоит засорять сеть!". Если вы все-таки решили публиковаться в Интернете, то следует разобраться - как и какими средствами можно достичь максимального эффекта.
При создании Web-сайта, как и любого другого мультимедийного продукта, необходимо придерживаться основных требований.
Разработка мультимедийного продукта включает не только отбор содержания, но и:
* структурирование материала;
* выбор форм представления для каждого элемента содержания.
Очень важным этапом является работа над дизайном мультимедийной программы. Необходимо учесть такие факторы, как:
* визуальную привлекательность;
* единство стиля, соответствие законам цветоведения и композиции;
* особенности психологического восприятия объектов и их цветового сочетания на экране. [Слайд №6]
Поэтому, когда вы будете создавать собственные сайты, помните и то, чему вас учили на уроках изобразительного искусства.
Прежде чем рассматривать технологию их создания с языка разметки гипертекста, необходимо вспомнить, что форма представления информации в электронном виде, как и в традиционных средствах - книгах, не менее важна, чем содержание. Оформление может усилить впечатление или значительно его ухудшить.
При разработке дизайна, определении структуры и выборе выразительных средств важно следовать законам композиции.
Что же такое композиция?
Композиция - совокупность изобразительных приемов, организующих художественное произведение, сложное или неоднородное по своему составу. [Слайд №7]
Композиция - творческий процесс. Однако не может быть композиции, если нет порядка! Порядок определяет место каждого объекта, вносит ясность, простоту и определяет силу воздействия".
Деятельность учащихся: Внимательно слушают учителя, отвечают на задаваемые вопросы, записывают основные тезисы с доски в тетради.
Внешний вид доски (экрана):
Слайд №3.
Слайд №4.
Слайд №5.
Слайд №6.
Слайд №7.
3.2. "Этапы создания Web-проектов"
Деятельность учителя:
"В 8 классе вы уже знакомились c основами языка гипертекстовой разметки документов и вели свою деятельность по созданию Web-страниц.
Сайт - гораздо более сложный проект, нежели одна Web-страница. Он, как уже говорилось ранее, включает в себя множество различных Web-страниц. В создании полноценного профессионального сайта участвуют люди различных специальностей: дизайнеры, программисты, менеджеры. В крупных компаниях каждый человек занимается только своей работой, в небольших студиях эти специальности могут принадлежать одному человеку. Но в любом случае любой Интернет-проект включает в себя несколько этапов [Слайд №8]:
1. Проектирование. За проектирование отвечает менеджер проекта. На данном шаге собирается подробная информация, ставятся цели проекта, и планируется бюджет. От того, насколько грамотно будет выполнена данная работа, зависит успех всего дела. Результатом данного этапа является техническое задание. Это - текстовый документ, в котором подробно описывается проект.
2. Разработка дизайна. Идеи, заложенные в техническом задании, дизайнер воплощает в виде эскизов страниц. Заказчику предоставляется несколько вариантов дизайна будущего сайта (как правило, не более трех). Результатом данного шага является дизайн-макет сайта: графический файл, выполненный в одной из графических программ. Дизайн макет должен содержать подробное описание используемых цветов, шрифтов и т.п. Если начальная и внутренние страницы сайта отличаются, это тоже должно быть отображено в дизайн-макете.
3. Макетирование страниц. На основе дизайн-макета создается макет шаблонных страниц, воплощенных уже в знакомом вам языке HTML, они содержат графическую информацию, присоединенные таблицы стилей.
4. Программирование сервисов. Помимо статичной текстовой и графической информации сайт может содержать различные интерактивные сервисы: формы для регистрации клиентов, гостевые книги. Для их создания в работу вступает программист.
5. Публикация сайта, наполнение его информацией. На данном шаге созданный каркас переносится на удаленный сервер и сайт начинает заполняться текстовой информацией. Профессиональные сайты для этого снабжаются системами управления содержимым. Они позволяют добавлять информацию человеку ничего не смыслящему в программировании, языке HTML, а знакомому только с основами работы на компьютере. По окончании пятого этапа необходимо проанализировать проделанную работу. Решены ли поставленные задачи.
6. Сопровождение и раскрутка проекта. Любой сайт необходимо "раскручивать", то есть делать действия по повышению его популярности. Это не разовая, а планомерная работа по отслеживанию посещаемости, сбору отзывов посетителей, внесению изменений в содержимое, добавление новой информации.
Теперь вы познакомились с процессом создания сайтов. Многие известные вам популярные сайты создаются, следуя перечисленным шагам. Может быть, в будущем вы захотите взять одну из перечисленных ранее профессий, и с вашей помощью будет создан ещё какой-нибудь Интернет-ресурс, который станет известен во всем мире".
Деятельность учащихся: Внимательно слушают учителя, записывают основные тезисы с доски в тетради.
Внешний вид доски (экрана):
Слайд №8.
3.3. "Цели создания Web-проектов"
Деятельность учителя:
"Как вы думаете, для чего вообще люди создают сайты? [Слайд №9]
Первая причина - получение прибыли. Некоторые компании рассматривают Интернет, как среду где можно зарабатывать деньги. Это может быть прибыль от продажи товаров, примером такого сайта может служить один из крупнейших российских Интернет-магазин www.ozon.ru. Также прибыль может быть от продажи рекламного места. Так на популярном бесплатном почтовом сервере www.mail.ru размещено большое количество рекламных баннеров, которые смотрят многочисленные посетители данного сервиса.
Существуют так называемые "имиджевые" сайты. Многие компании относятся к Интернет-проекту, как элементу рекламы себя, своих товаров и услуг. Эти компании собираются получать прибыль опосредованно. Они рассчитывают, что люди зайдут на сайт, получат необходимую информацию, а после уже обратятся напрямую в офис и сделают заказ. Для таких сайтов важно "произвести впечатление" на посетителя.
В сети также много некоммерческих сайтов. Некоторые Интернет-проекты вообще не предназначены для получения прибыли, это могут быть сайт поклонников любимой футбольной команды или сайт студента, изучающего программирование и рассказывающего об этом на своем личном сайте. В любом случае сайт должен приносить моральное удовлетворение своему создателю.
Сегодня мы уже познакомились с полезной информацией о сайтах и сети Интернет, их создании и особенностях этого создания. Итоговой работой при изучении данного раздела "Основы языка гипертекстовой разметки документов" будет создание вашего собственного сайта. Поэтому не забывайте о том, что вы узнали на этом уроке. Создавайте такой сайт, которому вы сами будете рады, и которому будут рады окружающие вас люди".
Деятельность учащихся: Внимательно слушают учителя, отвечают на задаваемые вопросы, записывают основные тезисы с доски в тетради.
Внешний вид доски (экрана):
Слайд №9.
4. Физкультминутка
Выполняются упражнения с поворотами головы и расслаблением рук с целью снятия напряжения в шее и кистях.
5. Самостоятельная работа на актуализацию знаний
Деятельность учителя:
"На следующем уроке мы начнем рассматривать непосредственно процесс создания Web-сайта с помощью языка гипертекстовой разметки документов HTML. Как вы знаете, в ходе написания кода страницы используются HTML-теги. Вы уже знакомились с ними в 8 классе при создании Web-страниц. Поэтому сейчас вы попробуете вспомнить (или даже узнать новые для вас) основные и полезные HTML-теги, решая специальный кроссворд по информатике. Вы можете пользоваться поиском в сети Интернет - главное, чтобы теги были правильно написаны в клетки кроссворда. Выполнение этого задания позволит вам лучше запомнить HTML-теги. На задание отводится 8-10 минут".
Учитель выдает каждому ученику листы с кроссвордами.
После истечения времени проверяются ответы (сравниваются с ключом на экране [Слайд №10] учениками самостоятельно друг у друга). За успешное и безошибочное (допускается 1-3 ошибки) выполнение задания ставится оценка.
Деятельность учащихся: Выполняют задание на выданных листах, пользуются поисковыми системами в сети Интернет, проверяют правильность выполнения друг у друга, сообщают результаты учителю.
Внешний вид доски (экрана): Слайд №10.
Раздаточный материал (см. также отдельный файл):
HTML-КРОССВОРД
В процессе решения можно пользоваться поисковыми системами в сети Интернет.
По горизонтали
4. Атрибут, устанавливающий цвет текста
5. Тег, устанавливающий форму на странице
6. Атрибут, определяющий изображение, которое будет использоваться в качестве фонового рисунка таблицы
8. Тег, предназначенный для описания скриптов
9. Параметр, отвечающий за выравнивание текста по центру
13. Тег, определяющий заголовок документа
15. Всемирная "паутина"
18. Тег, предназначенный для отображения на Web-странице изображений
19. Тег, помечающий текст как цитату или сноску на другой материал
20. Тег, предназначенный для акцентирования текста
По вертикали
1. Атрибут, определяющий выравнивание текста
2. Атрибут, устанавливающий цвет рамки вокруг ячейки
3. Тег-контейнер, который заключает в себе все содержимое Web-страницы
5. Тег-контейнер для изменения характеристик шрифта (размер, цвет, гарнитура)
6. Тег, предназначенный для выделения длинных цитат внутри документа
7. Тег, устанавливающий перевод строки в том месте, где этот тег находится
10. Тег-контейнер для создания строки таблицы
11. Атрибут, устанавливающий ширину изображения
12. Параметр, отвечающий за выравнивание текста по ширине
14. Атрибут, устанавливающий высоту изображения
16. Тег-контейнер для элементов, определяющих содержимое таблицы
17. Атрибут, определяющий цвет посещенных ссылок
20. Атрибут, задающий размер текста
6. Итог урока
Деятельность учителя: Выставляет оценки в журнал, задает домашнее задание (пункт 13.1 по учебнику Угриновича Н. Д.), прощается с классом.
Деятельность учащихся: Записывают домашнее задание в дневники, прощаются с учителем.
1
Автор
artyomrizhkov
Документ
Категория
Без категории
Просмотров
3 920
Размер файла
3 494 Кб
Теги
урока, 001_конспект, теоретического
1/--страниц
Пожаловаться на содержимое документа