Сформировать Word-файл произвольного содержания. ИПЗ Задание 1 Федосеенков Е.Е.. Итоговое практическое задание по дисциплине Информатика и основы информационнокоммуникационных технологий
![]()
|
ИТОГОВОЕ ПРАКТИЧЕСКОЕ ЗАДАНИЕ по дисциплине « Информатика и основы информационно-коммуникационных технологий »
Москва 2022 г. «Основные принципы работы: Язык HTML»Язык HTMLИстория развития языка HTMLНачало истории HTML относится к 1969 году, когда Чарльз Гольдфарб, работающий в компании IBM, создал прототип языка для разметки технической документации, впоследствии названного GML, а с приданием ему в 1986 году статуса международного стандарта – SGML (Standard Generalized Markup Language). Этот обобщенный метаязык предназначен для построения систем логической, структурной разметки любых разновидностей текстов. Слово «структурная» означает, что управляющие коды, вносимые в текст при такой разметке, не несут никакой информации о форматировании документа, а лишь указывает границы и соподчинения его составных частей, т.е. задают его структуру. Однако сам по себе SGML не получил сколько-нибудь заметного распространения до тех пор, пока в 1991 г. сотрудники европейского института физики частиц (CERN), занятые созданием системы передачи гипертекстовой информации через Интернет, не выбрали SGML в качестве основы для нового языка разметки гипертекстовых документов. Этот язык – самое известное из приложений SGML – был назван HTML (Hyper Text Markup Language – язык разметки гипертекста). Гипертекст – информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяют путем подчеркивания или окрашивания в другой цвет (гиперссылки). Выделение слова говорит о наличии связи этого слова с некоторым документом, в котором тема, связанная с выделенным словом, рассматривается более подробно. ![]() ![]() Рисунок 1 - Тим Бернерс-Ли В 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария) разработку языка возглавил Тим Бернерс-Ли. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). Текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). С течением времени, основная идея платформонезависимости языка HTML была отдана в жертву современным потребностям в мультимедийном и графическом оформлении. В настоящее время HTML является базовым языком создания Web-страниц. Документ на языке HTML может включать следующие компоненты: стилизованный и форматированный текст, команды включения графических и звуковых файлов, гиперсвязи с различными ресурсами Internet. скрипты на языке JavaScript и VBScript. Текстовые документы, содержащие код на языке HTML, обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами», предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра и, при необходимости, отправки введенных пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Internet Explorer, Mozilla Firefox и Safari. Составляющие HTML-документаДокумент, написанный на HTML, представляет из себя текстовый файл, который можно писать и редактировать как при помощи любого текстового редактора (Блокнот), так и в специализированных, с подсветкой кода (Notepad++, Visual Studio Code и т.п.). Он включает в себя: собственно текст, специальные последовательности символов, флаги разметки. Графическая и звуковая информация, включаемая в HTML-документ при помощи специальных команд, хранится в отдельных файлах. Программы просмотра HTML-документов, такие как, например, Microsoft Internet Explorerили Google Chrome, интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащих HTML-документы, принято расширение .htm или .html. Тэги HTMLЕсли сравнивать страницу сайта и обычную бумажную книгу, то на сайте, как и в книге, есть абзацы и заголовки. В книге есть название всей книги (по сути, самый главный заголовок), есть названия глав, параграфов в этих главах и так далее. Заголовки, абзацы и другие блоки можно выделить и на странице сайта. Это делается с помощью HTML тегов. HTML теги – это специальные команды для браузера.1 ![]() Обычно теги HTML используются парами и заключены между двумя символами угловых скобок <(начальный тег)> и (конечный тег)>. Текст между начальным и конечным тегами является содержимым элемента. Некоторые теги не имеют конечного, например, тег принудительного переноса строки , для таких тегов рекомендуется использовать следующее написание . Регистр символов для отображения тегов не важен, например, и означает одно и то же. Атрибуты. В тегах также могут размещаться атрибуты – специальные команды, которые расширяют действие тега. Атрибуты размещаются внутри открывающего тега в таком формате: <тег атрибут1="значение" атрибут2="значение">. Кавычки могут быть любыми – одинарными или двойными, допустимо вообще их не ставить, если значение атрибута состоит из одного слова. Структура HTML-документаЯзык HTML подразумевает стандартизированную структуру построения HTML-документа. Такая структура описывает очередность следования ряда обязательных блоков, которые содержат непосредственно программный код. ![]() Рисунок 2 - Структура HTML документа2 Кроме того, перед тегом обычно пишется конструкция . В прошлом, когда HTML был молод (около 1991/1992), доктайпы должны были выступать в качестве ссылки на набор правил, которым HTML страница должна была следовать, чтобы считаться хорошим HTML, что могло означать автоматическую проверку ошибок и другие полезные вещи. Однако в наши дни, никто не заботится об этом, и они на самом деле просто исторический артефакт, который должен быть включен для того, что бы все работало правильно. Внутри документа при этом выделяются два основных раздела: раздел заголовков и тело документа. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <НЕAD> и . Головная часть документа является служебной. Она обычно включает в себя название документа. В частности, раздел заголовков должен содержать контейнер общего заголовка документа . Оно выводится не вместе с самим документом, а в полосе заголовка окна браузера. Оно также используется и для других целей, например, когда программа просмотра создает так называемую закладку, т.е. запоминает местонахождение документа, к которому вы предполагаете в дальнейшем вернуться, этой закладке присваивается имя, которое берется из названия документа. Поле Собственно же содержимое Web-страницы размещается в теле документа, которое ограничивается парными тегами и , а также соответствующие им закрывающие теги опущены, то браузер может сам определить то место, где они должны были находиться. Тег Элементы HTMLЗаголовки.Их можно сравнить с заголовками из книги – каждая глава имеет свой заголовок и разбита на параграфы, которые тоже имеют свои заголовки, а основной текст страницы располагается в абзацах. Заголовки определяются с помощью тегов от до Абзацы.Их можно сравнить с абзацами в книге – каждый абзац начинается с новой строки и имеет так называемую красную строку. По умолчанию красной строки нет, но ее легко сделать. Абзац создается с помощью тега . Выравнивание текстов.В HTML-документе невозможно разбить текст на абзацы, используя клавишу Enter. Для перехода на следующую строку следует воспользоваться тегом Тег может иметь атрибут ALIGN, который может принимать следующие значения (табл. 1). Таблица 1. Теги выравнивания текста
Поскольку теги придумывали не у нас в России, то тег |
Значение атрибута | Описание |
| Полужирный текст |
| Наклонный текст |
| Подчеркнутый текст |
| |
| Малый шрифт |
| Большой шрифт |
| Верхний иняекс |
| Нижний индекс |
Цвет.
В HTML цвет может быть задан в нескольких форматах:
1. В виде шестнадцатеричного значения – используются код, заданный в шестнадцатеричной системе исчисления. Такие коды цветов в HTML состоят из трех пар шестнадцатеричных чисел. Каждая пара отвечает за насыщенность оттенка своим основным цветом:
Первая числовая пара – отвечает за красный цвет;
Вторая пара – за содержание зеленого цвета;
Последняя – за содержание синего цвета.
В начале кода (перед цифрами) ставится решетка (#). Так обозначается шестнадцатеричный цветовой код. Кроме чисел от 1 до 9 в этой системе исчисления используются буквы латинского алфавита (A, B, C, D, E, F). Например, цвет фона веб-страницы задан как #FA8E47. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) – зеленую, а последние две цифры (47) – синюю. В итоге получится такой цвет.
FA | + | 8E | + | 47 | = | FA8E47 |
2. Ключевым словом – сейчас HTML поддерживает около 150 ключевых слов. Но не все из этих слов являются уникальными. Некоторые из них ссылаются на один и тот же цветовой оттенок, например серый цвет, обозначается двумя ключевыми словами: grey и gray. Их шестнадцатеричный код задается одним и тем же значением #808080.
3. В формате RGB – эта кодировка цветов в HTML основана на использовании трех значений, задаваемых в диапазоне от 0 до 255. Каждое из них определяет насыщенность оттенка одним из основных цветов:
R – красный (red);
G – зеленый (green);
B – синий (blue).
Номер цвета в формате RGB записывается в таком виде: rgb(0, 210, 100).
Мультимедиа в HTML-документах.
Термин мультимедиа относится к такому компьютерному представлению информации, которое состоит из более чем одного типа данных. Большинство элементов мультимедиа, основаны на том или ином зависящем от времени материале, будь то видео, звук или анимация. Процесс проигрывания можно запустить, остановить, «перемотать», как обычную видео- или аудиокассету. Некоторые мультимедиа-презентации содержат интерактивные элементы – например, кнопки перехода. Но чаще всего мультимедийные элементы напоминают привычные видео- и аудиоролики. Существует множество типов мультимедийных файлов.
Таблица 3 - Типы мультимедийных файлов.
Формат файла | Тип файла | Расширение |
Sun Systems sound | Цифровое аудио | .au |
Windows sound | Цифровое аудио | .wav |
Audio Interchange | Цифровое аудио | .aiff, .aifc |
MPEG/MP3 audio | Цифровое аудио | .mpg. .mp3 |
MIDI audio | Команды управления звуком | .mid. .midi |
CompuServe GIF | Графика | .gif |
JPEG (метод сжатия) | Графика | .jpg jpeg |
TIFF | Графика | .tif, .tiff |
Windows bitmap | Графика | .bmp |
Fractal animations | Анимация | .fli, .flc |
MPEG video | Видео | .mpg. .mpeg |
QuickTime | Видео | .mov. .qt |
Microsoft video | Видео | .avi |
Digital video (формат DV) | Видео | .dv |
Macromedia Shockwave Flash | Анимация | .swf |
Microsoft Excel documents | Данные электронных таблиц | .xl, .xls |
Microsoft Word documents | Форматированный текст | .doc |
При вставке мультимедийных объектов не следует забывать о довольно больших объемах файлов, содержащих мультимедиа. Самыми большими являются видеофайлы. Минутный фрагмент может занимать 10…20 Мбайт и более. Трехминутная аудиозапись высокого качества занимает до 3,5 Мбайт. Анимация может занимать сотни килобайт, что гораздо больше, чем средний графический файл.
Оглавление
1.«Основные принципы работы: Язык HTML» 2
1.1.Язык HTML 2
1.1.1.История развития языка HTML 2
1.1.2.Составляющие HTML-документа 3
1.1.3.Тэги HTML 3
1.2.Структура HTML-документа 4
1.2.1.Элементы HTML 5
1.2.1.1.Заголовки. 5
1.2.1.2.Абзацы. 5
1.2.1.3.Выравнивание текстов. 5
1.2.1.4.Списки. 6
1.2.1.5.Шрифт. 6
1.2.1.6.Цвет. 6
1.2.2.Мультимедиа в HTML-документах. 7
2 HTML-документ всегда должен начинаться с открывающего тега и заканчиваться соответствующим закрывающим тегом .