Тема: створення найпростішої веб-сторінки. 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Тема: створення найпростішої веб-сторінки.



 

Мета: ознайомитись із загальними положеннями створення web-сторінок і базовими тегами мови HTML.

 

Теоретична частина

HTML – це мова тегів для розмітки документів.

Елементи – це структури, які описують окремі складові HTML-документу. Елемент складається з трьох частин: початкового тегу, вмісту і кінцевого тегу.

Тег – це спеціальний текст, замкнений у кутові дужки “<“і”>”. Кінцевий тег має таке ж ім’я, як і початковий тег, але починається з косої риски “/”.

Атрибути елементу визначають властивості тега. Значення атрибута може бути замкнено у одинарні або подвійні лапки. Порядок проходження атрибутів у тегу не важливий. Атрибут діє від початкового (такого, що відкриває) тега, в якому він заданий, до кінцевого (такого, що закриває), або лише всередині тега, якщо тег не має парного.

Базисні теги

атрибути
Тип документа <HTML></HTML> Початок і кінець файлу
Ім’я документа <TITLE></TITLE> Повинно бути в заголовку
Тема (заголовок) <HEAD></HEAD> Опис документа
Тіло <BODY></BODY> Вміст сторінки

 

Оформлення тіла веб-сторінки

Атрибут Дія Значення атрибуту
BACKGROUND="URL" Фонова картинка *.jpg, *.gif,.png. графічний файл розташований в одній теці з документом
BGCOLOR="колір" Колір фону  
TEXT = "color" Колір тексту  
LEFTMARGIN="40" Визначає ширину лівого і правого полів документа Пікселі
MARGINWIDTH="40" Визначає ширину верхнього та нижнього полів документа Піксели

 

Таблиця кольорів НТМL

pink – рожевий fuchsia – яскраво-фіолетовий
blue – синій olive – оливковий
cyan – відтінок бірюзового aqua – бірюзовий
teal –яскраво-блакитний purple – фіолетовий
orange – помаранчевий silver –світло-сірий
gray – сірий red – червоний
brown – коричневий black – чорний
yellow – жовтий green – зелений

 

Практична частина

1. На робочому столі створіть власну теку. Збережіть до неї будь-яке зображення у форматі bmp. Створіть у теці текстовий файл. Відкрийте його за допомогою редактора “Блокнот” (правою кнопкою миші “Відкрити за допомогою”). У текстовому файлі надрукуйте основні теги:

<HTML>

<HEAD>

<TITLE>Туризмознавство!</TITLE>

</HEAD>

<BODY>Доброго дня!

</BODY>

</HTML>

2. Збережіть документ з назвою “Все вийде” з розширенням *.htm (Файл Зберегти як… у віконці “Ім’я файлу:” написати “Все вийде.htm” (без лапок) Зберегти).

3. Створіть веб-сторінку з оформленим фоном і текстом.

HTML-код буде виглядати наступним чином:

<HTML>

<BODY BACKGROUND="paint1.bmp" BGCOLOR="olive" TEXT="cyan" LEFTMARGIN="40" MARGINWIDTH="40">

Текст документа (5-6 речень з теми “Чому я обрав мій фах?”).

</BODY>

</HTML>

4. Збережіть документ з розширенням *.htm.

Примітка: *"paint1.bmp" – у лапках повинна знаходитись назва графічного файлу, який знаходиться у одній теці з текстовим файлом на базі якого, створюється веб-сторінка.

5. Самостійно створіть дві веб-сторінки з різними фонами і кольорами текстів (5-6 речень з тем за вибором: туризм в Україні, інформаційні системи і технології в туризмі, світовий розвиток туризму, види туризму, туризм як галузь економіки, я – турист).

 

Питання для самоконтролю:

 

1) Назвіть складові HTML-документу.

2) Що таке “тег”?

3) З яких атрибутів складається тіло веб-сторінки?

Література:

1. Богумирский Б. Энциклопедия Windows / Б. Богумирский. – СПб.: Питер, 2000. – 896 с.

2. Фигурнов В.Э. “IBM PS” для пользователя / В.Э. Фигурнов. – М.: Инфра-М, 1998. – 298 с.

3. Хант К. Персональные компьютеры в сетях TCP/IP / К. Хант. – К.: Издательская группа BHV, 1997. – 384 с.

4. Буза М.К. Операционная среда Windows и ее приложения / М.К. Буза, Л.В. Певзнер, И.А. Хижняк. – Минск: Вышэйшая школа, 1996. – 336 с.

 

 


 

ЛАБОРАТОРНЕ ЗАНЯТТЯ №9

 



Поделиться:


Последнее изменение этой страницы: 2017-02-07; просмотров: 100; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.145.151.141 (0.005 с.)