Сергеева Диана Лазаревна учитель информатики средней школы №10 г. Ярцево 2007 г. Содержание: пояснительная записка
| Вид материала | Пояснительная записка |
- Пояснительная записка 4 Содержание программы 7 Требования к уровню подготовки выпускников, 97.02kb.
- Богданова Виктория Алексеевна bogdanov@belnet ru учитель информатики муниципальной, 62.51kb.
- Мусихин Александр Александрович, учитель физики высшей категории Воркута 2007 пояснительная, 249.87kb.
- Пояснительная записка Рабочая программа составлена на основе: авторского планирования, 143.68kb.
- Гусельникова Лидия Ивановна, учитель 1 категории Петуховской средней общеобразовательной, 909.18kb.
- Чеботарева Фаина Мэлсовна учитель математики высшей категории средней общеобразовательной, 155.8kb.
- Кустова Ольга Анатольевна, учитель истории и обществознания Уренгой, 2007 пояснительная, 173.36kb.
- Пояснительная записка Программа данного элективного курса рассчитана на 16 часов. Элективный, 74.11kb.
- Киселева Мария Геннадьевна учитель информатики моу сош №2 им. И. А. Сухана г. Кстово, 328.22kb.
- Киселева Мария Геннадьевна учитель информатики моу сош №2 им. И. А. Сухана г. Кстово, 428.62kb.
Ход занятия.
I. Орг.момент.
II. Актуализация опорных знаний.
Из каких этапов состоит работа над созданием сайта?
- Что происходит на этапе проектирования сайта?
- Каким образом нужно хранить файлы, составляющие Web-сайт?
- Что происходит на этапе тестирования сайта?
III. Изучение нового материала.
Дизайн – это то, что стоит впереди или на поверхности многоэтажных разработок сайта. Поэтому он либо продвигает проект в информационном поле, принося славу и успех, либо оставляет горечь разочарований.
Примечание. Рассказ учителя сопровождается демонстрацией мультимедийной презентации «Правила оформления Web-дизайна».
Особенности Web-дизайна.
Под дизайном сайта понимают его внешний вид, а также средства доступа к ресурсам сайта. Одна и та же структура сайта может быть воплощена различным образом. При разработке сайта важно помнить, что он создается для посетителей. Поэтому сайт должен быть содержательным, удобным и эстетичным. Графика и визуальные эффекты должны привлекать внимание и способствовать правильному восприятию информации, а не раздражать пестротой и долгой загрузкой в браузер.
При создании сайта для изображений фотографического характера с множеством цветов рекомендуется использовать формат JPEG, который обеспечивает меньший размер подобных изображений. В случае применения монотонных рисунков и рисунков, содержащих текст, используйте формат GIF.
Многие пользователи в целях экономии времени и трафика отключают загрузку графики. Поэтому подумайте о том, как будут выглядеть ваши документы в случае, если графика в них не загружается.
Ответственно отнеситесь к выбору цветовой схемы и шрифтов при создании сайта. Все страницы сайта должны быть выполнены в одной цветовой схеме, в противном случае сайт будет смотреться несвязно.
При выборе цветовой схемы необходимо обеспечить хорошую читаемость текста. Выбирая фоновое изображение, обратите внимание на цвет и узор: светлые тона и «легкие узоры» облегчают восприятие информации, и, наоборот, темный цвет и крупный узор быстро утомляют.
Не используйте на одной Web-странице более трех различных шрифтов, включая шрифты, применяемые при создании графических элементов.
Используйте только корректные цветовые схемы и не применяйте при оформлении документов более трех различных цветов. Исключение здесь можно сделать для полутонов одного и того же цвета.
С точки зрения человеческой психологии сочетание цветов может в значительной степени влиять на восприятие зрителем представленной на картинке информации. Именно поэтому при подборе цветового сочетания, например текста с фоном, рекомендуется исходить из соображений собственного здравого смысла: текст должен без труда читаться, при этом читатель не должен напрягать зрение, его глаза не должны уставать.
Далее приведен перечень цветовых сочетаний рисованного объекта или текста с фоном в порядке ухудшения зрительного восприятия:
синее на белом;
черное на желтом;
зеленое на белом;
черное на белом;
зеленое на красном;
красное на желтом;
красное на белом;
оранжевое на черном;
черное на пурпурном;
оранжевое на белом;
красное на зеленом.
Информация должна быть представлена так, чтобы ее удобно было долго читать. Это значит: небольшая ширина колонки (чтобы не бегать глазами по горизонтали), текст с засечками (более пригоден для долгого чтения), темным по светлому (не утомляются глаза).
IV. Закрепление материала.
В качестве основных критериев оценки сайта выступают:
- оформление сайта;
- удобство навигации;
- время, необходимое для загрузки Web-страницы.
Сейчас мы выполним лабораторную работу для определения сайтов, которые удовлетворяют этим условиям.
| Лабораторная работа «Оценка дизайна Web-сайта». | |
| Цель работы. Просмотреть сайты студий, занимающихся Web-дизайном. Оценить сайты Web-студий по следующим параметрам:
| |
| 1 | Установить соединение с сетью Интернет. |
| 2 | Запустить программу Microsoft Internet Explorer |
| 3 | Запуститиь домашнюю страницу сайта студии demis group. Для этого в строку адреса ввести ссылка скрыта |
| 4 | Произвести оценку сайта. |
| 5 | Загрузить домашнюю страницу Web-студии «Звезда» (адрес ссылка скрыта). |
| 6 | Произвести оценку сайта. |
| 7 | Загрузить страницу под адресом ссылка скрыта (компания «И-Маркет»). |
| 8 | Произвести оценку сайта. |
| 9 | Загрузить домашнюю страницу компании ЛИТ-Телеком (ссылка скрыта) |
| 10 | Произвести оценку сайта. |
| 11 | Загрузить страницу под адресом ссылка скрыта (студия Artburo). |
| 12 | Произвести оценку сайта. |
V. Итог занятия.
Перечислим параметры, по которым мы будем оценивать школьные сайты:
- основное назначение сайта;
- целостность представления о сайте на домашней странице;
- легкость восприятия;
- удобство навигации;
- соответствие внешнего оформления информационному содержанию;
Занятие 12. Размещение сайта в Интернете. Веб-хостинг.
Цели занятия:
- назначение хостинга;
- виды хостинга;
- преимущества и недостатки различных видов хостинга.
План занятия
| Этап занятия | Деятельность учителя | Деятельность учащихся |
| Орг.момент. | Приветствует учащихся, проверяет их готовность к занятию. | Ученики готовятся к занятию, приветствуют учителя. |
| Изучение нового материала. | Учитель раздает ученикам теоретический материал для самостоятельного изучения. Предлагает вопросы для составления конспекта. Консультирует учащихся в ходе изучения нового материала. Проверяет конспекты учащихся. | Ученики самостоятельно изучают теоретический материал. В случае необходимости обращаются к учителю за разъяснением. Записывают конспект, отвечая на вопросы. |
| Закрепление материала. | Учитель знакомит учащихся с целями и планом проведения лабораторной работы. Консультирует учащихся при выполнении лабораторной работы. | Ученики выполняют лабораторную работу. При необходимости обращаются за консультацией к учителю. |
| Итог занятия | Учитель задает вопросы для повторения основных знаний, полученных на занятии. | Ученики отвечают на вопросы учителя. |
Ход занятия.
I. Орг.момент.
II. Изучение нового материала.
Учащимся сообщается, что при изучении нового материала они должны будут составить конспект.
Вопросы для составления конспекта.
- Для чего предназначен Web-хостинг?
- Преимущества и недостатки бесплатного хостинга.
- В каких случаях целесообразно воспользоваться платным хостингом?
Для размещения сайта в Интернете необходимо выбрать Web-сервер, на котором этот сайт будет размещен. Web-сервер занимается хранением, поиском и обменом файлами в WWW. Например, когда клиент Web запрашивает файл из WWW, программа браузера отправляет этот запрос на Web-сервер, на котором находится данный файл. Сервер отыскивает файл на своих дисках и отправляет его компьютеру-клиенту, от которого был получен запрос.
Хостинг (от английского слова – совместное размещение) – это размещение Web-сайта на оборудовании компании. Ресурсы сервера и линии связи используются совместно множеством клиентов. После размещения файлов на сервере хостинг-провайдера и получения доменного имени любой пользователь сети Интернет получает возможность доступа к страницам вашего сайта.
Виды хостинга.
Бесплатный хостинг.
Сейчас появляется все больше Web-серверов, осуществляющих бесплатный хостинг. Например, русскоязычные серверы ссылка скрыта, ссылка скрыта. Такие серверы не требуют оплаты за поддержку Web-сайтов от клиентов. Компании, которые осуществляют бесплатный хостинг зарабатывают на рекламе и существуют за счет рекламодателей.
Зарегистрированному клиенту предоставляется ограниченное, но достаточно свободное пространство на диске сервера – от 5 до 50 Мбайт. Этого объема достаточно для размещения как небольшого, так и весьма солидного сайта.
Отрицательные стороны бесплатного хостинга.
Одним из недостатков бесплатного хостинга является наличие рекламы. При размещении сайта на бесплатном хостинге, клиент принимает на себя обязательство – размещение на своем сайте баннеров, предназначенных для рекламы. Чужие баннеры могут существенно испортить вид сайта.
Сайты, размещенные на бесплатных серверах, как правило, не должны иметь коммерческой направленности и не могут использовать вычислительные ресурсы сети. То есть, сервер будет лишь хранить и передавать клиенту запрашиваемые им файлы, не подвергая их содержимое обработке.
Бесплатный хостинг подходит для размещения сайта, содержащего обычные файлы HTML. Однако, бесплатный хостинг категорически противопоказан для размещения сайтов крупных фирм, занимающихся электронной коммерцией. Также бесплатный хостинг не подходит тем, кому нужна бесперебойная работа сайта.
Платный хостинг.
Для предоставления платного хостинга необходимо заключить договор с провайдером о предоставлении соответствующих услуг. Платный хостинг необходим тем, кто разрабатывает сайты для серьезных фирм. Особенно, если для этого требуются вычислительные ресурсы сервера.
Размещение сайта на ссылка скрыта
Наиболее популярным порталом является ссылка скрыта. Для того, чтобы разместить сайт на сервере необходимо зарегистрироваться. Выбранное при регистрации имя и задает адрес сайта. Например, клиент при регистрации задал имя сайта – shool10. Тогда адрес сайта будет иметь вид:
www. school10.narod.ru.
Есть две возможности при работе со своим сайтом. Пользователь может полностью использовать графические и иные возможности портала, наполняя их только своим содержанием непосредственно в сети. Также можно создать сайт на своем компьютере, а затем перекачать файлы на сервер портала.
III. Закрепление материала.
| Лабораторная работа «Размещение Web-сайта в Интернете». | |
| Цель работы: Разместить Web-сайт в Интернете на бесплатном сервере www.narod.ru. | |
| 1 | Установить соединение с сетью Интернет. |
| 2 | Запустить программу Microsoft Internet Explorer |
| 3 | В строку адреса ввести ссылка скрыта |
| 4 | Выберите название своего сайта и введите его в свободное поле, предназначенное для ввода имени сайта. Например, gorod12 (адрес сайта тогда будет иметь вид: ссылка скрыта). Нажмите кнопку Занять. Введенные данные будут отправлены на сервер. |
| 5 | Следующий этап Регистрация. Для регистрации на сервере заполните требуемую форму. Если выбранное имя сайта уже занято кем-нибудь на сервере, вам будет предложено выбрать имя сайта еще раз. Затем нужно указать свою фамилию и имя. Нажмите кнопку Дальше. |
| 6 | Второй этап регистрации. Заполните необходимую форму. Наберите пароль и подтвердите его в нижнем поле. Введите контрольный вопрос и ответ на него в соответствующие поля. Если вы забудете пароль, то сможете получить доступ, ответив на вопрос. В поле E-mail ввести свой электронный почтовый адрес. На этот адрес вы получите почтовое письмо с подтверждением регистрации. В нижней части страницы имеется шестизначный номер. Введите приведенный номер – он служит для защиты от автоматических регистраций. Нажмите кнопку ОК. |
| 7 | После окончания регистрации появиться страница с приветствием и с информацией о ваших данных на сервере. Запомните эту информацию. |
| 8 | Щелкните по ссылке Начать пользоваться сервисом. |
| 9 | Выберите ссылку Загрузка файлов на сервер. |
| 10 | Выберите файлы Web-сайта и загрузите их на сервер. |
| 11 | Выберите ссылку Управление файлами. |
| 12 | Создайте требуемые папки и переместите в них необходимые файлы. |
| 13 | Запустите файл index.php |
| 14 | Протестируйте работу сайта в Интернете. При необходимости скорректируйте сайт в разделе Управление файлами. |
| 15 | Закройте все приложения. |
| 16 | Запустите Internet Explorer. |
| 17 | В строку адреса введите адрес своего сайта. |
| Результат. | Загрузилась главная страница вашего сайта. |
IV. Итог занятия.
- Существуют бесплатный и платный хостинг для размещения сайта в Интернете.
- Бесплатный хостинг существует за счет рекламы.
- Бесплатный хостинг не позволяет использовать вычислительные ресурсы Web-сервера.
- Бесплатный хостинг не подходит для рамещения сайта серьёзной фирмы.
Учебный модуль «Творческий проект».
Общеобразовательные цели:
- систематизация и обобщение знаний по теме «Технология создания Web-сайта»;
- закрепление навыков систематизации и структуризации информации.
Развивающие цели:
- формирование и развитие логических приемов: анализа, синтеза, абстрагирования, обобщения;
- развитие творческой активности.
Воспитательные:
- формировать бережное отношение к результатам информационной деятельности человека;
- формировать целостное восприятие окружающего мира;
- формировать познавательный интерес;
- формировать патриотические чувства.
Оборудование: компьютерный класс, оснащенный сетью с выходом в Интернет, лицензированное программное обеспечение, мультимедийный проектор, экран.
План проведения проекта.
- Формулирование темы проекта.
| Деятельность учителя | Деятельность учащихся | Время проведения. |
| Учитель знакомит учащихся с возможными темами проекта. | Учащиеся обсуждают и принимают решение по выбору темы. | 1-ый урок. 10 мин. |
Наименования проектов.
| Название проекта | Описание проекта |
| Знаменательные события на ярцевской земле. | Web-сайт должен рассказывать о знаменательных исторических событиях на ярцевской земле. |
| Мои знаменитые земляки. | |Web-сайт должен повествовать о ярцевчанах, оставивших неизгладимый след в истории нашей страны. |
| Ярцево в пламени Великой Отечественной Войны. | Web-сайт должен рассказывать о положении Ярцева и ярцевчан во время Великой Отечественной войны. |
| Ярцевчане – Герои Советского Союза. | Web-сайт должен рассказывать о наших земляках, заслуживших звание Героя Советского Союза во время Великой Отечественной войны или войны в Афганистане. |
| Ярцево – развивающийся промышленный город. | Web-сайт должен рассказывать о работе современных промышленных предприятий г.Ярцево и о перспективах развития нашего города. |
| Ярцево в наши дни. | Web-сайт должен содержать информацию о жизни современных ярцевчан – культурной, спортивной, общественной. |
| Свободная тема | Тема Web-сайта предлагается учеником. Web-сайт должен рассказывать о г.Ярцеве или о ярцевчанах. Тема проекта должна быть заранее согласована с учителем. |
- Формирование групп для работы над проектом.
| Деятельность учителя | Деятельность учащихся | Время проведения. |
| Учитель проводит организационную работу по объединению школьников в группы. | Учащиеся уже выбрали темы проектов и группируются в соответствии с ними в малые группы (2-3 человека). | 1-ый урок. 10 мин. |
- Обсуждение плана работы над проектом.
| Деятельность учителя | Деятельность учащихся | Время проведения. |
| Учитель наблюдает за работой учащихся. В случае необходимости консультирует учащихся. | Ученики разрабатывают план информационного наполнения Web-сайта; вопросы для поиска информации; производят поиск нужной информации в WWW. | 1 урок. 20 мин. |
4. Разработка проекта.
| Деятельность учителя | Деятельность учащихся | Время проведения. |
| Учитель консультирует учащихся, стимулирует их деятельность. | Ученики разрабатывают Web-сайт в соответствии с принятыми правилами. | 2-ои, 3-ий, 4-ый уроки. |
- Защита проекта.
| Деятельность учителя | Деятельность учащихся | Время проведения. |
| Учитель организует экспертизу. Знакомит учеников с критериями оценки сайта. | Демонстрируют разработанные Web-сайты. Оценивают проекты других учащихся. | 5 урок. |
Защита проекта.
Во время защиты учебного проекта необходимо ответить на следующие вопросы:
- назначение Web-сайта;
- средства (аппаратные, программные, источники информации), использованные при разработке Web-сайта;
- возможности использования представляемого Web-ресурса;
- проблемы, возникшие при разработке проекта;
- положительные моменты при работе над проектом.
Оценочный лист для учащихся.
Критерии оценки проекта.
| Параметр. | Балл (0-3) | |
| 1 | практическая польза сайта | |
| 2 | необходимая и достаточная глубина проникновения в проблему | |
| 3 | удобство просмотра сайта | |
| 4 | целесообразность дизайна | |
| 5 | творческие элементы при оформлении дизайна сайта | |
| 6 | емкость и лаконичность сайта | |
| 7 | качество доклада | |
| Сумма баллов | | |
- Web-сайт не соответствует данному требованию;
- Web-сайт частично соответствует данному требованию;
- Web-сайт в основном соответствует данному требованию;
- Web-сайт полностью соответствует данному требованию.
6. Рефлексия.
| Деятельность учителя | Деятельность учащихся |
| Учитель оценивает деятельность учащихся в ходе изучения курса. | Ученики осуществляют рефлексию процесса, себя в нем с учетом оценки других. |