ТЕХНОЛОГИЯ СОЗДАНИЯ МУЛЬТИМЕДИЙНЫХ ДИСКОВ И ВИРТУАЛЬНЫХ ВЫСТАВОК Фунтикова

ТЕХНОЛОГИЯ СОЗДАНИЯ МУЛЬТИМЕДИЙНЫХ ДИСКОВ И ВИРТУАЛЬНЫХ ВЫСТАВОК Фунтикова И. В. ведущий программист НБЧР

Что понадобится для изучения? Браузер Блокнот Пуск – Программы – Стандартные - Блокнот

Термины. Тег- оформленная единица HTML-кода. Например, , , , и так далее. Все тэги имеют одинаковый формат: они начинаются знаком < и заканчиваются знаком >

Термины. Атрибут –это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

Термины. Элемент – понятие, введенное чисто для удобства обьяснения. Например, элемент HEAD состоит из двух тегов – открывающего и закрывающего . Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.

Структура web-документа.

Вставка комментария.

Создаем свою первую страничку. ШАГ 1: v v Создайте на своем ПК папку с названием сайта; Внутри папки создайте ещё одну папку с названием www, а внутри её ещё одну для изображений img ШАГ 2: v Зайдите в созданную на предыдущем шаге папку www и создайте внутри нее текстовый документ.

Создаем свою первую страничку. ШАГ 3: Пишем в блокноте текст простейшей странички:

Создаем свою первую страничку. ШАГ 4: ШАГ 5: Теперь сохраните ваш документ как index. html Запустим файл index. html и увидим следующее:

Работаем с текстом

Основные элементы форматирования текста

Основные элементы форматирования текста P - используется для разметки параграфов в документах. Атрибуты: ALIGN - определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине. По умолчанию имеет значение left. Просмотр в браузере Текст внутри документа Примечание: следите чтобы содержимое в кавычках было написано без пробелов, т. е.

а не

иначе не будет работать!

Основные элементы форматирования текста Н 1, Н 2, … Н 6 - Применяются для разбивания текста на смысловые уровни - разделы и подразделы. Существует шесть уровней заголовков, различающихся по величине шрифта. Атрибуты: ALIGN - определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. Просмотр в браузере Текст внутри тела документа Примечание: закрывающий тег обязателен!

Основные элементы форматирования текста BR - данный элемент осуществляет перенос строки. Не имеет закрывающего тега. Просмотр в браузере Текст внутри тела документа Примечание: Как вы наверное заметили, при переносе строки не начинается новый параграф! Перенос- он и есть перенос!

Основные элементы форматирования текста DIV - используется как удобный контейнер для блоков html кода страницы, которым легко динамически манипулировать. Атрибуты: ALIGN - определяет способ горизонтального выравнивания контейнера. Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине. По умолчанию имеет значение left. Текст внутри тела документа Просмотр в браузере

Основные элементы форматирования текста

Основные элементы форматирования текста

Основные элементы форматирования текста

Основные элементы форматирования текста

Основные элементы форматирования текста

Списки Различают списки двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Единственным отличием является то, что перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т. п. , в то время как пунктам упорядоченных списков предшествуют их номера.

Списки. UL UL (Unsorted List) - Создает неупорядоченный список. Обязательно наличие закрывающиего тега, причем между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка. Текст внутри тела документа Просмотр в браузере

Списки. OL OL (Ordered List)- Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка. Атрибуты: START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа). Если не указывать, начинается с начала. TYPE – определяет стиль нумерации пунктов списка. Возможные значения: "A" – заглавные буквы A, B, C. . . "a" – строчные буквы a, b, c. . . "I" – большие римские числа I, III. . . "i" – маленькие римские числа i, iii. . . "1" – арабские числа 1, 2, 3. . .

Списки. OL

Списки. LI LI (List Item) - Создает пункт в списке. Располагается внутри элементов OL или UL. Закрывающий тег писать желательно, но не обязательно, это уже решать Вам. Атрибуты: VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента. Текст внутри тела документа Просмотр в браузере

Покоряем HTML ссылки Эта ссылка на сайт nbchr. ru Для перехода на page 2 щелкните здесь Для перехода на page 2 щелкните здесь Нажав эту ссылку, вы перейдёте на документ pdf

Как сделать ссылку внутри страницы Текст внутри страницы: В браузере:

Дополнительные атрибуты TARGET - указывает где открывать страницу на которую ведет html ссылка. По умолчанию она открывается в том же окне. Если хочется чтобы открывалась в новом, следует написать target ="_blank". TITLE - указывает заголовок ссылки, который появляется при наведении на нее. Это ссылка на сайт nbchr. ru, откроется в новом окне Эта - тоже на nbchr. ru. При наведении появится заголовок.

Работаем с изображениями GIF (Graphics Interchange Format) JPG / JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics)

Примеры вставки изображения

Результат в баузере:

Второй пример:

Результат в браузере:

Пример виртуальной выставки

Каркас выставки