Основные тенденции и проблемы в области разработки и применения информационных технологий
Информационный ресурс - совокупность накопленной информации, зафиксированной на материальных носителях. Типы мировых информационных сетей. Классификация информационных ресурсов, браузеры-программы, язык разметки, система адресации в сети Интернет.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курс лекций |
| Язык | русский |
| Дата добавления | 18.12.2010 |
| Размер файла | 427,8 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Если Web-сайт имеет адрес www.bigcоmpany.com, пользователь может обратиться к его начальной странице, набрав URL http://www.bigcоmpany.com/. Ссылка на эту страницу из внешней системы выглядит точно также. Но, подключившись к сайту, уже нет смысла указывать его полный адрес. Полный адрес ссылки с главной страницы к странице, которая находится в корневом каталоге, будет выглядеть так: http://www.bigcоmpany.com/staff.htm. Протокол, имя сервера, имя каталога можно опустить и оставить только название файла staff.htm. Эта сокращенная схема работает, так как запись http://www.bigcоmpany.com/ подразумевается по умолчанию для всех остальных ссылок. Таким образом, можно использовать адреса в сокращенном варианте. Примеры такой сокращенной записи представлены в следующей таблице.
Адрес текущей страницы Адрес назначения Относительный URL
http://www.bigcompany. http://www.bigcompany. staff.htm
com/index.htm com/staff.htm
http://www.bigcompany. http://www.bigcompany. products/gadget1.htm com/index.htm com/products/gadget1.htm
http://www.bigcompany. http://www.bigcompany. ../index.htm
com/products/gadget1.htm com/index.htm
Если на Web-сайте используются относительные URL, сайт становится переносимым. Без указания имени сервера в каждой ссылке, Web-сайт можно разрабатывать на одном сервере, а затем переносить его на другой. Если же вы пользуетесь абсолютными URL, все ссылки при переносе на другой сервер придется изменять. Конечно, относительные URL имеют и свои недостатки: на большом сайте они могут привести к путанице, в особенности, если используется общий каталог для однотипных файлов, например, изображений. Один из выходов - использование элемента <BASE>, определяющего базу всех относительных URL, встречающихся в документе. Подробнее мы поговорим об этом в модуле 2.
4. Основные элементы базового языка HTML
4.1 Основные понятия и правила базового языка HTML
Язык гипертекстовой разметки HTML - это язык структурной разметки, используемый для создания Web-страниц. Он представляет собой простой набор кодов, называемых элементами, который используется для определения структуры и формата документов. Пользовательская программа, в роли которой обычно выступает Web-браузер, выводит данный документ на экран, интерпретируя значения этих кодов. Базовый HTML - это вид HTML, который используется в большинстве Web-страниц.
Элементы в языке HTML состоят из буквенно-цифровых кодов, помещенных в угловые скобки, например <B>, <HTML >, <IMG>, <HR>. Большинство элементов состоят из пары тегов - открывающего и закрывающего. Открывающий тег - это просто мнемонический символ элемента, заключенный в угловые скобки. Например, символ, обозначающий жирный шрифт, - В (от слова Bold - жирный), а его открывающий тег - <B>. Закрывающий тег идентичен открывающему за тем исключением, что перед названием ставится прямая наклонная черта (/). Действие элемента распространяется на всё, что находится между открывающим и закрывающим тегами, например: <B> Этот текст набран жирным шрифтом </B> а этот - нет.
В спецификации языка HTML определяется, что именно может окружать каждый из элементов. Это так называемая модель содержимого элемента. Элементы могут окружать другие элементы, текст, комбинацию элементов и текста и могут вообще ничего не окружать. Так, модель содержимого элемента <HEAD>, задающего общую информацию об HTML-документе, позволяет окружать лишь несколько элементов, например <TITLE> и <META>. Модель содержимого элемента <B> позволяет ему окружать текст и некоторые другие элементы, например <I> (курсив), но не такие как <HEAD>. Модель содержимого элемента перевода строки <BR> определяет данный элемент как пустой, так как он не может ничего окружать (тогда элементу не нужен закрывающий тег). Модель содержимого определяет возможные отношения между элементами и содержанием. Если они соблюдаются, HTML-документ считается правильным.
Открывающий тег HTML может иметь также несколько атрибутов, которые каким-либо образом меняют его действие. Атрибуты ставятся между угловыми скобками тега и отделяются от названия элемента как минимум одним пробелом. Некоторые атрибуты обозначают действие одним только своим названием, как, например, атрибут COMPACT, добавляемый в элемент упорядоченного списка <OL COMPACT>. Другие атрибуты обозначают действие путём присвоения значения имени. Например, в теге <OL TYPE=”I”> упорядоченному списку присваивается тип нумерации с использованием римских цифр в верхнем регистре. Элемент может содержать несколько атрибутов, они отделяются друг от друга как минимум одним пробелом: <OL COMPACT TYPE=”I”>.
Полный элемент HTML определяется открывающим тегом, закрывающим тегом (если таковой имеется), возможными атрибутами и моделью содержимого. На рис. 2.1. показан синтаксис типичного элемента HTML.
Имя Имя Значение
тега атрибута атрибута
<H1 ALIGN = ”LEFT” > Заголовок </H1>
атрибут
открывающий содержимое закрывающий
тег элемента тег
элемент HTML
рис. 2.1. Типичный элемент HTML
Правила языка HTML. При написании HTML-кода необходимо соблюдать следующие правила.
· Названия элементов можно писать в любом регистре. Элемент <hTml> обозначает то же самое, что и <html> или <HTML>. Браузер не обращает внимания на то, буквами в каком регистре написаны имена элементов. Тем не менее, следует придерживаться определенного стиля: писать все элементы строчными или заглавными буквами. Практика показывает, что лучше всего названия элементов писать заглавными буквами, тогда HTML-документы легче читать и исправлять.
· Значения атрибутов не всегда можно писать в любом регистре. Значение атрибута часто чувствительно к регистру букв, в особенности когда дело касается имён файлов. Имя файла в элементе <IMG SRC=”filename.gif”> не всегда можно заменить на <IMG SRC=”FILENAME.GIF”>. Всё зависит от операционной системы: играет ли для неё какое-либо значение разница в регистре букв. Во избежание недоразумений всегда указывайте в точности то имя, которое было присвоено файлу при сохранении.
· Названия элементов не должны содержать пробелов. Броузеры рассматривают первый пробел, встречающийся в элементе, как конец названия элемента и начало его атрибутов. Например, <I M G> не означает <IMG> - тег вставки рисунка. Он будет обозначать <I> - элемент курсива, - с двумя неопределенными атрибутами M и G.
· Значения атрибутов могут содержать пробелы, если они помещены в кавычки. Некоторые атрибуты имеют известные значения, как правило, это строки типа LEFT, RIGHT или CENTER. Данные значения не требуется заключать в кавычки. Кавычки используются только в том случае, если внутри значения встречаются пробелы или специфические символы. Например, значения атрибутов SRC и ALT в следующем элементе не содержат пробелов, а потому в кавычки не заключаются. <IMG SRC=dog.gif ALT=Ralf>. Если же значением атрибута надписи к рисунку ALT будет фраза My dog Ralf, она должна быть заключена в кавычки.
<IMG SRC=dog.gif ALT=”My dog Ralf”>
· Браузеры игнорируют несколько пробелов подряд и сжимают их в один. Браузеры сжимают последовательность из нескольких символов пробела, табуляции или перевода строки в один единственный символ. Эти символы не могут быть использованы для форматирования, если только текст с ними не помещен в специальный элемент <PRE>. Он сохраняет значение каждого символа.
· HTML-документы могут содержать комментарии. Язык HTML поддерживает использование комментариев, которые не выводятся броузером на экран. Комментарии начинаются с символов <!- - и заканчиваются символами - -> и могут содержать любое количество строк. Между дефисами и восклицательным знаком не должно быть пробелов. Комментарии могут располагаться в любой части страницы. В особенности они ценны в заголовке документа, так как помогают работать с ним. Комментарий, размещенный в заголовке, может содержать информацию о назначении документа, о его создателе, о требуемых ресурсах и истории внесенных изменений.
· Элемент, включающий в себя открывающий тег другого элемента, должен также включать и закрывающий тег этого элемента. Пары тегов разных элементов должны вкладываться друг в друга, а их закрывающие теги не должны пересекаться. Для того, чтобы выделить текст жирным шрифтом и курсивом, набирайте <B><I>Правильно</I></B>, а не <B><I>Неправильно</B></I>.
4.2 Структура HTML-документов
Вне зависимости от содержания все правильно составленные HTML -документы имеют одну и ту же структуру. Ниже представлен шаблон HTML-документа:
<!DOCTYPE HTML PUBLIC “html версия”> <HTML>
<HEAD>
<TITLE> Название документа </ TITLE>
. . . Здесь указывается прочая дополнительная информация . . .
</HEAD>
<BODY>
. . . Здесь находится размеченный текст . . .
</BODY>
</HTML>
Любой HTML-документ начинается в элемента <!DOCTYPE>, который указывает на версию HTML, в кoторой написан данный документ. После него идет элемент <HTML>, в который и помещается сам документ. Он состоит из двух главных разделов - заголовка (элемент<HEAD>) и тела (элемент <BODY>). В заголовке содержится вся информация, описывающая документ. В нём обязательно должно быть название документа, которое помещается в элемент <TITLE>. В теле же располагается сам текст документа.
Из языка SGML язык HTML унаследовал требование, что все документы должны начинаться с элемента <!DOCTYPE>. В HTML-документе с его помощью указывается диалект, использованный для написания документа. Это указание делается в виде ссылки на существующее описание типа документа (document type definition - DTD). В нём записано, какие элементы, атрибуты и отношения между ними должны существовать в документе. Элемент <!DOCTYPE> позволяет программам-валидаторам определить, по какому стандарту языка надо проверять данный HTML-документ.
Элемент <HTML> определяет начало и конец HTML-документа. Он содержит только два элемента - <HEAD> и <BODY>. Элемент <HEAD> необязателен. Стандарт HTML 3.2 вообще не требует его использования, также как и все популярные браузеры. Однако, включив его, вы делаете документ более читаемым.
4.3 Раздел заголовка документа (элемент<HEAD>)
Элемент <HEAD> включает в себя ту часть документа, в которой содержится описание его характеристик и прочая дополнительная информация. Браузеры не выводят эту информацию, хотя она и используется таблицами стилей и сценариями. Сам элемент <HEAD> в документ вставлять необязательно, так как границы его действия можно отследить и без его задания. Тем не менее, в целях хорошего стиля и читаемости исходного кода включать его всё-таки следует. В соответствии с описанием стандарта HTML 4.0 в элементе <HEAD> могут находиться следующие элементы: <BASE>, <ISINDEX>, <LINK>, <META>, <OBJECT>, <SCRIPT>, <STYLE> и <TITLE>. Элемент <TITLE> должен всегда присутствовать в документе. Ниже приведено краткое описание каждого элемента.
Элемент <BASE> указывает абсолютный адрес URL. Cервер и каталог, указанные в данном элементе, добавляются к неполному адресу URL, используемому в документе, чтобы определить путь к нужной странице. Неполный адрес URL иногда называют относительной ссылкой.
Элемент <ISINDEX> указывает, что данный документ содержит индекс ключевых слов. Обнаружив этот элемент, браузер выводит окно запроса, в котором находится искомое слово. Сегодня этот элемент редко используется, так как его большей частью заменили формы.
Элемент <LINK> определяет связи между данным документом и другими документами. Во-первых, данный элемент может применяться для перемещения между гипертекстовыми документами, а во-вторых, для привязки к документу списка стилей.
Элемент <META> с помощью пары «имя - значение» определяет метаинформацию о документе. Часто с помощью <META> определяется информация, описывающая документ, которая затем используется поисковыми службами Web. Существует и другое применение данного элемента: с его помощью можно определять заголовок HTТР-запроса, так что через определенное время вместо текущей страницы будет загружена другая.
Элемент <OBJECT> определяет объект, который включается в HTML-документ.
Элемент <SCRIPT> позволяет вставлять прямо в Web-страницы программы, написанные на языке сценариев, для выполнения на компьютере-клиенте. Наиболее популярными языками сценариев являются JavaScript и VBScript (вариант Visual Basic). Этот способ увеличения интерактивности страницы называется программированием на стороне клиента.
В элемент <STYLE> включаются определения стилей, имеющихся шрифтов, цветов, размещения и прочих аспектов оформления страницы. Стили можно связывать с определенными элементами документа.
Элемент <TITLE> должен быть в любом HTML-документе. Он присваивает HTML-документу название, по которому его распознает браузер и роботы поисковых серверов. Браузеры выводят название документа при просмотре, а также используют его при создании закладок. В названии документа можно использовать обычный текст, а также некоторые символьные примитивы (например, ©). Использование разметки в элементе названия не допускается. Название пользователь видит в списке закладок, если он сделал закладку на данную страницу. Роботы поисковых серверов при определении тематики страницы уделяют особое внимание её элементу <TITLE>. Именно поэтому название должно недвусмысленно описывать содержание страницы. В документе может быть только один элемент <TITLE>. Он должен располагаться в заголовке документа.
4.4 Элемент <BODY>(тело документа)
Тело документа заключается между тегами <BODY> и .</BODY>. Спецификация HTML 4.0 и большинство браузеров не требует обязательного наличия этого элемента. Но его следует использовать. В документе может быть только один элемент <BODY>.
Атрибуты тега <BODY>:
background=”1.jpg”____________фоновой узор
bgcolor=”gray”________________цвет фона
marginwidth=20_______________отступ слева (Netscape)
marginheight=0_______________отступ сверху (Netscape)
leftmargin=20_________________отступ слева (Internet Explorer)
topmargin=0__________________отступ сверху (Internet Explorer)
link=”blue”___________________цвет непосещенных ссылок
alink=”yellow”________________цвет активных ссылок
vlink=”red”___________________цвет посещенных ссылок
text=”black”__________________цвет текста
bgproperties=”fixe”___________фон не прокручивать (Internet Explorer)
Чаще всего в элементе <BODY> используются атрибуты, влияющие на цвет текста, фона и ссылок в документе. Например:
<BODY bgcolor=“gray” link=”blue” alink=”yellow” vlink=”cyan”>
Элемент <BODY> может содержать множество других элементов HTML. Основные элементы HTML, которые используются большинством браузеров и определены в спецификации HTML 4.0, делятся на три большие группы:
элементы уровня блока, работающие с большими блоками текста, например, с абзацами.
элементы уровня текста, указывающие как текст должен выводиться на экран и к какому типу он относится.
символьные примитивы - элементы уровня символов, позволяющие вставлять в документ определенные символы, например, символы с ударением, символы авторских прав и др.
4.5 Способы задания цветовых параметров и шрифта
Цветовые параметры Web-страницы - это цвет текста, цвет фона и ссылок в документе. В основном атрибуты цвета задаются в элементе <BODY> и в элементе выбора шрифта <FONT>.
У элемента <BODY> имеется множество атрибутов, с помощью которых можно по-разному менять отображение текста в теле документа. Можно задать цвет фона, цвет текста и ссылок в документе, а также определить фоновое изображение.
Используя атрибут TEXT в элементе <BODY>, можно изменить цвет текста Web-страницы целиком. Применение же атрибута COLOR в элементе <FONT> позволяет воздействовать на внешний вид отдельного фрагмента текста.
Цвет текста можно задать наименованием или шестнадцатеричным значением (кодом) требуемого цвета. Выражение кода состоит из символа фунта (#), за которым следует число, в совокупности представляющее интенсивность красной (Red), зеленой (Green) и синей (Blue) составляющих цвета (RGB). По имени можно сослаться только на 16 основных цветов. Ниже приведена таблица, содержащая предопределенные названия основных цветов (с переводом их на русский язык) и соответствующие им шестнадцатеричные значения.
|
Наименование |
Код(#RRGGBB) |
Наименование |
Код |
|
|
aqua(голубой) |
#00FFFF |
navy(темно-синий) |
#000080 |
|
|
black(черный) |
#000000 |
оlive(оливковый) |
#808000 |
|
|
blue(синий) |
#0000FF |
purple(сиреневый) |
#800080 |
|
|
fuchsia(розовый.) |
#FF00FF |
red (красный) |
#FF0000 |
|
|
gray(темно-серый) |
#808080 |
silver(светло-серый) |
#C0C0С0 |
|
|
Green(зеленый) |
#008000 |
teal(бирюзовый) |
#008080 |
|
|
lime(салатовый) |
#00FF00 |
white(белый) |
#FFFFFF |
|
|
Maroon(малиновый) |
#800000 |
yellow(желтый) |
#FFFF00 |
Значения цвета, заданные посредством атрибута COLOR в элементе <FONT>, обладают более высоким приоритетом в сравнении с теми, которые установлены с помощью атрибута TEXT в элементе <BODY>. Поэтому вполне допустимо установить вначале общий цвет всего текста страницы, а затем изменить внешний вид требуемых фрагментов.
Элемент<FONT> позволяет задать размер, цвет и начертание шрифта, которым будет выводиться помещенный в элемент текст. Атрибуты <FONT>:
color=”gray #008000“_______цвет шрифта
face=”Arial, Verdana”__________название шрифта
size=”4” +1 -1 ___________ размер шрифта
Атрибут Face указывает название шрифта или список названий, разделенных запятыми. Браузер поочередно просматривает список шрифтов и отображает текст документа на экране первым шрифтом, который установлен на компьютере-клиенте.
Атрибут Size задает абсолютный или относительный размер шрифта. Числовые значения абсолютного размера располагаются в диапазоне от 1 до 7, где 1-наименьший размер шрифта, а 3-размер шрифта, используемый по умолчанию. При задании относительного размера шрифта с помощью знаков “+” и “-” указывается, на сколько новый размер шрифта больше или меньше текущего. Допустимые значения относительного размера шрифта находятся в диапазоне от +1 до +6 или от -1 до -6.
Пример: <FONT color=”red” size=“7” face=”Arial”>Красный текст седьмого размера </FONT>
Для выделения отдельных слов или фраз текста широко используются моноширинные шрифты, в которых каждому символу строки отводится одинаковое пространство (например, шрифт Courier). Для отображения текста с помощью моноширинных шрифтов применяются элементы <TT>, <CODE>,<KBD>и <SAMP>. Наиболее широкое применение находит элемент <TT>. Он полезен для выделения отдельных слов или фраз текста, не несущих определенной смысловой нагрузки. Остальные из перечисленных элементов используются для выделения фрагментов текста, имеющих специальное назначение (см. раздел «Элементы логического форматирования текста»).
Явно указать цвет фона Web-страницы позволяет атрибут BGCOLOR элемента <BODY>. Цвет фона задается наименованием или шестнадцатеричным значением (кодом #RRGGBB).
Атрибут BACKGROUND элемента <BODY> позволяет снабдить Web-страницу графическим фоном. Изображение, применяемое для формирования фона страницы, обычно невелико по размеру; браузер автоматически размещает его копии таким образом, чтобы целиком заполнить поверхность страницы. Любопытные и забавные образцы графики, предназначенной для использования в качестве фона, можно найти на сайтах www.nepthys.com/textures и imagine.metanet.com
4.6 Основные элементы оформления текстовой части страницы
В число структурных элементов текстовой части Web-страницы входят абзацы, разделы, заголовки, переформатированный текст. Кроме того, в оформлении текстовой части страницы участвуют списки, элементы уровня текста и символьные примитивы.
<P>: создание абзаца. Один из наиболее важных элементов структуризации текста - это элемент абзаца. Текст, окруженный тегами <P> и </P>, означает, что он является логическим абзацем. Текст абзаца начинается с новой строки. Сверху и снизу абзаца добавляется по одной пустой строке. Вложение <P> внутрь другого <P> не допускается: браузер автоматически прекращает действие прежнего <P>. Большинство Web-браузеров форматируют абзацы, выравнивая их влево. Атрибут ALIGN позволяет принудительно изменить признак выравнивания: Right - вправо, Left - влево, Center - по центру и Justify - по ширине. По умолчанию ALIGN принимает значение Left. Пример выравнивания абзацев:
<BODY>
<P>Это первый пример использования тега Р. </P>
<P ALIGN=”CENTER”>А это второй абзац. Он выровнен по центру.</P>
<P ALIGN=”RIGHT”>А здесь текст выровнен по правому краю. Такой текст довольно трудно читать. </P>
</BODY>
При выводе страницы в разных браузерах переход текста на следующую строку осуществляется в различных местах. Размер шрифта и размер экрана в разных браузерах разные. Так что с помощью абзацев создать точный макет страницы невозможно. Стоит только браузеру изменить свой размер, содержимое страницы тут же изменится, чтобы подстроиться под новые размеры окна. В этом прелесть и беда дизайна на языке HTML.
<H1>…<H6>: оформление заголовков документа. Заголовки - прекрасный инструмент структурной организации содержимого Web-страницы. Существует 6 различных уровней заголовков: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Уровни располагаются в порядке важности, начиная с <H1> - самого важного - до <H6> - наименее важного. В заголовках скрывается логический смысл, связанный со структурой документа. Размер и толщина шрифта связываются с важностью заголовка, поэтому заголовок <H1> выглядит больше, а <H3>- меньше. Большинство браузеров отображают заголовки полужирным шрифтом, добавляя над и под ними пустые строки и по умолчанию выравнивая текст заголовков влево. С помощью атрибута ALIGN заголовок любого уровня можно выровнять по левому (left), правому краю (right) страницы, по ширине (justify) или по центру (center). Ниже приведены примеры заголовков:
<H1 ALIGN=”LEFT”>Привет! </H1>
<H2 ALIGN=”CENTER”>Сегодня чудесный день! </H2>
<H3 ALIGN=”RIGHT”>И у меня отличное настроение</H3>
Последовательное и сообразное использование заголовков разных уровней существенно облегчит восприятие информации читателями. Заголовки имеют логическое значение. Во избежание путаницы старайтесь не использовать в пределах одной Web-страницы заголовки более трех различных уровней вложенности. Предполагается, что заголовки в документе должны использоваться по порядку, чтобы наименее важные заголовки были вложены в наиболее важные, либо стояли после них. При соблюдении логического характера заголовков страница легче поддаётся индексации, а также в ней можно реализовать некоторые схемы работы с документами, которых пока ещё нет в браузерах. Например, браузер может вывести пользователю весь Web-документ, показав ему только заголовки, которые при надобности можно раскрывать. В большинстве браузеров данный способ просмотра не предусмотрен, но его можно создать с помощью таких средств программирования, как, например Java или динамический HTML.
<DIV>: создание раздела документа. Элемент <DIV> используется для разбивания HTML-документов на разделы или части. С помощью атрибута ALIGN любую часть раздела можно выровнять по правой, левой стороне, по ширине или по центру. По умолчанию текст в элементе выравнивается по левой стороне. Допускается вложение раздела в раздел. Пустых строк сверху и снизу раздела не создается. Разделы используются при оформлении части документа с помощью таблиц стилей, при вызове сценария, и особенно для движущейся по экрану области.
Центрированный текст. Для того, чтобы выровнять по центру текст или внедренные объекты, например изображения, достаточно окружить его тегами <CENTER> и </CENTER>. Элемент <CENTER> - это просто укороченная запись элемента <DIV ALIGN=”CENTER”>, который оказывает на текст то же действие. В следующем примере демонстрируется использование элементов <CENTER> и <DIV>:
<CENTER>
<H1>Пример элемента CENTER</H1>
<P>Данный абзац выровнен по центру с помощью тега CENTER </P>
</CENTER>
<DIV ALIGN=”RIGHT”>
<H1>Пример элемента DIV </H1>
<P>Одним элементом DIV можно влиять сразу на несколько абзацев и другие элементы </P>
<P>Обратите внимание, что все абзацы выровнены по правой стороне.</P>
</DIV>
<BLOCKQUOTE>: создание блока цитаты. Для создания блоков цитат, выделенных на фоне остального текста, применяется элемент <BLOCKQUOTE>. Текст, помещаемый между тегами <BLOCKQUOTE> и </BLOCKQUOTE>, как правило, выводится с отступами слева и справа. Сверху и снизу добавляется по одной пустой строке. Ограничений на объем текста, который может быть включен в блок цитаты, не существует. Как и в случае с абзацами, все пробелы, символы табуляции и перевода строки внутри данного элемента игнорируются, а для изменения перехода текста на следующую строку и добавления нескольких пустых строк используется элемент <BR> или другие элементы. Допускается вложение внутрь другого элемента <BLOCKQUOTE>. В следующем примере демонстрируется использование элемента цитаты:
Раздел 1
<BLOCKQUOTE>Содержимое раздела 1 представляет собой текст, текст, текст и еще раз текст.
<BLOCKQUOTE> Вложенный раздел. Содержимое вложенного раздела также представляет собой текст, текст, текст и еще раз текст. </BLOCKQUOTE>
</BLOCKQUOTE>
<PRE>: переформатированный текст. Если необходимо сохранить заранее определенное форматирование в тексте, окружите его тегами <PRE> и </PRE>. В тексте, помещенном между тегами элемента <PRE>, сохраняются все пробелы и символы перевода строк. Текст не изменяется и при изменении размера окна браузера. Если же строки выходят за пределы окна браузера, в окне появляются горизонтальная и вертикальная линейки прокрутки.
Как правило, браузер выводит подобный предварительно форматированный текст с помощью моноширинного шрифта, обычно это шрифт Courier. Внутри элемента <PRE> можно пользоваться некоторыми элементами форматирования, например <B>,<I>, помещать ссылки.
Пример использования элемента <PRE> :
<PRE>
Это П Р Е Ф О Р М А Т И Р О В А Н Н Ы Й
Т
Е
К
С
Т
Все пробелы на месте! А также и символы перевода строки
</PRE>
<BR>: Переход к новой строке. Это элемент уровня текста, который служит для вставки в текст одного перевода строки. Он ничего не окружает и не имеет закрывающего тега. Тег <BR> полезен для разделения коротких фрагментов текста, таких как почтовые адреса или стихотворные строки. Он бывает удобен и в тех случаях, когда необходимо увеличить пустые области между отдельными элементами страницы, например для добавления дополнительных пустых строк, разделяющих соседние абзацы текста. Пример использования <BR> внутри и вне элемента абзаца <P>:
<P>Это первый абзац. <BR>
А это его вторая строка. </P>
<BR><BR><BR>
<P>А это второй абзац. Обратите внимание на свободное место, появившееся между абзацами с помощью тегов BR. </P>
<NOBR>: Отменить разрыв строки. Парный тег. Выводит текст, помещенный в него, без перехода на другую строку. Браузеру запрещается переход на следующую строку. Если все же нужно перейти на следующую строку, то используйте внутри текста тег <BR>. Пример использования:
<NOBR> Этот текст никогда не будет перенесен броузером. <BR> Но следующее предложение всегда будет идти двумя строками ниже. <BR>. <BR>. Следующее предложение. </NOBR>
<ADDRESS>: текст адреса. Парный тег. Отображается курсивом в виде отдельного абзаца с вставкой перед блоком текста и после него по одной пустой строке. Элементом <ADDRESS> окружают, например, подпись автора страницы или адрес организации, которой посвящена страница. Он может окружать несколько строк текста, форматирующие элементы, изменяющие характеристики шрифта, и даже рисунки. Согласно спецификации в нем нельзя использовать другие элементы уровня блока. Пример использования элемента <ADDRESS>:
Адрес:
<ADDRESS>
Москва, ул. Радио, д.22.<BR>
Телефон/факс 263-64-43 </ADDRESS>
4.7 Списки
Существует три основных вида списков в HTML-документе: нумерованный, маркированный и список определений.
Нумерованные списки - полезный инструмент представления элементов данных, следующих в определенном порядке (например, в инструкциях или оглавлениях). Браузер автоматически вставляет номера элементов по порядку. Это означает, что при удалении одного или нескольких элементов нумерованного списка, остальные номера будут автоматически пересчитаны.
Пронумерованный список начинается стартовым тегом <OL> и завершается тегом </OL>. Каждый элемент списка начинается с тега <LI>.
Пример: <OL>
<LI> Проектирование
<LI> Алгоритмизация
<LI> Программирование
</OL>
Атрибуты элемента <OL>:
TYPE=A | a | I | I |1___вид счетчика
START=n __________число, с которого начинается отсчёт
Значения атрибута Type:
A - большие латинские буквы (А,В,С…)
a - маленькие латинские буквы (a,b,c…)
I - большие римские цифры (I,II,III…)
i - маленькие римские цифры (i,ii,iii…)
1 - обычные цифры (1,2,3…)
Атрибут VALUE позволяет принудительно назначить любому элементу требуемый номер.
Пример: <H5>Список участников матча</H5>
<OL START=3>
<LI> Иванов И.
<LI> Петров П.
<LI VALUE=”7”> Сидоров С.
<LI> Смирнов А.
</OL>
Маркированные списки применяются в тех случаях, когда необходимо перечислить текстовые элементы, следующие в произвольном порядке, такие как наименования продуктов или адреса Web-сайтов. Маркированный список начинается стартовым тегом <UL> и завершается тегом </UL>. Каждый элемент списка начинается с тега <LI>. Для пометки элемента списка броузер использует маркер. Вид маркера задается атрибутом TYPE элемента <UL>.
Значения атрибута Type:
square - квадрат ()
disc - закрашенный кружок () - используется броузерами по умолчанию
сircle - пустой кружок ()
В пределах одного маркированного списка могут использоваться маркеры разных видов. Это удобно для объединения элементов списка в тематические группы.
<UL TYPE=”circle”>
<LI> Яблоки
<LI TYPE=”disc”> Морковь
<LI >Груши
<LI> Персики
<LI TYPE=”disc”> Свекла
</UL>
Списки определений, содержащие наименования терминов и их определения, - незаменимое средство форматирования текстов толковых словарей. Список определений начинается с тега <DL> и завершается тегом </DL>. Каждый термин начинается тегом <DT>, а описание - тегом <DD>. ни для <DT>, ни для <DD> закрывающий тег не нужен, но в случае длинных определений он не помешает.
пример:
<DL>
<DT><B> Интернет</B></DT>
<DD>Так называется всемирная сеть сетей, которая использует набор сетевых протоколов TCP/IP.</DD>
<DT><B> Доменное имя</B></DT>
<DD>Буквенно-цифровое название для обозначения сети или узла в сети
</DL>
Вывод в браузере примера со списками определений:
Многоуровневые (или смешанные) списки.
Списки можно вкладывать друг в друга на любую глубину. Многие авторы HTML-документов пользуются этим для получения отступа в тексте. Величина отступа меняется в зависимости от размера шрифта в броузере, поэтому точно ее определить невозможно. Для получения отступа чаще используют неупорядоченные списки, нежели списки определений, т.е. элемент <UL> применяется чаще, чем <DL>. Это связано с тем, что <UL> для получения результата требует меньшего количества элементов. Пример создания отступов с помощь списков.
4.8 Создание линий с помощью элемента <HR>
Горизонтальная линия, обозначаемая элементом <HR>, используется для наглядного разделения HTML-документа. <HR> может иметь и логический смысл в качестве разделителя между разделами документа. Элемент <HR> - пустой и не требует закрывающего тега, т.к. не окружает никаких данных. Наиболее часто в элементе <HR> используются следующие атрибуты: ALIGN (управляет выравниванием по горизонтали), NOSHADE (отключает вывод тени), SIZE (задает толщину линии в пикселах) и WIDTH (задает ширину линии в пикселах или процентах). Ниже приведены примеры использования горизонтальной линии и её основных атрибутов:
<BODY>
<P>HR с толщиной 10</P> <HR SIZE=”10”>
<P>HR с шириной 50% толщиной 3 и без тени </P>
<HR WIDTH=”50%” SIZE=”3” NOSHADE>
<P>Ширина 100, выравнивание вправо</P>
<HR ALIGN=RIGHT WIDTH=”100”>
<P> Ширина 100, выравнивание по центру</P>
<HR ALIGN=”CENTER” WIDTH=”100”>
</BODY>
4.9 Элементы уровня текста и символьные примитивы
Текст внутри элементов уровня блока может быть отформатирован с помощью элементов уровня текста. Эти элементы делятся на два основных вида - физические и логические. Физические элементы, такие как <B> - полужирный шрифт или <I> - курсив, используются для указания, как текст будет отображаться на экране. Логические элементы, как, например, <STRONG> и <EM>, обозначают, что необходимо сделать с текстом, но не обязательно говорят о том, как он будет выглядеть на экране.
Элементы физического форматирования текста. Эти элементы отвечают только за внешний вид представления текста на экране. Основные элементы физического форматирования текста представлены в приведенной ниже таблице:
|
Элемент |
Описание |
|
|
<I>… </I> |
Курсив |
|
|
<B>… </B> |
Полужирный шрифт |
|
|
<TT>… </TT> |
Моноширинный шрифт |
|
|
<U>… </U> |
Подчеркивание |
|
|
<STRIKE>… </STRIKE> |
Перечеркивание |
|
|
<S>... </S> |
Еще один элемент перечеркивания |
|
|
<SUB>... </SUB> |
Нижний индекс |
|
|
<SUP>... </SUP> |
Верхний индекс |
|
|
<BIG>... </BIG> |
Увеличенный шрифт (на один пункт больше) |
|
|
<SMALL>... </SMALL> |
Уменьшенный шрифт (на один пункт меньше) |
5. Элементы логического форматирования текста
Предназначены для смыслового выделения фрагментов текста. При отображении на экране логическое форматирование сводится к изменению начертания символов. Используются следующие парные теги:
|
Элемент |
Описание |
|
|
<CITE>… </CITE> |
выделение цитат курсивом |
|
|
<CODE>… </CODE> |
отображение фрагментов программы моно-ширинным шрифтом |
|
|
<DFN>… </DFN> |
Определение |
|
|
<EM>… </EM> |
Выделение важных фрагментов курсивом |
|
|
<KBD>… </KBD> |
Текст, вводимый с клавиатуры, отображается моноширинным шрифтом |
|
|
<SAMP>... </SAMP> |
Выделение нескольких символов моно-ширинным шрифтом |
|
|
<STRONG>... </STRONG> |
Выделение особо важных фрагментов полужирным |
|
|
<VAR>... </VAR> |
Названия переменных в программе отображаются курсивом |
Символьные примитивы. Иногда необходимо вставить в текст специальные символы. Это могут быть, например, буквы с ударениями, символы авторских прав и даже угловые скобки, используемые для обрамления HTML-элементов. Такие элементы вставляются в HTML-документы с помощью специального кода. Общая форма записи кода следующая: &код; где «код»- это символьное или числовое значение, определяющее конкретный символ, который необходимо вывести на экран. Таблицей кодировки, поддерживаемой в настоящее время в HTML,является таблица кодировки ISO Latin-1. Многие символы этой таблицы невозможно ввести с помощью клавиатуры. Для их введения используются специальные коды. Некоторые из наиболее употребительных символов см. в таблице.
Табл. Несколько основных символьных примитивов.
|
ЧИСЛОВОЕ ЗНАЧЕНИЕ |
иМЕНОВАННОЕ ЗНАЧЕНИЕ |
сИМВОЛ |
оПИСАНИЕ |
|
|
" |
" |
“ |
Кавычка |
|
|
& |
& |
& |
Амперсант |
|
|
< |
< |
< |
Знак “меньше” |
|
|
> |
> |
> |
Знак “больше” |
|
|
™ |
Нет |
Торговая марка |
||
|
  |
|
Неразрывный пробел |
||
|
© |
© |
Знак Copyright |
||
|
® |
® |
Знак зарегистрированной торговой марки |
5.1 Параметры элемента <IMG>
Элемент <IMG> используется для вставки изображения в Web- страницу. Это непарный тег. Относится к элементам разметки на уровне текста, т.е. располагает иллюстрацию в любом месте строки.
Параметры тега <IMG> (атрибуты):
ALIGN=”Left | Right | Top | Middle | Bottom”__ управление обтеканием текста
ALT=”Alternative Text”____________________ альтернативный текст
SRC=”images/r1.jpg”____________________URL файла-иллюстрации
(подробнее о атрибуте SRC см. в разделе 2.4.2)
BORDER=0 ____________________________толщина рамки
WIDTH=300___________________________ширина иллюстрации
HEIGHT=175___________________________высота иллюстрации
VSPACE=0 ____________________________поля сверху/снизу
HSPACE=0 ____________________________поля сбоку
атрибуты WIDTH и HEIGHT
Если не указать значения Width и Height, то броузер не сможет отобразить страницу до тех пор, пока не станут известны параметры изображения. Значения можно указать в процентах относительно размеров окна броузера.
Примеры:
<IMG src=”1.jpg” width=”100” height=”35” border=”0”>
<IMG src=”2.jpg” width=”30%” height=”10%”>
<IMG src=”3.jpg” width=”100%” border=”0”>
атрибуты HSPACE и VSPACE
Задают горизонтальные и вертикальные отступы вокруг иллюстрации.
Пример:<img src=”1.jpg” hspace=”0” border=”2”
width=”100” height=”50” alt=”1”>
<img src=”2.jpg” hspace=”30” border=”2”
width=”100” height=”50” alt=”2”>
<img src=”3.jpg” hspace=”90” border=”2”
width=”100” height=”50” alt=”3”>
5.2 Управление размещением иллюстрации и обтеканием текста
атрибут ALIGN. Задаёт выравнивание иллюстрации и управляет обтеканием текста вокруг нее.
5.3 Создание ссылки
Ссылка - это просто однонаправленный указатель с исходного документа, к котором эта ссылка содержится, на какой-либо адрес. В гипертексте конечные точки ссылки называются «якорями». Термин «якорь» официально введен в лексику HTML. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например, запрашивать файл по FTP-протоколу для отображения его броузером.
В качестве ссылки могут выступать практически любые объекты - от текста до иллюстрации. Для создания ссылки используется парный тег <A>. Между открывающим и закрывающим тегами находится содержимое ссылки. В большинстве браузеров текстовые ссылки выводятся с подчеркиванием. Шрифт текста, как правило, окрашивается в синий (если ссылка не посещалась), в лиловый (если ссылка уже посещалась). Если в ссылку включен рисунок, рамка вокруг него тоже будет окрашена либо в синий, либо в лиловый цвет, если только толщина рамки не была установлена на ноль.
Можно переопределить принятые по умолчанию цвета с помощью атрибутов LINK, ALINK и VLINK элемента <BODY>. Атрибут LINK меняет цвет всех непосещенных ссылок, VLINK - цвет всех посещенных ссылок. Атрибут ALINK меняет цвет активной ссылки, этот цвет появляется на короткое время, когда ссылку выбирают. С помощью списков стилей можно изменить оформление ссылок (отключить подчеркивание и т.д.)
5.3.1 Параметры тега <A>.Понятие внешней и внутренней ссылки
Типичная ссылка выглядит так: <A HREF=”URL”>Посетите наш узел</A>. Текст «Посетите наш узел» превращается в ссылку. Атрибут HREF определяет направление перехода при выборе ссылки.
Базовые атрибуты элемента <A> представлены в таблице:
|
Имя атрибута |
Возможные значения |
Описание |
|
|
HREF |
URL |
URL |
|
|
NAME |
Текст |
Присваивает якорю имя, чтобы на него мог сослаться другой якорь |
|
|
ID |
Текст |
Присваивает якорю идентификатор, чтобы на него мог сослаться другой якорь, списки стилей или сценарий |
|
|
TITLE |
Текст |
Задает текст подписи для ссылки |
|
|
TARGET |
Название кадра |
Определяет, в каком кадре будет открываться указанный объект |
|
|
ACCESSKEY |
Символ |
Задает клавишу на клавиатуре, по которой будет активизироваться ссылка |
|
|
TABINDEX |
Цифровое значение |
Задает порядок, по которому будут обходиться ссылки при нажатии на клавишу TAB |
Ссылки бывают внешние и внутренние. Внешние ссылки адресуют на страницу или сайт. Внутренние ссылки адресуют внутрь самого документа.
Для создания внутренней ссылки необходимо сделать следующее:
1. Создать метку в конкретном месте документа:(<a name=”metkaA”>).
Закрывающий тег необязателен. Заглавные и строчные не различаются.
2. Организовать ссылку: <а href=”#metkaA”>перейти к разделу A</а>
Для перехода внутрь другой страницы, например index.htm, сделайте так:
<a href=”index.htm#metkaA”>перейти к разделу A</a>
На помеченную область в любом HTML-документе можно сослаться из любого документа. Для этого достаточно после обычного URL поставить знак # и имя метки в целевом документе, как в следующем примере:
<A href=”http://www.company.com/products.htm#spec”>Характеристики<A>
Здесь сделана ссылка на метку #spec в файле products.htm.
Внутренние ссылки часто используются для создания оглавления. Ниже приведен пример создания оглавления с помощью внутренних ссылок:
<!--оглавление-->
<h3><a href=”#ATM”>Adobe ATM Deluxe 4.0</a></h3>
<h3> <a href=”#Acrobat”>Adobe Acrobat 4.0</a></h3>
<h3><a href=”#Streamline”>Adobe Streamline 4.0</a></h3>
<! - конец оглавления-->
<h2> <A NAME=”ATM”> </A> Adobe ATM Deluxe 4.0 </h2>
Утилита ATM Deluxe занимает первое место среди программ по отображению и управлению шрифтами. Работает с растровыми шрифтами, векторными шрифтами PostScript и TrueType. Шрифты можно объединять в группы и динамически подключать и отключать.
<h2> <A NAME=”Acrobat”> </A> Adobe StreamLine4.0 </h2>
Вышла новая версия пакета Adobe Acrobat - версия 4.0. При помощи набора утилит Acrobat можно создавать и редактировать документы в формате PDF. Это независимый формат обмена графическими и текстовыми документами, удобный для их просмотра и печати на любой компьютерной платформе. При этом сохраняются все кодировки символов и шрифты.
<h2> <A NAME=”Streamline”> </A> Adobe StreamLine 4.0 </h2>
Программа StreamLine используется для векторизации растровых изображений. При этом достигается повышение качества и возможность масштабирования изображений без потери качества.
5.3.3 Способы указания источника файла для иллюстраций и ссылок
Атрибут SRC в элементе <IMG> указывает местонахождение файла иллюстрации. При этом используются 3 типа адресации:
1. Абсолютная, например: SRC=”D:/mysite/first/1.jpg”
Используется для адресации иллюстрации в пределах конкретного компьютера. При переносе файлов на удаленный сервер она станет “висячей”. Поэтому избегайте указания абсолютного адреса.
2. Относительная, например: SRC=”images/2.jpg”
Используется для адресации иллюстрации в пределах одного сайта. Не привязана к конкретному диску, поэтому перенос сайта на удаленный сервер не нарушит работы ссылки. Поэтому используйте только относительную адресацию в пределах одного сайта.
Пример:
с11.htm ссылается на с11.jpg:
< img src=”.c11.jpg”>
c.htm ссылается на c11.jpg:
<img src=”c1/с11.jpg”>
c21.htm ссылается на c.jpg:
<img src=”../c.jpg”>
c11.htm ссылается на c21.jpg:
<img src=”../c2/c21.jpg”>
3. В виде URL, например: SRC=”http://www.mysite.com/first/1.jpg” Используется для адресации иллюстраций на других сайтах.
Для ссылок используются те же способы адресации, что и для файлов иллюстраций. Адресация ссылки задается в атрибуте HREF элемента <A>. Примеры различных способов адресации:
1. Абсолютный адрес: HREF=”D:/Папка 1/Раздел 1/index.htm”
Ссылка привязана к конкретному месту диска. При переносе файлов она станет “висячей”. Поэтому избегайте указания абсолютного адреса.
2. Относительный адрес: HREF=”Папка 1/Раздел 1/index.htm”
Ссылка привязана к конкретной папке. Поэтому перемещение папки более высокого уровня не повлияет на ссылку. Если же надо перейти на уровень выше, то следует использовать ”../”. Если на 2 уровня - то “../../”. Например:”../../Папка 00/Папка 01/Папка2/try.htm”
!
Если в элементе <BASE> раздела <HEAD> задан базовый URL, то все относительные ссылки рассчитываются относительно базового URL.
3. В виде URL: протокол://имя-сервера:порт/путь. Для адресации ссылок на другой сайт.
Наиболее часто используемые протоколы:
- file: чтение файла с локального диска. Данный протокол используется для отображения какого-либо файла, находящегося на локальной машине пользователя. Например: file:/home/alex/index.htm - отображает файл index.htm из каталога /home/alex на пользовательской машине
- http: доступ к WEB-странице в сети с использованием HTTP -протокола. Например: http://www.company.com/- доступ к домашней странице компании COMPANY.
- ftp: запрос файла с анонимного FTP -сервера. Например: ftp://hostname/directory/filename
- mailto: активизирует почтовую сессию с указанным пользователем и сервером. Например: mailto:info@company.com - активизирует сессию посылки сообщения пользователю info на машине company.com, если браузер поддерживает запуск электронной почты.
- telnet: обращение к службе telnet
- news: вызов службы новостей, если браузер её поддерживает. Например: news:relcom.www.support
Путь в URL - это частичный или полный путь к документу. Примеры:
- www.allair.com
- www.allair.com/index.htm
- www.allair.com/first/second/1.htm
Примеры ссылок:
<a href=”http://www.allaire.com”> сервер компании Allaire</a><br>
<a href=”index.html”> сервер комп. Allaire (ссылка внутри сервера) </a><br>
<a href=”http://www.allaire.com”> <img src=”allaire.jpg”></a>
В последнем примере изображение является ссылкой.
6. СОЗДАНИЕ ТАБЛИЦ
6.1Таблицы - основное средство управления расположением материалов
Таблицы - единственное в HTML средство скомпоновать страницу в полном соответствии с замыслом. С помощью таблиц данные могут быть аккуратно размещены в пределах Web-страницы.
Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм.
Ячейки одной строки не могут иметь разную высоту. Пустые ячейки отображаются броузером некорректно (должен быть хотя бы неразрывный пробел ). По умолчанию таблица не имеет рамки: толщина рамки (border) равна 0; и имеет центрированное вертикальное выравнивание содержимого ячеек строки (valign=middle). Браузер может сам изменить размеры отображаемой таблицы по своему усмотрению.
Информация не может не уместиться в таблице - если надо, браузер увеличит размеры отображаемой таблицы. Внутри таблицы не действует форматирование, заданное снаружи. Текст ячейки необходимо форматировать внутри данной ячейки.
Таблицу можно поместить внутрь ячейки другой таблицы (вложение таблиц).
6.2Строение таблицы. Основные элементы
Таблица описывается следующими тегами: <TABLE> - начинается описание таблицы (парный тег); <TR> - строка таблицы (парный тег); <TD> - ячейка таблицы (парный тег); <TH> - заголовок таблицы (парный тег); <CAPTION> - подпись (парный тег)
Пример: <table border=4 width=100 height=100 bordercolor=”Black”>
<tr> <td>1</td>
<td>2</td>
</tr>
<tr> <td>3</td>
<td>4</td>
</tr> </table>
Тег <TABLE>. Описание таблицы
Параметры:
width=640 | 45%____________ширина таблицы
height=330 | 30%____________высота таблицы
align=center | left | right_______выравнивание таблицы относительно текста
background=”1.jpg”_________фоновый узор
bgcolor=”gray”______________цвет фона
border=3___________________толщина рамки
bordercolor=”black”__________цвет рамки
cellPadding=5_______________втяжка внутрь ячейки
cellSpacing=10______________расстояние между ячейками
border=5
Описание строки. Параметры тега <TR>.
align=center | left | right_______выравнивание содержимого ячеек строки
valign=bottom | middle | top____вертикальное выравнивание содержимого
bgcolor=”gray”______________цвет фона ячеек строки
nowrap_____________________запрет переноса строк(как <nobr>)
height_________________________высота ряда
Заголовок таблицы (тег <TH> ) и описание ячейки. (тег <TD>)
Ячейка заголовка таблицы имеет ширину колонки; текст в данной ячейке имеет начертание Bold и выравнивание ALIGN=center. Параметры тегов <TH> и <TD> следующие:
Подобные документы
Технические возможности средств вычислительной техники. Понятие "информационная система" в Web. Обеспечение переносимости приложений и информационных ресурсов между различными программно–аппаратными платформами. Тенденции в развитии технологий Web.
курсовая работа [163,9 K], добавлен 25.05.2009Основные черты современных информационных технологий. Цель применения информационных технологий - снижение трудоемкости использования информационных ресурсов. Использованные программные средства для разработки информационной системы для продажи книг.
курсовая работа [1,2 M], добавлен 27.06.2014Характеристика основных тенденций, наиболее характерных для современной практики в области разработки и применения информационных технологий (ИТ). Примеры российского опыта эффективного внедрения ИТ. Категории стратегического влияния ИТ на предприятие.
реферат [27,4 K], добавлен 12.10.2010Общество и информация, определение информации и ее свойства, базовые информационные процессы. Виды и особенности экономической информации. Понятие, виды и этапы развития информационных компьютерных систем. Обзор информационных ресурсов Интернет.
шпаргалка [645,8 K], добавлен 22.02.2011Изучение основных задач применения информационных технологий в производственном и маркетинговом процессе, что позволяет предприятиям конкурировать одновременно по качеству продукции, скорости реакции на изменения потребительских вкусов и по издержкам.
контрольная работа [24,4 K], добавлен 14.10.2010Условия повышения эффективности управленческого труда. Основные свойства информационных технологий. Системные и инструментальные средства. Классификация информационных технологий по типу информации. Главные тенденции развития информационных технологий.
реферат [15,4 K], добавлен 01.04.2010Исследование проблем формирования и использования информационных ресурсов как совокупности сведений, получаемых в процессе практической деятельности людей. Состав и свойства информационных ресурсов. Государственная политика в сфере защиты информации.
реферат [23,7 K], добавлен 31.01.2011Основные понятия и определения информационных технологий, их классификация, техническое и программное обеспечение. Роль глобальных информационных сетей и интернета. Сущность автоматизации процессов принятия решений, использование компьютерных технологий.
тест [34,6 K], добавлен 10.12.2011Основные черты современных информационных технологий и компьютерной обработки информации. Структура экономической системы с позиции кибернетики. Ключевые функции системы управления: планирование, учет, анализ. Классификация информационных технологий.
контрольная работа [45,9 K], добавлен 04.10.2011Теоритические аспекты информационных технологий на предприятиях. Системы, используемые в информационных технологиях. Особенности применения информационных технологий в маркетинговой деятельности. Влияние информационных технологий на туристическую отрасль.
курсовая работа [498,9 K], добавлен 29.10.2014
