ОТВЕТЫ на вопросы БИЛЕТОВ по ПМ.02 МДК. 02.01 «Технологии публикации цифровой мультимедийной информации» для групп ОП-31, ОП-32
Экзаменационный билет № _1_
Характеристика электронных публикаций (электронные учебники и энциклопедии, справочные системы, страницы сети Интернет).
Электронная публикация — это такой способ публикации словесных, графических и иллюстративных материалов, при котором их просмотр происходит на экране.
Электронные публикации хранятся в компьютере или на сменных носителях. Кроме того, во время просмотра электронная публикация может поступать в компьютер по сети.
Электронные публикации могут содержать в себе звуки и музыку, анимацию и видеоизображения, а также специальные средства для перехода от одной страницы к другой – гиперссылки.
Самые распространённые виды электронных публикаций: презентация, электронные учебники и энциклопедии, справочные системы, сайты или страницы сети Интернет.
Назначение электронных учебников и энциклопедий понятно из их названия. Возможность использования видеофрагментов, звуков и перехода на любые (заранее предусмотренные) страницы создаёт гораздо более широкие возможности, чем есть у печатных учебников и энциклопедий.
Справочная система - это электронная публикация, предназначенная для получения сведений о какой-либо компьютерной программе. Обычно к справочной системе можно обратиться из программы, о которой в ней рассказывается.
Страницы сети Интернет - это электронные публикации, размещённые на удалённых компьютерах и доступные в сети Интернет. Другое название этих публикаций - сайты. Для их просмотра необходимо, чтобы компьютер был подключён к Интернету.
Основные операции при создании электронных публикаций обычно такие же, как и операции при создании печатных публикаций:
- создание и оформление текстов;
- создание таблиц и схем;
- включение изображений в публикацию;
- сохранение и открытие ранее сохранённой публикации.
Как правило, выполнение этих операций похоже на их выполнение при создании печатных публикаций. А специфическими операциями, которые свойственны только электронным публикациям являются:
- организация перехода на другие страницы (с помощью гиперссылок);
- включение в публикацию звуков, музыки, анимации и видеоизображений.
Если в публикации используются анимация, звуки или видео, то такую публикацию называют мультимедийной.
Создание html-документа с помощью текстового редактора (Блокнот). Обязательные теги html.
Принцип создания сайтов, с помощью HTML, в текстовых редакторах везде одинаков, можно использовать, например, стандартную программу Блокнот. Открываем программу блокнот в Windows «Пуск» — «Все программы» — «Стандартные» — Блокнот.
Схема такая:
Прописываем структуру документа на HTML. Простейшая структура выглядит так:
1 2 3 4 5 6 7 |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> <HTML> <HEAD><!-- Начало заголовка --> <TITLE>Заголовок документа</TITLE> </HEAD><!-- Конец заголовка --> <BODY>Основной текст документа</BODY> </HTML> |
Где,
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> — 1-я строчка определяет версию языка HTML, оптимальная версия 4.01, поэтому эта строчка, как правило, у всех сайтов одинаковая.
<HTML></HTML> — 2-я и 7-я строчки, говорят браузеру об открытии и закрытии HTML документа.
<HEAD></HEAD>, <TITLE></TITLE> — с 3-я, 4-я, 5-я строчки определяют заголовок документа и тегами <TITLE></TITLE> указывается название сайта.
<BODY></BODY> — 6-я строчка это тело документа. Здесь прописывается весь текст сайта, меню и др.
Прописав представленный код в Блокноте, надо сохранить файл в формате .html. Для этого надо перейти в меню «Файл» — «Сохранить как». Тип файла выбрать «Все файлы» и прописать имя файла, например index.html. Теперь можно открыть файл в браузере (Internet Explorer, Mozilla Firefox) и посмотреть, что получилось.
Создаем структуру страницы, где будет находиться шапка сайта, где меню, а где текст страницы.
Делается это с помощью блочной верстки, либо таблиц. Таблицы в HTML определяются тегом <TABLE></TABLE>, где строка прописывается тегом <tr></tr>, а столбец <td></td>. Разобьем страницу на 3 части, первая будет отвечать за шапку сайта и будет находиться по центру, вторая за меню, а третья – за основной текст на странице.
Код таблицы будет выглядеть, примерно, так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> <HTML> <HEAD> <TITLE>Заголовок документа</TITLE> </HEAD> <BODY>
<table border="2" cellpadding="10">
<tr height="200"> <td colspan="2"></td> </tr>
<tr> <td width="200" height="500" valign="top"></td> <td width="800" height="500" valign="top"></td> </tr>
</table>
</BODY> </HTML> |
Где,
<table></table> — 8-я и 19-я строчка определяет открытие и закрытие таблицы;
<tr width="100%"> — 10-я строчка открывает первую строку и 11-я строчка <td colspan="2"></td> открывает первый столбец. Атрибут colspan говорит о том, что первая строчка будет растянута на 2 столбца.
<tr> — 14-я строчка открывает вторую строку в таблице и 15-я строка открывает первый столбец во второй сточке. Соответственно 16-я строка открывает второй столбец во второй сточке. Атрибуты width и height, отвечают за ширину и высоту столбцов.
Получиться должно нечто подобное:
В ячейках необходимо прописать меню, вставить картинку с шапкой и написать текст для главной страницы.
Можно создать отдельную папку для проекта, например «mysite» и копировать туда файл index.html. Здесь будут храниться все файлы сайта. Создаем здесь папку с названием «i» и копируем туда любую картинку, которая будет отображаться в качестве шапки вашего сайта. Название картинки должно быть 1.png.
Окончательный код создания сайта в Блокноте, будет выглядеть примерно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”> <HTML> <HEAD> <TITLE>Заголовок документа</TITLE> </HEAD> <BODY>
<table border="2" cellpadding="10">
<tr height="200"> <td colspan="2"><p align="center"><img src="i/1.png"></p></td> </tr>
<tr> <td width="200" height="500"valign="top"> <li><a href="index.html">Главная</a></li> <li><a href="1.html">Об авторе</a></li> <li><a href="http://sitese.ru/zagolovok-html-dokumenta.html">Заголовки в HTML</a></li> <li><a href="http://sitese.ru/rabota-so-ssylkami-i-izobrazheniyami-v-html.html">Форматированите в HTML</a></li> <li><a href="http://sitese.ru/rabota-so-spiskami-v-html.html">Списки в HTML</a></li> <li><a href="http://sitese.ru/rabota-s-tablicami-v-html.html">Таблицы в HTML</a></li> <li><a href="http://sitese.ru/frejmy-v-html.html">фреймы в HTML</a></li> <li><a href="http://sitese.ru/rabota-s-formami-v-html.html">Формы в HTML</a></li> </td>
<td width="800" height="500" valign="top"> <p><h2>Язык HTML</h2></p> <p>По данным Википедии язык HTML был разработан британским учёным Тимом Бернесом в 1989 г. Данный язык был придумал для обмена научной информацией (документацией) между людьми не являющимися специалистами в области верстки. С помощью простых “тегов” языка HTML стало возможным создание подобных документов. То есть, каждый научный сотрудник, при желании обладая простым набором “тегов” языка HTML, мог создавать собственные документы и форматировать их в удобном для чтения виде. Плюс появилась возможность использования “гипертекста” в документах, то есть ссылаться на другие страницы в сети и обмениваться опытом.</p> <p>HTML (от англ. Hyper Next Markup Language – язык разметки гипертекста) – это стандартный язык разметки документов в интернете. Большинство веб-страниц создаются при помощи языка HTML (XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобного для чтения пользователей.</p> <p>На сегодняшний день язык НTML далеко шагнул от первоначального его использования. Было разработано порядка 5 версий языка HTML, множество дополнений, появилась возможность использования мультимедиа и др.</p> </td> </tr>
</table>
</BODY> </HTML> |
Где,
<img src="i/1.png"> — 11-я строчка, тег <img> отвечает за отображение картинки в окне браузера. Соответственно в первой ячейки у нас отобразится картинка (шапка), которую мы заранее скопировали.
<li><a href="http://sitese.ru/zagolovok-html-dokumenta.html">Заголовки в HTML</a></li> - 18-я строчка, здесь мы прописываем пункты меню нашего сайта. Делается это в виде списка с помощью тегов <li></li> и тега ссылки <a></a> ведущего на саму страницу.
<p><h2>Язык HTML</h2></p> — 27-я строчка, где прописывается текст главной страницы. Этой строчкой мы прописали заголовок.
<p>На сегодняшний день язык НTML далеко шагнул от первоначального его использования. Было разработано порядка 5 версий языка HTML...</p> — 30-я строчка, прописывается непосредственно сам текст страницы. Тег <p> разделяет текст на абзацы.
. В итоге должна получиться такая страница на HTML созданная в программе Блокнот:
Конечно, при создании сайта через блокнот требуются определенные знания языка HTML. Но если только начинать изучение сайтостроения, использовать программу Блокнот следует в первую очередь. Именно прописывая код своими руками можно значительно быстрее выучить основные теги, запомнить их и ориентироваться коде.
Так же существенным преимуществом создания сайта в Блокноте, является более чистый код. Код, написанный своими руками, максимально чистый и свободный от ненужных тегов, которые прописывают другие редакторы.
К обязательным тегам HTML относят:
< HTML> <HEAD> </HEAD> <BODY> </BODY> < /HTML>
Обязательные теги <HTML> и </HTML> показывают браузерам и другим программам для просмотра гипертекстовых страниц, что они имеют дело с гипертекстовым документом. Любой html-документ должен начинаться с <HTML> и заканчиваться </HTML>, т.е. между этими тегами находится ВЕСЬ код html.
Между тегами <HEAD> и </HEAD> находится заголовок документа. В нем хранится информация об html-странице. Вообще, данные теги не являются обязательными, т.е. без них html-документ будет нормально отображаться браузерами, но даже, если не планируется использовать область заголовка, то надо написать хотя бы просто <HEAD> </HEAD>. Это нужно для совместимости между различными версиями программ. Все символы, находящиеся между этими тегами, никак не отображаются браузером (за исключением информации между тегами <TITLE> </TITLE>, где расположено название html-документа, выводимое в верхней панели браузера), но могут оказывать большое влияние на вид html-страницы, ее жизнь в Интернете и ранжирование поисковыми системами.
Основное содержимое html-документа располагается между тегами <BODY> и </BODY>. Здесь находится все, что мы видим, когда открываем html-страницу: текст, графику, меню, кнопочки и т.д. Это основное «тело» страницы.
Все остальные теги, использующиеся при создании html-документа, находятся между этими обязательными тегами. Практически все теги html имеют различные атрибуты или параметры, которые позволяют отобразить информацию именно так, как задумал автор.