16901

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

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

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

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

Русский

2013-06-27

807 KB

55 чел.

Лабораторная работа №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, проверьте работу всех гиперссылок, оформление страниц.


 

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

14595. Построение и редактирование графиков и диаграмм в электронных таблицах 72 KB
  Практическая работа № 14 Тема: Построение и редактирование графиков и диаграмм в электронных таблицах. Знать: основные виды диаграмм и их элементов основные приемы форматирования диаграмм. Уметь: строить диаграммы и графики на основе табличных данных; Ход работ
14596. Комплексное использование возможностей электронных таблиц для создания документов 62 KB
  Практическая работа № 15 Тема: Комплексное использование возможностей электронных таблиц для создания документов Знать: элементы электронных таблиц типы данных правила ввода и редактирования данных форматирования таблиц понятие фильтрации и сортировки данных...
14597. Создание таблиц и пользовательских форм для ввода данных Microsoft Access 186 KB
  Практическая работа № 16 Тема: Создание таблиц и пользовательских форм для ввода данных Microsoft Access Цели работы: познакомиться с основными понятиями базы данных; научиться создавать таблицу базы данных в режиме Конструктор; освоить переход из режима Конструк...
14598. Модификация таблиц и работа с данными с использованием запросов 154 KB
  Практическая работа № 17 Тема: Модификация таблиц и работа с данными с использованием запросов Цели работы: закрепить навыки по созданию таблиц; продолжить знакомство с основными видами запросов; научиться создавать запросы: на обновление на добавле
14599. Работа с данными и создание отчетов 182.5 KB
  Практическая работа № 18 Тема: Работа с данными и создание отчетов Цель работы: научиться создавать отчеты. Ход работы Задание 1. Откройте учебную базу данных созданную на прошлом занятии. Порядок работы: Вызовите программу Access. Для этого дважды щелкн...
14600. Порядок высвобождения и реализации движимого имущества в системе МЧС 82 KB
  Предметом внутриведомственного финансового контроля является финансовая и хозяйственная деятельность территориальных органов, воинских частей войск гражданской обороны и организаций МЧС России (далее – организации МЧС России).
14601. Сложные запросы с использованием логических выражений 154.5 KB
  Практическая работа № 20 Тема: Сложные запросы с использованием логических выражений. Цели работы: закрепить навыки по редактированию таблиц; познакомиться с основными видами запросов; научиться создавать запросы на выборку различными способами. Х
14602. Разработка многотабличных баз данных 211.5 KB
  Практическая работа № 21 Тема: Разработка многотабличных баз данных Цели работы: научиться создавать таблицу базы данных с помощью Мастера таблиц; закрепить навыки по добавлению и удалению записей; закрепить навыки по заполнению и редактированию таблиц б...
14603. Разработка многотабличных баз данных 245.5 KB
  Практическая работа № 21 Тема: Разработка многотабличных баз данных Цели работы: научиться удалять таблицы; научиться создавать таблицы базы данных в режиме таблицы; научиться создавать самостоятельно ключевое поле; научиться создавать формы для ввод...