Разработка методики изучения Web-конструирования на факультативах по информатики
Дипломная работа - Педагогика
Другие дипломы по предмету Педагогика
Практическая работа.
Создание Web- сайта, состоящего из двух и более страниц. Редактирование шаблона. Создание ссылок. Сохранение и просмотр Web- сайта.
4).Задание:
Создать Web- узел. Выбрать шаблон, цветовую схему. Создать несколько страниц (лишние потом удалить). На первой странице организовать меню, состоящее из ссылок на другие страницы. Вставить изображения и создать ссылки с них на другие документы и электронный адрес. После предварительного просмотра страницы и редактирования сохранить Web- сайт. Результат должен быть примерно такой, как на рисунке. В левой части страницы меню со ссылками на остальные страницы.
Рисунок 2
Для выполнения необходимо знать
Как создавать новый Web-узел
1.Щелкнуть в меню команду Файл -Создать.
2.В появившейся панели Область задач (Новая публикация) выбрать из списка По типу публикации - Веб-узлы (рисунок). Если панели Область задач нет в окне редактора, щелкните в меню команду Вид-Панели инструментов и отметить жлажком Область задач.
.Выбрать щелчком шаблон в правой части окна.
Рисунок 3
Как вставить новую страницу
1.Щелкните в меню команду Вставка- Страница.
2.Перемещаться по страницам можно щелкая на их номерах в строке состояния.
Как удалять страницу
1.Щелкнуть в строке состояния по номеру страницы.
2.Выбрать в меню команду Правка- Удалить страницу.
Как вставлять в документ ссылки
1.Выделить текст или изображение.
Рисунок 4
Рисунок 5
2.В панели инструментов Объекты щелкнуть на кнопке Острие (рисунок 4) либо в меню выбрать команду Вставка- Гиперссылка, предварительно выделив объект, с которого будет выполняться ссылка.
3.В появившемся диалоговом Добавление гиперссылки (рисунок 5) выбрать файл или место в этом же документе, куда будет выполняться ссылка.
Как вставлять в документ ссылки на электронный адрес
1.Выделить текст или изображение.
2.В панели инструментов Объекты щелкнуть на кнопке Острие
(рисунок 4) либо в меню выбрать команду Вставка- Гиперссылка, предварительно выделив объект, с которого будет выполняться ссылка.
3.В появившемся диалоговом Добавление гиперссылки (рисунок 5) выбрать Связать с электронной почтой.
4.В поле ввода Адрес эл. почты (рисунок 6) ввести адрес электронной почты.
.
Рисунок 6
).Домашнее задание.
. Для чего служит Редактор Microsoft Publisher 2000?
2.Запустив редактор, рассказать о том, что можно сделать с уже созданным HTML- документом?
.Создать новый Web- узел.
. Вставка и удалиние новой странице.
6).Подведение итогов. Сегодня мы научились создавать заметки, страницу, тэг Далее и поле Цитата .
Выставление отметок.
Урок №6
тема: Создание нового Web- узла с помощью редактора Microsoft Publisher 2000.
Цели: 1).Образовательная - научить вставлять в документ фрагмент HTML-кода, изображение, создавать ссылки, просмотреть готовую страницу.
2).Развивающая - Развитие логики, мышления, памяти, построение различных видов свойств объектов.
).Воспитательная - воспитать стремление к получению новых знаний; формирование культуры умственного труда; планирование своей работы; бережное отношение к техническим средствам, уважение к одноклассникам, учителю и предмету.
Тип урока: урок- изучение нового материала, лабораторное занятие
Оборудование: доска, компьютер, проектор.
План урока.
1).организационный момент - 2мин.
).проверка домашнего задания - 5мин
).изложение нового материала - 18 мин.
).первичное закрепление новых знаний - 10мин.
).домашнее задание - 3 мин.
).подведение итогов - 2 мин.
Ход урока.
1).Организационный момент. Приветствие. Проверка присутствующих постановка цели и темы урока Редактор Microsoft Publisher 2000.
).Проверка домашнего задания.
Фронтальный опрос. Актуализация знаний:
1.Для чего служит Редактор Microsoft Publisher 2000?
2.Запустив редактор, рассказать о том, что можно сделать с уже созданным HTML- документом?
3.Создать новый Web- узел.
4.Вставка и удаление новой страницы.
3).Изложение нового материала.
1.В панели инструментов Объекты щелкнуть на кнопке Фрагмент кода HTML (рисунок 7)
2.В появившееся окно(рисунок 8) ввести фрагмент кода.
Рисунок 7
Рисунок 8
При предварительном просмотре Web- страницы можно увидеть, как этот фрагмент будет отображаться.
Как посмотреть готовую страницу
1.В меню программы выбрать команду Файл - Предварительный просмотр веб-страницы (рисунок 9)
2.В появившемся диалоговом окне Просмотр веб - страницы (рисунок 10) выбрать веб- узел, иначе не будут работать ссылки.
.Web- страница откроется в окне обозревателя, а после просмотра ее можно будет сохранить.
Рисунок 9
В пройденной нами теме рассмотрены лишь некоторые возможности редактора. Интерфейс этой программы достаточно удобен и понятен всем, кто постоянно работает с пакетом Microsoft Office. Но если все- таки возникают вопросы, ответы на них можно найти, воспользовавшись справочной системой программы. Для получения ответа можно щелкнуть на одной из вкладок: Содержание, Мастер ответов или Указатель. На вкладке Указатель поиск информации выполняется по введенному пользователем ключевому слову, на вкладке М