Информационно-поисковые системы

"Геометрическая оптика" "геометрическая оптика"

случае использования кавычек поисковая система разыскивает документы, в которых абсолютно точно есть тот текст, который в них заключен. Поиск с помощью кавычек называется контекстным поиском.

Роль прописных букв

Прописные буквы при проведении поиска имеют особый статус. Вам ведь понятна разница между сочетаниями красная шапочка и Красная Шапочка? прописными буквами поисковые системы обращаются буквально, то есть разыскивают тексты, в которых слова записаны точно такими же буквами. Со строчными буквами все происходит демократичнее. Совпадения засчитываются и в том случае, когда в тексте стоит прописная буква, и в том случае, когда буква строчная.

поиск по словам:

+красная +шапочка

вернет результаты, в которых будут и красная шапочка, и Красная шапочка, ДЦ красная Шапочка, и Красная Шапочка.

Ир Другой стороны, поиск по словам:

И| +красная +шапочка Издаст гораздо более узкий результат: Красная Шапочка, - и все.

Поиск по заголовкам

Каждая Web-страница может иметь заголовок, если Web-мастер не поленился его создать. Когда мы разыскиваем Web-страницы с помощью поисковых систем, то по результатам поиска нам обычно выдается ссылка, в которой присутствует заголовок Web-страницы, если он есть. Если его нет, то обычно выдается одно-два предложения первого абзаца.

Многие поисковые системы позволяют разыскивать Web-документы по тексту, содержащемуся в заголовках. Такой поиск существенно уменьшает количество возвращаемых ссылок, но очень точно выводит на нужные материалы. Например, если вам нужны данные для доклада о Солнечной системе, имеет смысл искать не просто словосочетание Solar System (Солнечная система), а страницы, в которых это сочетание присутствует в заголовке. Командой такого поиска является title:, например:

title: Solar System или (лучше)

title: solar system

Поиск заголовков Web-страниц по команде title: поддерживают следующие поисковые системы:

Поисковая система Aport 2000 имеет несколько альтернативных команд для поиска заголовков. Основная команда - title = . Примеры:

title = Солнечная система

t = Солнечная система

заг = Солнечная система

з = Солнечная система В поисковой системе Япс1ех команда поиска в заголовке записывается так:

Поиск Web-узлов

Сам по себе поиск Web-узлов используется достаточно редко, но команды этого поиска часто применяют для сокращения числа ссылок, возвращенных другими методами и ограничения их одним Web-узлом или, наоборот, исключения некоего Web-узла из результатов поиска.

Одной из команд такого поиска является команда host:.Например, на поисковой системе Alta Vista команда host: microsoft.ru разыщет все Web-страницы, принадлежащие доменному имени mycrosoft.ru.

Эту команду обычно комбинируют с другими. Если, например, нас интересуют планеты солнечной системы, но мы уже сыты по горло трудами Национального управления по исследованию космического пространства

США (NASA), то сервер NASA можно исключить из поиска командой:

+solar + system -host: nasa .:

В команду можно включать не полное доменное имя сервера, а только его часть, например только имя домена. Так, если мы хотим обыскать только российские серверы, то можно использовать имя домена ru, например:

+cookies +host: ru

По этой команде мы узнаем, что пишут о маркерах cookies на российских Web-узлах.

Не все поисковые системы позволяют проводить поиск по Web-узлам, да

и команда поиска у них может быть различной. Вот список систем, которые такой поиск выполняют:

Alta Vista host:

Hot Bot domain:

& f InfoSeek site:

MSN Search domain:

GoTo domain:

Snap domain:

Поисковая система Lycos выполняет поиск Web-узлов только в режиме расширенного поиска.

Поиск URL-адресов

Этот поиск очень похож на поиск Web-узлов. Суть и смысл его те же, только Команда другая - uri:. Эту команду поддерживают следующие поисковые службы:

AltaVista Infoseek

Northern Light

Поисковый каталог Yahoo! использует команду u:, а система Lycos реализует поиск URL-адресов с помощью команд расширенного режима. В России поисковая система Яndex использует команду #url=, после которой следует записать URL-адрес в кавычках. Поисковая система Апорт 2000 , обходится более простым синтаксисом, например url=www.intel.ru, а в поисковой системе Rambler команда должна начинаться с символа <$>, например так:

$uri: www.intel.ru

Поиск ссылок

Поиск ссылок бывает полезен владельцам Web-страниц и Web-мастерам. Он позволяет, к примеру, количественно оценить динамику популярности своей страницы регулярным контролем числа ссылок, которые к ней ведут. Типовая команда для такого поиска - link:.

Например, команда link: http://www.mywebsite.com/mypage/index.htm позволит выявить ссылки, которые ведут к титульной странице index, htm на Web-узле mypage, размещенном на Web-сервере www.mywebsite.com.

Апорт 2000 поддерживает четыре разных представления команды:

Link=

L=

Ссылка=

Сс=

Система Яndex поддерживает команду #link:, после которой адрес ссылки должен записываться в кавычках.

Средства расширенного поиска

Выше мы рассмотрели лишь десять методов формулирования задания на поиск, однако их достаточно для проведения 90% поисковых работ в 90% поисковых служб. Все рассмотренные выше методы являются методами простого поиска. Кроме средства простого поиска обычно поисковые службы предоставляют средства расширенного поиска. Эти средства позволяют более точно формулировать поисковое задание, но требуют определенного опыта и работают заметно медленнее. В большинстве поисковых систем команды расширенного поиска формируются с помощью логических команд и рассчитаны на профессионалов. Удобство использования логических команд в частности связано с тем, что команды простого поиска у многих поисковых систем реализованы по-разному. Каждая система стремится сделать средства простого поиска наиболее удобными, а средства расширенного поиска - наиболее стандартными.

