Этапы работы с программой фронт пейдж. Открытый урок "Создание Web-страниц в программе Microsoft Front Page". Использование шаблонов и мастеров

FrontPage 2003 (приложение для создания Web-узлов и управления ими) относится к числу основных приложений MS Office 2003, поэтому его окно (рабочий стол FrontPage 2003) похоже на окно любого другого приложения MS Office 2003, в особенности на окно MS Word 2003. Запуск FrontPage 2003 аналогичен запуску любого другого приложения MS Office, при этом стереотипна и технология работы со многими совпадающими в приложениях элементами меню и командами пользовательского интерфейса.

Вместе с этим отличие FrontPage 2003 от других приложений MS Office 2003 таково, что требует многостраничного описания (например, полное руководство FrontPage 2000 содержит более 700 страниц). Даже компактное и конструктивное описание возможностей FrontPage 2003 трудновыполнимая задача; поэтому, желающих более глубоко изучить возможности этой программы, мы отсылаем к учебнику по FrontPage 2002 (44,5 Mb), а с расширяющими возможностями FrontPage 2003 можно ознакомиться непосредственно по его справочной системе.

Рассмотрим один из наиболее простых вариантов создания сайта«Стандарты в области информационной технологии».

1. Запустите FrontPage 2003: Пуск Программы Microsoft Office Microsoft Office 2003 (Start All Programs Microsoft Office Microsoft Office FrontPage 2003). Появится окно FrontPage 2003, см. рис. 1.

Рис.1. Окно FrontPage 2003 при первом запуске программы.

2. Создайте одностраничный Web -узел . Для этого в меню Файл (File) выберите Создать (New…). Далее, в открывшей панели задач Создание (New…), выберите: Создать веб-узел (New Web Site) Одностраничный веб-узел (One Page Web Site…).В открывшемся окнеШаблоны веб-узлов ( Web Site Packages), см. рис.2, выберите Одностраничный веб-узел (One Page Web Site). В результате на экране появится диалоговое окно одностраничного веб-узла (веб-сайта), содержащего пустую главную (стартовую) страницу (файл Index . htm ) и две пустые папки: _private и images (см. рис. 3).

Примечание. Веб-узел (то же, что и веб-сайт) FrontPage состоит из главной страницы (домашней страницы: Home Page), связанной с другими веб-страницами (файлами в формате html), а также встроенных в них графических, мультимедийных, текстовых и других типов файлов. Кроме того, веб-узел FrontPage содержит вспомогательные папки и файлы, необходимые для управ­ления этим веб-узлом.

Рис. 2. Панель задач Создание и диалоговое окно Шаблоны веб-узлов .

Рис. 3. Фрагмент окна одностраничного веб-узла.

3. Создайте, используя разработанную структуру сайта (см. пункт 2 п. 2.2) структуру переходов веб- узла. В меню Вид (View) выберите опцию Переходы (Navigation). В появившемся окнещелкните правой кнопкой мыши на пиктограмме домашней страницы (Index . htm ) и далее выберите:Создать (New). Страница (Page). В результате появится пиктограмма страницы второго уровня Новая страница 1 (New Page 1).Аналогичным образом создаются и другие страницы второго уровня (см. рис.4). Для создания страницы третьего уровня необходимо курсор мыши установить на пиктограмму страницы второго уровня. При необходимости переименуйте страницы.

Рис. 4. Структура переходов веб-узла (фрагмент окна “Переходы”).

4. Заполните, созданные в предыдущем пункте пустые страницы веб- узла . Для этого в меню Вид (View) выберите Папки (Folders).В левой части окна FrontPage появится панель Список папок (Folder List); если эта панель отсутствует, то нажмите клавиши Alt+F1. Последовательно, используя ранее подготовленные материалы (см. пункт 2 п. 2.2), заполните все пустые страницы веб-узла по следующей схеме. Откройте пустое окно требуемой страницы (двойной щелчком мыши на пиктограмме этой страницы в панели Список папок) и скопируйте в окно страницы (правая часть экрана) заготовленный для этой страницы материал (для копирования проще всего воспользоваться буфером обмена). При необходимости отредактируйте содержимое веб-страницы в режиме Конструктор (Design), см. внизу окна, или в режиме С разделением (Split), в котором окно поделено на две части: нижняя часть содержит текст, а верхняя - код (см. рис. 5). Редактировать можно в любой из этих частей. Сохраните результаты (Ctrl+S).

