16901

Знакомство с программой KompoZer. Лабораторная работа

Лабораторная работа

Информатика, кибернетика и программирование

Лабораторная работа №9. Знакомство с программой KompoZer. Цели лабораторной работы: познакомиться с рабочей средой программы KompoZer создать сайт на основе шаблона. Описание пунктов меню в KompoZer можно просмотреть в файле Описание пунктов меню в KompoZer.doc. Панель инстр...

Русский

2013-06-27

807 KB

34 чел.

Лабораторная работа №9.

Знакомство с программой KompoZer.

Цели лабораторной работы: познакомиться с рабочей средой  программы KompoZer, создать сайт на основе шаблона.

Описание пунктов меню в KompoZer можно просмотреть в файле Описание пунктов меню в KompoZer.doc.

Панель инструментов KompoZer состоит из:

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

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

  •  Панель вкладок

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

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

  •  Панель режимов редактирования

Панель режимов редактирования показывает в каком режиме просматривается текущий документ (Обычный, HTML-теги, HTML-код и Предварительный просмотр).

  •  Строка состояния

Строка состояния KompoZer показывает позицию курсора относительно иерархии тэга <html>. Щелчок левой кнопкой мыши по тегу в строке состояния - выделит текст внутри этого тега.

Порядок выполнения работы:

  1.  Запустите программу KompoZer.
  2.  Создайте свою папку KompoZer_1 и скопируйте в нее папку images, css и файл shablon.hml из \Информационные технологии\KompoZer\лр1
  3.  В данной программе существует три способа создания нового документа: создание на основе пустого документа, создание нового документа из шаблона и создание нового шаблона. В данной лабораторной работе мы воспользуемся готовым шаблоном. Для этого: щелкните по кнопке "Создать" на панели компоновки или в меню "Файл" выберите пункт "Создать" и в открывшемся диалоговом окне выберите Новый документ из шаблона. В качестве адреса готового шаблона выберите \Информационные технологии\KompoZer\лр1
  4.  

  1.  Откроется шаблон следующего вида:

  1.  Сначала создадим главную страницу.
  2.  Для этого изменим текстовое поле 1. Пока данное текстовое поле является частью шаблона, которую почти нельзя редактировать. Поэтому выполним следующую команду: Правка – Отделить от  шаблона.
  3.  Откройте текстовый файл Главная.doc и перенесите информацию из этого файла в текстовое поле 1.
  4.  Чтобы придать ему более привлекательный вид мы добавим маркированный список. Для этого выделит фамилии композиторов и выберите команду Формат – Список – Маркированный.

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

  1.  Измените размер шрифта текста в текстовом поле 2: Формат – Размер – large.
  2.  Измените шрифт в текстовом поле 2: Формат – Шрифт – Helvetica, Arial.
  3.  Сохраните данную страницу под имeнем index.hml.

Позже мы добавим гиперссылки на главную страницу. Но пока перейдем к созданию страниц биографий.

  1.  Закройте страницу.
  2.  Откройте страницу index.html. Переименуйте ее, назовите ее rahmaninov.html
  3.  Аналогичным образом вставьте в текстовое поле 1 данные из файла Рахманинов.doc.
  4.  С помощью инструмента Линейка и отступов влево отформатируйте текст.
  5.  Замените слово «Биография» в текстовом поле 2 на «Сергей Васильевич Рахманинов». Выровняйте текст по правому краю.
  6.  Вместо картинки 3 вставьте рисунок rahmaninov.jpg из папки лр1.
  7.  Сохраните изменения.
  8.  Аналогичным образом создайте страницы rimskii-korsakov.html (используем текстовый файл Римский-Корсаков.doc, рисунок rimskii-korsakov.jpg), skryabin.html (используем текстовый файл Скрябин.doc, рисунок skryabin.jpg), chaikovskii.html (используем текстовый файл Чайковский.doc, рисунок chaikovskii.jpg), shosakovich.html (используем текстовый файл Шостакович.doc, рисунок shosakovich.jpg).
  9.  Когда будут готовы все страницы нам остается вставить гиперссылки в следующих областях:

Гиперссылка

Ссылается на

Главная

index.html

Рахманинов

rahmaninov.html

Римский-Корсаков

rimskii-korsakov.html

Скрябин

skryabin.html

Чайковский

chaikovskii.html

Шостакович

shosakovich.html

Гиперссылка задается следующим образом:

Выделите текст, выполните команду Вставка – Ссылка, укажите адрес объекта ссылки.

Поставьте гиперссылки на КАЖДОЙ странице.

  1.  Изменения сохраните.
  2.  Проверьте вашу работу. Откройте файл index.htm, проверьте работу всех гиперссылок, оформление страниц.


 

А также другие работы, которые могут Вас заинтересовать

61270. Музичні образи в літературних творах. Оповідання 1.64 MB
  Мета уроку: Навчальна: зосередити увагу учнів на великій життєствердній силі музичного мистецтва в сюжеті оповідання Старий кухар К. Паустовського Старий кухар.
61273. Картофельные зразы с грибами 139.28 KB
  А если попробовать приготовить из них например Зразы Зразы Безопасность труда Себестоимость Проблема потребность Технология приготовления Эстетичность Инвентарь и посуда...
61276. Участие граждан в политической жизни 22.12 KB
  Гражданам принадлежит право решать кто именно будет представлять их интересы в процессе законотворческой деятельности. Основные принципы избирательного права в РФ: всеобщее избирательное право это означает...