Команда OR

Логическая команда OR (ИЛИ) служит для формирования поискового задания, состоящего из нескольких ключевых слов, если надо, чтобы разыскиваемый документ содержал любые из этих слов в любой комбинации. Например, по команде solutions OR hints будут разысканы Web-страницы, содержащие решения к компьютерным играм (solutions) или подсказки к ним (hints).

Команду OR поддерживают абсолютное большинство основных поисковых служб, за исключением следующих:

Google Infoseek LookSmart Yahoo!

Службы Infoseek, LookSmart и Yahoo! по умолчанию выполняют поиск по принципу ИЛИ, если через пробел задано несколько ключевых слов, и поэтому нс нуждаются в этой команде. Лишь поисковая система Google вообще не имеет таких средств.

«Апорт 2000» позволяет использовать как английское ключевое слово OR, так н русское ИЛИ. Можно также использовать знак « | ». Система Rambler использует или слово OR, или знак « | », а система Яndeх - только знак « | ».

Команда AND

Логическая команда AND (И) служит для формирования поискового задания, когда надо, чтобы разыскиваемый документ содержал одновременно все слова, введенные пользователем. Это аналог команды «+» простого поиска. Например, по команде свет AND луч будут разысканы все Web-страницы, содержащие оба эти слова.

Команду AND поддерживают абсолютное большинство основных поисковых служб, за исключением следующих, которые используют знак «+»:

Google Infoseek LookSmart Yahoo!

Апорт 2000 позволяет использовать как английское ключевое слово AND, так и русское И, а также знаки «&» и «+». Система Rambler использует ключевое слово AND или знак «&», а система Япс1ех - знак «&» или пробел, если требуется одновременное присутствие слов в одном предложении, или пару знаков «&&», если требуется одновременное присутствие слов во всем документе.

Команда NOT

Логической командой NOT (HE) устанавливают исключения из результатов поиска, то есть это аналог рассмотренной выше команды простого поиска <* - ». Эту команду поддерживает большинство служб, за исключением:

Google Infoseek LookSmart Yahoo!

Системы AltaVista, Excite, Snap требуют специальной формы записи этой команды: вместо NOT в них следует давать команду AND NOT.

Наряду с командой NOT в системе Апорт 2000 разрешается использовать команду «НЕ», а в системе Rambler - команду «!». Интересна особенность системы Яndех. Она реализует логическую команду И НЕ, которая записывается значком «~», если относится к одному предложению и парой значков «~~», если относится ко всему документу.

Команда NEAR

Это одна из самых удобных команд расширенного поиска. Она позволяет совместить достоинства поиска по ключевым словам и контекстного поиска при глубоком поиске самые лучшие результаты возвращаются с помощью этой команды. Пример: поисковая команда Quake NEAR hints позволит разыскать документы, в которых присутствуют слова Quake и hints одновременна причем находятся поблизости друг от друга.

К сожалению, редкие поисковые службы поддерживают поиск с помощью команды NEAR. При этом у разных служб разное представление о том, что значит «близкое» размещение слов друг к другу:

AltaVista (в пределах 10 слов, жестко); Lycos (в пределах 25 слов, гибко); WebCrawler (в пределах 2 слов, гибко);