Рис. 5. Редактирование веб-страницы в режиме “С разделением”.

Предостережение. Копируемые материалы (ровно как структура сайта) должны быть хорошо структурированы и продуманы на этапе проектирования сайта, в противном случае временные затраты на создание сайта многократно возрастут. Это характерно для любого проекта. Причем чем сложнее проект и чем на более ранней стадии проектирования допущены ошибки, тем выше временные и материальные издержки (в отдельных случаях издержки могут достигать отношения 10:1).

5. Создайте схему навигации сайта. Откройте окно главной страницы (Index.htm). Для этого выполните те же действия, что в предыдущем пункте. На главной странице должны содержаться пункты (например, оглавление), связанные со всеми страницами второго уровня. Свяжите посредством гиперссылок эти пункты с соответствующими страницами по следующей схеме. Выделите на главной странице текст, имеющий отношение к некоторой странице второго уровня и, щелкнув на нем правой кнопкой мыши, выберите Гиперссылка (Hyperlink…), в окнеАдрес (Address) (введите адрес этой страницы. Аналогично создаются гиперссылки и на страницы нижних уровней, а также на другие внутренние и внешние объекты. Сохраните результаты (Ctrl+S) и убедитесь в правильной организации гиперссылок. Для этого переведите курсор мыши на пиктограмму стартовой страницы, далее в меню Вид выберите Гиперссылки. В окне Гиперссылки для ‘ Index . htm ’ (Hyperlink for ‘Index.htm’) появится структура гиперссылок (см. рис. 6).

Теперь для удобства навигации необходимо обеспечить возврат из любой страницы веб-узла на его стартовую страницу. Это можно сделать разными способами. Самый простой: откройте любую страницу и внизу этой страницы напечатайте, например, ГЛАВНАЯ , далее выделите напечатанное и создайте гиперссылку на стартовую страницу; затем скопируйте это и растиражируйте на все остальные страницы веб-узла. Для возврата на стартовую страницу можно воспользоваться и командами Панель ссылок (Navigation…)или Меняющееся кнопка (Interactive Button…) меню Вставка (Insert),но это приведет некоторому усложнению структурывеб-узла.

Создайте необходимые ссылки на главную страницу (не забывайте сохранять результаты). Откройте окно Гиперссылки для ‘ Index . htm ’ и убедитесь в правильной организации гиперссылок (см. рис. 7).

6. Скопируйте созданный веб-узел в личную папку и проверьте его работоспособность.



Курс представляет собой мультимедийный комплекс для самостоятельного обучения основам работы с приложением Microsoft FrontPage 2003. Учебный материал представлен в виде интерактивных видеолекций. Процесс обучения предельно прост и приближен к занятиям с преподавателем. Ученик слышит голос преподавателя, читающего лекцию, и видит на экране его действия, совершаемые в процессе рассказа. Такая форма обучения позволяет пользователю в короткие сроки освоить понятия изучаемого курса, ознакомиться с инструментальными средствами изучаемых программ.

Год выпуска: 2006
Язык: русский
Размер: 1140 Mb

Видео кодек: Flash

Курс включает следующие разделы:

Введение (5 уроков).
Web-страница (15 уроков).
Web-узел (5 уроков).
Переустановка и настройка (10 уроков).
Создание Web-узлов (17 уроков).
Работа с текстом (19 уроков).
Гиперссылки (7 уроков).
Панели переходов и объявления. Проверка гиперссылок (13 уроков).
Предварительный просмотр (2 урока).
Коллекция картинок Microsoft (10 уроков).
Графика (20 уроков).
Мультимедиа (11 уроков).
Рисование объектов (19 уроков).
Таблицы (13 уроков).
Рамки (7 уроков).
Web-компоненты (6 уроков).
Шаблоны и формы (15 уроков).
Публикация Web-узла и Web-узел группы SharePoint (12 уроков).
Работа с кодом HTML (3 урока).


Скачать одним файлом на высокой скорости:

Скачать с sms4file

http://sms4file.com/downloadvip/1482.156da...ntPage.rar.html
Скачать Vip-File

http://vip-file.com/download/1482.156dad2f...ntPage.rar.html

Скачать на низкой скорости частями:

Скачать с depositfiles

http://depositfiles.com/files/f5tn6g8iw

http://depositfiles.com/files/ezdy1axct

http://depositfiles.com/files/81ck8newq

http://depositfiles.com/files/9gabwvnxq

http://depositfiles.com/files/y79zg6dxi

http://depositfiles.com/files/87plma4hy

http://depositfiles.com/files/el88h9bpo

http://depositfiles.com/files/6kim8micp

http://depositfiles.com/files/b1m3urpfw

http://depositfiles.com/files/ue0s0u0mt

http://depositfiles.com/files/20tiavrgl

Скачать с Rapidshare

http://rapidshare.com/files/251752530/FrontPage.part01.rar

http://rapidshare.com/files/251752587/FrontPage.part02.rar

http://rapidshare.com/files/251752640/FrontPage.part03.rar

http://rapidshare.com/files/251752707/FrontPage.part04.rar

Тема 3.4: Применение Интернет в экономике и защита информации

Программы для создания сайтов

3.3. Прикладные программы для создания Веб - сайтов

3.3.4. Создание сайта и веб-страниц в FrontPage

Планирование сайта

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

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

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

  1. Главная
  2. О компании
  3. Бизнес-обзор проекта
  4. Способы оплаты

Выбираем имя сайта исходя из вида деятельности, например: lessons-en101.

Назначаем имена страницам:

  • index – Главная;
  • info - О компании;
  • business- Бизнес-обзор проекта;
  • pay - Способы оплаты.

В качестве главной страницы используем созданную ранее веб-страницу Главная (index). Создаем структуру сайта, которая представлена на рисунке.


Рис. 1.

Подготовим текст в редакторе Word для каждой страницы и рисунки в Adobe Photoshop в форматах GIF, JPEG или PNG с разрешением 72 пикс/дюйм, кроме того, можно использовать скрипты.

Далее можно зарегистрировать домен второго уровня в одной из зон (ua, ru, com, net, info и т.д.) и после разработки сайта выбрать платный хостинг, который устраивает по скорости доступа и предоставляет необходимые услуги для эффективной работы сайта. Если мы будем располагать сайт на бесплатном хостинге, то можно выбрать, например, хостинг на сервере narod.ru. Для этого необходимо будет зарегистрироваться на сервере и получить бесплатный хостинг. В этом случае у Вас будет домен третьего уровня, например: lessons-en101.narod.ru.

Создание сайта с помощью приложения FrontPage

1. Для создания сайта с помощью приложения FrontPage необходимо открыть окно приложения одним из способов. После чего на экране будет отображаться окно приложения или графический интерфейс FrontPage, в котором будет отображаться предыдущий сайт или страница. Для выхода из предыдущего сайта или страницы в FrontPage надо выполнить команду «Файл/Закрыть» или «Файл/Закрыть узел», либо то и другое, если были открыты узел и страница.

Затем выполняем команду Файл / Создать и в отрывшейся области задач «Создание» щелкаем мышью на «Другие шаблоны веб – узлов» в разделе «Создать Веб-узел». Откроется окно диалога «Шаблоны веб – узлов», в котором необходимо выделить «Пустой веб – узел», далее указать расположение нового веб-узла (например, D:\Documents and Settings\ТВА\Мои документы\Мои веб-узлы\lessons-en101) и щелкнуть ОК. На рисунке представлен фрагмент окна диалога «Шаблоны веб – узлов», в котором указан адрес нового сайта.


Рис. 2.

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



Рис. 3.

2. Создание в FrontPage домашней страницы для нового сайта. Создание домашней страницы в FrontPage можно осуществлять по-разному. Например, можно щелкнуть на кнопке «Создать страницу» на панели «Содержимое», в результате в окне веб-узла добавится страница index.htm, которая показана на рисунке



Рис. 4.

3. Затем копируем содержимое ранее созданной папки EN101, в которой находятся папка images и страничка index (папка _vti_cnf формируется автоматически при создании веб-страницы). Содержимое папки EN101 представлено на рисунке.


Рис. 5.

Вставляем сохраненное содержание папки EN101 из буфера обмена во вновь созданную папку веб-узла lessons-en101, которая представлена на рисунке.


Рис. 6.



Рис. 7.

Таким образом, в качестве домашней страницы в новом сайте использована ранее созданная страница index.htm (Английский язык в Интернет). Можно создавать главную страницу и другими способами, изложенными в разделе 3.3.2. Знакомство с программой FrontPage.

5. Создаем в редакторе FrontPage структуру сайта, т.е. к главной странице добавим еще три страницы: info - О компании; business - Бизнес-обзор проекта; pay - Способы оплаты. Для этого надо перейти в режим Переходы, выполнив команду Вид/Переходы. Затем необходимо выделить домашнюю страницу и щелкнуть на кнопке Новая страница на панели Переходы или применить контекстное меню, добавится Новая страница 1. Аналогичным образом добавляем еще две новые страницы. Структура сайта представлена на рисунке.



Рис. 8.

6. Переименование Новых страниц в FrontPage. Переходим в режим папки и с помощью контекстного меню меняем имена Новая страница 1 на info , Новая страница 2 на business , Новая страница 3 на pay .


Рис. 9.

7. С целью единства дизайна страниц сайта копируем содержание главной страницы в созданные страницы info, business, pay. Для этого открываем главную страницу в режиме Страница и выполняем команду "Правка / Выделить все", и щелкаем на кнопке Копировать на панели инструментов. Переходим в режим Папки и щелкаем дважды на страничке info, она откроется в режиме Страница, затем щелкаем на кнопке Вставить. Содержимое главной страницы скопируется в страницу info, аналогично копируем содержимое главной страницы в остальные две страницы.

  • Главная;
  • О компании;
  • Бизнес-обзор проекта;
  • Способы оплаты.

Например, выделяем пункт навигации "Бизнес-обзор проекта" и с помощью контекстного меню открываем окно диалога Добавления гиперссылки, в котором выделяем business.htm и щелкаем ОК. Аналогично создаем гиперссылки для всех пунктов навигации на всех страницах. На рисунке представлен фрагмент окна диалога Добавления гиперссылки.



Рис. 10.

10. Добавляем и заполняем метатеги (между тегами и ) на страницах: "О компани"; "Бизнес-обзор проекта"; "Способы оплаты" в режиме Код.

Например, для страницы "О компании" теги заполнены следующим образом:

  • О компании En101

11. Переименование заголовков страниц в режиме Переходы. Выделить страницу и с помощью контекстного меню осуществить переименование:

  • новая страница 1 переименовать на "О компании".
  • новая страница 2 переименовать на "Бизнес-обзор проекта".
  • новая страница 3 переименовать на "Способы оплаты".

В результате разработки получим сайт, который состоит из четырех веб-страниц. Этот сайт, созданный с помощью FrontPage в файловой системе ПК, можно разместить на веб-сервер в сете Интернет или Интранет.

Для разработки собственного сайта в FrontPage скачайте.

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

  • Создайте папку Мой сайт в своей папке.
  • Запустить программу FrontPage (Пуск R Все программы R Microsoft Office - Microsoft Office FrontPage2003).
  • Создайте новый сайт Файл - Создать . В Области задач (окно справа) щелкните на ссылке - Одностраничный Web-узел .
  • В открывшемся окне Шаблоны веб-узлов щелкните на кнопке Обзор, откройте в этом окне в строке Папка - Мой компьютер - Общие документы, найдите свою папку и в ней выделите одним щелчком папку Мой сайт и нажмите кнопку Открыть.
  • В этом же окне в списке шаблонов выберите Одностраничный Web -узел и щелкните ОК .
  • Откройте первую страницу сайта, дважды щелкнув имя index.htm в списке папок.
  • Щелкните правой кнопкой мыши в любом месте страницы и в контекстном меню выберите Свойства страницы - вкладку Общие и в строке Название введите имя страницы (например, Главная страница ) - ОК.
1).
2). 3). 4).
5). 10)
6).
7).
8).
9)
  • Вставьте таблицу из 3 столбцов и 7 строк. Для этого в меню Таблица выберите команду Вставить - Таблицу , задайте количество строк - 7, столбцов - 3. В разделе Границы введите размер 0 , щелкните ОК.
  • Объедините ячейки, как показано на рисунке.
  • Уменьшите размер левой колонки таблицы (потянуть за правую границу колонки влево).
  • меню Файл - Сохранить )
  • Вставка рисунка в качестве фонового изображения. В меню Формат щелкните Фон . В открывшемся окне перейдите на вкладку Форматирование и щелкните кнопку Обзор . Далее Мои документы - Мои рисунки - Рисунок 1 . Выделите нужный файл - Открыть - ОК . (Чтобы просмотреть имеющиеся рисунки, на панели инструментов окна Рисунок нужно щелкнуть на кнопке Представления и выбрать Эскизы )
  • Введите в строку 1 таблицы заголовок страницы Мой город . Для заголовка можно использовать объект Word Art.
  • Вставьте рисунок в ячейку 2 . Для этого щелкните левой кнопкой мыши внутри данной ячейки. В меню Вставка выберите Рисунок , а затем Из файла . В открывшемся окне Рисунок в строке Папка выберите Мои документы - Мои рисунки - Наш грод. Выделите файлgerb и щ елкните ОК . Аналогично вставьте рисунок в ячейку 4.
  • В строке 9 создайте бегущую строку. Для этого щелкните левой кнопкой мыши внутри данной строки. В меню Вставка выберите Веб-компонент - эффект бегущая строка - Готово. В строке Текст введите Комсомольк-на-Амуре - город, в котором я живу и щ елкните ОК .
  • Просмотрите получившуюся страницу, щелкнув в нижней части окна на кнопке Просмотр.
  • Вернитесь в режим Конструктор , щелкнув на соответствующей кнопке.
  • Внесите изменения в созданные элементы (размер, расположение на странице, цвет), если это необходимо.
  • Введите в ячейку 3 текст стихотворения:

