16901

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

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

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

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

Русский

2013-06-27

807 KB

44 чел.

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


 

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

10885. Типові і спеціальні деталі 57.5 KB
  Типові і спеціальні деталі. Види з'єднань деталей Мета: дати поняття про типові й спеціальні деталі; ознайомити з призначенням та загальною будовою коловорота ручного дриля затискачів столярних верстаків; розвивати інтерес до техніки розширювати технічний кругозір
10886. Поняття про провідники та ізолятори. Проводи та їх види 155 KB
  Тема уроку: Поняття про провідники та ізолятори. Проводи та їх види. Мета уроку. Засвоєння знань про будову і призначення ізольованих проводів правила безпечної роботи під час виконання електротехнічних робіт. Формування умінь здійснювати монтаж простого електричного...
10887. Конструкційні матеріали і їх вибір Види конструкційних матеріалів 78 KB
  Тема. 1.4. Конструкційні матеріали і їх вибір Види конструкційних матеріалів. Мета: ознайомити учнів з різними видами конструкційних матеріалів видами та породами дерев особливостями їх будови характерними ознаками способами заготівлі та одержання пиломатеріалів...
10888. Технологія робіт лобзиком. Технологічний процес пиляння. Прийоми пиляння лобзиком. Організація робочого місця 75 KB
  Тема. Технологія робіт лобзиком. Технологічний процес пиляння. Прийоми пиляння лобзиком. Організація робочого місця. Мета: сформувати в учнів поняття про процес різання та уявлення про технологію пиляння фанери і ДВП; розвивати політехнічне мислення; виховувати культу...
10889. Процес випилювання з фанери й ДВП, обпилювання, шліфування 237 KB
  Тема уроку: Процес випилювання з фанери й ДВП обпилювання шліфування. Мета уроку. Формування вмінь виконувати обпилювання фанери; закріплення знань про обпилюваяння деревини. Розвивати точність окомір. Виховувати акуратність виконавчу дисципліну творче ставлення д
10890. Технологія обробітку та захисту ґрунтів 63.5 KB
  Тема уроку: Технологія обробітку та захисту ґрунтів. Мета уроку. Засвоєння знань про типи структуру та родючість ґрунтів; ручні знаряддя праці; прийоми і послідовність ручного обробітку ґрунту; види механізованого обробітку ґрунту; правила безпечної праці та особист
10891. Благоустрій і озеленення приміщень і території 36 KB
  Тема: Благоустрій і озеленення приміщень і території. Мета уроку: Засвоєння знань про роль і місце зелених насаджень у житті людини умови використання у насадженнях різних порід породи декоративних і захисних рослин. Обєкт навчальної праці: проектування зелених нас...
10892. Практична (проектна) робота. Процес випилювання з фанери та ДВП 33.5 KB
  Тема уроку: Практична проектна робота. Процес випилювання з фанери та ДВП. Мета уроку. Формування вмінь виконувати пиляння фанери лобзиком; закріплення знань про пиляння деревини. Розвивати точність окомір. Виховувати акуратність виконавчу дисципліну творче ставл
10893. Планирование ресурсного потенциала предприятия 118 KB
  Под потенциалом предприятия принято понимать совокупность показателей или факторов, характеризующих его силу, источники, возможности, средства, запасы, способности, ресурсы и многие другие производственные резервы