Справочник для внутреннего использования

Устаревающие

Популярные

Редкие

640 х 480

1024 х 768

1152х 864

800 х 600

1280 х 1024

1280 х 720

1440 х 900

1600 х 1200

1900 х 1200

1920 х 1080

2048 х 1536

Приложения

Браузеры

Браузер — программа просмотра интернет-страниц и работы с ни­ми (навигация, сохранение, печать, интерактивная работа с сайтами).

1. Родоначальник

Браузер NCSA Mosaic

NCSA Mosaic™ был разработан в Национальном суперкомпью­терам центре Иллинойского университета к апрелю 1993 г.

2. Браузер Internet Explorer

На данный момент наиболее распространен (около 85% рынка браузеров). Производитель — компания Microsoft. С 1995 г.

Версии:

1, 2 — популярности не получили

3. — вшита в ОС Windows 95

4. — стандартный браузер в ОС Windows 98, 5.0 — в ОС Windows

98 SE

5.5 не содержит значительных изменений

6.0 — стандартный браузер в ОС Windows XP, некоторые измене­ния интерфейса и поддержки стандартов

7.0 — многооконный интерфейс («табы», или закладки), воз­можность просмотра уменьшенных копий нескольких страниц в одном окне, встроенный поисковик, изменения в интерфейсе и настройках безопасности

Надстройки: NetSurf, Turbo Browser, MyIE, TweakIE, Slim Browser

3. Браузер Opera

Не самый распространенный, в силу чего наименее подвержен хакерским атакам. Масса быстрых настроек. Самый компактный и быс­трый (с точки зрения прорисовки страниц и работы с кэшем). К послед­ним версиям поддерживает большинство стандартов и новых техноло­гий. Производитель — Opera Software (Норвегия). Официальный сайт, русскоязычный сайт. С 1996 г.

Версии:

1.0 — для внутрикорпоративного использования компанией

Версии со 2-й по 4-ю платные

С версии 5.0 по 8.0 программа условно-бесплатная

6.0 — первая версия, отмеченная значительной функциональнос­тью. Нет поддержки некоторых стандартов

7.0 — поддержка большинства стандартов

8.0 — значительно переработанный интерфейс, возросшая функ­циональность, поддержка технологии AJAX

8.5 — браузер полностью бесплатный

392

Справочник

5.2

9.x — улучшенная поддержка технологий и стандартов, легкие изменения в интерфейсе и работе со встроенным почтовым клиентом, индивидуальные настройки для каждого сайта, поддержка BitTorrent

4. Семейство Mozilla / Netscape Браузер Netscape (с 1994 г.)

(Netscape Navigator, Netscape Communicator, Netscape Browser) Использующиеся версии: 4.x, далее на технологии Gecko: 6.x, 7.x, 8.x (последняя также с поддержкой движка Trident от MSIE), готовится версия 9

Версии 4.x (русифицированный аналог — «Сибкон Коммуника­тор 4.7») наименее стабильны и из ныне использующихся браузеров и слабо поддерживают стандарты.

Надстройка: IBM Home Page Reader Браузер Mozilla (с 1998 г.)

Последняя версия 1.7.5, близка Netscape 6+

Браузер Mozilla Firefox (с 2002 г.)

Версии 0.x, 1.0, 1.5, 2.0, облегченная версия браузера Mozilla Браузер SeaMonkey (с 2006 г.)

Версии 1.x — на основе Gecko с учетом изменений в Firefox, со встроенными почтовым и новостным клиентами и HTML-редактором Прочие (с ядром Gecko):

Flock (на основе Mozilla Firefox)

Galeon (для Linux)

Epiphany (для Linux)

Camino 0.8.2, 1.0 (альтернативный браузер для MacOS)

K-Meleon

5. Оригинальные браузеры Safari

Версии 1.0, 1.2, 2.0, ожидается 3.0 — только для MacOS X, с 2003 Amaya

Фирменный браузер организации WWW Consortium Voyager

Встроенный браузер ОС QNX Ariadna

Браузер от российских разработчиков Net Positive

Браузер для операционной системы BeOS

Konqueror и Nautilus (в Linux, браузеры + оконные файловые ме­неджеры)

Dillo (в Linux)

Lynx и Links, текстовые браузеры А также Elinks, ICab, OmniWeb и WorldWideWeb

393

Приложения

Операционные системы

1. ОС от Microsoft DOS

В настоящее время не используется как самостоятельная

Windows

Версии:

1.0, 3.0, 3.1, 3.11 — графические надстройки над DOS 95 — первая полноценная графическая ОС (на основе DOS) с ин­тегрированными средствами работы в интернете

98, 98 SE (Second Edition) и ME (Millenium Edition, с обновлен­ным интерфейсом) — более стабильные версии

NT (New Technology) версий 1—4 с технологией работы каждого процесса в отдельной виртуальной машине

2000 на основе технологии NT (сочетение возможностей версий 98 или ME с надежностью NT)

XP (с переработанным графическим интерфейсом и массой до­полнительных функций)

2003 Server (для серверной работы)

Vista

Планируются Vienna и Longhorn

2. Семейство Unix Unix

Основа (родоначальник) систем, отличающихся высокой надеж­ностью и распределением прав на выполнение приложений Mac OS

Используется на компьютерах Apple Macintosh Версии:

9.x (в современных версиях Mac OS осталась поддержка приложе­ний для этой версии)

10 (MacOS X) — в модификациях 10.1 (Puma), 10.2 (Jaguar), 10.3 (Panther), 10.4 (Tiger), 10.5 (Leopard)

Linux

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

Red Hat, Gentoo, S. u.S. E., Mandrake (Mandriva), Debian, ASP, Fedora, Ubuntu, ALT, Slackware, StormLinux, Turbolinux, Caldera, Corel, Yggdrasil, easyLinux, LinuxPro, LinuxWare и др.

LinSpire

Бывш. Lindows, на осн. Linux, Windows-совместимая Solaris

394

Справочник

5.2

FreeBSD

OpenBSD, SCO OpenServer, BSD/OS (= BSDi), NetBSD — в ос­новном как серверные ОС; HP-UX; Xenix (от Microsoft)

AIX, IRIX

3. Оригинальные

BeOS

ZetaOS и AtheOS (базируются на BeOS)

OS/2

QNX

MenuetOS

AmigaOS

4. Планируются и разрабатываются Microsoft Singularity (ОС с нуля)

Nexenta OS (Linux + Solaris)

Серверные языки программирования

Practical Extraction and Report Language (Perl)

Один из первых и наиболее распространенных. Расширение фай­лов. cgi или. pl. Сценарии на этом языке хранятся в отдельном каталоге (напр., cgi-bin). Web-сервера: IIS, Apache.

PHP Hypertext Preprocessor (PHP)

Статистически самый распространенный. Расширение файлов. php, .php3, .php4 или. phtml. Директивы языка включены в html-код. Web-сервера: IIS, Apache.

Active Server Pages (ASP)

От компании Microsoft. Расширение файлов. asp. Директивы язы­ка включены в html-код. Web-сервер: IIS.

ColdFusion

Разработчик: Allaire, Inc. Расширение файлов. cfm. Web-сервера: IIS, PWS.

Java Server Pages (JSP)

Разработчик: Sun. Расширение файлов. jsp.

Parser

Разработчик: Студия Лебедева. Расширение файлов: .p. Директивы не обособляются от HTML-кода.

Помним всегда

Кириллические кодировки: Windows-1251, KOI-8, ISO, DOS; ки­риллицу также поддерживает UTF-8 (Юникод).

Шрифты: Serif, Sans-Serif, Monospace (в CSS).

Цвета, состоящие из 00, 33, 66, 99, CC и FF (или 0, 51, 102, 153, 204 и 255), будут отображаться корректно на всех мониторах, кроме чер­но-белых.

Юзабилити: сайт должен быть одновременно полезным, удоб­ным, красивым, оригинальным и запоминающимся и обладать тща­тельно продуманной навигацией.

На сайте не должно быть орфографических и пунктуационных ошибок.

На сайте должны быть контактные данные или иной гипертекст.

Страница не должна содержать ссылок на саму себя.

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

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

5.3. Что почитать

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

По веб-дизайну откровенно мало отличных книг (просто хоро­ших чуть больше). А некоторые книги, которые веб-дизайнеры не чита­ют, потому что книги предназначены в первую очередь для дизайнеров от полиграфии, стоило бы прочитать и первым.

Ниже приведены мои аннотации к некоторым книгам, которые я считаю особенно полезными для веб-разработчиков.

Книга «Веб-дизайн» Дмитрия Кирсанова давно стала классикой жанра. Написана она была тогда, когда популярны были еще пресло­вутые четвертые версии браузеров, но с тех пор ни в малейшей степени не устарела. Дело в том, что она обращается к читателю как к дизайне-

396

5.

Приложения

