
- •1. Програма навчальної дисципліни Тема 1. Апаратне та програмне забезпечення персональних комп’ютерів
- •Тема 2. Операційні системи та їх оболонки
- •Рекомендована література: [1, стор. 23–32]. Тема 3. Системи підготовки текстів
- •Тема 4. Текстовий редактор microsoft word для windows
- •Тема 5. Програма роботи з електронними таблицями
- •2.2. Тематика та завдання до лабораторних робіт
- •2.2.1. Методичні рекомендації щодо виконання лабораторних робіт
- •Порядок вибору варіанту завдання
- •Правила оформлення звітів з лабораторних робіт
- •2.2.2. Тематика лабораторних робіт
- •2.3. Завдання до лабораторних робіт Лабораторна робота № 1
- •Елементи керування програмою Paint
- •Лабораторна робота № 2 Тема: Створення, редагування та форматування текстових документів засобами офісного пакету word.
- •Лабораторна робота № 3 Тема: Створення та розміщення графіків і таблиць у текстових документах. Створення структурованих документів.
- •Лабораторна робота № 4 Тема: Виконання обчислень у таблиці засобами офісного пакету Word, обєкт Microsoft Equation.
- •Лабораторна робота № 5 Тема: Використання стильового розмічування. Представлення в режимі структури та автоматичне створення змісту документу засобами офісного пакету word.
- •Лабораторна робота № 6 Тема: Основи програмування на Visual Basic for Applications для Microsoft Word. Макроси. Запис простого макросу. Модулі. Процедури засобами офісного пакету word.
- •Лабораторна робота № 7
- •Лабораторна робота № 8
- •Лабораторна робота № 9
- •Лабораторна робота № 10 Тема: Створення веб-сторінок за допомогою Microsoft FrontPage.
- •3. Список рекомендованої літератури
- •4. Самостійна робота студентів денної та заочної форми навчання
- •5. Методичнi рекомендації для студентів заочної форми навчання
- •6. Тематика рефератів
- •7. Тематика науково-дослiдної роботи студентiв
- •Типові теми ндрс
- •Перелік питань для рубіжного контролю знань
- •8.1 Рубіжний контроль № 1
- •8.2 Рубіжний контроль № 2
- •9. Перелік питань для підсумкового контролю (іспит)
- •10. Система оцінювання знань студентів
- •Порядок складання заліку з дисципліни
- •Критерії оцінок знань студентів заочної форми навчання під час складання іспиту
- •Варіанти завдань до лабораторної роботи № 1
- •Варіанти завдань до лабораторної роботи № 1
- •Варіанти завдань до лабораторної роботи № 1
- •Варіанти завдань до лабораторної роботи № 1
- •Додаток 5 Варіанти завдання до лабораторної роботи № 2
- •Варіанти завдань до лабораторної роботи № 1
- •Варіанти завдань до лабораторної роботи № 3
- •Додаток 8
- •Додаток 12
- •Додаток 13
- •Додаток 14 Зразок оформлення титульного аркушу
Лабораторна робота № 10 Тема: Створення веб-сторінок за допомогою Microsoft FrontPage.
Мета роботи: знайомство з інтерфейсом і можливостями Microsoft FrontPage по створенню веб-сторінок.
Завдання:
-
Ознайомитися з теоретичним матеріалом даної теми.
-
У додатку FrontPage можна створити веб-сторінки на основі:
-
порожньої сторінки (сторінки без змісту);
-
текстового файлу (текстового файлу, аналогічного файлу, створеному в редакторові Блокнот);
-
наявної сторінки (з будь-якої веб-сторінки, що є на даному ПК);
-
інших шаблонів сторінок (вбудованих шаблонів сторінок, які можна вибрати у вікні діалогу «Шаблони сторінок»).
Результати роботи представити у вигляді звіту.
Послідовність виконання роботи:
-
Для створення веб-сторінки на основі порожньої сторінки за допомогою додатку FrontPage необхідно відкрити вікно додатка одним із способів. Після чого на екрані відображуватиметься вікно додатку або графічний інтерфейс FrontPage, представлений на малюнку.
Рис. 2. Вікно додатка FrontPage 2003
-
Далі необхідно виконати команду Файл/Cоздать і вибрати в області завдань Порожня сторінка. У вікні додатка з'явиться нова порожня сторінка нов_стр_1.htm.
-
Зберегти сторінку, але перед тим, як зберегти сторінку, у вікні «Зберегти» створіть папку, наприклад lab13, в якій створіть вкладену папку images для малюнків, а потім зберегти сторінку в папці lab13. Ім'я сторінки призначте – index, що означає домашня або головна сторінка. Редактор зберігає сторінку з розширенням .htm. Таким чином, в папці lab13, знаходитиметься вкладена папка images і файл index.htm.
-
У папку images скопіюйте підготовлені малюнки для веб-сторінки.
-
Далі необхідно здійснити розробку сторінки. Розробка сторінки починається з її розмітки. Для розмітки сторінки використовуються таблиці (Таблица / Вставить / Таблица), але можна застосувати Макеты страницы, які розташовані на панелі завдань "Макеты таблицы и ячейки" в області завдань. Встановити в області завдань "Макеты таблицы и ячейки".
Рис. 3. Розмічена сторінка
-
Клацнути мишею на необхідному макеті таблиці, представленому на рис. 2, внаслідок чого отримаємо розмічену сторінку. Цифри в елементи таблиці введені тільки для пояснення технології заповнення ячейок.
-
Вставити в першу ячейку будь-який малюнок ("Вставка / Рисунок / Из файла", виберіть малюнок з папки images).
-
Встановити фон ячейок. Для заливки ячейки кольором необхідно клацнути на тег ячейки <td> (на панелі швидкий виклик тега) і вибрати команду «Свойства тега», потім у діалоговому вікні «Свойства ячейки» встановлюємо колір фону.
-
У другу ячейку помістити заголовок сайту (Моя сторінка, Прізвище Ім’я По-батькові). Текст вводите в режимі конструктора. Установити параметри згідно варіанту (додаток).
Виберіть шрифт Verdana (найбільш поширений шрифт для веб-сервера – сторінок), розмір 24 пт, колір темно-синій (код кольору: 000080) або будь-який інший колір, вирівнювання по центру.
-
Вставити гіперпосилання для рядка «Привіт». Виділити рядок «Привіт», клацнути правою кнопкою миші і з контекстного меню вибрати команду Гиперссылка. Відкриється вікно діалогу, в якому треба в папці lab13 виділити файл index і натиснути ОК.
-
Створити посилання на партнерські сайти. Встановити курсор нижче у пусту ячейку і вибрати команду "Таблица / Вставить / Таблица", у діалоговому вікні встановити: Рядків – 2, Стовпців – 1; Вирівнювання – по центру; Задати ширину: 98%; Задати висоту: 30 в крапках; Межі: розмір – 1, колір – темно-синій (код: 000080); Фон: колір – темно-синій (код: 000080). Далі клацнути Применить і ОК. Потім в створену таблицю введіть текст «Партнер №1», «Партнер №2» шрифтом Verdana, розмір шрифту 10 пт, вирівнювання по центру, колір білий.
-
Створити гіперпосилання для партнерськіх сайтів. Наприклад, виділити текст «Партнер №1» і викликати контекстне меню, в якому вибрати команду Гиперссылка. У діалоговому вікні встановити курсор в рядок Адрес, вставити в неї http://google.com.ua і клацнути ОК.
-
В ячейці 4 розмістити текст (задається викладачем). Текст можна вводити з клавіатури або вставляти скопійований текст з буфера обміну. Текст вводиться, редагується і форматується як в будь-якому текстовому редакторові. Малюнки можна вставляти тільки з папки images, яку Ви заздалегідь створили при збереженні веб-сервером – сторінки і наповнили її малюнками.
-
Додати колір фону навколо сторінки. Виберіть команду Формат / Фон, у діалоговому вікні на вкладці форматування встановити колір фону – темно-синій (код: 000080) або будь-який інший колір фону.
-
У режимі Код додати на сторінку відсутні на ній метатеги і заповнити нижчевказані метатеги (між тегами <head> і </head>):
Зразок заповнення:
<title>Економічна кібернетика</title>
<meta name="keywords" content="СУЕМ">
<meta name="description" content="Лабораторна робота № 13">
<meta NAME="Author" CONTENT="Прізвище ім’я">
<META content="INDEX, FOLLOW" name=ROBOTS>
-
Зберегти створену веб-сторінку з метою використання її при створенні веб-сайту.
Питання для захисту роботи:
-
Що таке веб-сайт?
-
Що таке html редактор? Основні групи html редакторів.
-
Найпоширеніші візуальні редакторами для створення сайтів?