Я на небо взгляну - и утонет мой взор,
Я как будто лечу, рассекая простор.
Я на сопки взгляну - запоёт тут душа
До чего же тайга хороша, хороша!
Я увижу Амур - и на сердце теплей,
И спокойнее как-то, и веселей.
Среди этой природы, средь такой красоты/
Вырос город надежды и город мечты.
В Комсомольске живу я, и этим горжусь,
Сделать краше и лучше свой город стремлюсь.
Е. Смирнова

  • Выполните форматирование текста.
  • Сохраните созданную страницу (меню Файл - Сохранить )
  • Разбейте ячейку 10 на 4 столбца (установите курсор внутри ячейки , щёлкните правой кнопкой мыши, выберите в контекстном меню команду Разбить ячейки, задайте нужное количество столбцов ).
  • Вставьте рисунки в образовавшиеся ячейки. Смотрите образцы страниц в папке Temp на Server - Внешний вид страниц.
  • Создание активной кнопки:
  1. Установите курсор внутри ячейки 5.
  2. Вставка выберите Веб-компонент - эффект интерактивная кнопка - Готово
  3. В открывшемся окне Меняющаяся кнопка выберите вид кнопки, в поле Текст введите текст На главную
  4. Установите стиль шрифта надписи кнопки, щелкнув вкладку Шрифт . Здесь же можно выбрать Цвет кнопки Исходный, Цвет при наведении, Цвет при нажатии. На вкладке Рисунок щелкните переключатель Использовать для кнопки формат GIF и прозрачный фон.
  5. Скопируйте эту кнопку в ячейки 6,7 и 8.
  6. Измените параметры на второй кнопке. Для этого щелкните на ней правой кнопкой мыши - команда Свойства кнопки . Текст На главную замените на История. Щелкните ОК.
  7. Аналогично измените параметры на третьей и четвёртой кнопке. Текст На главную замените на Памятники и Предприятия соответственно.
  • Сохраните созданную страницу (меню Файл - Сохранить )
  • Создайте вторую страницу сайта.
  1. Перейдите на вкладку Веб-узел .
  2. Выделите строку index.htm - index_копия(1).htm. Щелкните правой кнопкой мыши на имени , выберите команду Переименовать . Замените имя index_копия(1).htm на st2.htm Нажмите клавишу Tab.
  3. Замените текст названия Главная страница на История города .
  4. st2.htm
  • Замените заголовок страницы Мой город на Это нашей истории строки .
  • Удалите стихотворение, которое вводили на Главной странице . Вместо него введите текст:

