Информатика в 11 классе (стр. 5 )

Основные приемы работы в редакторе FrontPage покажите на примере конструирования веб-страницы “Озера Беларуси”. Она будет содержать текст и фотографии, которые следует подготовить заранее.

4. Закрепление нового материала (частично-поисковый метод обучения, индивидуальная форма работы).

Предложите учащимся занять места за компьютерами и выполнить задания примеров 1 и 2 §  5.2 пособия. По завершению работы просмотрите созданные каждым учащимся страницы в браузере.

Дополнительно любознательным учащимся предложите выполнить пример 3: Вставить бегущую строку “Приглашаем в лодочный поход”.

5. Подведение итогов урока

Предложите учащимся кратко перечислить назначение и основные элементы интерфейса редактора FrontPage. При необходимости уточните и обобщите ответы.

6. Домашнее задание

Изучить материал § 5.1 и 5.2 учебного пособия [1], ответить на вопросы 1-3, составить план выполнения одного из заданий упражнения к § 5.2.

Урок 10. Использование таблиц

Цели урока:

·  расширение и углубление представлений об инструментах и методах веб-конструирования;

·  формирование умений использовать таблицы в редакторе FrontPage для размещения информации на веб-страницах;

·  развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

·  воспитание самостоятельности, усидчивости и аккуратности.

Тип урока: урок усвоения новых знаний и умений.

Учащиеся должны уметь: использовать таблицы для размещения информации на веб-страницах.

Программное и методическое обеспечение урока: редактор FrontPage;
учебное пособие «Информатика 11», § 5.3 [1], ЭСУ Web11‑9 [2].

Методические рекомендации к уроку

1. Проверка знаний предыдущего урока (репродуктивный метод обучения, индивидуальная и фронтальная форма работы).

Выполнение индивидуальных заданий на компьютере: в редакторе FrontPage создать веб-страницу, содержащую текст и графику (упражнение к § 5.2 пособия [1], ЭСУ Web11‑8).

Предложите учащимся ответить на вопросы: Каково назначение редактора FrontPage? Какие возможности форматирования текста имеет FrontPage? Как задается размер шрифта на веб-страницах?

2. Актуализация знаний и мотивация учащихся на изучение нового материала (фронтальная форма работы).

Перед началом объяснения нового материала предложите учащимся назвать основные элементы оформления веб-страниц. В ходе беседы перечислите перечень задач, для решения которых используются таблицы в текстовом редакторе MS Word.

3. Объяснение нового материала (объяснительно-иллюстративный метод обучения в сочетании с частично-поисковым, фронтальная форма работы).

Объяснение начните с вопроса: каким способом можно задавать размещение текста и изображений в заданных местах страницы? Одним из наиболее применяемых до настоящего времени способов является использование таблиц, в ячейках которых размещают разнообразные текстовые и графические элементы. При этом можно отметить, что размещение информации на веб-страницах с помощью таблиц называется табличной версткой.

Для любознательных рекомендуется сообщить, что в настоящее время существуют и другие способы, например, использование стилей CSS.

Использование таблиц рассмотрите на примере веб-страницы “Города Беларуси”, на которой изображена карта Беларуси с гербами городов и указаны даты их основания.

4. Закрепление нового материала (частично-поисковый метод обучения, индивидуальная форма работы).

Предложите учащимся занять места за компьютерами и выполнить задания примера 1 из § 5.2 пособия [1]. По завершению работы просмотрите созданные страницы в браузере.

При наличии времени любознательным учащимся предложите создать таблицу вручную на языке HTML (пример 2 из § 5.2 пособия [1]). Для построения таблицы в языке HTML используются парные теги: <table>…</table> ‑ таблица; <tr>…</tr> ‑ строка таблицы; <td>… </td> ‑ ячейка таблицы. В этих тегах можно использовать атрибуты: width (ширина таблицы или ячейки), bgcolor (цвет фона таблицы или ячеек), border и bordercolor (толщина и цвет границ) и другие.

5. Подведение итогов урока

Предложите учащимся кратко перечислить назначение и основные особенности использования таблиц при оформлении веб-страниц. При необходимости уточните и обобщите ответы.

6. Домашнее задание

Изучить материал § 5.3 учебного пособия [1], ответить на вопросы 1-2, составить план выполнения одного из заданий упражнения к § 5.3.

Урок 11. Разработка веб-сайта

Цели урока:

·  расширение и углубление представлений об инструментах и методах веб-конструирования;

·  формирование умений создавать веб-сайты в редакторе FrontPage;

·  развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

·  воспитание самостоятельности, усидчивости и аккуратности.

Тип урока: урок усвоения новых знаний и умений.