Дизайн» Джеймса Феличи. В первую очередь книга предназначена верс­тальщикам книг и других типов изданий, но любой веб-дизайнер почерп­нет оттуда море полезных сведений, касающихся верстки текста и работы со шрифтом. Кегль, гарнитура, интерлиньяж, висячая пунктуация, фла­говый набор, выключка, переносы, единицы измерения, файлы шрифтов, кегельная, апроши, пробелы, насыщенность, антиква, засечки, гротеск, колонки, «вдовы» и «сироты», трекинг, отступы, специальные символы, структура документа, таблицы, набор на разных языках, разрешение... Это неполный перечень терминов, с которыми можно детально познако­миться в этой книге. Автор работает со шрифтами и версткой текста всю сознательную жизнь, и если при верстке страниц вы обращаете особое внимание на текст, то книга окажется вам более чем полезна.

Книга Джеффри Зельдмана, специалиста с мировым именем, на­зывается «Web-дизайн по стандартам», что сначала настораживает. Од­нако о шаблонных подходах там нет речи. Автор ратует за то, чтобы соблюдались стандарты языков разметки и правила грамотной верстки. Если мы говорим (или стремимся говорить) на русском языке без оши­бок, то почему мы должны писать на HTML с ошибками? На самом деле вопросом стандартов автор не ограничивается. Среди вопросов, подни­маемых в книге — использование устаревших браузеров, версионность страниц сайтов, несовместимость браузеров со стандартами, языки XML и XHTML, совместимость и доступность (страницы для людей с огра­ниченными возможностями), возможности использования CSS вмес­то JavaScript, оформление текста и многое другое. Зельдман — один из дизайнеров, способных превратить шаблонную верстку в произведение искусства, не меняя HTML-кода. Он обладает детальнейшим знанием ошибок реализации стандартов в браузерах. А еще он любит рассказы­вать, что делать, но не говорит, как это сделать.

Книга «Skip Intro» (стандартное заклинание в английском языке, переводится как «пропустить заставку») с подзаголовком «Особенности дизайна интерфейса с помощью Macromedia Flash MX» Микеланджело Капраро и Дункана Мак-Алестера — это одна из малочисленных книг по флэшу, которая рассказывает не о приемах рисования и анимации, а о грамотном использовании этой технологии. С одной стороны, есть правила интерфейсов, законы юзабилити, удобство использования сай­тов, с другой — возможности флэша и разработчики, которые знают об этих возможностях, но не думают о посетителе. Книга пытается при­менить эти две враждующие стороны. В ней масса примеров на языке ActionScript, но это не только сборник рецептов. В ней есть описание целевой аудитории, но книга — не пустая болтовня теоретиков. Одна из небольших глав называется «Разум против красоты». Книга о том, чтобы этого «против» было как можно меньше.

398

5.4. Собрание аннотированных ссылок

Сайты в интернете — вещь очень мобильная. Они могут пропадать, спустя какое-то время снова появляться. Так что не удивляйтесь, если из списка, перечисленного ниже, некоторые сайты уже не будут доступны. В этом случае можно воспользоваться сервисом web. archive. org, являющимся онлайновым музеем сайтов — на нем можно найти разные версии сотен тысяч сайтов за разные годы.

1. Авторские статьи

E-notes (e-notes. ru)

Субъективные заметки об интернет-дизайне

— Станислав Жарков

Веб-анатомия по воскресеньям (web-anatomy. ru) Колонки-обзоры

— Артемий Ломов

Дневник дизайнера-маньяка (miu-mau. org/all. html) Дизайнерское, иллюстраторское

— Яна Франк (Miu Mau)

Заметки дизайнера (maxvt. com/zametki)

Веб-дизайн, статьи

— Макс Тимченко

Заметки HTML-кодера (htmlcoder. visions. ru)

HTML, CSS, JavaScript

— Александр Шуркаев

Ководство (artlebedev. ru/kovodstvo)

Дизайн, интерфейсы, типографика

— Артемий Лебедев

Ку/роводство (Несерьезно о серьезном) (dklab. ru/chiken/nablas/) Веб-программирование

— Дмитрий Котеров

Статьи по web-дизайну (cherry-design. spb. ru/pages/)

Основы веб-дизайна

— Михаил Мельников

Техногрет (artlebedev. ru/tools/technogrette)

HTML, XSLT, JavaScript etc.

— Студия Лебедева

400

Собрание аннотированных ссылок

5.4

2. Темы

Apache (apachedev. ru)

Статьи о сервере Apache

CSS Zen Garden (csszengarden. com/tr/russian)

Возможности верстки с помощью CSS

PHP. ru

Новости и описание PHP PHP. su

PHP, MySQL и другие веб-технологии

Набор текста (svistunov. ru/lib/prepress/handset/handset4.html) Правила для печатников, в большинстве применимые и для веба

— М. В. Шульмейстер

Правила набора и верстки (kursiv. ru/kursiv/archive/06/rules1.html) Статья про типографику (журнал «Курсив»)

— Нина Шапинова

Пробел (ru. wikipedia. org/wiki/Пробел)

Употребление пробелов в тексте

— Wikipedia, разные авторы

/Регулярные выражения/ (regexp. ru)

Без комментариев

— Андрей Шитов

3. Официальные сайты

PHP (php. net)

Без комментариев

WWW Consortium (w3c. org)

Законодатель веб-стандартов

4. Блоги, клубы, форумы, периодика

CSSing (cssing. org. ua)

Блог про CSS

— Юрий Артюх

Eye of the Beholder (beholder-eye. info)

Блог по веб-строительству

— Александр Шабуневич

Imfo. ru

Блог по веб-разработке

— Данил Иванов

Приложения

Lessio. ru

Блог, статьи, CSS, JS

— Алексей Молов

WebClub (webclub. ru)

Всероссийский клуб веб-разработчиков

Webmascon (webmascon. com)

Журнал веб-мастеров: переводы и авторские статьи

Компьюлента (compulenta. ru)

Новости компьютерного мира

РЕЛИБ (relib. com)

Форумы, статьи, новости

5. Авторские сайты и переводы

Egoroff (egoroff. spb. ru)

Веб-строительство

— Александр Егоров

Spectator. ru

В т. ч. статьи и технологии веб-дизайна

— Дмитрий Смирнов

Tigir. com

О веб-технологиях

— Игорь Цыгырлаш

Umade. ru

Заметки по веб-дизайну и переводы

— Никита Вакорин

Web Experiment (experiment. net. ru)

Решения, справочники, мнения

— Степан Иванович

Xhtml. ru

Разделы, заметки, форумы

— Андрей Баранов, Евгений Клоков

Дизайн для думающих (ddd. exmachina. ru) Графический дизайн, веб, интерфейсы

— Влад Головач

Лаборатория dk (dklab. ru)

Статьи и технологии веб-дизайна

— Дмитрий Котеров

402

Собрание аннотированных ссылок

5.4

6. Универсальные справочники

Citforum (citforum. ru)

Информационные технологии

HTMLbook (htmlbook. ru)

HTML, CSS, веб-дизайн

— Влад Мержевич

Справочник web-языков (spravkaweb. ru)

Языки разметки и веб-программирования, советы

7. Для начинающих

HTML (html. manual. ru)

Кросс-браузерные тэги HTML

— Владимир Городулин

JavaScript (jsp. newmail. ru)

Уроки для начинающих

— Джо Бернс

8. Инструменты

Browsercam. com

Скриншоты вашего сайта в разных браузерах под разными ОС и с разными разрешениями экрана

Browsrcamp. com

Скриншоты сайтов в браузере Safari под системой MacOS X Browsershots. org

Скриншоты вашего сайта в разных браузерах под разными ОС и с разными разрешениями экрана

Devanagari 2 (erlang. com. ru/devanagari)

Авторазметка текста для веб-страниц в режиме реального време­ни с оффлайновой версией

— Кирилл Панфилов

Orphus (dklab. ru/chicken/nablas/24.html)

Помощь в обнаружении ошибок на сайте

— Дмитрий Котеров

The Wayback Machine (web. archive. org)

История сайтов. Гигантский архив

— The Internet Archive

Автотипографика (at. webcode. ru/online)

Инструмент авторазметки текста для веб-страниц (с exe-версией для Windows)

Денвер (denwer. ru)

Отладочный сервер (Apache+PHP+MySQL etc.)

— Дмитрий Котеров

Календарь (webcode. ru/use/calendar)

На любой месяц 1901—2099 годов. С исходным сценарием

Орфограф (artlebedev. ru/tools/orfograf)

Проверка орфографии на веб-страницах

— Студия Лебедева

Типограф (artlebedev. ru/tools/typograf)

Авторазметка текста для веб-страниц (серверное)

— Студия Лебедева

5.5. Словарь терминов

3D — сокращение от 3 dimensions, «три измерения». Обычно так назы­вают трехмерную графику (статичную или анимированную), а также произведения, созданные при помощи технологий разработки такой графики, и программы для ее создания. В веб-дизайне применяется ограниченно, обычно в виде двухмерной графики, экспортирован­ной из 3D.