10 мая 1932 г. С пароходами "Колумб" и "Коминтерн" высадилась первая партия комсомольцев - строителей завода и будущего города.

10 декабря 1932 г. Президиум ВЦИК постановил переименовать село Пермское Нижне-Тамбовского района в город Комсомольск-на-Амуре.

Октябрь 1949 г. Сдан в эксплуатацию первый жилой микрорайон - 15-й квартал.

10 июня 1967 г. Президиум Верховного Совета СССР наградил Комсомольск-на-Амуре орденом Ленина.

  • Отформатируйте текст по вашему усмотрению.
  • Удалите фотографии, которые использовались на Главной странице и вставьте новые, как показано на образце (читайте п.22) .
  • Сохраните созданную страницу (меню Файл - Сохранить )
  • Создайте третью страницу сайта.
  1. Перейдите на вкладку Веб-узел.
  2. Выделите строку st2.htm одним щелчком левой кнопки мыши и скопируйте ее. В этом же окне появилась еще одна строка - st2_копия(1).htm st2_копия(1).htm на st3.htm Нажмите клавишу Tab.
  3. Замените текст названия История города на Памятные места.
  4. Двойным щелчком мыши откройте скопированную страницу st3.htm
  • Замените заголовок страницы Это нашей истории строки на Памятные места.
  • п.22) .
  • Сохраните созданную страницу (меню Файл - Сохранить )
  • Создайте четвёртую страницу сайта.
  1. Перейдите на вкладку Веб-узел.
  2. Выделите строку st3.htm одним щелчком левой кнопки мыши и скопируйте ее. В этом же окне появилась еще одна строка - st3_копия(1).htm Выделите эту строку, затем еще раз щелкните на имени левой кнопкой мыши. Замените имя st3_копия(1).htm на st4.htm Нажмите клавишу Tab.
  3. Замените текст названия Памятные места на Предприятия города.
  4. Двойным щелчком мыши откройте скопированную страницу st4.htm
  • Замените заголовок страницы Памятные места на Предприятия города.
  • Удалите текст и фотографии, которые вы использовали на предыдущей странице, и замените их на новые как показано на образце (читайте п.22) .
  • Сохраните созданную страницу (меню Файл - Сохранить )
  • Настройте переходы активных кнопок на соответствующие страницы. Для этого щелкните правой кнопкой мыши на созданной кнопке На главную , в контекстном меню выберите пункт Свойства кнопки. В открывшемся окне Меняющиеся кнопки щелкните на кнопке Обзор и выделите файл index.htm. Щелкните ОК . Аналогично настройте действие остальных кнопок. Кнопка На главную должна переходить на файл index.htm , кнопка История - на страницу st2.htm , кнопка Памятники - на страницу st3.htm , кнопка Предприятия - на страницу st4.htm
  • Сохраните созданную страницу (меню Файл - Сохранить )
  • Повторите эти действия на страницах index.htm, st2.htm, st3.htm
  • Сохраните изменения на каждой странице (меню Файл - Сохранить )
  • Внесите изменения в созданные страницы по своему усмотрению (вставьте дополнительные рисунки, текст и т. д.)
  • После каждого изменения не забывайте сохранять каждую страницу (меню Файл - Сохранить )
  • Закройте все окна. Откройте файл index.htm из вашей папки Мой сайт и просмотрите созданный сайт.
  • Проверьте переходы всех кнопок и гиперссылок на каждой странице. Если необходимо внести изменения, то запустить программу FrontPage, откройте нужную страницу, внесите изменения и обязательно сохраните их.
  • Откройте созданные HTML файлы в блокноте и просмотрите программные коды.