Учащиеся должны уметь: создавать веб-сайты в редакторе FrontPage.

Программное и методическое обеспечение урока: редактор FrontPage;
учебное пособие «Информатика 11», § 5.4 [1]; ЭСУ Web11‑10 [2].

Методические рекомендации к уроку

1. Проверка знаний предыдущего урока (репродуктивный метод обучения, индивидуальная и фронтальная форма работы).

Выполнение индивидуальных заданий на компьютере (упражнение 2 § 5.3): в редакторе FrontPage создать таблицу и разместить в ней текст и изображение в соответствии с заданием 2 упражнения к § 5.3 [1] или ЭСУ Web11‑9 [2].

Предложите учащимся ответить на вопросы: С какой целью используются таблицы на веб-страницах? Как вставить таблицу в редакторе FrontPage? Как задать размеры ячеек, столбцов и строк таблицы?

2. Актуализация знаний и мотивация учащихся на изучение нового материала (фронтальная форма работы).

Перед началом объяснения нового материала предложите учащимся перечислить основные этапы разработки веб-сайта (§ 1.2 учебного пособия [1]). Особое внимание обратите на проектирование структуры сайта и дизайн страниц.

3. Объяснение нового материала (объяснительно-иллюстративный метод обучения в сочетании с частично-поисковым, фронтальная форма работы).

Особенности разработки веб-сайта в редакторе FrontPage рассмотрите на примере сайта «Песняры беларускай зямлі».

Объяснение начните с обсуждения структуры сайта, которую удобно изобразить в виде схемы (см. рис 1.47 учебного пособия [1]).

Приведите словесное описание проекта оформления страниц сайта. Пусть сайт содержит 4 страницы: главная страница и три персональные: «Якуб Колас», «Янка Купала» и «Максім Багдановіч». На главной странице будем размещать заголовок и гиперссылки, позволяющие открыть страницы второго уровня. Каждая персональная страница будет содержать текстовую (биографические сведения) и графическую информацию (например, портрет, фотографии памятных мест). Внизу расположим гиперссылку, обеспечивающую возврат на главную страницу сайта, и две ссылки для перехода между страницами поэтов.

Непосредственное конструирование начинается с персональных страниц, которые оформляются в едином стиле. Можно использовать готовый шаблон оформления. Однако лучших результатов можно достичь путем создания и применения собственного шаблона. Обратите внимание на использование таблиц для размещения фонового рисунка (декоративной рамки), портретов и текстов.

4. Закрепление нового материала (частично-поисковый метод обучения, индивидуальная форма работы).

Предложите учащимся занять места за компьютерами и выполнить задания примеров 1 и 2 из § 5.4 пособия [1]. По завершению работы проверьте созданные каждым учащимся страницы, обратите внимание на корректность гиперссылок.

Дополнительно любознательным учащимся можно предложить в качестве гиперссылок использовать интерактивные кнопки.

5. Подведение итогов урока

Предложите учащимся кратко описать возможную структуру сайта и этапы его разработки с помощью редактора FrontPage. При необходимости уточните и обобщите ответы.

6. Домашнее задание

Изучить материал § 5.4 учебного пособия [1], ответить на вопросы 1-2, составить план выполнения упражнения к § 5.4.

Урок 12. Создание фрагмента сайта. Публикация сайта

Цели урока:

·  закрепление изученного материала;

·  применение полученных знаний и умений на практике;

·  развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать;

·  воспитание самостоятельности, усидчивости и аккуратности.

Тип урока: урок обобщения и систематизации знаний и умений на практике

Учащиеся должны уметь: создавать фрагменты сайтов для различных предметных областей.

Программное и методическое обеспечение урока: редактор FrontPage; учеб-ное пособие «Информатика 11», § 6 [1]; ЭСУ Web11‑11 [2].

Методические рекомендации к уроку

1. Закрепление знаний и умений (частично-поисковый метод обучения, творческая работа, индивидуальная форма).

Предложите учащимся самостоятельно (пользуясь примерами § 6 учебного пособия «Информатика 11» [1], образцами и материалами ЭСУ Web11‑11 [2]) создать фрагмент веб-cайта «Замки Беларуси».

По завершению работы просмотрите созданные каждым учащимся страницы в браузере, проверьте работу гиперссылок.

Обсудите способ публикации сайта – т. е. его размещения на сервере или локальном компьютере с возможностью просмотра его страниц в сети.

2. Подведение итогов урока

Предложите учащимся продемонстрировать созданные страницы и корректность работы ссылок, а также кратко словесно описать структуру сайта и этапы его разработки. При необходимости уточните и обобщите ответы.