И Lycos, и WebCrawler позволяют управлять размером интервала, в котором разыскиваются ключевые слова. Для этого команду NEAR задают(параметром /#. Например, команда ночь NEAR/10 река позволит разыскат произведения, в которых есть описание реки ночью, если слова ночь и река отстоят друг от друга не более, чем на десять слов.

В российской поисковой системе Rambler аналогичная команда начинается со знака «$» и заканчивается двоеточием ($NEAR:). В поисковой системе Апорт 2000 расстояние между словами задается командой СЛ# (..., ..., ...), где вместо знака « # » следует подставить цифру или число, обозначающее предельное расстояние, а вместо многоточий - список ключевых слов. В поисковой системе Яndех расстояние задается в круглых скобках после дробной черты. При этом указать расстояния можно как «вперед», так и «назад» :

средство поиск/ (-2 4)

Такая команда позволит разыскать на только средства расширенного поиска, но и поисковые средства.

Вложение команд

Вложение команд позволяет создавать весьма сложные запросы. Оно выполняется с помощью круглых скобок ( ). Команда, стоящая в скобках, выполняется в первую очередь. Рассмотрим пример поиска решений или подсказок к компьютерной игре Diablo:

diablo AND (solution OR hint)

В этом случае сначала будут отобраны документы, в которых приводятся подсказки или решения для компьютерных игр, а потом из них будут выбраны те, в которых упоминается игра Diablo.

Использование круглых скобок для управления порядком исполнения задания на поиск разрешается большинством крупнейших поисковых систем, за редким исключением

Вопрос 20. Стратегия поиска информации в сети Интернет

Для начала зададимся простым вопросом: "Умеем ли мы искать информацию в сети?" Наверняка 90 % пользователей скажут :"Что за вопрос? Конечно умеем!". Действительно, миллионы людей пользуются интернетом именно для поиска информации и почти всегда находят что-то полезное.

Для того, чтобы эффективно добывать информацию нужно немного поучиться. Необходимо разобраться, как устроены и по каким принципам работают главные инструменты для поиска информации во Всемирной сети: поисковые системы и каталоги. Прежде всего, надо изучить язык поисковых машин. Подробнее можно ознакомиться на странице "Язык поисковых машин". Для любого человека важно знать, как именно нужно искать, какими приемами пользоваться, какие языки запросов нужно применять в том или ином случае. Существуют способы быстрого и эффективного поиска информации в интернете, которые сэкономят Ваше время и силы. Когда вы узнаете больше о языке поисковых машин, можете начинать применять полученные знания на практике. Эти знания пригодятся не только тем, кто ищет информацию в частных целях, но и надеемся, помогут авторам бизнес-проектов в сети.

Для поиска нужно использовать различные поисковые системы. Для каждого случая подойдет свой поисковик. К примеру, наиболее вероятно найти максимум информации об Австралийских командах по регби в австралийской поисковой машине Web Wombat , городском Сиднейском портале, австралийских каталогах. Не стоит увлекаться только крупными поисковиками. Например, российская поисковая система "Яндекс" находит гораздо больше документов на русском, чем "Гугл". Стоит отметить и то, что разные поисковые системы по одним и тем же поисковым запросам выдают различные лидирующие списки. Если вам нужно найти информацию , связанную с каким-либо регионом, городом полезно будет поискать в местных каталогах, порталах. Адреса таких ресурсов часто выходят одними из первых по названию своего региона или города. Если нет, можно найти по ссылкам с найденных региональных сайтов. Многие неплохие сайты создаются для локального пользования и практически не раскручиваются в поисковых системах.

Некоторую специализированную информацию стоит поискать в специализированных каталогах, просматривая нужные вам тематические разделы. Увидев качественный, подходящий вам по тематике поиска сайт, не спешите покидать его не просмотрев страницы ссылок. Обычно на серьезных сайтах ссылки подобраны хорошо, и вполне возможно вы найдете что-то там.

Глобальная сеть Интернет объединяет миллионы компьютеров и локальных сетей, к ее услугам прибегают сотни миллионов человек. Но сеть Интернет - это лишь средство связи компьютеров и локальных сетей между собой. Для хранения и передачи информации по сети Интернет созданы специальные информационные службы, иногда называемые сервисами Интернет. Этих служб несколько, наиболее часто используемыми являются электронная почта, электронные библиотеки, телеконференции. Но самой популярной службой является World Wide Web (WWW ) - всемирная паутина. Служба WWW имеет свои особенности, благодаря которым она и стала такой популярной. Вся информация в этой службе хранится на WWW-серверах в виде гипертекстовых документов, называемых Web-странщами. Эти документы пишутся на языке HTML (Hyper Text Markup Language ) и могут содержать информацию различного вида: текст, рисунки, аудио и видео, что делает эту информацию чрезвычайно привлекательной для пользователей. Гиперссылки в HTML-документах могут указывать как на другую часть этого документа, так и на другой документ, расположенный на любом сервере сети Интернет. Это позволяет легко отыскивать требуемую информацию, переходя посредством гиперссылок от документа к документу. А вообще-то для поиска информации в сети Интернет используются специальные поисковые серверы. Но прежде чем что-то искать, надо знать, где информация находится, поэтому рассмотрим, хотя бы конспективно, способы адресации в сети Интернет.

Какие существуют средства поиска в Интернете (Поисковые системы, каталоги)

При загрузке каталога на экран выводится самый общий перечень областей человеческой деятельности: ИСКУССТВО, ОБРАЗОВАНИЕ, БИЗНЕС, НАУКА, ИГРЫ, СПОРТ и т.д. Входя в любой раздел, пользователь последовательно видит все более и более дробную его детализацию, пока не дойдет до конкретных учреждений или лиц. Такая разветвляющаяся (иерархическая) структура дает возможность шаг за шагом обследовать интересующие разделы киберпространства будь то физика или история, музыка или спорт, последние новости или справочные издания. Большинство каталогов создаются путем добавления авторами web-страниц своего сайта к существующему списку ссылок.

Поисковые системы (search engines) распространены в гораздо большем количестве нежели электронные справочники и число их продолжает увеличиваться. Работа с ними требует некоторых навыков, поскольку простой ввод искомого термина в поисковую строку может привести к получению в ответ списка из сотен тысяч документов, содержащих данное понятие. Поисковые системы по существу представляют собою базы данных слов, полученных при периодическом сканировании виртуального информационного пространства. С помощью специальных компьютерных программ ("пауки", "черви", "исследователи", и т. д.) поисковые системы регулярно обследуют Интернет (главным образом World Wide Web и Usenet), выявляя все существующие, и, в особенности, новые и обновленные источники и удаляя сведения о вышедших из употребления. Этот колоссальный материал, с указанием ссылки на то где хранится каждое слово, содержится в виде гигантских индексных файлов, к которым и происходит обращение при конкретном запросе. Достоинства и недостатки поисковых систем складываются из нескольких важнейших характеристик. Принципиальным вопросом является то, насколько полно та или иная система обследует тексты, т.е. все ли слова заносятся в индексные файлы или же только термины из названий, заголовков, резюме, первых двух страниц текста и т.д. Важно также как часто происходит обновление данных, каким образом системы "взвешивают" понятия, определяя их соответствие данному запросу. Безусловно, не последнюю роль играет простота и информативность интерфейса, возможность использовать операторы расстояния, дополнительные функции. По этим параметрам среди доброй сотни поисковых систем выделяются несколько наиболее популярных источников, позволяющих выявлять информацию с высокой степенью полноты и точности запросу.

Деление поисковых средств на каталоги и поисковые системы (машины) условно, потому что практически все средства справочного типа обладают некоторой возможностью непосредственного поиска, а многие поисковые системы снабжены небольшими справочниками.

Недостатки предметных каталогов. Поскольку каталог формируется не автоматически, а авторским коллективом, то перечень сайтов и Web-страниц оказывается менее полным, а материалы менее свежими, чем в аналогичных разделах автоматизированных Поисковых Машин, работающих по ключевым словам или фразам. Важные ресурсы могут быть упущены вследствие размещения ресурса в неожиданном разделе каталога.

Вопрос 21. HTML. Структура HTML-документа. Введение в HTML. Инструментарий

HTML - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML . Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

Общее представление

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). Однако современное применение HTML очень далеко от его изначальной задачи.

