Технология создания и внедрения электронных учебно-методических комплексов (sozdanie_saiyta)

Посмотреть архив целиком

Технологии создания и внедрения электронных учебно-методических комплексов

в учебный процесс вуза

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


Цель-результат: сформировать представление о работе программы Microsoft FrontPage. Научиться создавать web-страницы, используя возможности среды Microsoft FrontPage.


Задание 1. Создать структуру сайта поддержки учебной деятельности


1. Запустить Microsoft FrontPage. Пуск → Программы → Microsoft FrontPage


2. Создать первую страницу сайта – Главная (index.html)


  1. Сохраните новый документ под именем index.html в папку Мой проект

  2. Задайте язык веб-страницы:

Файл → Свойства, закладка Язык

Язык страницы – русский, набор знаков – кириллица, <автоматический выбор> кодировки

  1. Выберите тип размещения элементов страницы

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


100%


100%


70%

30%

Область заголовка


Область заголовка


Область заголовка

Область гипер-ссылок

гиперссылки

Область основного текста


Область гиперссылок


Область основного текста




Область основного текста


25%

75%


100%


100%

Свойства таблицы:

90%, по центру


80%, по центру


90%, по центру


Внимание! Задание размеров таблицы в процентах позволяет подстраивать отображение информации в зависимости от разрешения экрана, размера шрифта, т.д.

  1. Задайте фон страницы

  2. В области заголовка впишите название сайта

  3. Отформатируйте заголовок - задайте начертание шрифта, его размер, цвет

  4. В области гиперссылок впишите названия разделов сайта:

Главная

Рабочая программа

Теоретический материал

Практический материал

Система контроля

Справочник (глоссарий)

Учебно-методические материалы

Об авторе

  1. Отформатируйте список разделов – задайте начертание шрифта, его размер

  2. В области текста впишите название раздела – Главная. Задайте для заголовка раздела начертание шрифта, его размер, цвет

  3. Впишите в область текста содержание раздела Главная – аннотацию сайта, задайте начертание шрифта, его размер, цвет

  4. Сохраните созданную страницу


Внимание! Не забывайте периодически сохранять редактируемые документы. Сохраните документ перед закрытием!


3. Создайте все необходимые страницы.

4. Связать гиперссылками страницы сайта.

5. Проверьте правильность работы гиперссылок, просматривая страницы в обозревателе (браузере).



Контрольные вопросы:

    1. Что такое сайт и страница сайта?

    2. Как осуществляется связь между страницами сайта?

    3. Что такое гиперссылка? Как она создается?

    4. С какой целью на страницу вставляется таблица? Как редактировать ее свойства?

    5. Какие требования предъявляются к названиям файлов при сайтостроении?


Справочник по созданию web-страниц в среде Microsoft FrontPage



Запуск Microsoft FrontPage


ПускПрограммыMicrosoft FrontPage. У Вас откроется редактор FrontPage. Автоматически он открывает чистую страницу, с которой Вы можете работать.



Вставка таблицы


  1. ТаблицаВставитьТаблица.

  2. В появившемся окне Вставка таблицы укажите Число столбцов, Число строк, Толщину рамки.

  3. Щелкните Ок.



Объединение ячеек таблицы


  1. Выделите ячейки таблицы.

  2. ТаблицаОбъединить ячейки.



Установка свойств таблицы


  1. Установите курсор в любом месте внутри таблицы.

  2. ТаблицаСвойства таблицы Таблица.

  3. Установите параметры: выравнивание, толщина и цвет границы. При необходимости можно задать фон таблицы.

  4. Нажмите Ок.



Установка свойств ячейки таблицы


  1. Установите курсор в нужной ячейке таблицы.

  2. ТаблицаСвойства таблицы Ячейка.

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

  4. Нажмите Ок.



Внимание! Все файлы проекта для web, в том числе и файлы изображения, должны иметь в названии только строчные латинские буквы, цифры и знак подчеркивания. НЕДОПУСТИМЫ русские буквы, пробелы и другие символы







Фон для страницы


  1. Для заливки однотонным цветом или рисунком выберите: Формат → Фон.

Вставка фонового рисунка

Задание цвета фона

  1. Скопируйте изображение фона в папку Мой проект и проверьте правильность имени изображения, при необходимости переименуйте файл.

  2. Для заполнения фона рисунком поставьте отметку в поле Фоновый рисунок.

  3. Нажмите кнопку Обзор и укажите файл фоновой картинки.

  1. В разделе Цвета нажмите кнопку со стрелкой около слова Фон:

  2. Для задания своего цвета выберите пункт Другие цвета

  3. Выберите цвет из таблицы либо нажмите кнопку Другой… для задания собственного цвета.


  1. В разделе Цвета задайте цвет основного текста страницы, а также цвета для отображения гиперссылок.

  2. Для оформления страницы по заданному шаблону выберите: Формат → Тема.



Ввод и редактирование текста


Текст вводится нажатием на алфавитно-цифровые клавиши в области страницы.



Изменение шрифтового оформления текста


  1. Выделите текст.

  2. ФорматШрифт.

  3. Установите параметры: шрифт, начертание, размер. При необходимости можно изменить и цвет шрифта.

  4. Нажмите Ок.



Выравнивание текста


  1. Выделите текст.

  2. ФорматАбзац.

  3. Установите параметры: выравнивание (по левому краю, по правому краю, по центру, по ширине), отступы, расстояние между строк.

  4. Нажмите Ок.



Ссылки


  1. Выделите элемент, который должен быть ссылкой (текст, картинка и др.).

  2. ВставкаГиперссылка.

  3. Из диалогового окна выберите файл (страницу), на которую нужно перейти по этой ссылке.

  4. Нажмите Ок.




Создание нумерованных и маркированных списков


  1. Введите текст, нажимая клавишу Enter после каждого предложения.

  2. Выделите текст.

  3. ФорматСписок.

  4. Выберите тип списка: нумерованный, маркированный, графический.

  5. Нажмите Ок.



Вставка графического изображения из коллекции Microsoft Office


  1. ВставкаРисунокКартинки

  2. На панели задач (справа) щелкните по Коллекции картинок…

  3. В появившемся диалоговом окне щелкните по плюсику рядом с Коллекция Microsoft Office (после этого под этим названием появится выпадающий список с категориями картинок).

  4. Выберите категорию картинок.

  5. Щелкните левой клавишей мыши по стрелочке рядом с понравившейся картинкой.

  6. Выберите Копировать.

  7. Затем закройте окно Избранное (нажмите на закрывающийся крестик в этом окне).

  8. После этого компьютер Вас спросит о том, хотите ли Вы сохранить избранный Вами рисунок в памяти компьютера для последующей работы с ним? Ответьте Да.

  9. Поставьте курсор в то место, где должен находиться рисунок.

  10. Выполните ПравкаВставить.



Вставка графического изображения из файла


  1. Скопировать файл изображения в папку Мой проект

  2. Проверить соответствие названия файла требованиям, при необходимости переименовать файл

  3. Поставить курсор в то место, где должен находиться рисунок

  4. Вставка→Рисунок→Из файла

  5. В открывшемся окне перейти в папку Мой проект и указать файл, который необходимо вставить

  6. Нажать кнопку Вставить или выполнить двойной щелчок мыши на выбранном файле



5


Марийский региональный центр повышения квалификации и переподготовки кадров


Случайные файлы

Файл
105213.doc
114856.rtf
6891-1.rtf
85664.rtf
131065.rtf