Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Возможности редактора MS Front Page в создании Web – страниц различного характера.

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

Международный конкурс по математике «Поверь в себя»

для учеников 1-11 классов и дошкольников с ЛЮБЫМ уровнем знаний

Задания конкурса по математике «Поверь в себя» разработаны таким образом, чтобы каждый ученик вне зависимости от уровня подготовки смог проявить себя.

К ОПЛАТЕ ЗА ОДНОГО УЧЕНИКА: ВСЕГО 28 РУБ.

Конкурс проходит полностью дистанционно. Это значит, что ребенок сам решает задания, сидя за своим домашним компьютером (по желанию учителя дети могут решать задания и организованно в компьютерном классе).

Подробнее о конкурсе - https://urokimatematiki.ru/


Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

  • Информатика

Поделитесь материалом с коллегами:

Тема: Возможности редактора 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% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy



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

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

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

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

Список всех тестов можно посмотреть тут - https://infourok.ru/tests

Похожие материалы

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