Браузеры

Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.

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

HTML - теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками - тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

* <strong>Текст между двумя тегами - открывающим и закрывающим.</strong>

* <a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>

* А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:

<b>

Этот текст будет жирным,

<i>а этот - ещё и курсивным</i>

</b>

даст такой результат:

Этот текст будет жирным, а этот - ещё и курсивным

Кроме элементов, в HTML-документах есть и - «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN - код символа в Юникоде в десятеричной системе счисления.

Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги заголовка (<head></head>) и тела (<body></body>) документа.

Вопрос 22. HTML. Теги

Тег HTML состоит из следующих друг за другом в определенном порядке элементов:

* левой угловой скобки < (такого же, как "меньше чем" символа)

* необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру. Таким образом в этом контексте Вы можете читать символ /, как конец...

* имени тега, например TITLE или PRE

* необязательных, если даже тег может иметь их, атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=CENTER

* правой угловой скобки > (такой же, как символа "больше чем").

Примеры тегов HTML:

<H1>

<H1 ALIGN=LEFT>

Большинство, но не все теги HTML спарены так, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги, например:

<H1>Foreword</H1>

В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом. Некоторые теги, например <HR>, являются элементами HTML сами по себе, и для них соответствующий конечный тег неверен. Далее мы будем называть теги по их именам, опуская обязательные угловые скобки.

Aтрибуты тегов HTML

Для каждого тега определяется множество возможных атрибутов. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть. Спецификация атрибута состоит из расположенных в следующем порядке:

* имени атрибута, например WIDTH

* знак равенства (=)

* значения атрибута, которое задается строкой символов, например, "80".

Всегда полезно заключить значение атрибута в кавычки, используя либо одинарные ('80'), либо двойные кавычки ("80"). Строка в кавычках не должна содержать такие же кавычки внутри себя. Так, если дата заключена в двойные кавычки, используйте одинарные кавычки для последующего заключения в кавычки, и наоборот. Предпочтительно использование двойных кавычек, так как для глаза человека бывает трудно отличить одинарные кавычки от символов, подобных символам акцентирования.

Вы можете также опустить кавычки для значений атрибутов, которые состоят только из следующих символов (обратитесь к технической концепции имени):

* символов английского алфавита (A - Z, a - z)

* цифр (0 - 9)

* промежутков времени

* дефисов (-)

Таким образом, WIDTH=80 и ALIGN=CENTER - разрешенное сокращение для WIDTH="80" и ALIGN="CENTER". Ссылка на URL, например, HREF=foo.htm, допустима, однако, когда URL используется с атрибутами, он должен быть заковычен, например HREF="http://www.hut.fi/". Существуют некоторые броузеры, которые допускают отсутствие кавычек или наличие элементов с открывающими кавычками без закрывающих. Однако, такую практику лучше не применять.

В пределах значения атрибута теги HTML не воспринимаются. А escape последовательности распознаются и интерпретируются, как символы.

Если значение атрибута такое же, как его имя, может быть использован минимальный синтаксис атрибута. То есть <UL COMPACT="COMPACT"> можно сократить до <UL COMPACT>. Некоторые агенты пользователей (программы просмотра пользователя, броузеры) даже требуют минимизации для некоторых атрибутов (COMPACT, ISMAP, CHECKED, NOWRAP, NOSHADE, NOHREF). Так что лучше использовать минимизированный синтаксис там, где это возможно.

Значения атрибутов должны быть отделены пробелами или незаполненными строками.

Вопрос 23. HTML. Текст. Форматирование текста. Специальные символы

Структура html-документа:

HTML-код страницы помещается внутрь контейнера <HTML> ... </HTML>, заголовок страницы в контейнер <HEAD> Заголовок </HEAD>.

Контейнер обязательно содержит открывающий и закрывающий теги.

В разделе описания заголовка можно указать заглавие документа, для этого используется тэг <TITLE> ... </TITLE> (имя страницы).

Весь остальной HTML-документ, включая весь текст, содержится внутри тэга <BODY> содержание </BODY> (содержание страницы).

<HTML> {начало страницы}

<HEAD> {описание страницы, заголовка}

<TITLE> название </TITLE> {имя страницы}

</HEAD> {закрытый тэг описания заголовка}

<BODY> {содержание страницы}

текст

</BODY> {закрытый тэг описания страницы}

</HTML> {конец страницы}

Основные тэги форматирования html-документа:

Заголовок страницы задается с помощью тегов, где размер шрифта заголовка устанавливается с помощью Н1 (самый крупный) и до Н6 (самый мелкий)

Заголовок страницы целесообразно выделить самым крупным шрифтом: <H1> заголовок страницы </H1> (например, <H1> Все о компьютере </H1>)

</H1> заголовок страницы </H6> - в данном случае заголовок будет записан самым мелким шрифтом;

Если необходимо выровнять этот заголовок по правому краю, то это записывается следующим образом: <H1 ALIGN = «RIGHT»> Все о компьютере </H1>

<ALIGN = «RIGHT»> {выравнивание текста по правому краю}

<ALIGN = «CENTER»> {выравнивание текста по центру}

<ALIGN = «LEFT»> {выравнивание текста по левому краю}

Для задания параметров форматирования используется контейнер <FONT>...</FONT>, при этом используя различные атрибуты:

