Методический электронный образовательный центр Министерства образования Оренбургской области и Оренбургского государственного университета

Учителю
  • Быстрый поиск
  • Расширенный поиск
Тип материала:
Разделы:
Темы:

Урок 11 Web-сайт. Практическая работа №6. "Интернет: создание Web-сайта с помощью MSWord" [Барсукова М.М.]

Текст урока

  • Конспект урока

     Название предмета Информатика и ИКТ
    Класс 11
    УМК (название учебника, автор, год издания) Семакин И. Г., Хеннер Е. К. Информатика и информационно-коммуникационные технологии. Базовый курс: Учебник для 10-11 класса. М.: БИНОМ. Лаборатория знаний, 2013. 
    Уровень обучения (базовый, углубленный, профильный) базовый
    Тема урока Web-сайт (§29). Практическая работа №6. «Интернет: создание Web-сайта с помощью MSWord»
    Общее количество часов, отведенное на изучение темы 3
    Место урока в системе уроков по теме 2
    Цель урока: освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора MicrosoftWord: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок
    Задачи урока 
    1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
    2. Учебная – вспомнить и наработать новые навыки работы с текстовым редактором.
    3. Развивающая – развитие логического мышления, расширение кругозора.
    Планируемые результаты 
    Ориентация в современных средствах создания  Web-страниц, понимание процесса проектирования и опубликования Web – сайта, создание несложного Web – сайта с помощью Microsoft Word
    Техническое обеспечение урока текстовый процессор Microsoft Word 2007.
    Тип урока: комбинированный
    План урока
    1. Организационный момент
    2. Фронтальный опрос
    3. Объяснение нового материала.
    4. Выполнение практической работы.
    5. Домашнее задание.
    Ход урока
    1. Организационный момент
    Здравствуйте, ребята. Очень рада вас видеть. Начнем наш урок. Пусть все, что задумано получится, пусть все, что ожидается  – исполнится.
    2. Фронтальный опрос.
    1. Итак, что же такое сайт? (это многосвязная система Web-страниц, среди кото­рых есть одна главная страница, которая является корнем структуры);
    2. С помощью чего реализуются связи между страницами сайта? (гиперссылок);
    3. Имеет ли сайт имеет внешние связи? (да);
    4. С чего начинается работа по созданию сайта? (с проектирования его состава и структуры);
    5. Что такое - Web страница? (это текстовый файл, содержащий описа­ние на языке НТМL)
     6. В чем заключается публикация Web –сайта? (в его размещении на Web -сервере; при этом определяется адрес сайта (адрес сер­вера и имя папки, содержащей сайт)
    3. Объяснение нового материала
    Итак, мы повторили основной материал. А не кажется ли вам, что мы что-то упустили? Вроде бы все рассмотрели, а как-то хочется продолжения. Как вы думаете – что мы не обговорили? Что будет следующим этапом нашей работы? Правильно, создание собственного Web –сайта. А кто-то из вас уже пытался это сделать? Может быть, кто-то уже имеет опыт создания собственного сайта? (если есть такие ребята – можно дать им возможность выступить и поделиться своим опытом (2-3 мин.). А как вы думаете сложно ли создать сайт? Самый простой? Действительно, сейчас это сделать гораздо проще, чем несколько лет назад. Много возможностей предоставляет Интернет  - бесплатные конструкторы сайтов (например, ucoz.ru), бесплатные платформы для выкладывания собственных сайтов (например, narod.ru). 
    Задание на целеполагание:
    Перечислите всевозможные варианты для чего вам нужна личная Web – страница в сети?
    Помните, если вам нечего сказать миру – не стоит засорять сеть.
    4. Выполнение практической работы
    Нам предстоит освоить создание простейшего Web – сайта инструментами текстового процессора MicrosoftWord. Обратимся к практической работе 3.6 на стр. 70 «Практикума для 10-11 классов» И.Г. Семакина
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    Вопросы есть? Итак, приступаем к выполнению работы. 
    6. Обсуждение выполнения практической работы
    1. Довольны ли вы результатами?
    2. Какие проблемы возникли во время работы?
    3. Что не удалось выполнить и почему?
    4. Понравился ли вам такой способ организации сайтов? 
    7. Домашнее задание:
    Создай средствами текстового процессора MicrosoftWord сайт.
    Метапредметное
    1. Родственники  в семье не только похожи друг на друга, но и различаются характерами, внешностью, увлечениями. Есть в семье старшие и младшие. Разными могут быть и отношения. Кто (что) в вашей квартире являются «родственниками компьютера» Изобрази семью своего компьютера. Для каждого члена семьи укажи его роль (мама, папа, дедушка и т.д.) Подпиши 2-3 главные черты характера. Предположи, какой следующий родственник может появиться в твоей компьютерной семье и почему? 
    Компетентностное
    2. Уже сегодня с помощью Интернета несколькими щелчками мышки можно заказать товары в магазине, заплатить за телефон, выбрать места в зрительном зале театра... Специалисты предполагают, что и будущем управление большинством домашних устройств будет осуществлять через сайт в Интернете, Сделайте страницы такого сайта для вашей квартиры (дома) Кнопки для управления какими приборами будут расположены на этом сайте, на какие команды можно будет посылать, где на странице можно будет увидеть результат своих действий? Поясните назначение и действие кнопок и меню. 
    3. Сайт школы должен не только рассказывать о ее истории и достижениях, но и позволять узнавать «горячие» новости, причем в самом прямом смысле этого слова. Для этого оформите интерактивное меню школьной столовой. 
    
    Используемая литература:
    
    1. И.Г.Семакин, Е.К. Хеннер «Информатика и ИКТ базовый уровень 10-11 классы.  Методическое пособие», М., Бином, 2008
    2. И.Г.Семакин, Е.К. Хеннер «Информатика и ИКТ базовый уровень учебник для 10-11 классов», М., Бином, 2013
    3. И.Г.Семакин, Е.К. Хеннер «Информатика и ИКТ базовый уровень практикум для 10-11 классов», М., Бином, 2013
    4. «Информатика и ИКТ. Сборник эвристических заданий» под редакцией А.В.Хуторского, М., Эйдос, 2013
     

    Автор(ы):

    Скачать: Информатика 11кл - Конспект урока.doc
  • Теория к уроку

     Теоретический материал
    1. Что такое Web – сайт, Web – страница, гиперссылка?
    Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.
    Веб-страница - это логическая единица интернета, однозначно определяемая адресом (URL). Можно сказать, что веб состоит из сайтов, а сайты, в свою очередь - из страниц. Веб-страницы могут включать картинки, музыку, видео, скрипты и др.
    Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.
    2. Как и какими средствами создаются Web – страницы?
    Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом. Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество Web-узлов или сайтов.
    Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.
    HTML – HyperTextMarkupLanguage (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.
    3. Какие существуют виды навигационной схемы Web – сайтов?
    Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации. 
    Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени. 
    Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент. 
    Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации. 
    1. Примеры оформления Web – страниц.
    Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы. 
    2. Создание гиперссылок.
    Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы MicrosoftOffice, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы MicrosoftOffice автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка. 
    В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures). 
    
     

    Автор(ы):

    Скачать: Информатика 11кл - Теория к уроку.doc

Задания к уроку