Петропавловский гуманитарный колледж им.М.Жумабаева

открытого урока

« Создание Web-страниц в программе Microsoft Front Page»

Преподаватель: Жанбекова А.Е.

г.Петропавловск

Тема урока: «Создание Web-страниц в программе Microsoft Front Page»

Цель урока: знакомство с программой Microsoft Front Page, умение работать в

данной программе, развитие познавательной мотивации и

творческого подхода к учебной деятельности.

Задачи урока:

Образовательная: познакомить учащихся с определениями понятий

Web-страница, Web-сайт и закрепить основные навыки

работы с ними в программе Microsoft Front Page.

Развивающая: формирование умения анализировать и обобщать изученный

материал, развитие навыков самостоятельной деятельности,

познавательных возможностей, логического мышления в

процессе проектирования Web-страниц, применение теории

на практике.

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

само и взаимоуважения, информационной культуры.

Тип урока: Объяснение нового материала

Основные методы

применяемые на уроке: объяснительно-иллюстративный

Оборудование: компьютерный класс, оснащенный современной техникой и

лицензированным ПО, мультимедийный проектор.

Ход урока.

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

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

II . Объяснение нового материала.

Начну наш сегодняшний урок со слов одного знаменитого человека: «Кто владеет информацией, тот владеет миром».