Атрибут FACE позволяет задать гарнитуру шрифта;

Атрибут SIZE - размер шрифта (может принимать иметь значение в диапазоне от 1 до 7);

Атрибут COLOR - цвет шрифта (можно задавать названием цвета (например, «red», «green», «blue» и так далее));

Например, <FONT SIZE = «7» FACE = «Arial» COLOR = «Blue> ... </FONT> (шрифт размера 7, тип шрифта - Arial, цвет - голубой);

Также можно задавать начертание текста или фрагмента текста:

<B> текст </B> - полужирный шрифт;

<I> текст </I> - начало текста курсивом;

<U> текст </U> - подчёркивание;

Комбинированное выделение осуществляется следующим образом:

<Тэг-1><Тэг-2> фрагмент текста </Тэг-2></Тэг-1>

Например, <B><U> фрагмент текста </U></B> (текст полужирный и подчеркнутый);

При создании html-документов можно задавать и цвет самого фона страницы. Эта команда может задаваться только в начале HTML файла и не может быть изменена в дальнейшем. Ее параметры: BGCOLOR - определяет цвет фона документа, TEXT - задает цвет текста для всей страницы. Цвет также задается с помощью его названия («red», «green», «blue»);

Например, <BODY BGCOLOR = «blue» TEXT = «red»> - задание цвета фона и текста (фон голубого цвета, цвет шрифта - красный)

Списки:

Ненумерованный список располагается внутри контейнера <UL>…</UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: «disc» (диск),

«square» (квадрат), «circle» (окружность). Например,

(маркированный список, маркер в виде окружности)

<UL TYPE = CIRCLE>

<LI> текст </LI>

<LI> текст </LI>

<LI> текст </LI>

</UL>

Рассказ о том, что нужно для форматирования текста в HTML, был бы не полным без упоминания о спецсимволах. Спецсимволы - это символы, которых либо нет на клавиатуре, либо те, которые браузер принимает за управляющий символ и преобразует в код. Полный список этих символов ты найдешь здесь Спецсимволы HTML. Кроме того, самые главные знания для форматирования текста - это правила грамматики русского языка. Грамотно написанный текст уже наполовину отформатирован.

Вопрос 24. HTML. Ссылки. Якоря. Работа со списками

HTML тег <A> служит для создания HTML ссылок. HTML ссылки позволяют осуществлять мгновенный переход от одного фрагмента текста к другому. Сам гипертекст ссылки поддается форматированию. Закрывающий тег обязателен. Тег <A> должен содержать либо атрибут name, либо href

Атрибуты тега A

contentEditable

Возможность редактирования

innerText

Текст между начальным и закрывающим тегом

name

Задает имя элемента. Имя используется, например, для создания HTML ссылок между фреймами

href

Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа.

Для создания гиперссылки вызова почтовой программы для написания письма используется <a href="mailto:your@email">. Причем многие почтовые программы позволяют заполнить многие поля (все поля опционны, вы можете заполнять только те что нужны):

target

Строка, определяющая или получающая одно из следующих значений

name Имя HTML ссылки или фрейма

_blank Загружает ссылку в новое окно

_parent Загружает ссылку в родительском окне

_search Загружает ссылку в панель поиска браузера. Доступно в Internet Explorer 5 и выше

_self По умолчанию. Загружает ссылку в это же окно, где был произведен клик по ссылке

_top Загружает ссылку в topmost окно

title

Всплывающая подсказка

Якоря

Якорь позволяет вам сделать закладку внутри HTML-страницы, создается с помощью <a> тега.

Ссылка имеет два конца - называемых якорями - и направление. Ссылка начинается от якоря "источника" и указывает на якорь "назначения", который может быть любым ресурсом Web (напр., изображением, видеоклипом, аудиофрагментом, программой, документом HTML, элементом в документе HTML и т.д.).

Список - письменный перечень, число, состав; документ, содержащий перечень каких-либо сведений;

Работа со списками HTML проста и в тоже время помогает правильно преподносить информацию.

Для примера отключите стили в браузере при просмотре какой-либо страницы. Если страница сверстана правильно, то у вас не будет никаких проблем с восприятием информации, навигацией по сайту и т.п.

В HTML есть 3 вида списков:

* Неупорядоченный (этот)

* Упорядоченный

* Список определений

Неупорядоченный список

Неупорядоченный список (англ. Unordered Lists) - список в котором порядок пунктов не особо важен, т.е. при перестановке этих пунктов смысл не потеряется. Это может быть перечисление каких-либо особенностей объекта.

Код:

Ёжик:

<ul>

<li>Маленький</li>

<li>Колючий</li>

<li>Прикольный</li>

</ul>

в браузере:

Ёжик:

* Маленький

* Колючий

* Прикольный

От перестановки эти характеристик понимание ёжика ни как не пострадает.

Упорядоченный список

Упорядоченный список (англ. Ordered Lists) - как уже, наверное все уже догадались, список в котором порядок пунктов важен. Это может быть инструкция, пошаговое руководство, рейтинг.

Код:

<ol>

<li>Зарегистрируйтесь</li>

<li>Подтвердите регистрацию</li>

<li>Начните пользоваться</li>

</ol>

в браузере:

1. Зарегистрируйтесь

2. Подтвердите регистрацию

3. Начните пользоваться

Согласитесь, в другом порядке проделать эти действия просто невозможно.

Список определений

Список определений (англ. Definition Lists). В отличие от ранее упомянутых видов списков, списки определений не только позволяют просто перечислить кучу предметов (параметров), но также ассоциируют каждый термин с его определением.