404 — код ошибки, посылаемой сервером браузеру в случае отсутствия запрашиваемой страницы. С помощью настроек сервера (на сервере Apache, например, эти настройки задаются в файле. htaccess) можно обрабатывать это событие и в случае получения кода 404 переадресо­вывать браузер посетителя на заранее созданную страницу, оповеща­ющую об ошибке. О других кодах см. «Коды ответа сервера».

ActionScript — язык программирования, использующийся в связке с тех­нологией векторной графики и анимации Flash. Является полно­функциональным языком, умеет не только работать с компонента­ми флэш-ролика, но и оперировать файлами, запросами, использует переменные, массивы, циклы и функции.

ActiveX — технология, встроенная в браузер Internet Explorer (несовмес­тима с большинством остальных браузеров); компоненты, созданные на ее основе, позволяют вставлять на веб-страницы мультимедийное содержимое.

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

404

Словарь

5.5

Зеров. Суть технологии: при помощи языка активных сценариев (JavaScript) посылается запрос к серверу, на сервере он выполняется (при этом может осуществляться запрос к базе данных), результат возвращается в браузер и выводится на той же самой странице, ко­торая и была открыта.

Amaya — браузер организации WWW Consortium. Служит в основном для отладочных целей.

Ariadna — браузер российских производителей. Не поддерживает JavaScript; имеет встроенный словарь. Разработка прекращена к кон­цу 90-х годов прошлого столетия.

ASP — серверная технология формирования динамических веб-страниц с возможностью обращения к базам данных. В качестве языка сцена­риев использует VBScript или (реже) JavaScript; серверные вставки осуществляются с помощью технологии SSI. Работает на сервере IIS и некоторых других. Производитель: Корпорация Microsoft. Расши­рения файлов — .asp.

Atom — формат сбора, передачи и получения новостей с различных сай­тов; принципы схожи с RSS.

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

Camino — браузер на основе Gecko для операционной системы MacOS.

Chimera — старое название браузера Camino.

CMS — система управления содержимым (сокращение от англ. Content Management System), программа или набор сценариев для управления содержимым на сайте. Реализуется как устанавливае­мое приложение либо как компонент сайта. Позволяет создавать, обновлять и удалять разделы, работать с файлами и совершать иные операции со страницами сайта без знания языков разметки и программирования.

ColdFusion — язык серверных сценариев от компании Allaire, Inc.

Cookies — данные в определенном формате, которые с помощью активных или серверных сценариев страницы сайта оставляют на компьютере посетителя. Служат обычно для сохранения информации, связанной с авторизацией посетителя на сайте, чтобы не вводить имя пользова­теля и пароль при посещении каждой страницы. Возможно также со­хранение настроек сайта. Данные сохраняются в текстовом формате, так что опасности для браузера и системы пользователя не несут, хотя возможность отключения Cookies имеется в каждом браузере.

5.

Приложения

Cron — технология на серверах на базе операционных систем Linux и FreeBSD; позволяет запускать сценарии в определенное время. Полезно для сбора статистики и осуществления рассылки.

CSS — Cascading Style Sheets, каскадные таблицы стилей, технология, применяемая для оформления страниц и их элементов. Включает в себя язык описания стилей тэгов, классов и идентифицируемых элементов и технологию включения стилевых правил в страницу. См. также «Стилевые таблицы».

Dillo — браузер с ограниченной функциональностью, применяемый в операционных системах Linux и FreeBSD.

DOM — Document Object Model, объектная модель документа, пред­ставление любого HTML-документа в виде «дерева» объектов, при котором обращение к любому узлу (создание, чтение, изменение и удаление) может осуществляться с помощью сценариев. К элемен­там документа можно обращаться по имени тэга, по идентификатору, а также по родительским, дочерним и соседним элементам.

DTD — Document Type Definition, определение тип документа. Указа­ние DTD служит для корректного отображения браузером валидного кода. DTD указывается первым тэгом в документе. Например, для HTML-файлов правильным DTD будет <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">.

ECMASript — стандартизированный язык активных сценариев на осно­ве JavaScript.

Epiphany — браузер на основе Gecko для операционной системы Linux.

FAQ — Frequently Asked Questions, часто задаваемые вопросы. Справоч­ный раздел на сайте или в программном продукте. Нередко такое со­кращение используется и на русскоязычных сайтах.

Favicon — условное наименование небольшого изображения, использу­емого в двух местах: слева от адреса сайта в адресной строке и рядом с названием сайта в списках Избранного (Закладок, Bookmarks, в за­висимости от терминологии браузера) при пользовательском сохра­нении адреса и названия сайта в подобных списках закладок. Браузе­ры Opera и основанные на Gecko сохраняют Favicon стабильно, тогда как Internet Explorer не всегда. Такое изображение создается в формате ICO (например, favicon. ico). Чтобы установить такую иконку на сайте, нужно сохранить на сервере данное изображение, а в пределах блока <head>...</head> всех страниц написать тэг: <link rel="shortcut icon" type="image/x-icon" href="favicon. ico" />. Па­раметр HREF указывает на адрес иконки: <link rel="shortcut icon" href="/img/favicon. ico" />.

406

Словарь

5.5

Find As You Type — [англ. «искать, пока ты набираешь (текст)»] принцип некоторых поисковых и настроечных систем, который производит поиск среди хранящейся информации не после ввода искомого сло­ва и нажатия кнопки «Искать» (или аналогичной), а прямо во время набора искомого слова в строке поискового запроса. В этом случае ре­зультаты выводятся и изменяются по мере набора все большего коли­чества букв искомого слова или сочетания. Может так получиться, что нужный результат выводится на экран еще до конца набора нужного слова. Find As You Type — не технология, а именно принцип. Саму тех­нологию легко реализовать связкой серверных сценариев (сам меха­низм поиска) и активных сценариев (реакция на набор символов в по­исковой строке, проверка на недопустимые символы и т. п.).

Firefox — точнее, Mozilla Firefox. Браузер на основе Gecko. Версии раз­работаны для большинства распространенных операционных сис­тем, включая Windows, Linux и MacOS.

Flash — технология, включающая собственный формат векторной гра­фики и возможность анимации. Для управления элементами этой технологии используется язык ActionScript. В качестве роликов в формате SWF может внедряться в веб-страницы. Ролик может со­держать как элемент страницы, так и полноценный сайт.

Flock — браузер на основе Firefox.

FreeBSD — операционная система, по архитектуре близкая к Linux, час­то используется в качестве базы для веб-серверов.

FTP — File Transfers Protocol, протокол для передачи файлов. Использу­ется для выгрузки подготовленных файлов на сервер. Для передачи файлов по протоколу FTP создано множество специализированных приложений; кроме того, много обычных файловых менеджеров и браузер Internet Explorer имеют поддержку этого протокола.

Galeon — браузер на основе Gecko для операционных систем Linux.

Gecko — технология чтения кода и вывода на экран веб-страниц, ра­ботающая в качестве программного ядра для большого количества браузеров, в том числе Netscape (с версии 6) и Firefox.

GIF — формат графических файлов с поддержкой прозрачных областей и анимации.

HTML — Hypertext Markup Language, язык гипертекстовой разметки. Используется как основа построения на любой веб-странице. Раз­метка основана на использовании тэгов и их параметров. Позволяет логически размечать страницы, но допускает и визуальное формати­рование. На данный момент актуальная версия 4, в разработке 5.

5.

Приложения

HTTP — Hypertext Transfers Protocol, протокол передачи гипертекста. Формат передачи информации, при котором допускается использо­вание гипертекстовых связей между документами. Основной прото­кол для передачи данных в интернете.

ICQ — псевдосокращение от англ. I seek you, «я ищу тебя». Онлайновое средство персонального общения («интернет-пейджер»), при кото­ром каждый участник диалога имеет номер, который является адре­сом передачи сообщений. Наиболее известные программы для об­щения в ICQ — ICQ, QIP, Miranda, Sim, &RQ.

IE — принятое сокращение от Internet Explorer.

Internet Explorer — браузер на основе Trident, поставляется вместе с опе­рационной системой Windows, поэтому статистически используется чаще всего. Существуют также версии для MacOS.

Java — язык, разработанный компанией Sun, в том числе позволяющий включать интерактивные апплеты на веб-страницах. Отличается кроссплатформенностью.

JavaScript — язык активных сценариев. Используется для динамичес­кой генерации содержимого на веб-страницах в режиме реально­го времени, управления объектной моделью документа, проверки корректности пользовательского ввода и т. п. В качестве серверного компонента используется технологией ASP (см.).

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

JScript — версия языка JavaScript, разработанная Microsoft для Internet Explorer.

JSP — Java Server Pages, язык серверных сценариев на основе Java. Рас­ширения файлов — .jsp.

