- •Задание
- •Введение
- •Microsoft Word как веб-редактор
- •Растровая и векторная графика
- •Некоторые теги html-документов
- •Краткое описание продуктов Corel Draw и Adobe Photoshop
- •Постановка задачи и получение исходных данных.
- •Алгоритм решения
- •Полученные результаты
- •Заключение
- •Список использованной литературы
Растровая и векторная графика
Они отличаются принципами формирования изображения при отображении на экране монитора или при печати на бумаге. Векторная графика — это использование геометрических примитивов, таких как точки, линии для представления изображений в компьютерной графике. Важнейшая особенность векторной графики состоит в том, что для каждого объекта определяются управляющие параметры, конкретизирующие его внешний вид. Например, для окружности такими управляющими параметрами являются диаметр, цвет, тип и толщина линии, а также цвет внутренней области. Представление векторного изображения в памяти компьютера сложнее, чем пиксельного (хотя, как правило, при этом оно намного компактнее). Преимущества этого способа описания графики над растровой графикой: минимальное количество информации передаётся намного меньшему размеру файла (размер не зависит от величины объекта); соответственно, можно бесконечно увеличить, например, дугу окружности, и она останется гладкой, с другой стороны, если кривая представлена в виде ломаной линии, увеличение покажет, что она на самом деле не кривая; при увеличении или уменьшении объектов толщина линий может быть постоянной; параметры объектов хранятся и могут быть изменены, это означает, что перемещение, масштабирование, вращение, заполнение и т.д. не ухудшат качества рисунка. У векторной графики есть два фундаментальных недостатка: не каждый объект может быть легко изображен в векторном виде, кроме того, количество памяти и времени на отображение зависит от числа объектов и их сложности; перевод векторной графики в растр достаточно прост, но обратного пути, как правило, нет — трассировка растра обычно не обеспечивает высокого качества векторного рисунка. Растровая графика — это прямоугольная матрица, состоящая из множества очень мелких неделимых точек. Достоинства растровой графики: позволяет создать практически любой рисунок, вне зависимости от сложности, в отличие, например, от векторной, где невозможно точно передать эффект перехода от одного цвета к другому; растровая графика очень распространена; преобладает высокая скорость обработки сложных изображений, если не нужно масштабирование; растровое представление изображения естественно для большинства устройств ввода/вывода графической информации, таких как монитор, принтер, цифровой фотоаппарат, сканер и др. Недостатки растровой графики: большой размер файлов с простыми изображениями; невозможность идеального масштабирования.
Некоторые теги html-документов
Web-страницы описываются на специальном языке, называемом HTML (HyperText Markup Language язык разметки гипертекстовой информации), который позволяет осуществлять простое форматирование текста, вставку графики, а также составление таблиц и цветовое оформление документов.
Будучи подмножеством языка SGML, HTML имеет теговую структуру. Это означает, что в тексте встречаются команды, изменяющие интерпретацию информации.
Теги записываются в угловых скобках и могут содержать дополнительные параметры. Большинство тегов располагается в виде ``скобок'' вокруг текста (как теги <I> и </I> вокруг слова ``курсивом''). Благодаря этому свойству, теги можно подразделить на открывающие и закрывающие. Не у всех тегов существуют соответствующие им закрывающие, такие теги иногда называют ``пустыми''(empty). Общую структуру открывающего тега можно записать так:
<NNNNN Name="Value" .....>
Соответствующий закрывающий тег будет иметь вид
</NNNNN>
Некоторые теги HTML
Заглавные теги
<HTML> (соответственно, в конец документа, закрывающего тега </HTML>; никогда не забывайте закрывать скобки!). Заголовок HTML-файла находится в обязательной секции <HEAD>, которая должна находиться в самом начале, то есть сразу после тега <HTML>. Оформляется заголовок с помощью тега <TITLE>.
BACKGROUND - позволяет задать фоновую картинку для документа. Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна программы просмотра.
TEXT - задает цвет текста документа. Цвет задается так же как и для параметра BGCOLOR.
LINK - задает цвет для текста и рамок изображений в активных зонах документа, содержащих ссылки (anchors).
VLINK - (Visited LINKs color) задает цвет для ранее выбранных ссылок.
ALINK - (Active LINKs color) задает цвет для ссылок в момент выбора.
Форматирующие теги
Для того чтобы вставить ``насильный'' перевод строки, необходимо воспользоваться тегом <BR> . Если вам необходимо сделать так, чтобы в определенном месте текст НЕ МОГ быть разорван, напишите в этом месте тег <NOBR>
Для разбивки текста на параграфы используется тег <Pпараметры>ТЕКСТ<P> Тег <P> имеет один параметр ALIGN, указывающий на способ выравнивания текста внутри параграфа: текст может быть выровнен по правому (RIGHT), левому (LEFT) краям или отцентрирован (CENTER). Если параметр опущен, текст выравнивается по левому краю.
Чтобы отцентрировать параграф можно также пользоваться тегом
<CENTER>...</CENTER>
Еще одним способом разделения текста на части можно назвать горизонтальную линию. Линия является элементом языка HTML и вставляется в текст посредством тега<HRпараметры>,где параметры могут быть следующими:
WIDTH - задает ширину линии
SIZE - задает толщину линии.
NOSHADE - если этот параметр задан, линия не будет иметь тени.
Комментарии
Комментарии заключаются между последовательностями <!-- и -->.
Заголовки
Для их создания используются теги <H1>...</H1>,...,<H6>...</H6>. Размер 1 соответствует самому крупному шрифту, размер 6 самому мелкому
Шрифты
Выделение курсивом осуществляется с помощью тега <I> (от слова Italic), а жирным шрифтом -- с помощью тега <B> (от слова Bold).
В HTML есть также понятие emphasis - обобщенное выделение. Оформляется оно с помощью тега <EM>...</EM>. Такое выделение - средство описания логической структуры документа. Обычно выделенный таким способом текст отображается курсивом.
Другим средством логического выделения можно считать тег <STRONG>...</STRONG>
Содержимое тега обычно отображается жирным шрифтом.
Изменить размеры и цвет шрифтов можно с помощью тега <FONT параметры>...</FONT>
Параметры могут быть следующими:
SIZE=``value или value'' - задает абсолютный или относительный размер шрифта. Относительный размер задается по отношению к базовому размеру. Диапазон принимаемых значений от одного до семи.
COLOR - указывает цвет для текста.
FACE - расширение Microsoft Internet Explorer и Netscape Navigator. Позволяет задать гарнитуру (или список гарнитур, из имеющихся в системе шрифтов будет выбран наиболее подходящий) для текста.
SIZE - задает размер шрифта.