Списки определений начинаются и заканчиваются тэгами <dl>...</dl>. Каждый элемент списка состоит из термина <dt>...</dt> и определения <dd>...</dd>. По умолчанию определение отображается под термином и с небольшим отступом.

Код:

<dl>

<dt>HTML</dt>

<dd>от англ. HyperText Markup Language - язык разметки гипертекста</dd>

<dt>XHTML</dt>

<dd>англ. Extensible Hypertext Markup Language - расширяемый язык

разметки гипертекста</dd>

<dt>CSS</dt>

<dd>англ. Cascading Style Sheets - каскадные таблицы стилей</dd>

</dl>

в браузере:

HTML

от англ. HyperText Markup Language - язык разметки гипертекста

XHTML

англ. Extensible Hypertext Markup Language - расширяемый язык разметки гипертекста

CSS

англ. Cascading Style Sheets - каскадные таблицы стилей

Вопрос 25. HTML. Работа с графикой. Таблицы

Изображения на web-страницах могут использоваться двумя способами: в качестве фона и в качестве самостоятельного изображения. Рекомендуется использование трех форматов графики: JPEG, GIF и PNG. Именно их поддерживают все браузеры, для остальных форматов могут потребоваться специальные средства.

Как правило, все изображения для сайта хранятся в отдельной папке, например, images. А пути к изображениям прописываются также, как в ссылках.

Во всех последующих примерах пути к изображениям будут прописаны, исходя из того, что картинки находятся в папке images, а страницы в папке site, находящейся на том же уровне.

Фоновые изображения

Фновое ихображение заполняет собой все пространство элемента для которого оно задано. Так, указав в теге <body> атрибут background="fon.gif", рисунком fon.gif будет залито все окно браузера.

Пример кода:

<html>

<head>

<title>Фоновое изображение</title>

</head>

<body background="../images/fon.gif" bgcolor="pink">

Здесь содержание документа

</body>

</html>

<IMG SRC = “имя файла.jpg (gif, png)”>

<IMG SRC = “C:\Documents and Settings\User\ Мои документы\....jpg”>

<IMG SRC = “ имя файла. jpg (gif, png)” ALIGN = “RIGHT”> выравнивание по правому краю

<IMG SRC = “ имя файла. jpg (gif, png)” ALIGN = “LEFT”> выравнивание по левому краю

<IMG SRC = “ имя файла. jpg (gif, png)” ALIGN = “TOP”> выравнивание текста по верхней кромке изображения

<IMG SRC = “ имя файла. jpg (gif, png)” ALIGN = “BOTTOM”> выравнивание текста по левой кромке изображения

<IMG SRC = “ имя файла. jpg (gif, png)” ALIGN = “MIDDLE”> выравнивание текста по средней кромке изображения

<IMG SRC = “ имя файла. jpg (gif, png)” BORDER = “3”> обрамление графического объекта

<IMG SRC = “ имя файла. jpg (gif, png)” HSPACE = “30” VSPACE = “30”> вставка пустой области вокруг изображения

<IMG SRC = “ имя файла. jpg (gif, png)” WIDTH = “110” HEIGHT = “220”> изменение размера изображения

<EMBED SRC = “ имя файла. wav> вставка звуковых объектов

<EMBED SRC = “ имя файла. wav WIDTH = “ ” HEIGHT = “ ”> атрибуты для задания размеров экранных элементов

HTML таблицы

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

Основные тэги таблицы

Таблица: <TABLE>...</TABLE>

Это основноые тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER.

Строка таблицы: <TR>...</TR>

Количество строк таблицы определяется количеством встречающихся пар тэгов <TR>..</TR>. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице.

Ячейка таблицы: <TD>...</TD>

Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером колонки, для которой она описывается. Если в строке отстутствует одна или несколько ячеек для некоторых колонок, то броузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN=left и VALIGN=middle. Данное расположение может быть исправлено как на уровне описания строки, так и на уровне описания ячейки.

Заголовок таблицы: <TH>...</TH>

Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center.

Подпись: <CAPTION>...</CAPTION>

Данный тэг описывает название таблицы (подпись). Тэг <CAPTION> должен присутствовать внутри <TABLE>...</TABLE>, но снаружи описания какой-либо строки или ячейки. По умолчанию <CAPTION> имеет атрибут ALIGN=top, но может быть явно установлен в ALIGN=bottom. ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. Подпись всегда центрирована в рамках ширины таблицы.

Основные атрибуты таблицы

BORDER

Данный атрибут используется в тэге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы вцелом. BORDER может принимать числовое значение, определяющее ширину границы, например BORDER=3.

ALIGN

Если атрибут ALIGN присутствует внутри тэгов <CAPTION> и </CAPTION>, то он определяет положение подписи для таблицы (сверху или снизу). По умолчанию ALIGN=top.

Если атрибут ALIGN встречается внутри <TR>, <TH> или <TD>, он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру).

VALIGN

Данный атрибут встречается внутри тэгов <TR>, <TH> и <TD>. Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки прижаты кверху).

NOWRAP

Данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.

COLSPAN

Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчании - 1.

ROWSPAN

Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчании - 1.

COLSPEC

Данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC="20%".

Вопрос 26. HTML. Объекты. Гиперссылки. Фреймы

Объекты - это графические и мультимедийные вставки в HTML-документ, такие как картинки, Flash-анимация, Java-апплеты, звуки, музыка, VRML.

Элементы

* IMG Используется для вставки в HTML изображений

* EMBED Используется для вставки в HTML различных объектов

* NOEMBED Используется, если браузер не поддерживает элемент EMBED

* APPLET Используется для вставки в HTML Java-апплетов

* PARAM Используется для передачи параметров Java-программе (см. элемент APPLET)

Гиперссылки