Kazehakase — японский браузер с поддержкой различных механизмов отображения веб-страниц, основан на Gecko.

KHTML — родственный Gecko механизм чтения языков разметки и сценариев и отображения веб-страниц. Используется (с модифи­кациями) в браузерах Konqueror, Safari, Swift.

K-Meleon — браузер на основе Gecko для операционной системы Windows.

Konqueror — браузер и файловый менеджер оконного типа на основе KHTML для операционных систем Linux.

LAMP — жаргонное сокращенное наименование связки технологий:

408

Словарь

5.5

Linux (операционная система), Apache (веб-сервер), MySQL (база данных) и PHP или Perl (языки серверных сценариев).

Links — текстовый браузер для операционных систем Linux.

Linux — семейство операционных систем, родственных FreeBSD и ис­торически основанных на Unix. Часто используются в качестве базы для веб-серверов. Наиболее распространенные Linux-системы — Mandriva, Ubuntu, Fedora, Red Hat, Gentoo, S. u.S. E., Debian, ASP, ALT, Slackware и др.

Lynx — текстовый браузер для операционных систем Linux.

MacOS — операционная система, используемая на компьютерах Apple Macintosh, последние версии созданы на базе Unix с большим ко­личеством других технологий и оригинальным интерфейсом Aqua. В качестве браузеров используются не только Internet Explorer и Firefox, но и оригинальные браузеры: Safari и Camino.

