1.2 Хід роботи

1. Якщо Ви не маєте поштової скриньки на Google, зареєструйте її. Поштова адреса та пароль до скриньки будуть Вашим акаунтом для доступу до всіх служб Google, що потрібно Вам для виконання подальших завдань та практичного використання сервісів Google. Повідомте листом з створеної скриньки на поштову скриньку викладача про її створення.

2. Ознайомтесь з можливостями Google Docs. Створіть в Google Docs текстовий документ, де стисло (1 сторінка) охарактеризуйте можливості сервісу (для вивчення використайте довідкову систему програми). Вкажіть наявні (на Вашу думку) переваги і недоліки цих продуктів у порівнянні з офісними програмами, встановленими на комп'ютерах.

3. Студенту, першому по списку, створити в Google Docs таблицю, заповніть її інформацією про себе (прізвище, ім’я, по-батькові, електронна адреса, і т.д.). Надайте доступ до редагування створеної таблиці іншим студентам групи. Кожен студент повинен власноручно внести дані про себе.

4. Представте в Календарі Google Ваш розклад (навчальний та інших справ) на наступний тиждень.

5. За допомогою сервісу Google Docs створіть анкету для студентів своєї групи, що містить не менше п'яти питань.

6. Виберіть 2 анкети колег і заповніть їх.

7. Експортуйте таблицю, що містить результати анкетування (відповіді Ваших колег), на Ваш комп'ютер у форматі Excel або PDF. Це можна зробити за допомогою команди: Файл - Завантажити як - Excel або PDF. Завантажений файл прикріпіть до повідомлення - звіту по лабораторній роботі.

8. Відкрийте викладачу спільний доступ до всіх створеним файлів для перевірки та обговорення. Файли іменуйте за своїми прізвищем з вказуванням номера завдання.

1.3 Звіт

Повинен містити скріни створених документів, заповненого календаря, анкети, таблиці з результатами анкетування та пояснення щодо прав доступу до відповідних документів.

Контрольні питання

1. Які можливості надає сервіс Google?

2. Для чого використовується даний сервіс?

3. Які ще сервіси 2.0 Ви знаєте?

4. Охарактеризуйте спосіб створення анкети в Google Диск.

Лабораторна робота 2 Створення простого html - документу. Використання тегів форматування тексту. Використання списків

Мета:

• Одержати практичні навички в написанні найпростішого документа HTML. Закріпити знання про основну структуру документа. Створити простий HTML -документ із використанням найпростіших тегів. Перевірити на практиці інформацію про взаємодію і сумісність тегів і різноманітних броузерів.

• Вивчити на практиці принципи застосування тегів форматування тексту. Створити документ HTML, що містить текстовий фрагмент, у якому використовуються основні теги форматування тексту.

• Вивчити на практиці специфіку використання тегів списків, навчитися застосовувати нумеровані і ненумеровані списки в документах HTML. Закріпити отримані раніше знання по створенню найпростіших документів.

2.1 Теоретичні відомості

Обов'язкова структура документа

Кожний HTML-документ починається з конструкції <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">, яка є обов’язковою, для того, щоб будь-який браузер розумів, що має справу з HTML-документом певної специфікації (4.0) і певною мовою (EN) тегу <HTML> і закінчується </HTML>. У HTML файлі перед вмістом обов'язково повинний бути розділ HEAD, що мінімально може складатися з двох конструкцій, а також - <BODY> і </BODY>. . Тоді код HTML можна представити так:

Приклад hello.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<HTML>

<HEAD>

<TITLE> Hello </TITLE>

</HEAD>

<BODY>

Hello world

</BODY>

</HTML>

Тобто, за винятком першого рядка, весь файл є HTML елемент, що містить HEAD елемент (що включає TITLE елемент) і BODY елемент, із простим текстом у якості вмісту.

Кожний HTML документ повинний містити основну інформацію про його походження, а саме:

♦ Автор документа,

♦ Дата створення документа або його останньої модифікації

♦ Контекст документа і його статус

♦ Адреса (URL) документа.

Такий приклад подає один із засобів заповнення такої інформації.

Приклад:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

<HEAD>

<TITLE>A sample HTML document</TITLE>

<LINK REV="made" HREF="mailto:jukka.@hut.fi">

</HEAD>

<BODY>

<H1>A sample HTML document</Hl>

This is a sample HTML document exemplifying a suggested

way of presenting basic origin information. <HRXP>

<A HREF="http://www.hut.fi/~jkorpela/">Jukka

Korpela</A>,

<a href="mailto:Jukka.Korpela@hut.fi">

Jukka.Korpela@hut.fi</a>

<BR>

This document belongs to the context of <a

href="index.html">Learning HTML 3.2 by

../../examples</a>

<BR> The URL for this document is

<KBD> http://www.hut.fi/~jkorpela/HTML3.2/skel.html

</KBD> <BR>

Created: December 5, 1996

</BODY>

</HTML>