Гиперссылки являются основным достоинством Web-страниц. Это, по сути, и есть ядро всемирной паутины. Тем, без чего бы она так и осталась просто еще одним средством отображения документов. Они являются видимым отображением той технологии связи самых различных интернет-ресурсов, которая и создает уникальную интегрированность Сети.

Мы все прекрасно знаем, что если при просмотре Web-страницы навести курсор мыши на гиперссылку, внедренную в состав содержимого Web-страницы, то курсор примет форму кисти руки с вытянутым указательным пальцем, а единичный щелчок по этой гиперссылке заставит браузер отыскать в Сети тот ресурс, на который гиперссылка указывает, и загрузить его.

В качестве гиперссылки может выступать любой фрагмент видимого содержимого Web-страницы, т. е. и текст, и графические изображения. Для этого применяется тег <а> со своим закрывающим близнецом </а>. Рассмотрим самый простой пример.

Важнейшим понятием в HTML является гиперссылка, которая позволяет связать текст или какой-либо объект с другими гипертекстовыми документами. Текст, который является гиперссылкой, как правило, выделяется цветом и подчеркивается. Для определения ссылки используется тег <А>, структура которого имеет следующий вид:

<А HREF="filename" target="_self">текст ссылки</A> Атрибут HREF задает значение адреса документа, на который указывает ссылка, filename - имя файла или адрес Internet, на который необходимо сослаться, а текст_ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Атрибут TARGET задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута:

_top - открытие документа в текущем окне

_blank - открытие документа в новом окне

_self - открытие документа в текущем фрейме

_parent - открытие документа в родительском фрейме

Фреймы.

Испольльзуя фрэймы, позволяющие разбивать Web-страниц скроллируемые подокна, вы можете значительно улучшить внешний вид и функциональность информационных систем и Web-приложений. Каждое подокно, или фрэйм, может иметь следующие свойства:

Каждый фрэйм имеет свой URL, что позволяет загружать его независимо от других фрэймов. Каждый фрэйм имеет собственое имя (параметр NAME), позволяющее переходить к нему из другого фрэйма. Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрешено указанием специального параметра). Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как:

Размещение статической информации, которую автор считает необходимым постоянно показывать пользователю, в одном статическом фрэйме. Это может быть графический логотип фирмы, copyright, набор управляющих кнопок.

Помещение в статическом фрэйме оглавления всех или части WEB-документов, содержащихся на WEB-сервере, что позволяет пользователю быстро находить интересующую его информацию.

Синтаксис фрэймов

Формат документа, использующего фрэймы, внешне очень напоминает формат обычного документа, только вместо тэга BODY используется контейнер FRAMESET, содержащий описание внутренних HTML-документов, содержащий собственно информацию, размещаемую во фрэймах.

<HTML>

<HEAD>...</HEAD>

<FRAMESET>...</FRAMESET>

</HTML>

Однако, фрэйм-документ является специфичным видом HTML-документа, поскольку не содержит элемента BODY и какой-либо информационной нагрузки соответственно. Он описывает только фрэймы, которые будут содержать информацию (кроме случая двойного документа, который мы рассмотрим позже).

+Представим общий синтаксис фрэймов:

<FRAMESET COLS="value" | ROWS="value">

<FRAME SRC="url1">

<FRAME ...>

. . .

</FRAMESET>

Общий контэйнер FRAMESET описывает все фрэймы, на которые делится экран. Вы можете разделить экран на несколько вертикальных или несколько горизонтальных фрэймов. Тэг FRAME пописывает каждый фрэйм в отдельности. Рассмотрим более детально каждый компонент.

FRAMESET

<FRAMESET [COLS="value" | ROWS="value"]>

Тэг <FRAMESET> имеет завершающий тэг </FRAMESET>. Все, что может находиться между этими двумя тэгами, это тэг <FRAME>, вложенные тэги <FRAMESET> и </FRAMESET>, а также контейнер из тэгов <NOFRAME&g tкоторый позволяет строить двойные документы для броузеров, поддерживающих фрэймы и не поддерживающих фрэймы.

Данный тэг имеет два взаимоисключающих параметра: ROWS и COLS. ROWS="список-определений-горизонтальных-подокон" Данный тэг содержит описания некоторого количества подокон, разделенные запятыми. Каждое описание представляет собой числовое значение размера подокна в пикселах, процентах от всего размера окна или связанное масштабное значение. Количество подокон определяется количеством значений в списке. Общая сумма высот подокон должна составлять высоту всего окна (в любых измеряемых величинах). Отсутствие атрибута ROWS определяет один фрэйм, величиной во все окно броузера.

Синтаксис используемых видов описания величин подокон:

value

Простое числовое значение определяет фиксированную высоту подокна в пикселах. Это далеко не самый лучший способ описания высоты подокна, поскольку различные броузеры имеют различный размер рабочего поля, не говоря уже о различных экранных разрешениях у пользователя. Если вы, все же, используете данный способ описания размера, то настоятельно рекомендуется сочетать его с каким-либо другим, чтобы в результате вы точно получили 100%-ное заполнение окна броузера вашего пользователя.

value%

Значение величины подокна в процентах от 1 до 100. Если общая сумма процентов описываемых подокон превышает 100, то размеры всех фрэймов пропорционально уменьшаются до суммы 100%. Если, соответственно, сумма меньше 100, то размеры пропорционально учеличиваются.

value*

Вообще говоря, значение value в данном описании является необязательным. Символ "*" указывает на то, что все оставшееся место будет принадлежать данному фрэйму. Если указывается два или более фрэйма с описанием "*" (например "*,*"), то оставшееся пространство делится поровну между этими фрэймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрэйма (во сколько раз од будет больше аналогично описанного чистой звездочкой). Например, описание "3*,*,*", говорит, что будет создано три фрэйма с размерами 3/5 свободного пространства для первого фрэйма и по 1/5 для двух других.