META-тэги — разряд тэгов, помещаемых в блоке между <head> и </head> и содержащих служебную информацию. Например, для того, чтобы страницы не кэшировались (см. «Кэш»), а выводились свежими, достаточно двух тэгов, рассчитанных на разные типы бра­узеров и серверов: <meta http-equiv="Pragma" content="no - cache"> <meta http-equiv="Expires" content="0">. Их можно записать последовательно или в разных строках, как обычно в HTML. В браузере Internet Explorer с шестой версии при наведении курсора на изображениям появляется панель, позволяющая сохранять изображения и производить другие действия; для запрета появления этой панели используется тэг <meta http-equiv="imagetoolbar" content="false">. Часть META-тэгов используется для брау - зерной навигации: можно указать страницы, предыдущие (<link rel="prev" href="адрес страницы" id="GoBackward" />) или следующие(<link rel="next" href="адрес страницы" id="GoForward" />) по отношению к текущей. Для браузеров и автоматических сборщиков информации также указываются сведе­ния об авторе(<meta name="Author" content="Имя автора или ссылка на его сайт">), ключевые слова страницы (<meta name="Keywords" content="список ключевых слов">) и описание содержания страницы (<meta name="Description" content="описание">). Иногда указывается кодировка по умол­чанию (<meta http-equiv="Content-Type" content="text/ html ; charset=windows-1251">) или адрес для автоматического перенаправления страницы через определенный промежуток време­ни, указываемым в секундах, — иногда таким промежутком может быть и ноль секунд (<meta http-equiv="Refresh" content="0 иг1=адрес страницы, на которую перенаправляется бра-

Приложения

Узер">) — если указать текущую страницу, то страница просто бу­дет обновляться через заданный промежуток времени.

Mosaic — первый браузер. Разработан в 1993 г. С использованием его кода были созданы Netscape и Internet Explorer.

Mozilla — браузер на основе Gecko, выпускавшийся для разных опера­ционных систем. Ныне как самостоятельный браузер не выпускает­ся; на его основе созданы Firefox, SeaMonkey и другие продукты.

MSIE — принятое сокращение от Internet Explorer.

MySQL — база данных, одна из наиболее распространенных на различ­ных сайтах, часто используется в связке LAMP.

NCSA Mosaic — см. Mosaic.

Net Positive — оригинальный браузер для операционной системы BeOS.

Netscape — браузер, переживший два периода развития. С первой по четвертую версию был основан на оригинальном «движке» и имел весьма слабую поддержку DOM и современных стандартов. Пятой версии не было. Начиная с шестой версии — на основе Gecko (кро­ме того, с восьмой версии есть возможность переключаться между Gecko и Trident).

Opera — компактный, но функциональный браузер, не использую­щий код Mosaic. Существует в версиях для 8 операционных сис­тем (Windows, Linux, MacOS, Solaris, QNX, OS/2, FreeBSD, BeOS). К восьмой версии поддерживает большинство стандартов; к девятой версии поддерживает некоторые технологии, предложенные WWW Consortium, но не утвержденные в качестве стандартов.

Parser — язык серверных сценариев, созданный Студией Лебедева.

Peri — многофункциональный язык, применяемый также как язык сер­верных сценариев на веб-страницах. Расширения файлов обычно. pl или. cgi. Файлы сценариев хранятся в отдельной директории на сай­те.

PHP — сокращение от PHP Hypertext Preprocessor, «Препроцессор ги­пертекста PHP», первый компонент — исторически аббревиатура от Personal Home Page, «Личная домашняя страница». Язык сер­верных сценариев, в данный момент на первом месте по популяр­ности в силу большой функциональности и сравнительной легко­сти освоения. Код встраивается в разметку страницы. Расширения файлов. php, .php3, .phtml, но с помощью настроек сервера воз­можно связать с обработчиком PHP и файлы с любыми другими расширениями.

410

Словарь

5.5

PHPMyAdmin — основанный на PHP набор сценариев для работы с ба­зой данных MySQL в режиме веб-интерфейса.

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

Robots. txt — файл в корневой директории сайта, содержащий адреса страниц, запрещенных к индексированию поисковыми системами. Первой строчкой обычно указывается тот факт, что обрабатываться этот файл должен всеми клиентами: User-Agent: *. Второй и даль­нейшими строчками указываются страницы, запрещенные к индек­сированию: Disallow: /scripts/admin. php (дальнейшие строки по этому же примеру; начальный слэш указывает на то, что страницы ищутся относительно корневой директории сайта).

RSS — формат сбора, передачи и получения новостей с различных сай­тов. Файлы представляют собой формат XML (с расширением. rdf или другим) с жестко закрепленной структурой. При нахождении на сервере такого файла браузер может подключать чтение RSS-по­токов (по запросу пользователя).

Ruby on Rails — технология, включающая серверный язык программи­рования и облегчающая веб-разработчику процесс создания интер­активных и динамических страниц: в системе задано большое ко­личество часто используемых шаблонов программных модулей, так что в большинстве случаев программирование сводится на установке настроек и редактировании шаблонов.

Safari — браузер на основе KHTML в операционной системе MacOS; в момент написания книги выпускались бета-версии для Windows.

Sans-Serif — общее название шрифтов без засечек, например, Arial, Helios, Helvetica, Verdana, Tahoma.

SeaMonkey — пакет приложений, в т. ч. браузер на основе Gecko, для опе­рационных систем Windows и Linux.

Serif — общее название шрифтов с засечками, например, Times New Roman, Georgia,

SQL — унифицированный язык управления базами данных. Включает средства создания, редактирования и удаления баз данных, входя­щих в них таблиц, полей и строк.

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

Приложения

Ширения файлов обычно. shtml. Используется также в составе языка Perl и технологии ASP.

SVG — формат векторной графики, использующийся на веб-страницах; поддерживается не всеми браузерами.

SWF — формат векторной графики, поддерживающий анимацию, — из­вестен как Flash.

Swift — браузер на основе KHTML (пока тестируется) для операцион­ной системы Windows.

Trident — механизм чтения кода и отображения веб-страниц, исполь­зуемый в браузере Internet Explorer и (наряду с Gecko) в версиях Netscape, начиная с восьмой.

Under Reconstruction — обычная надпись на веб-страницах в период ре­конструкции сайта. Часто остается навсегда.

Unix — семейство операционных систем; изначально самостоятельная операционная система, на основе кода которой созданы две ветви систем: FreeBSD и Linux.

URL — Uniform Resource Locator, унифицированный указатель источ­ника. Адрес сайта, включающий имя протокола, доменное имя, име­на директорий и запрашиваемого файла и строку запроса.

VBScript — язык активных сценариев от Microsoft, поддерживается бра­узером Internet Explorer. В качестве серверного компонента исполь­зуется технологией ASP (см.).

Voyager — браузер для операционной системы реального времени QNX.

Windows — наиболее распространенная операционная система, отлич­ная от систем типа Unix по архитектуре. Большинство известных бра­узеров существует в версиях для Windows: Internet Explorer, Netscape, Mozilla, Firefox, SeaMonkey, Opera и другие.

WWW — World Wide Web, «паутина мировой ширины». Принятое обоз­начение интернета. Часто так называют основную директорию для файлов сайта или присваивают основной директории такой псевдо­ним (именно поэтому адреса сайтов начинаются с www).

WWW Consortium — организация, занимающаяся разработкой стан­дартов языков разметки. Спецификации языков, опубликованные на сайте организации (w3c. org), являются рекомендациями, одна­ко производители браузеров не всегда им следуют. Как результат — веб-разработчикам часто приходится прибегать к решениям, идущим вразрез со стандартами.

412

Словарь

5.5

XHTML — версия языка HTML, отличающаяся более жесткими прави­лами.

XML — язык, позволяющий самому создавать элементы разметки. По стилю разметки близок к HTML, однако более строг к ошибкам. Документы, размеченные при помощи XML-тэгов (которые разра­ботчик волен придумывать по ходу дела), при загрузке страниц пре­образовываются с помощью XSLT на сервере (либо в браузере) и да­ют на выходе код, приемлемый для браузера.

XSL — язык стилевых определений для XML-документов.

XSLT — методы стилевых трансформаций (преобразований) докумен­тов XML с помощью языка XSL.

Абсолютный адрес — адрес расположения файла, включающий, кро­ме пути к файлу относительно сервера также название протоко­ла и доменное имя (например: <a href="Http://Www.Domail. com/path/newfile. html">CcbmKa</a>, <a href="Ftp://Ftp. music. net. ru/newfile. mp3">CcanKa</a>). Используется, как правило, для ссылок на файлы, располагающиеся на других серве­рах (сайтах), тогда как на файлы того же сайта удобнее использовать относительные адреса (см.) — в этом случае нет привязки к домен­ному имени и при перемещении сайта на другой домен не придется исправлять все ссылки.

Авторизация — механизм персонализированного использования того или иного сайта. При входе на сайт посетитель регистрируется, а если уже зарегистрирован — вводит имя пользователя и пароль. Автори­зация дает право использовать те ресурсы сайта, которые недоступ­ны неавторизованным посетителям. В частности, они дают доступ к персональной информации, к информации по учетной записи на сайтах, предоставляющих услуги хостинга, финансовые услуги. Ав­торизация метафорически представляется как вход на сайт.

Агрегатор — обработчик данных определенного формата. Чаще всего этот термин употребляют в сочетаниях: «агрегатор новостей» (про­грамма или сценарий, собирающая, обрабатывающая и выводя­щая на экран новости формата RSS, см. «RSS»), «XML-агрегатор» (в силу того, что обработчики языка XML в каждом клиенте разные, а то и вовсе отсутствуют, под такими агрегаторами опять же пони­маются программы, компоненты программ или клиентские и сер­верные сценарии, корректно интерпретирующие данные в формате XML и выводящие результат обработки на экран либо записываю­щие в другие файлы).

Админка — разговорное наименование CMS.

5.

Приложения

Адрес — то же, что URL.

Аккаунт — иначе «учетная запись». Персональный раздел на том или ином сайте, позволяющий создавать собственные записи, редакти­ровать настройки, производить иные действия, будучи уверенным, что от лица данного пользователя никто аналогичные действия производить не будет. В случае использования аккаунтов обычно используется авторизация. Часто аккаунт метафорически представ­ляется как персональная комната или личная территория на сайте. Аккаунты бывают на сайтах, содержащих почтовые сервисы, блоги и предоставляющие прочие услуги, требующие персонализированно­го представления.

Альтернативный текст — текст в параметре alt тэга IMG, видный на эк­ране вместо изображения, когда изображение не загружено (по на­стройкам браузера, при отсутствии изображения на сайте, до загруз­ки изображения на странице). В некоторых браузерах является также всплывающей надписью при наведении на загруженное изображе­ние (в этом случае для достижения кроссбраузерости лучше исполь­зовать параметр title, поддерживаемый почти всеми элементами).

Анимация — движение графических объектов. Обычно ассоциирует­ся с нарисованными объектами. Анимация может осуществлять­ся с помощью сценариев (когда код на языке JavaScript заставляет объекты — не обязательно графику — перемещаться по веб-страни­це) либо средствами графики. В качестве представителя растровой анимированной графики на веб-страницах выступает формат GIF, а в качестве представителя векторной — SWF.

Апплет — небольшое приложение на языке Java, внедряемое на веб­страницу при помощи тэгов <embed> или <object> и служащее для создания какого-либо эффекта или для выполнения какой-либо практической задачи. Часто в виде Java-апплетов выполняются ин­терактивные географические карты.

База данных (БД) — особым образом структурированный файл, логи­чески представляемый в виде электронной таблицы. Использует­ся как хранилище данных различного типа (чаще всего текстового, числового) с удобным доступом к части файла или целому файлу. Су­ществует язык запросов SQL, который позволяет производить такие запросы: создавать и удалять БД, добавлять информацию в базу дан­ных, редактировать и удалять ее, добавлять, удалять и редактировать новые структурные элементы (поля, строки). Распространенные БД — MySQL, MSSQL, Firebird, PostgreSQL, Oracle и другие.

Бета-версия — иногда сокращенно «бета» — тестируемая версия програм­много продукта (в том числе сайта, предоставляющего какие-либо

414

Словарь

5.5

Сервисы), не лишенная недоработок. Предшествует финальному ре­лизу. От альфа-версии отличается целостностью и принципиальной работоспособностью.

Бизнес-логика — структура сайта, воспринимаемая отдельно от содер­жимого.

Блог — исторически сокращение от web log, «интернет-журнал». Тип сайта, построенный хронологически. Материалы на нем представ­ляют записи, которые посетители могут комментировать. Записи обычно снабжаются метками (тэгами, темами, ключевыми словами), которые являются средством рубрикации материалов. Есть персо­нальные, коллективные, корпоративные блоги. Есть сайты, предо­ставляющие блоги зарегистрировавшимся посетителям.

Блочная верстка — верстка страницы, при которой основным «строи­тельным элементом» являются не таблицы, а абсолютно или относи­тельно позиционированные элементы <div>...</div>.

Браузер — (неправильно: броузер) программа просмотра веб-страниц. Помимо просмотра, многие браузеры позволяют редактировать и сохранять страницы, а также работать с электронной почтой, по­токами RSS, отлаживать сценарии, выполнять иные функции.

Валидатор — онлайновое средство проверки исходного кода страницы на соответствие стандартам. Проверить любую страницу можно при помощи валидатора по адресу Http://Validator.W3.Org.

Валидность — соответствие кода стандартам, установленным организа­цией WWW Consortium.

Веб-архитектура — иначе «движок» (англ. engine). Программная осно­ва для сайта, включающая обычно систему управления содержимым (без знания языков разметки и программирования). Выполняется в виде набора сценариев. Для установки этих сценариев на сервер часто применяется интернет-аналог инсталляторов. Подразумевает возможности для редактирования и удаления существующих разде­лов, создания новых и т. п..

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

Веб-интерфейс — веб-страница (или набор веб-страниц), выступаю­щая в функции программы, позволяющей взаимодействовать с каки-

Приложения

Ми-либо данными и управлять ими. Так, для управления базами данных используются командная строка или сценарии, но можно использовать и программы вроде PhpMyAdmin, представляющие со­бой веб-интерфейсы к БД.

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

Векторная графика — разновидность графики, основанная на коорди­натах точек и формулах объединяющих их линий. Ключевые поня­тия — линия и заливка. Вид, ширина, цвет, кривизна линий (т. наз. кривых, даже если они идеально прямые) и цветов и типа заливки между ними задаются математически, пересчитываются программой при любом изменении и выводятся на экран. В силу такого подхода масштабирование изображений в любую сторону происходит без по­терь для качества. Однако для фотореалистичных изображений век­торная графика не подходит.

Версии программ и сайтов — нумеруемые последовательные вариан­ты, сменяющие друг друга при устаревании. Наряду с нумераци­ей иногда применяются версионные названия (Tiger, Vista, Gran Paradiso, Kestrel, Chicago, Millenium) или аббревиатуры (CS, MX, X3, X) — обычно для программных продуктов. Для сайтов принята нумерация в одно число (версия 1, 2 и так далее) либо с десятыми долями при внесении изменений в код либо дизайн при сохранении общей концепции (1.0, 3.11, 8.5 и другие). Для программных продук­тов часто применяется более сложная нумерация, включающая не только номер версии и субверсии, но и номера релизов и сборок (так появляются 4.1.17.6736 и 11.5604.5606). Часто разработчики придер­живается собственных правил нумерации; главное, чтобы она была последовательна. Различные версии браузеров (и плагинов) имеют особенности в интерпретации кода, поэтому веб-разработчики обя­заны следить за выпуском новых версий и тенденциями в популяр­ности браузеров.

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

416

Словарь

5.5

Разные стили верстки: см. «Жесткая верстка», «Тянущаяся верстка», «УКБМ — ТБУ».

Ветвление — см. «Условный оператор».

Гарнитура — название шрифта. Например, «Times New Roman» и «Hel­vetica» — гарнитуры.

Гипертекст — понятие, ключевое для сайтов. Это организация доку­ментов, при которой страницы целостного проекта располагают­ся не последовательно, а в произвольном порядке (логичном или не очень), но связаны между собой гиперссылками (называемыми также просто ссылками). Щелкая по гиперссылке, посетитель стра­ницы активизирует запрос к серверу, и если на сервере находится до­кумент по адресу, составляющему запрос, то документ посылается пользователю (в противном случае сервер возвращает код ошибки 404). Такая взаимная связь документов (с собственно способ такого связывания) и называется гипертекстом. Нужно заметить, что ги­пертекстовая организация документов применяется не только в веб­дизайне: например, так часто оформляются справочные системы.

Графика — тип информации. Воспринимается исключительно визу­ально. Включает в себя фотографии, схемы, иллюстрации (выпол­ненные в разной технике), абстрактные изображения и даже текст; важно, чтобы подобная информация была заключена в файлы опре­деленного типа. К форматам растрового типа графики (набор точек на экране, описывается каждая или их последовательности) относят­ся JPG, GIF, PNG (применимы для веб-дизайна), TIFF, PSD и дру­гие. К форматам векторного типа графики (задаются координаты точек и соединяющие их кривые, а также цветовые заливки между ними) относятся SWF, SVG (применимы для веб-дизайна), EPS, AI, CDR, XPR и другие. Форматы трехмерной графики неприменимы для веб-дизайна без специальных модулей для браузеров.

Движок — см. «Веб-архитектура».

Денвер — вольное сокращение от «Джентльменский Набор Веб-Разра­ботчика». Удобный инструмент веб-мастера: компактный эмулятор полноценного сервера, включающий Apache, PHP, Perl, SSI, MySQL и Linux-подобную структуру директорий. Действует в среде опера­ционной системы Windows. Установочные файлы и инструкции рас­полагаются по адресу Www.Denwer.Ru.

Динамические сайты — в этот термин закладывается два смысла. Во - первых, это могут быть сайты, построенные с использованием сер­верных технологий (см. «Языки серверных сценариев»): в этом слу­чае на сайте хранятся не статические страницы, которые по запросу

Приложения

Передаются в браузер как есть, а исходные данные (в базах данных или текстовых файлах) и сценарии преобразования их в вид, пере­даваемый в браузер. Такой подход позволяет многократно и в раз­ных видах и порциях использовать одни и те же исходные данные, а при изменении подачи информации редактировать только сцена­рии трансформации. Во-вторых, динамическими называются сайты, на которых используются активные сценарии (см. «Языки активных сценариев»), которые позволяют страницам реагировать на действия пользователей в режиме реального времени: ролловерные эффекты (см.), Find As You Type (см.) и другие примеры.

Директория — иначе «папка» или «каталог». Способ представления набора файлов, якобы находящихся рядом. На самом деле файлы могут физически находиться в совсем разных местах диска. Дирек­тории представляют собой файлы определенного типа, в которых хранится информация о других файлах. Такие файлы в большинстве операционных систем не имеют расширений, графически представ­ляются как пиктограммы, условно изображающие офисные папки, позволяют сортировать файлы внутри себя и допускают древовид­ное представление информации, когда директория может содержать не только файлы, но и большое количество вложенных друг в дру­га других директорий. Таким образом, основная функция дирек­торий — упорядочивание информации. По функциям директории подразделяются на системные (программные — использующиеся в основном операционной системой и приложениями для хранения исполняемых и настроечных файлов, а также файлов программных библиотек) и пользовательские, в которых пользователи могут орга­низовывать собственные структуры директорий и файлов. Бывают также виртуальные (динамические) директории, которые физичес­ки не хранятся на диске (или создаются в результате каких-то про­цессов в системе, временно или насовсем), — например, директо­рии с результатами поиска или псевдонимы других директорий. Так, на серверах Apache в пределах файловой структуры операционной системы Linux для хранения основного количества файлов исполь­зуются директории httpdocs или htdocs, псевдонимом для которой является имя www. Таким образом, обращаясь к директории www на каком-либо сайте, на самом деле пользователь обращается к дирек­тории httpdocs или htdocs.

Документ — условное наименование физического файла или динами­чески создаваемого из нескольких файлов законченного отрезка данных. В частности, на сайтах под документами подразумевают в основном веб-страницы, а также текстовые и табличные файлы (в форматах DOC, XLS, PDF, RTF и других), хранящихся на сайте. В случае с веб-страницами запрашиваемый документ может физи-

418

Словарь

5.5

Чески отсутствовать на сервере, но собираться из нескольких файлов динамически; результат такой сборки выдается в браузер как целос­тный документ.

Домен — или «доменное имя» — адрес сайта, не включающее имя про­токола, имена директорий и файлов и строку запроса. Так, из адреса Http://Www.Erlang.Com.Ru/Euskara/7Basque доменным именем является erlang. com. ru. Доменное имя является уникальным идентификато­ром сайта; обычно оно регистрируется через посредников, являю­щихся регистраторами доменных имен или партнерами таких регис­траторов: зарегистрировать доменное имя для сайта в России можно, например, на сайте Www.Nic.Ru либо при заключении договора на хос­тинг с большинством хостинг-провайдеров. Каждый год доменное имя нужно перерегистрировать, хотя можно заказать регистрацию и на несколько лет вперед. Один и тот же сайт может быть доступен по нескольким доменным именам. Домены подразделяются на не­сколько уровней. Так, в адресе bbc. com часть com — это домен пер­вого уровня [количество таких доменов ограничено: они подразде­ляются географически (ru, cn, fr, uk, it, ua) или логически (edu, com, org, mil, name, biz и другие)].

Жесткая верстка — принцип верстки веб-страниц, основанный на фик­сированной совокупной ширине блоков. В этом случае обычно при низких разрешениях содержание страницы занимает по ширине весь экран, а при высоких разрешениях справа или по бокам от содержа­тельного блока остается пустое пространство.

Заголовки — термин имеет два основных значения. 1. С точки зрения верстальщика веб-страниц заголовки — это шесть уровней текстовых фрагментов, подразделяющих основной текст на смысловые блоки. Заголовок первого уровня (тэг <h1>...</h1>) должен встречаться только 1 раз на веб-странице, остальные пять уровней — сколько угодно, но логически без пропуска уровней. То есть текст, озаглав­ленный с помощью заголовка первого уровня, может быть разбит на несколько блоков, озаглавленных при помощи заголовков второго уровня <h2>...</h2>, каждый из которых может быть разбит еще на части при помощи заголовков третьего уровня, и т. п. 2. С точки зрения программиста заголовки (headers) — это системная информа­ция, посылаемая серверу для выполнения каких-либо задач либо для определения типа данных, с которыми предстоит работать. Частью заголовков сервер и браузер обмениваются самостоятельно на осно­ве типа передаваемых данных; часть заголовков программист волен записывать в файлы, например, для того, чтобы страница переадре­совывалась на другую страницу или устанавливала на компьютере посетителя сайта Cookies (см.).

5.

Приложения

Иконка — стилизованное изображение какого-либо объекта или лого­типа программы или сайта; используется как ссылка (ярлык) на за­пуск программы, ссылка на другую страницу или псевдоссылка на запуск активного сценария. См. также «Favicon».

Интерлиньяж — расстояние между строками одного абзаца. Нормаль­ный интерлиньяж рассчитывается в пунктах в среднем по коэффи­циенту 1,2 от кегля основного шрифта текста. Увеличение интерли­ньяжа дает визуальную разрядку строк. На веб-страницах задается через CSS с помощью параметра line-height как множитель или в процентах, например: P {line-height:1.5} или BLOCKQUOTE {line-height:60%}.

Интерпретируемые языки — языки, код которых не компилируется (как на языках типа C) в отдельную программу (формата EXE под Windows), а интерпретируется и выполняется по мере анализа парсе­ром (см. «Парсинг»). Парсеры языков активных сценариев встроены в браузеры, поэтому сценарии (см. «Сценарий») на языке JavaScript выполняются браузером по мере загрузки их кода или после вызова посетителем. Парсеры языков серверных сценариев располагаются на сервере, поэтому их код выполняется после запроса, отсылаемого браузером серверу, а результат выполнения сценария без промежу­точных этапов посылается в браузер.

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

Карта сайта — страница на сайте, формирующаяся вручную или дина­мически (сценариями), содержащая ссылки на все страницы сайта. Является полным гипертекстовым оглавлением сайта. Выполняется в виде древообразной структуры или в виде рубрицированного ката­лога.

Каскадные таблицы стилей — см. «CSS».

Каталог — см. «Директория».

Кегль — высота шрифта. Измеряется в пунктах (7pt, 12pt и т. п.).

Класс — средство обобщения стилевых параметров в CSS. Произ­вольное имя класса описывается так же, как тэг, однако этот класс может быть присвоен любому количеству тэгов. Таким образом, некоторое количество одинаковых тэгов и разные тэги могут быть

420

Словарь

5.5

Снабжены указанием на класс, который описан в глобальной таб­лице стилей.

Клиент — условное наименование любой программы, с помощью кото­рой производится связь с сервером. В качестве клиентов могут вы­ступать браузеры, интернет-пейджеры (ICQ), ftp-клиенты и другие приложения. Фраза «на стороне клиента» обозначает, что процессы производятся не на сервере, а в пределах приложения, запрашиваю­щего данные с сервера.

Книга отзывов — иначе «гостевая книга» — специальный раздел на сай­тах, где посетители могут оставлять свои мнения по поводу работы и дизайна сайта, освещаемой им проблематики и просто высказы­ваться на любую тему. Обычно книга отзывов состоит из несколь­ких компонентов: БД или файла, где хранятся записи пользователей, и один или два файла, которые отвечают за вывод формы для запи­сей, уже оставленных записей, а также за механизм записи. Запись передается формой на сервер и сохраняется в файле или базе данных, откуда затем считывается сценарием для вывода в браузер. Книги отзывов в настоящее время все больше остаются уделом персональ­ных сайтов; на корпоративных и профессиональных сайтах разра­ботчики либо ограничиваются ссылкой на электронный адрес (или страницей, позволяющей отправить письмо с сайта), либо включают на сайт форум или поддержку комментирования страниц.

Код — общее название текста, написанного на языках разметки, сер­верных и активных сценариев, и служащего для формирования веб­страниц.

Кодер — веб-разработчик, занимающийся написанием кода на том или ином языке разметки или программирования. Так, программист, пи­шущий на ActionScript, называется обычно флэш-кодером, так как этот язык обычно используется в связке с технологией Flash.

Коды ответа сервера — трехразрядные числа, возвращаемые сервером браузеру в ответ на запрос веб-страницы. Первая цифра обозначает класс ответа, остальные детализуют ответ. Так, ответы, начинающи­еся на 1, являются информационными; на 2 — сообщают, что запрос клиента успешен; на 3 — что запрос переадресован, необходимы дальнейшие действия; на 4 — запрос клиента неполный или оши­бочным; на 5 — сообщают об ошибках сервера. В частности, ответ 100 сообщает, что начальная часть запроса принята; 200 — запрос обработан успешно, результат, посылаемый в браузер, содержит за­прашиваемые данные; 201 используется при переадресации; 301 — запрашиваемый документ находится по другому адресу; 305 посы­лается при использовании прокси-серверов; 400 — синтаксическая ошибка в запросе; 401 — отсутствует авторизация на странице, ко-

Приложения

Торая этого требует; 403 — доступ запрещен; 404 (см. «404») — доку­мент по указанному адресу не найден; 408 — запрос не выполнен до конца в течение установленного времени; 409 — конфликт с другим запросом; 414 — слишком длинный адрес запроса; 500 — ошибка конфигурации сервера или аварийная ситуация; 501 — запрошены действия, которые сервер не может выполнить; 502 — сервер полу­чил недопустимые ответы другого сервера; 503 — сервис недоступен; 504 — выполнение запроса прервано по истечении установленного времени. Коды используются браузером для выполнения дальней­ших действий, например, для выдачи служебной страницы с сооб­щением об ошибке.

Комментарий — у термина два значения. 1. Информация, записываемая в код страницы, сценария или стилевого описания, не выводящаяся на экран, а служащая для напоминания о чем-то разработчику. Ком­ментариями помечают разные логические фрагменты кода, заметки на будущее и указания для последующих разработчиков. 2. Ответы посетителей веб-страниц на какие-либо заметку, новость или сооб­щение. Возможны, если разработчик предусмотрел такую возмож­ность, особенно если сайт основан на «движке» для создания блога.

Контент — содержимое веб-страницы.

Кроссбраузерность — свойство кода (разметки, сценария, описания) и основанного на этом коде сайта, заключающееся в том, что разные браузеры, работающие под разными операционными системами, ин­терпретируют этот код одинаково и выводят результат выполнения этого кода в браузер тоже одинаково. Одинаковый результат — по­нятие относительное; из-за особенности реализаций скорее можно говорить о максимальной схожести. Кроссбраузерность также ин­терпретация разными браузерами кода страниц без ошибок.

Кэш — служебная директория браузера, служащая для сохранения часто используемых или последних посещенных страниц сайтов (вместе с изображениями и прочими связанными файлами) для ускорения их последующей загрузки. В разных браузерах структура кэша реали­зована по-разному (в одних производится постоянная проверка на обновление страниц, в других — нет); в некоторых браузерах сущест­вуют специальные режимы для работы именно с кэшем. Существуют средства, позволяющие предотвращать загрузку страниц из времен­ной папки (см. «МЕТА-тэги»): это нужно, если информация на стра­нице часто меняется, и есть вероятность, что при очередной загрузке сайта на странице будут отображаться устаревшие данные.

Логин — жаргонное наименование имени пользователя (реального или вымышленного), которое запрашивается наряду с паролем для входа в аккаунт (см.) постоянного посетителя сайта.

422

Словарь

5.5

Массив (array) — понятие в языках программирования и сценариев. Суть этого понятия, родственного понятию переменной, в том, что данные одного типа упорядочиваются, им присваивается общее имя, а обращение к ним производится по номеру элемента этого массива либо по ключу (номера также являются ключами). Массивы исполь­зуются при циклическом обращении сценария ко всем их элемен­там либо к части в зависимости от каких-либо условий. С масси­вами можно производить различные действия: удалять и добавлять элементы (с автоматической перенумерацией элементов), перево­рачивать, менять ключи и элементы местами, вызывать определен­ные фрагменты массивов. Так, при инициализации массива в языке PHP — например, $months = array("January", "February", "March") ; элементы массива (слова «January», «February» и «March») автоматически нумеруются (начиная с нуля, как принято в боль­шинстве языков программирования).

Меню — элемент веб-страницы или программы, включающий упорядо­ченные гиперссылки и кнопки для обращения к другим страницам сайта и функциям (сценариям) на странице (в программе). Иными словами, меню является элементом интерфейса, позволяющим об­ращаться к другим данным, по умолчанию скрытым.

Методы пересылки данных — понятие, важное при реализации формы для заполнения на веб-странице (см. «Форма») и страницы, содержащей сценарий обработки принятых из формы данных. Существует два ос­новных метода: POST и GET. При первом из них данные посылаются скрыто для пользователя — чаще всего формы передают данные имен­но этим методом. Метод GET основан на формировании в адресной строке строки запроса (обычная переменная для чтения таких дан­ных — $QUERY STRING). Чаще всего метод используется в обычных текстовых ссылках: в ссылке <a href="/index. php? page=main"> значение переменной $page, приравненной к значению «main», пе­редается методом GET и доступно к открытой пересылке посредством адресной строки вместе с именами файла, директорий, доменов и протокола. Есть способы, позволяющие скрыть вопросительный знак, после которого обычно и следует строка запроса.

Мнемонические последовательности — значимые наборы символов, ис­пользуемые для того, чтобы выводить в браузер те символы, которые нельзя ввести с клавиатуры. Например, для знака авторского права © существует мнемоническая последовательность &copy; — подоб­ные последовательности начинаются со знака амперсанда и закан­чиваются точкой с запятой.

Моноширинный шрифт — разновидность шрифтов, у которых все сим­волы в строке занимают одинаковую ширину, будь то запятая, еди-

Приложения

Ница или буквы «м» и «ш». Одинаковая ширина получается за счет фиксированных апрошей (пространство по бокам букв). Ранее та­кие шрифты использовались на пишущих машинках. В HTML мо­ноширинным будет отображаться текст, оформленный тэгом </tt>, а с помощью CSS для любого элемента, содержащего текст, моноширинный шрифт можно задать свойством {font-family: monospace}.

Навигационное меню — меню (см.), используемое для вывода ссылок на другие страницы сайта.

Неразрывный пробел — тип пробела, при котором слова, разделенные таким символом, являются одним элементом и, если первое из них приходится на конец строки, оно связывается со вторым и перехо­дит с ним на следующую строку. Используется для связи коротких предлогов, союзов и частиц со значимыми словами. Для установки неразрывного пробела используется мнемоническая последователь­ность (см.) &nbsp; или символ, для ввода которого следует удержи­вать клавишу Alt и последовательно набрать на цифровой клавиатуре цифры 0, 1, 6, 0.

Объектная модель документа — см. «DOM».

Операционная система — комплекс исполняемых файлов, драйверов и библиотек, составляющих одну программу, загружающуюся при включении компьютера и выполняющую основные действия, без которых невозможны операции с данными: управление файлами и директориями, копирование, вырезание, вставка, удаление, создание директорий и файлов или их фрагментов, управление оперативной памятью, распределение памяти между приложениями, вывод данных на экран либо устройства печати и ввод данных с помощью различ­ных устройств. Операционные системы нужно устанавливать на жес­ткий диск (в этом случае система сохраняет настройки пользователя и обеспечивает постоянную работу) либо (если речь идет о так назы­ваемых Live-системах) загружается со съемного носителя (CD, DVD, Flash Drive) — это удобно, если необходимо тестировать страницы под разными системами. Наиболее распространенными семействами операционных систем являются Windows-системы (линейка систем, начиная от Windows 1.0, основанной на DOS, и заканчивая Windows Vista — на момент написания книги) и Unix-системы (различные сборки Linux, FreeBSD и родственные им системы, и MacOS начиная с версии X). Кроме того, используются системы BeOS, OS/2, QNX и другие. Для веб-разработчика важно учитывать разницу отображения веб-страниц в браузерах на разных операционных системах.

Относительный адрес — адрес размещения файла, в котором не указы­вается название протокола и доменное имя. Если запрашиваемый

424

Словарь

5.5

Файл лежит в той же директории, что и текущий, то достаточно ука­зать имя файла (<a href="newfile. html">CcbmKa</a>); если файл лежит в директории, являющейся вложенной по отношению к текущей, то нужно указывать все имена директорий, отделяющие файл от текущей директории (<a href="files/news/newfile. html">CcbmKa</a>). Если же файл располагается в другой ветке директорий по отношению к текущей, то следует указывать адрес, начинающийся со слэша (символизирующего корневую директо­рию) и включающий весь путь к файлу начиная от первой вложен­ной директории (<a href="/portal/science/linguistics/ newfile2.html">CcbmKa</a>). Для ссылок на файлы с других сай­тов используются абсолютные адреса (см.)

Ошибка 404 — см. «404».

Папка — см. «Директория».

Парсинг (не путать с «пирсинг») — интерпретация средствами языков программирования или сценариев программного кода, обработка его директив и ошибок и корректный вывод результата выполнения сценария в браузер. Таким образом, парсером можно назвать любой встроенный интерпретатор любого языка сценариев или програм­мирования.

Перезагрузка — иначе обновление (Reload, Refresh) — повторная за­грузка страницы. Необходима, если данные загрузились не полно­стью либо если существует вероятность, что данные на веб-странице, длительное время загруженной в браузер, уже устарели и нуждаются в повторном запросе.

Переменная — понятие в языках программирования и сценариев. Не­который набор символов, к которому может быть приравнено ка­кое-либо значение: число, фрагмент текста, адрес и т. п. Удобство переменных заключается в том, что их значение не обязано быть постоянным: в зависимости от разных условий переменные могут принимать разные значения. Пример объявления условно зависи­мой переменной в языке PHP: $message = (date("Y")<"3001") ? "Новое тысячелетие еще не наступило" : "Новое ты­сячелетие уже наступило"; — в этом случае при вызове этой переменной (echo Smessage;) выведется нужное значение в зависи­мости от даты. Если 3001 год еще не наступил, будет выведено первое значение, в противном случае второе, и веб-разработчику не нужно заботиться о своевременной смене сообщения на страницах.

Пиксель — мельчайший элемент на экране, точка. Каждая точка имеет свой цвет и его глубину. Из пикселей строится вывод любого изоб­ражения (и текста) на экран — даже векторной графики, которая,

Приложения

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

Пиктограмма — см. «Иконка».

Плавающие фреймы — см. «Фреймы».

Плагин — иначе «расширение» — дополнительные программный мо­дуль к основной программе. Так, для браузеров плагинами являются программы вывода флэш-роликов и Java-апплетов. Браузер Opera позволяет использовать плагин для управления голосом; браузер Firefox поддерживает большое количество плагинов для самых раз­ных целей.

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

Позиционирование — расположение элемента на веб-странице. Если ранее позиционирование элементов осуществлялось с помощью табличной верстки, то во всех последних версиях большинства бра­узеров поддерживается позиционирование с помощью CSS. Разли­чают абсолютное позиционирование (когда координаты в пикселях или процентах задаются относительно левого верхнего угла страни­цы или дочернего элемента), относительное (то же — относительно соседнего элемента) или фиксированное (когда элемент точно по­зиционирован относительно окна браузера и остается на месте даже при прокрутке страницы, по высоте или ширине не умещающейся в окне браузера).

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

426

Словарь

5.5

Сайта и ориентированные на его структуру. Часто поисковые систе­мы второго типа являются компонентом веб-архитектуры сайта.

Полоса прокрутки — интерфейсный элемент, служащий для прокручи­вания страницы, содержимое которой по вертикали или по горизон­тали не умещается в окно программы (браузера). Обычно пользо­ватели негативно относятся к горизонтальным полосам прокрутки: они объективно менее удобны.

Портал — тип сайта, включающий разные тематические разделы, пе­риодически обновляющиеся. Обычно содержит большое количест­во страниц, генерируемых автоматически. Бум порталов пришелся на конец 90-х — начало 2000-х годов; ныне по популярности они ус­тупают блогам и форумам, и продолжают функционировать лишь те, что постоянно предлагают новые сервисы.

Портфолио — список работ одной студии или одного веб-мастера. Обыч­но включает не только ссылки на созданные сайты, но и их скрин­шоты (см.), описания, истории создания, указания на состав разра­ботчиков, даты, перечисления использованных технологий и иные сведения. Работы группируются в алфавитном, хронологическом порядке или по категориям работ. Возможны альтернативные груп­пировки, осуществляющиеся обычно динамическими методами (из­влечение сведений из БД и группировка).

Посещение сайта — факт открытия страницы сайта посетителем. Учиты­вается при сборе статистики. В различных системах статистики раз­личаются уникальные посещения сайта (сколько бы раз посетитель не зашел на разные страницы одного сайта, он добавит к числу посе­щений лишь единицу), посещения страниц (общее число посещений увеличивается при открытии каждой страницы), иные варианты (на­пример, учет IP-адреса, благодаря чему, заходя несколько раз в тече­ние дня, один и тот же посетитель не умножает данные статистики).

Пост — запись в виртуальном дневнике (блоге), новостной ленте и иных подобных типах сайтов, а также сообщение в интернет-пейджере ICQ. Другие термины — сообщение, заметка, запись. Часто посты позволяют оставлять комментарии.

Программист — применительно к созданию сайтов — веб-разработчик, создающий для сайта программный код, позволяющий оперировать данными динамически (подробнее см. вступление к части «Про­граммирование» этой книги).

Проектирование — разработка предварительной концепции сайта (структуры, стилистики, дизайна, особенностей), предшествующей созданию дизайна и написанию кода.

5.

Приложения

Протокол — способ передачи данных в интернете. Среди наиболее час­то используемых протоколов — HTTP (см.) и FTP (см.). Поддержка первого протокола есть в любом браузере, так как он является основ­ным для передачи веб-страниц в составе сайта.

Разметка — код, позволяющий представлять документ в виде структуры. Разметка не является программным кодом, поскольку только рас­пределяет смысловые отрезки текста по логическим контейнерам (тэгам), каждый из которых визуально интерпретируется браузером. Таким образом, тэги (элементы разметки) создают каркас докумен­та, на который надевается различное содержимое. Наибольшую абстракцию по отношению к внешнему виду разметка приобретает в языке XML. Сочетание же HTML и CSS делает разметку смешан­ной, семантическо-визуальной.

Разрешение экрана — количество точек (пикселей) по ширине и высоте экрана. В 90-х годах наиболее распространенными разрешениями были 640 на 480 (устаревало) и 800 на 600 точек. В начале 2000-х у бо­лее чем 60% пользователей было разрешение 1024 на 768 точек. Ныне получает все большую популярность разрешение 1280 на 1024 точки, хотя существует еще масса вариантов, и разрешение 800 на 600 еще не ушло в прошлое. Эту разницу нужно учитывать при верстке сай­тов (см. «Верстка»).

Ранжирование — взаимное расположение однородных материалов (на­пример, результатов поиска при запросе в поисковой системе), при котором первые места занимают материалы, предположительно на­иболее полезные и востребованные (например, результаты поиска, наиболее релевантные запросу или наиболее свежие по дате).

Растровая графика — разновидность графики, основанная на понятии точки. Растровое изображение состоит из сетки точек, каждая из ко­торых обладает своими параметрами (имеет цвет, его глубину, насы­щенность и т. п.). Существуют форматы, в которых нет сжатия (или оно отключено) и последовательно описывается каждая точка (BMP, TIFF), а есть форматы с поддержкой сжатия (JPG, PNG, GIF), бо­лее экономные с точки зрения размеров конечного файла. В сторону увеличения (а часто и уменьшения) размера изображения оно масш­табируется с потерями в качестве, часто значительными (это минус по сравнению с векторной графикой), однако растровой графикой поддерживаются (в силу подробности описания каждой точки) фо­тографические изображения.

Расширение файла — сокращенное буквенное или буквенно-цифровое обозначение формата файла (см.), следующее после последней точки в имени файла. Служит для идентификации программами-обработ­чиками (в том числе сервером) типа файла и корректной его обра-

428