ЭИ_ПОСОБИЕ_ЧАСТЬ_1
.pdfсторінки при зміні атрибутів.
12.Поверніться в програму Блокнот і змініть значення атрибута: ALIGN="LEFT". Збережіть файл під тим же ім'ям.
13.Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.
14.Поверніться в програму Блокнот і додайте в тег <IMG> атрибути: HSPACE=40 VSPACE=20. Збережіть файл під тим же ім'ям.
15.Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.
7. Створення таблиць
Створіть таблицю:
Інформація про витрати на рекламу й обсяги продаж фірми
|
Витрати на |
Обсяг продаж |
|
|
Квартал |
|
|
|
|
рекламу, грн. |
Кількість проданої |
|
|
|
|
|
Сума, грн. |
||
|
|
|
||
|
|
продукції, шт. |
|
|
|
|
|
|
|
|
|
|
|
|
1 |
6650 |
18175 |
|
50560 |
|
|
|
|
|
2 |
19139 |
6936 |
|
14850 |
|
|
|
|
|
3 |
22456 |
1946 |
|
4650 |
|
|
|
|
|
4 |
70680 |
8459 |
|
2260 |
|
|
|
|
|
Разом |
118925 |
35516 |
|
72320 |
|
|
|
|
|
1.Відкрийте документ first.htm у програмі Блокнот і збережіть його під ім'ям table.htm.
2.Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах, необхідно помістити після тега
<BODY>.
3.Уведіть тег таблиці:
<TABLE BORDER=10 WIDTH= "60%">
4.Уведіть рядок заголовка таблиці:
<CAPTION ALIGN=ТОР>Інформація про витрати на рекламу й обсяг продаж фірми<CAPTION>
5.Заголовки стовпців займають 2 рядка таблиці. У першому і другому стовпцях ці рядки поєднуються (атрибут ROWSPAN), третій і четвертий
61
стовпці повинні мати загальний заголовок, тобто вони поєднуються (атрибут COLSPAN). В другому рядку потрібно ввести заголовки третього і четвертого стовпців:
1-я рядок:
<TR BGCOLOR="YELLOW" ALIGN="CENTER">
<TH ROWSPAN=2>Квартал
<TH ROWSPAN=2>Витрати на рекламу, грн
<TH COLSPAN=2>Обсяг продажів
2-я рядок:
<TR BGCOLOR=YELLOW ALIGN=CENTER>
<TH>Кількість проданої продукції, шт. <TH>Сума, грн.
6.Визначте наступні рядки таблиці, випереджаючи кожен з них тегом <TR> і поміщаючи вміст кожного осередку після тега <TD>.
<TR><TD>1<TD>6650<TD>18175<TD>50560
7.Останній рядок таблиці виділіть фоном:
8.Завершіть таблицю тегом </TABLE>.
9.Збережіть змінений документ.
10.Запустіть Internet Explorer (Пуск\Программы\ Internet Explorer).
11.Дайте команду Файл\Открыть. Клацніть на кнопці Обзор і відкрийте файл table.htm.
12.Вивчіть, як створена таблиця відображається в програмі Internet Explorer, звертаючи особливу увагу на вплив заданих атрибутів.
Ви познайомилися з прийомами створення таблиць засобами мови HTML. Навчилися створювати таблиці і змінювати їх вигляд за допомогою атрибутів тегів HTML.
8. Створення опису фреймів Послідовність виконання роботи
1.Запустіть текстовий редактор Блокнот (Пуск\Программы\ Стандартне\
Блокнот).
2.Уведіть наступний документ:
<HTML>
<HEAD>
<TITLE>Опис фреймів</TITLE>
62
</HEAD>
<FRAMESET ROWS="20%, 50,*"> <FRAME SRC="picture.htm"> <FRAME SRC="link.htm"> <FRAMESET COLS="200, 100"> <FRAME SRC="table.htm"> <FRAME SRC="list.htm"> </FRAMESET>
</HTML>
З. Збережіть цей документ під ім'ям frames.htm.
4.Запустіть оглядач Internet Explorer (Пуск\Программы\Internet Explorer).
5.Дайте команду Файл\ Открыть. Клацніть на кнопці Обзор і відкрийте файл frames.htm.
6.Вивчіть представлення декількох створених раніш документів в окремих фреймах.
7.Подивіться, що відбувається при зміні ширини вікна оглядача.
8.Перевірте, чи можна змінити положення границь фреймів методом перетаскування за допомогою миші.
9.Клацніть на посиланні, що мається в одному з фреймів, і подивіться, як буде відображений новий документ.
10.Клацніть на кнопці Назад на панелі інструментів і переконайтеся, що повернення до попереднього документа на порушує структуру фреймів.
11.Поверніться в програму Блокнот і змініть структуру і параметри фреймів за своїм розсудом. Збережіть документ під тим же ім'ям.
12.Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Переконайтеся, що змінений вид Webсторінки відповідає задуму. Якщо це не так, поверніться в програму Блокнот, знайдіть і виправте помилки.
Контрольні питання
1.Призначення мови HTML.
2.Поняття документа HTML, його структура.
3.Що таке тег, для чого він призначений?
4.Поясніть поняття «контейнер», наведіть приклад контейнерного тега.
5.Що таке атрибути? Правила застосування атрибутів.
6.Як задати колір фону і тексту документа?
63
7.Теги заголовків документа і їхнє призначення.
8.Які елементи використовуються для завдання накреслення і розміру шрифту?
9.Абзац і його структура. Перевід рядка і заборона переводу рядка.
10.Як указати вирівнювання тексту (по лівому краї, по правому краї, по
ширині)?
11.Прийоми форматування тексту: напівжирний шрифт, курсив, виділення, сильне виділення, верхній і нижній індекс, підкреслення, викреслювання.
12.Створення упорядкованих списків, як установити тип нумерації елементів списку?
13.Створення неупорядкованих списків, типи маркерів.
14.Створення списків визначень.
15.Поняття гіперпосилання, створення гіперпосилань.
16.Створення і форматування таблиць.
17.Як об'єднати в одному осередку кілька рядків (стовпців) таблиці?
18.Як здійснюється перехід на новий рядок у таблиці?
19.Як помістити заголовок (назву) таблиці вгорі, унизу, ліворуч, праворуч від таблиці?
20.Який засіб мови HTML дозволяє відобразити на одній Web-сторінці кілька документів?
21.Як задати розбивку Web-сторінки на декілька областей по горизонталі? По вертикалі? Сіткою?
Чому ви навчилися?
Створювати документи HTML. Познайомилися з особливостями відображення їх за допомогою оглядача Internet Explorer.
Використовувати розмітку абзаців. Визначили, як впливають теги HTML на відображення відповідних частин документа.
Створювати документ HTML, що містить гіперпосилання, побачили, як гіперпосилання відображаються в документі, і навчилися користуватися ними.
Познайомилися з деякими елементами мови HTML, що можуть використовуватися для форматування тексту документа. З'ясували, як ці елементи впливають на відображення документа, і довідалися, що такі елементи можна вкладати один у одного.
64
Створювати списки засобами мови HTML і визначати спосіб їхньої нумерації (маркірування). Установили, як виглядають списки при їхньому відображенні в оглядачі Internet Explorer. Навчилися створювати список визначень.
Вставляти зображення в документ. З'ясували, як впливають атрибути тега <IMG> на спосіб відображення зображення
Прийомам створення таблиць засобами мови HTML. Створювати таблиці і змінювати їх вид за допомогою атрибутів тегів HTML.
Відображати в рамках однієї Web-сторінки декілька документів за допомогою фреймів. Довідалися, як фрейми відображаються оглядачем Internet Explorer. Особливості навігації за допомогою гіперпосилань по Web-сторінці, що містить фрейми.
2.ОПРАЦЮВАННЯ РОЗДІЛІВ ПРОГРАМИ, ЯКІ НЕ ВИКЛАДАЮТЬСЯ
НА ЛЕКЦІЯХ
Самостійна робота з опрацювання розділів програми, які не викладаються на лекціях, має мету отримання студентами навичок самостійної роботи з навчальною та технічною літературою, Інтернет, іншими інформаційними джерелами. Згідно з програмою навчальної дисципліни у рамках модулів 1 і 2 на самостійне опрацювання пропонуються наступні теми:
1.Архітектура персонального комп’ютера. [1, С. 15-30; 5, С. 62-85]
2.Служби Інтернет.[1, С. 358-372; 5, С. 206-214]
Удужках указуються джерела літератури з наведеного у кінці посібника переліку та номера сторінок, на яких студенти зможуть знайти необхідний матеріал з запропонованої теми.
При опрацюванні першої теми студенти повинні звернути увагу на наступні питання.
Основні пристрої комп’ютера: системний блок, монітор, клавіатура. Ознайомитися з основними параметрами материнської плати.
Розглянути характеристики основних компонентів материнської плати: процесор, оперативна пам’ять (RAM), відеокарта, звукова карта, мережна карта, перезаписуючий постійний запам’ятовуючий пристрій, адаптери.
Ознайомитися з параметрами пристроїв з переносними дисками та придбати знання з додаткових компонентів комп’ютера: принтер, сканер, модем, плотер тощо.
65
При опрацюванні другої теми студентам необхідно вивчити наступні питання: електронна пошта, списки розсилання, служба телеконференцій, служба World Wіde Web. При вивченні цієї теми, крім інформації з літературних джерел, студенти можуть одержати інформацію в період виконання лабораторних робіт.
Після опрацювання цих розділів програми студенти можуть перевірити свої знання за допомогою контрольних питань і тестів:
1.Які компоненти має материнська плата?
2.На які блоки можна умовно поділити клавіатуру?
3.Якими параметрами характеризують вінчестер комп’ютера?
4.Які ви знаєте служби Інтернет?
5.Як організується процес передачі повідомлень з комп'ютера користувача на поштовий сервер і в зворотну сторону?
6.Чим відрізняються Web-сторінки від звичайних текстових документів?
7.Архітектура комп’ютера це:
a.абстрактна модель комп’ютера;
b.відомості про структуру комп’ютера;
c.відомості про систему команд комп’ютера;
d.комплексне поняття, що включає всю необхідну інформацію про комп’ютер.
8.До комп’ютера можна додати такі додаткові пристрої:
a.принтер;
b.процесор;
c.сканер;
d.плотер;
e.клавіатуру.
9.Параметрами процесора є тактова частота і тип. Тип може бути таким:
a.Celeron;
b.GeForce;
c.Pentium;
d.Sumsung;
e.Quantum.
66
3. ПІДГОТОВКА ДО КОНТРОЛЬНИХ ЗАХОДІВ
Самостійна робота з підготовки до контрольних заходів – модульного контролю, складає 45 годин з дисципліни. Програмою передбачено проведення 5 контрольних заходів. На самостійну роботу студента при підготовці до одного контрольного заходу виділяється 9 годин.
Основним контрольним заходом програмою передбачено проведення контрольного тестування за кожним модулем, а в кінці виставляється підсумкова оцінка за результатами здачі лабораторних робіт і контрольного тестування.
Тести контрольних робіт охоплюють матеріал лекцій, завдань до самостійної роботи і лабораторних робіт. Тому студентам під час підготовки до контрольних заходів необхідно узагальнити вивчений матеріал на лекціях, у період підготовки до аудиторних занять по темі модуля і отримані знання на лабораторних роботах і консультаціях.
Студентам можуть бути запропоновані тестові питання такого типу:
1.Що таке операційна система?
2.Як формується повне ім'я файлу?
3.У чому полягає різниця між папкою і ярликом?
4.Які можливості надає папка Сетевое окружение?
5.Як виконується копіювання файлу?
6.Які команди можна використовувати для нумерації сторінок у документі?
7.Яка команда використовується для завдання відступів і інтервалів?
8.Які прийоми роботи з редактором WORD відносяться до базових?
9.Що включає форматування таблиці?
10.Який найшвидший спосіб створення нової презентації?
11.Які дії включають загальні операції зі слайдами?
12.Які дії можна виконати в режимі сортувальника слайдів? 13.Що таке інформаційна технологія?
14.Що таке комп'ютерна мережа?
15.Які мережі є локальними?
16.Як відбувається передача повідомлення в мережі Інтернет?
17.Які існують способи створення Web - документів? 18.Скільки рівнів заголовків існує в Web - документі? 19.Як можна захистити інформацію від вірусів?
20.Як у рамках однієї WEB - сторінки можна відобразити кілька документів?
67
Список посилань
1.Дибкова Л.М. Інформатика і комп’ютерна техніка: Навчальний посібник. Видання 2-ге, перероблене, доповнене. – К.: Академвидав, 2007. – 416 с.
2.Макарова Н.В., Николайчук Г.С., Титова Ю.Ф. Компьютерное делопроизводство. Учебный курс. 2-е изд. – СПб.: Питер, 2007. – 410 с.
3.Microsoft Office 2000. Библия пользователя.: Пер. с англ. – М.: Издательский дом «Вільямс», 2001. – 1026 с.
4.Жадаев А.Г. Самоучитель HTML 4, второе издание/Под ред. Ковтанюка Ю.С. – К.: Юниор, 2004. – 296 с.
5.Інформатика: Базовый курс / С.В. Симонович и др. – СПб.: Питер, 2002. – 640 с.
Алфавітний покажчик
HTML 44
MS Equatіon 3.0. 22 Web 43
Абзац 20
Автомакет 31
Автотекст 22
Гіперпосилання 47, 54 Глобальна мережа 39
Діаграма 24
Інтерфейс 8,15
Каталог 8,13 Контейнер 45
Локальна мережа 38
Меню Пуск 10 Мережа 41
Мой комп’ютер 12
Навігація 13 Настройка 12 Операційна система 8
68
Панель задач 10 Папка 9 Параметри сторінки 22 Презентація 31
Проводник 13
Рабочий стол 16
Робоча станція Робоче середовище 15,28 Розширення 8
Сервер 39
Сортировщик 34
Стиль 23
Таблиця 9, 23 Тег 45
Файл 8 Форматування 21 Формула 24 Фрейми 65
Шаблон 10 Шлях 9
Ярлик 10
69
Додаток А
70