Информация в мире распространяется различными способами: по телефонной линии, с помощью СМИ, почты и т.д. Однако, самым распространенным, удобным, быстрым и надежным способом распространения информации, является использование всемирной глобальной сети Интернет. У сети Интернет есть две грани. С одной стороны это физическое объединение миллионов компьютеров, образующих компьютерную сеть. С другой стороны это объединение сотен миллионов документов, образующее всемирное информационное поле. Чаще всего под словом Интернет понимают его наиболее популярную службу – World Wide Web. Информация, опубликованная в формате этой службы, представляется в виде Web-страниц.

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

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

Теперь давайте поговорим о том, как создаются Web-страницы. Для создания Web-страниц предназначаются специальные программы. Сейчас мы познакомимся с одной из них. Она называется Microsoft Front Page.

Microsoft Front Page – это программа, рассчитанная на создание отдельных Web-страниц и на сопровождение полноценного Web-узла.

Запуск программы осуществляется с помощью команд Пуск- Программы – Microsoft Office - Microsoft Front Page. Окно программы Front Page представляет собой окно редактора, похожее на окна программ приложений пакета Office. Оно состоит из следующих элементов: строка меню, панель стандартная, имя файла страницы, панель форматирование, рабочая область, кнопки выбора способа отображения документа, панель Создание используется при работе с Web-узлом.

