Page 15 - 4235
P. 15
ЛАБОРАТОРНА РОБОТА № 5
Тема: “Аналіз коду HTML-документа. Створення коду власної
статичної сторінки-візитки з використанням основних тег.”
Мета роботи: ознайомитись із основними можливостями створення
WEBсторінок. Вивчити основні теги та порядок створення HTML-
документа. Навчитись створювати код сторінки з використанням
текстового редактора та перевіряти за допомогою браузерів і
on-line сервісів.
Завдання до виконання:
1 Оформити звіт, зберегти його у папці відповідної лабораторної
роботи.
2 Запишсати у звіт наявність досвіду із створення WEB-ресурсів
взагалі (створення HTML-документів, публікація їх у Інтернет, ведення
блогу, записів у соцмережах та інших сервісах WEB 2.0). Дати визначення
концепції WEB 2.0.
3 Зайти на сторінку http://uk.wikipedia.org/wiki/HTML та
ознайомтесь із описом. Сформулюйте своїми словами визначення, якому
присвячено відкриту сторінку (коротко, одним абзацом).
4 Знайти на відкритій сторінці та відкрити у нових вкладках/вікнах
(Ctrl+ЛКМ) «Підручники HTML і CSS» та «HTML book (рос.)». Зробити
копії екранів у звіт.
5 Написати визначення теги та ознайомитись із тегами <html>,
<head>, <body>, <title>. Записати їх призначення у звіт.
6 Зайти на сторінку пошуку
http://ru.wikipedia.org/wiki/Special:Search?search=&go=Go. Задати до
пошуку ключову фразу «Редактор HTML». Перейдіть за першим
посиланням та ознайомтесь із інформацією. Зробіть копію підрозділу із
посиланнями на редактори у звіт.
7 Спробуйте знайти за допомогою пошукових машин знайти
інформацію про використання програми «Блокнот» для створення HTML-
документів. Описати таке використання у звіті.
8 Запустити програму «Блокнот». Зберегти документ із стандартним
іменем роботи, розширенням html та кодуванням UTF-8.
9 У Інтернет-підручниках (http://htmlbook.ru, http://learn.javascript.ru,
http://www.w3schools.com) або за допомогою пошукових машин знайти, як
розробник може вказати кодування, що використовується HTML-
документом. Записати у звіт відповідну тегу/теги, що визначають основні
типи кодування кирилиці (декілька різних тег <meta>, очевидно).
10 У звіті сформувати код HTML-документа з такими вимогами:
– кодування UTF-8;
13