Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Конспекты / Возможности редактора MS Front Page в создании Web – страниц различного характера.
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Возможности редактора MS Front Page в создании Web – страниц различного характера.

библиотека
материалов

Тема: Возможности редактора MS Front Page в создании Web – страниц различного характера.

Цель урока:

Научить учащихся закреплять и систематизировать полученные теоретические знания по созданию Web-страниц  с помощью редактора MS FrontPage 2003;

Научить применять полученные знания и умения в практической деятельности, самостоятельной работе с  программными средствами;

Развивать внимание, логическое мышление, мелкую моторику рук, зрительное восприятие и память;

Воспитывать интерес к информатике, индивидуальное творчество.

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

Межпредметная связь: производственное обучение, моделирование.

Форма проведения: индивидуальная.

Тип урока: нетрадиционный (интегрированный)

Место проведения занятия: кабинет информатики.

Оборудование и средства обучения:

  1. Персональные компьютеры

  2. Видеопроектор

  3. Интерактивная доска

  4. MS Front Page 2003

Квалификационные требования к знаниям и умениям студентов

Должны знать:

1) возможности программы MS OfficeFrontPage 2003

2) методы и способы создания Web-страниц

Должны уметь:

1) загружать компьютерные программы

2) редактировать шрифты, вставлять рисунки, таблицы

3) сохранять файлы

4) пользоваться браузером

5) создавать гиперссылки для связи web-страниц

6) вставлять динамические объекты



п/п

Структура урока

Хронология

урока

(в мин)

1

Организационный момент

1

2

Сообщение темы и целей урока

1

3

Актуализация опорных знаний

1

4

Изучение нового материала

3

5

Практическая работа

10

6

Защита проекта

2

7

Подведение итога

2



Ход урока

  1. Организационный момент (приветствие, проверка готовности аудитории, настрой на позитив).

  2. Сообщение темы и целей урока.

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

Результатом практической работы будут созданные вами Web-страницы с помощью редактора MS Office FrontPage 2003, образец которой вы видите на экране доски.

  1. Актуализация опорных знаний

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

1) Что же такое гиперссылка? (Это текстовая строка или графический объект, позволяющий перейти на другой документ или к части его)

  • Согласны ли вы?  Как вы считаете, полное ли определение?

2) В каких документах или программах используются гиперссылки? Назовите примеры (Word, Excel, Power Point)

-   Да, верно, в разных документах и программах используются гиперссылки. А уж в интернет-страницах – это основной и обязательный элемент для связи страниц.

  1. Изучение нового материала

Прикладная программа FrontPage 2003 – это визуальный html-редактор для быстрого создания сайта.  Язык HTML является основным языком программирования Web - среды. С помощью FrontPage, можно создавать структуру сайта, формировать страницы, добавлять интерактивные средства и загружать файлы на  сервер в сети Интернет.

FrontPage позволяет довольно просто набрать текст, который можно поместить на Web - страницу, расположить в нужных местах рисунки.

На каждом сайте существует одна Web-страница, которая называется главной или домашней. Домашняя страница – первая Web-страница, на которую попадает посетитель сайта. Используя навигацию или гиперссылки, пользователи смогут попасть и на другие страницы сайта.

После запуска программы FrontPage (Пуск – программы – FrontPage) на экране появится окно программы, в котором отображается новая страница (нов_стр_1.htm). В области задач отображается панель Приступая к работе.

hello_html_m57c8c4b3.png

Окно прикладной программы FrontPage состоит: из строки заголовка, строки меню, панелей инструментов редактирования и форматирования, кнопок быстрого выбора тега (для редактирования и ввода тегов), ярлычков вкладок выбора страниц (для перехода между страницами), рабочего окна, в котором отображается новая страница, панели рисования, кнопок режимов просмотра, индикатора ожидаемого времени загрузки страниц при скорости 56 кбит/с, индикатора размера страниц, области задач.
В программе FrontPage можно пользоваться одним из четырех режимов просмотра: "Конструктор", "Код", "С разделением" и "Просмотр". В режиме "Конструктора" как в любом текстовом редакторе можно в визуальном режиме создавать, редактировать и форматировать страницу, т.е. вводить текст, добавлять рисунки, таблицы. При этом теги языка HTML автоматически добавляются в фоновом режиме, но кодировка HTML на экране не отображается.

В режиме "Код" на экране будет отображаться вся кодировка и можно напрямую редактировать код HTML, а также вводить новые коды. На рисунке представлен HTML – код новой пустой страницы в редакторе FrontPage .

hello_html_m148a11dc.png

  1. Практическая работа

Создание новой пустой Web-страницы

Для создания новой пустой страницы необходимо выполнить команду Файл/Создать и выбрать в области задач Пустая страница. В окне приложения появится пустая страница. Далее необходимо осуществить разработку страницы, т.е. выполнить разметку (структуру) страницы, ввести текст, рисунки и т.д. 

hello_html_m5e32eebb.png

hello_html_3cf64e38.png

Создайте на рабочем столе папку и придумайте ей название. Туда вы будете сохранять свои страницы. Сохраните следующим образом: Файл – Сохранить как – Главная.

hello_html_m491b5882.png

Мы с вами создали 1 страницу, повторив те же действия, создайте вторую страницу. Вторую страницу сохраните под именем «Материал».

Для вставки темы нашей страницы нужно сделать следующие действия: Формат – Тема. В правой части экрана выбираем тему, которая вам понравилась.

hello_html_m47167b62.png

Те же действия проделываем и со второй страницей.

Для вставки рисунка выполняем следующие действия: Вставка –Рисунок – Из файла.

hello_html_1b781c4c.png

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

Слова – помощники для названия ателье: Шик, Блеск, Стиль, Силуэт, и.т.д.

Для вставки меняющейся кнопки нужно выполнить следующую последовательность: Вставка – Меняющаяся кнопка.

hello_html_136933cf.png

Выбрать наиболее подходящий вам вариант.

hello_html_3c0a08e8.png

В поле текст написать какое название будет носить наша кнопка, например: модели.

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

hello_html_mb900c33.png

Сохраняем внедренные файлы.

hello_html_75e8e6b1.png

На второй странице мы размещаем ассортимент товара.

Подписываем название нашего товара, размеры и его стоимость.

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

hello_html_m4ff8fc9a.png

В открывшемся окне выбираем страницу с которой нам нужно связать, в данном случае она называется « Главная», и нажимаем ок. Таким образом у нас получилась гиперссылка.

hello_html_2622f083.png

Для того чтобы нам сохранить работу, нужно выполнить следующую последовательность действий: Файл – Сохранить как – Открыть – Сохранить.

hello_html_m644a1dfa.png

hello_html_m18b913fe.png

Созданный сайт мы можем просмотреть с помощью программы Internet Explorer.

hello_html_1d5eec9a.png

  1. Защита проекта.

  2. Подведение итогов урока. Рефлексия.

11




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


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 15.02.2016
Раздел Информатика
Подраздел Конспекты
Просмотров514
Номер материала ДВ-453899
Получить свидетельство о публикации
Похожие материалы

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