16901

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

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

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

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

Русский

2013-06-27

807 KB

29 чел.

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


 

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

49744. Информационная система библиотека 117.06 KB
  Цель моей работы заключается в создании программы в которой можно: создавать новую базу данных, открывать базу из файла, сохранение базы в файл, добавление записей, удаление записей, поиск записей по одному из полей, вывод базы данных на экранб, сортировка и вывод на экран.
49745. Характеристики и параметры биполярного транзистора 2.19 MB
  В ходе выполнения курсовой работы для заданного типа транзистора определяются паспортные параметры и статические характеристики в соответствии со схемой включения и величинами элементов схемы усилительного каскада выбирается положение режима покоя для которого рассчитываются величины элементов эквивалентных схем транзистора и мало сигнальные параметры транзистора графоаналитическим методом определяются параметры усилительного каскада. Характеристики используемого транзистора Проектируемое устройство основано на биполярном транзисторе...
49746. Разработка конструкции привода растворонасоса 311.74 KB
  Разработанный редуктор имеет конструкцию, обеспечивающую высокую надёжность и простоту монтажа и обслуживания. Все элементы привода выбраны с небольшим запасом, что обеспечивает повышенную надёжность в случае непредвиденных пиковых нагрузок связанных с областью применения привода.
49748. Электромеханический привод 812.1 KB
  Определяем по формуле где КПД быстроходной ступени цилиндрического редуктора; принимаем ; КПД тихоходной ступени цилиндрического редуктора; принимаем ; КПД конической передачи; принимаем ; КПД одной пары подшипников; принимаем ; k – число пар подшипников в механизме; k=3. Определяем частоту вращения выходного вала привода . Определяем выходную мощность привода . Передаточное соотношение привода разбиваем по ступеням в соответствии с соотношением где передаточное отношение быстроходной ступени; передаточное отношение тихоходной...
49749. Расчет структурно-сетевых параметров мультисервисных сетей телекоммуникаций 815.5 KB
  Расчет структурносетевых параметров мультисервисных сетей телекоммуникаций по дисциплине Мультисервисные сети телекоммуникаций Выполнил студент группы ТЭ 041 СОДЕРЖАНИЕ ВВЕДЕНИЕ Сети предоставляющие любые телекоммуникационные и информационные услуги называют полносервисными или мультисервисными сетями. Данные сети должны гарантировать оговоренное качество соединений и предоставляемых услуг. При создании мультисервисной сети достигается: Сокращение расходов...
49751. Автоматизация проверки решения задачи 259.72 KB
  Notepd свободный текстовый редактор с с подсветкой синтаксиса большого количества языков программирования и разметки Во время разработки программы использовались следующие компоненты: Таблица 5 – Компоненты в приложении № п п Компонент Описание 1 EDIT Поле ввода и редактирования информации 2 BUTTON Кнопка с растровым изображением 3 STRINGGRID Таблица для отображения информации 4 COMBOBOX Отображение информации в виде списка строк 5 LBEL Отображение текста на форме Отладка программы Отладка этап разработки компьютерной...