I. Краткие теоретические сведения

Занятие № 19-20

Лабораторная работа № 15-16

по дисциплине «Web-проектирование».

для специальности

2 – 40 01 01 «Программное обеспечение информационных технологий».

Инструкционно-технологическая карта

Тема: Создание web-сайта на заданную тему в текстовом редакторе Блокнот.

Цель работы: Научиться создавать сайт применяя все ранее полученные знания и умения.

Время на выполнение работы:2 часа

Этапы работы:

I.Ознакомиться с теоретическими сведениями.

II.Выполнить задания, предложенные преподавателем.

III.Ответить на контрольные вопросы.

I. Краткие теоретические сведения

<html >

<head>

<title>Название заголовка</title>

</head>

<body>

</body>

</html>

Заголовок документа — элемент HEAD

Заголовок содержит неупорядоченную служебную информацию о документе— например, название документа; ключевые слова, по которым поисковая машина может индексировать документ; информацию о кодировке, в которой написана страница; и другую специфическую информацию Вся эта информация содержится внутри элемента HEAD. Она не влияет на внешний вид документа, а только предоставляет браузеру пользователя необходимые сведения о документе.

Внутри элемента HEAD могут содержаться такие элементы:

<BASE> — позволяет задавать базовый адрес (URL) для всего документа

<BASEFONT> — позволяет установить шрифт для всего документа

<LINK> — устанавливает связи для всего документа

<МЕТА> — содержит информацию, необходимую брау зеру пользователя или серверу для обработки документа,

<STYLE> — используется для описания внутренних таблиц стилей;

<TITLE> — задает название документа.

Все элементы, кроме TITLE и STYLE, являются пустыми. У них отсудствуют содержание и закрывающий тег. Необходимые параметры задаются при помощи атрибутов элементов

Тело документа — элемент BODY

Основные атрибуты элемента BODY.

Атрибут	Описание	Значение
Background	Задаёт фоновое изображение	URL
Bgcolor	Задаёт цвет фона	цвет
Text	Задаёт цвет текста документа	цвет
Link, vLink, aLink	Задаёт цвет обычных, посещённых, активных ссылок.	цвет
leftmargin	определяет отступ от левого края окна браузера до контента страницы.	число
rightmargin	определяет отступ от правого края окна браузера до контента страницы.	число
topmargin	определяет отступ от верхнего края окна браузера до контента страницы.	число
bottommargin	определяет отступ от нижнего края окна браузера до контента страницы.	число

Комментарии в HTML имеют следующий синтаксис:

<!-- текст комментария —>