COLS="список-определений-горизонтальных-подокон" То же самое, что и ROWS, но делит окно по вертикали, а не по горизонтали.

Внимание! Совместное использование данных параметров может привести к непредствазуемым результатам. Например, строка: <FRAMESET ROWS="50%,50%" COLS "50%,50%"> может привести к ошибочной ситуации.

Примеры:

<FRAMESET COLS="50,*,50"> - описывает три фрэйма, два по 50 точек справа и слева, и один внутри этих полосок.

Примеры

Рассмотрим реализацию фрэймов для подобного разбиения окна:

<FRAMESET ROWS="*,*">

<NOFRAMES>

<H1>Ваша версия WEB-броузера не поддерживает фрэймы!</H1>

</NOFRAMES>

<FRAMESET COLS="65%,35%">

<FRAME SRC="link1.html">

<FRAME SRC="link2.html">

</FRAMESET>

<FRAMESET COLS="*,40%,*">

<FRAME SRC="link3.html">

<FRAME SRC="link4.html">

<FRAME SRC="link5.html">

</FRAMESET>

</FRAMESET>

Планирование фрэймов и взаимодействия между фрэймами

С появлением фрэймов сразу возникает вопрос: "А как сделать так, чтобы нажимая на ссылку в одном фрэйме инициировать появление информации в другом?"

Ответом на данный вопрос является планирование взаимодействия фрэймов (далее - планирование). Каждый фрэйм может иметь собственное имя, определяемое параметром NAME при описании данного фрэйма. Существует, также, специальный атрибут - TARGET, позволяющий определять, к какому фрэйму относится та или иная операция. Формат данного атрибута следующий:

TARGET="windows_name"

Данный атрибут может встречаться внутри различных тэгов:

TARGET в тэге A

Это самое прямое использование TARGET. Обычно, при активизации пользователем ссылки соответствующий документ появляется в том же окне (или фрэйме), что и исходный, в котором была ссылка. Добавление атрибута TARGET позволяет произвести вывод документа в другой фрэйм. Например:

<A href="mydoc.html" TARGET="Frame1"> Переход в фрэйм п 1 </A>

TARGET в тэге BASE

Размещение TARGET в тэге BASE позволит вам не указывать при описании каждой ссылки фрэйм-приемник документов, вызываемых по ссылкам. Это очень удобно, если в одном фрэйме у вас находится меню, а в другой - выводится информация. Например:

Документ п 1.

<FRAMESET ROWS="20,*">

<FRAME SRC="doc2.htm" NAME="Frame1">

<FRAME SRC="doc3.htm" NAME="Frame2">

</FRAMESET>

Документ п 2 (doc2.htm).

<HTML>

<HEAD>

<BASE TARGET="Frame2">

</HEAD>

<BODY>

<A href="url1"> Первая часть</A>

<A href="url2"> Вторая часть</A>

</BODY>

</HTML>

TARGET в тэге AREA

Таже можно включать тэг TARGET в описание ссылки при создании карты изображения. Например:

<AREA SHAPE="circle" COORDS="100,100,50" href="http://www.softexpress.com" TARGET="Frame1">

TARGET в тэге FORM

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

<FORM ACTION="url" TARGET="window_name">

Вопрос 27. HTML. Формы. Валидация. Форма - это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего мира, где информация будет некоторым образом обработана

В последнее время определенное распространение получил язык PHP/FI, инструкции которого можно встраивать прямо в HTML-документы (документы при этом сохраняются в виде файлов с расширением *.pht или *.php).

Формы передают информацию программам-обработчикам в виде пар [имя переменной]=[значение переменной]. Имена переменных следует задавать латинскими буквами. Значения переменных воспринимаются обработчиками как строки, даже если они содержат только цифры.

Как устроена форма

Форма открывается меткой <FORM> и заканчивается меткой </FORM>. HTML-документ может содержать в себе несколько форм, однако формы не должны находиться одна внутри другой. HTML-текст, включая метки, может размещаться внутри форм без ограничений.

Метка <FORM> может содержать три атрибута, один из которых является обязательным. Вот эти атрибуты:

ACTION

Обязательный атрибут. Определяет, где находится обработчик формы.

METHOD

Определяет, каким образом (иначе говоря, с помощью какого метода протокола передачи гипертекстов) данные из формы будут переданы обработчику. Допустимые значения: METHOD=POST и METHOD=GET. Если значение атрибута не установлено, по умолчанию предполагается METHOD=GET.

ENCTYPE

Определяет, каким образом данные из формы будут закодированы для передачи обработчику. Если значение атрибута не установлено, по умолчанию предполагается ENCTYPE=application/x-www-form-urlencoded.

В форме может быть несколько кнопок типа submit с различными именами и/или значениями. Обработчик, таким образом, может действовать по-разному в зависимости от того, какую именно кнопку submit нажал пользователь.

Как форма собирает данные

Существуют и другие типы элементов <INPUT>. Каждый элемент <INPUT> должен включать атрибут NAME=[имя], определяющий имя элемента (и, соответственно, имя переменной, которая будет передана обработчику). Имя должно задаваться только латинскими буквами. Большинство элементов <INPUT> должны включать атрибут VALUE="[значение]", определяющий значение, которое будет передано обработчику под этим именем. Для элементов <INPUT TYPE=text> и <INPUT TYPE=password>, однако, этот атрибут не обязателен, поскольку значение соответствующей переменной может вводиться пользователем с клавиатуры.