Планирование Web-сайта.

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

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

Цель: научиться создавать Web Front Page .

IV . Закрепление. (фронтальный опрос)

    Что называется Web-страницей?

    Где создаются Web-страницы?

    Как запустить программу Microsoft Front Page?

    Что необходимо решить, прежде чем начинать создавать Web-страницу?

    Чему мы сегодня с вами научились на уроке?

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

(Создать Web-страницу о своей группе для посетителей сети Интернет)

Когда у великого композитора П.И. Чайковского спосили, что такое вдохновение, он ответил: «Это гостья, которая не любит посещать ленивых». Желаю вам вдохновения в создании ваших Web-страниц.

VI . Итог урока. Выставление оценок.

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

Цель: научиться создавать Web -страницы, в программе Microsoft Front Page .

    Запустите программу Microsoft Front Page.

    Выберите команду меню Файл – Создать и на панели Создание выберите команду Пустая страница.

    На имя файла страницы нажмите правую кнопку мыши и выберите команду Сохранить. Назовите ее «Мой первый шаг».

    Выберите 7 (36 пт) размер шрифта и наберите «Здравствуйте, это мая первая страница!». Выделите этот текст и на панели инструментов Стандартная нажмите кнопку Web-компонент. В открывшемся окне Вставка компонента Web-узла выберите эффект бегущая строка, затем команду Готово, в следующем коне нажмите ОК.

    На следующей строчке 5 (18 пт) размером шрифта наберите «Добро пожаловать».

    Выполните команду меню Формат – тема. В открывшемся окне Тема выберите понравившуюся тему.

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

    На кнопках способы выбора режима документа нажмите кнопку просмотр.

    Ваша первая Web-страница готова!



Похожие публикации