Веб-сайт с минимальными затратами: учебник HTML

Практика JavaScript и DHTML


учебник HTML скачать
(вся книга в одном файле 3.92М)

  • Учебник HTML в одной главе (вместо пролога)
    Что мешает вам создать веб-сайт и поместить его в Интернет? Несколько страниц текста, 15-20 минут работы - и о вашем существовании сможет узнать весь мир.
  • Гл. 1. Больше одной страницы
    Сайт из пяти страниц. Минимум HTML-тэгов. Основы навигации (гиперссылки).
  • Гл. 2. Прайс-лист. Таблицы и архивы
    Перенос списка товаров из бухгалтерской программы в Excel. Надстройка Excel для сохранения в формате HTML. Упаковка в архив zip.
  • Гл. 3. Продвижение
    Поиск информации в Интернете. Заголовок страницы (title). Краткое описание (meta description). Правильная кодировка страницы. Веб-сайт как рекламоноситель.
  • Гл. 4. Обратная связь
    ...ни с кем не встречайтесь, никому не звоните, не трогайте почтовые конверты, не распечатывайте счета, вообще не прикасайтесь к бумаге, раз уж существует электронная почта!
  • Гл. 5. Испытания в полевых условиях
    Баловство с IIS на Windows. Практической цели не имеет.
  • Гл. 6. Работа с графикой
    Фотография, полиграфия и веб. Экранное разрешение. Режим «Индексированный 256», уменьшение количества цветов в палитре. Вставка изображений в HTML-страницу. Атрибут ALT.
  • Гл. 7. Оформление с помощью CSS
    Блочные HTML-элементы. Управление цветом и размером многих элементов с помощью правил. Особенности в интерпретации HTML разными браузерами. Поля. Оформление ссылок (изменение цвета при наведении мыши - hover).
  • Гл. 8. Изменение структуры. Обновление
    Каталог продукции: картинки с описаниями. Отличие элементов PRE и P. Добавление прозрачности изображениям. Выравнивание по вертикали. Обработка текстов с помощью поиска и замены символов. Немного об HTML-таблицах.
  • Гл. 9. Javascript: баловство или необходимость?
    Получение информации о браузере (интернет-обозревателе, клиенте, агенте). Оформление с помощью JS: невидимая на экране команда JavaScript вставляет в текст страницы невидимую глазом инструкцию - и вид страницы изменяется. Оптимизация кода.
  • Гл. 10. Примечания (сноски) в книге
    В HTML-странице не обязательно собирать все примечания в конце. Их можно отображать и скрывать по желанию пользователя прямо там, где стоит ссылка на сноску.
  • Гл. 11. DHTML для нашего сайта
    События onclick, oncontextmenu. Знакомство с DOM (объектной моделью HTML-документа). DHTML-шутка: сайт в одной странице.
  • Гл. 12. Электронные документы
    Скрыть или показать часть стуктуры. Создание оглавления.
  • Учебные материалы
    Файлы примеров для учебника HTML, спецификации W3C, несколько полезных программ.

Статьи

  • Конструктор HTML форм
    Начнём с того, что конструктор форм, как и конструктор сайтов, есть вещь принципиально невозможная. Как, впрочем, и любой конструктор вообще. Конструктор – выражение фигуральное, метафорическое. В ... 01.02.12
  • Числа прописью с рублями, минутами и метрами
    Эта тема беспокоит меня давно, с тех пор, как в нашей газете научились отправлять электронные счета электронной почтой. В счёте ведь надо было как-то превращать цифры с слова (типа «Два миллиона сто ... 15.11.11
  • Календарь javascript (datepicker)
    В сети полно чудовищных скриптов для наглядного выбора даты с помощью указателя мыши. Эти скрипты не могут быть не чудовищными по определению, так как созданы для позорной задачи: облегчить жизнь ... 15.11.11
  • Что из чего следует в PHP-фреймворке «Friends»
    «Friends» - рабочее название маленького PHP-фреймворка (16 K кода, вместе с CSS, но пока без javascript), находящегося в сомнительных отношениях с mvc, но бодро работающего. В предыдущей статье мы ... 29.10.11 Комментарии (1)
  • PHP фреймворк, анти-MVC, без ООП
    С самого начала изучения MVC мне не понравилось слово «модель». И не зря. На громадном количестве сайтов это понятие действительно не применимо. Там есть Данные, есть какое-никакое их Отображение. ... 17.10.11 Комментарии (6)
  • Идеальная функция setCookie
    Сравнение двух интересных библиотек (http://microbasejs.ru/, http://github.com/Kolyaj/CrossJS) привело меня к озарению и созданию совершенно особой, доселе невиданной функции по установке куки (с ... 03.10.11 Комментарии (1)
  • Отображение настроек для javascript сортировки
    Очень сложная оказалась задача – дать пользователю возможность настраивать колонки таблицы не по Ctrl+click, а наглядно, как в оконных приложениях, выбором с помощью мышки. Весь моск вывернула ... 29.09.11
  • Что такое Контроллер mvc в вебе?
    MVC – Модель, Контроллер, Вью (Представление). Вместо мутного «Модель» используем «Данные». И попытаемся определить откуда у всего этого ноги растут. Данные – это что-то, что хранится в компьютере; ... 25.09.11
  • javascript сортировщики, сравнение алгоритмов
    Всякое сравнение хромает в пользу того, кто сравнивает. Попробуйте поискать в сети страницы по фразам «Сортировка HTML таблиц», «javascript сортировка», «table sorter»... Можно найти немало решений, ... 15.09.11
  • unobtrusive top.mail.ru
    Лет 5-6 назад среди веб-разработчиков распространилась мода на «unobtrusive javascript» – «ненавязчивый» javascript, который внедряется в тело HTML страницы только в виде ссылок на файлы js (а не в ... 15.09.11
  • Простой сортировщик HTML таблиц, версия 0.03
    Simple Table Sorter v 0.03 Первый Простой сортировщик HTML таблиц (версия 0), упоминаемый на этом сайте, был придуман далеко не первым по времени, а примерно через год работы над концепцией. Была ... 09.09.11
  • Подсветка строк, столбцов и значений в HTML таблице
    Это следующая версия скрипта Big Table Sorter – 1.01. Почти год назад в статье http://ir2.ru/tabsort1.aspx мы сформулировали концепцию полнофункционального сортировщика HTML таблиц. Казалось, что ... 06.09.11
  • Отложенная загрузка javascript
    Когда в очередной раз пользователи начали жаловаться на «странную» работу некоторых функций корпоративного сайта, мне пришлось вникнуть в проблему. Она оказалась очень простой: 1) после загрузки ... 16.07.11
  • Кэширование промежуточных результатов в веб-программировании
    Кэширование в php-скрипте Существует такой шаблон проектирования (или приём программирования) «Экстрактор»: создаваемая конструкция не знает о существовании или отсутствии элементов, она просто ... 28.06.11
  • javascript и php: синхронизация сущностей
    Вот форма на сайте ("вот дом, который построил Джек"). Вот кнопка submit, при щелчке по которой запускается функция валидации формы. Вроде всё, как всегда, стандартный пример. Но, если подумать, ... 24.06.11
  • Скругление углов CSS, JavaScript
    Кажется, на эту тему трудно написать что-то новое. Точнее, трудно изобрести новый метод скругления углов. А взглянуть на проблему под другим углом всегда можно. Мы попробуем доказать неизбежность и ... 04.06.11
  • Javascript и логика представления (design pattern «JS-словари»)
    В статье о генерации HTML формы для wysiwyg редактора мы привели пример небольшой автоматизации в программировании – создание формы на основе структуры mysql-таблицы и последующая обработка данных ... 29.05.11
  • Структура WYSIWYG-редактора сайта
    WYSIWYG – это наглядный редактор (прежде всего, для текста): вы выделяете фрагмент, нажимаете в управляющей панели кнопку B – и фрагмент становится жирным. Так можно делать, например, в Ворде, или в ... 07.05.11
  • Подсветка картинки при наведении мыши
    Хорошей практикой веб-строительства является создание таких гиперссылок (и других активных элементов), которые изменяются при наведении мыши. У гиперссылок, по спецификации W3C, даже существует для ... 02.05.11
  • Визуальные редакторы: для кого они?
    В давние-давние годы, когда в Иркутске только начали появляться компьютеры и про Интернет ещё никто ничего не слышал, для вёрстки использовали программу Xerox Ventura Publisher (Вентура). Вёрстка, ... 27.03.11
  • Веб/2: сайты нового поколения
    ПредысторияЧтобы дать определение новому понятию «Полувеб», надо вспомнить сначала, что такое «веб 2.0». О нём много пишут; как всегда, лучше всего в Википедии. С содержательной стороны – это ... 28.12.10 Комментарии (2)
  • Как измерить скорость работы Javascript?
    На самом деле хочется, конечно, знать общую скорость (точнее, время) вывода на экран какой-либо информации. В нашем случае – информации, получаемой с помощью браузеров (то есть скорость вывода ... 21.12.10 Комментарии (2)
  • Функция для работы с className в javascript
    Изменение атрибута class у HTML-элементов является основой, базой для управления содержимым страницы с помощью DHTML. Любое действие по оформлению проще всего производить, именно изменяя динамически ... 18.12.10
  • Сортировщик HTML таблиц, версия 1
    В предыдущей статье мы попытались определить минимально необходимые свойства сортировщика таблиц. Вряд ли произведённые определения можно сильно оспорить; другие минималистские сортировщики в общем с ... 11.12.10 Комментарии (1)
  • Сортировщик HTML таблиц: концепция и «нулевой цикл»
    У кого sorter тинее? В процессе работы над сортировщиком (как и над любой другой программой) приходится многократно обращаться к разным вариантам, существующим в виде открытых решений в Сети. И ... 09.12.10 Комментарии (29)
  • Как с очень высокой скоростью найти слово в большой таблице?
    В предыдущей статье мы показали, как два уровня (или два приёма) javascript-кэширования могут увеличить скорость поиска по списку из 400 элементов в десятки раз. Там были важны три ... 06.12.10 Комментарии (2)
  • Как в большом списке найти слово с очень высокой скоростью?
    Простой список. Прямой алгоритм Начнём с нашего любимого примера – простого (в одну колонку) списка рубрик из справочника предприятий vostsibspravka.ru: listru1.htm. Наиболее очевидный алгоритм ... 06.12.10
  • HTML база данных лучше, чем Excel
    Второй вопрос после "как сортировать и фильтровать данные в HTML-таблице?" обычно возникает у критиков: "А нафига?" Скептицизм здесь уместен: пользователи обычно получают HTML-страницы с веб-сервера, ... 05.12.10 Комментарии (1)
  • Javascript база данных
    Есть такой анекдот (или притча) о злой тётке, которая один раз в жизни пожалела нищенку и подала луковое пёрышко; а потом в аду черти тётку топили, а нищенка протянула ей то самое луковое пёрышко и ... 28.10.10
  • Сортировщик HTML-таблиц, версия 1.3
    Статья о сортировке HTML-таблиц была написана год назад. Так получилось, что описываемая технология заинтересовала некоторых начинающих программистов, и они стали задавать вопросы и высказывать ... 30.09.10 Комментарии (3)
  • Проверка условий в Javascript
    Веб-программист постоянно вынужден что-то проверять: правую кнопку мыши нажал пользователь или левую, заполнено ли в форме поле «Поиск», есть ли на странице элемент с id = "console"... Иногда это ... 25.09.10
  • Скрыть – показать HTML элементы с помощью Javascript
    Специалист – человек, который, избегая мелких ошибок, неуклонно движется к глобальному заблуждению. Закон программирования Мэрфи, ст. 17 Специалист подобен флюсу: полнота его одностороння. Козьма ... 11.09.10
  • Таймеры в Javascript (setInterval, setTimeout)
    В программировании на скриптовых языках периодически возникает необходимость создать паузу – приостановить выполнение программы на некоторое время, а потом продолжить работу. Например, в сценариях ... 26.08.10 Комментарии (10)
  • Javascript фильтрация данных
    Сортировать HTML-таблицу мы уже научились. Вторая после сортировки задача базы данных – выборка строк из таблицы по определённому критерию. Например, чтобы поле город заканчивалось на -тск. ... 24.08.10 Комментарии (13)
  • Javascript: вопросы и ответы
    Все примеры javascript для данной страницы находятся в файле o3.js. Для правильной работы скриптов необходима также библиотека ir2.js. Как запомнить options, выбранный в элементе select? ... 18.07.10
  • Javascript: часто задаваемые вопросы
    Как удалить пробелы в Javascript с учётом  ? Речь, понятно, идёт не о всех пробелах подряд, а о лишних пробелах справа и слева, т.е. об аналоге функции trim (удаляющей справа и слева строки ... 27.02.10 Комментарии (3)
  • Редактирование таблицы MySQL: Javascript интерфейс
    В предыдущей статье мы рассмотрели предельно простой способ доступа к базе данных MySQL (редактирование таблицы без перезагрузки HTML страницы). Отправка данных на сервер производилась через ... 21.02.10 Комментарии (7)
  • Редактирование таблицы MySQL в браузере
    Заголовок, конечно, пугающий, но там (здесь), в общем, ничего необычного: редактирование таблицы MySQL происходит всё-таки с помощью серверного скрипта PHP. К тому же пользователи вообще очень часто ... 24.01.10 Комментарии (8)
  • 10 лучших функций Javascript
    Функция удаления со страницы ссылок «на себя» stripSelfHref() DOM-инспектор dom-javascript.js Функция scriptRequest() (фоновые http-запросы) Функция записи куки setCookie() ... 16.01.10 Комментарии (1)
  • Сортировка таблицы средствами JavaScript - DOM
    Вопрос когда-то с неизбежностью возникает перед любым добросовестным веб-мастером: зачем перегружать HTML страницу при сортировке таблицы? Нельзя ли перегруппировать HTML элементы таблицы прямо в ... 09.01.10 Комментарии (49)
  • DHTML: условная разметка для HTML кода
    Стили набора и форматирования Как авторы обычно оформляют текст при наборе? Например, когда надо какое-то слово сделать курсивным? Результат можно получить разными способами: Нажать мышкой в ... 05.01.10
  • DHTML: защита форума
    Как защитить фор(ум|му) от спама? Форма – это дыра, через которую сообщения пользователя отправляются на сервер. Точнее, несколько дыр: текст сообщения, автор, e-mail... Форма 1. Автор: ... 02.01.10 Комментарии (3)
  • DHTML: хранение настроек пользователя
    Для чего нужен Dynamic HTML Убрать Развернуть и запомнить ... 30.12.09
  • DHTML: проверка формы
    В предыдущей статье http://ir2.ru/dhtml.aspx мы сформулировали ряд причин, по которым бывает необходимо изменять HTML страницу после её открытия в браузере. Повторяем здесь список этих причин: ... 26.12.09 Комментарии (2)
  • DHTML
    Нечасто задаваемые вопросы Изменение текста (и оформления) страницы после её открытия в браузере иногда называют DHTML – Dynamic HTML. Справочник по DHTML найти в сети почти невозможно. ... 24.12.09 Комментарии (2)
  • JavaScript
    О популярности JavaScript в Википедии слагают легенды. Специалисты объясняют эту популярность в основном простотой языка и широкой поддержкой в прикладных программах. Такой взгляд кажется нам немного ... 13.12.09 Комментарии (1)
  • HTML таблицы
    Таблица (элемент table) является, пожалуй, самой загадочной и сложной конструкцией языка HTML. Хотя собственно HTML тут ни при чём, таблица сложна по самой своей сути, по противоречивой логике ... 07.12.09
  • Самый быстрый браузер
    В последние годы интернет-обозреватели не радуют нас разнообразием рекламы: «С новой версией NN ваш веб-сёрфинг станет ещё безопаснее!» – наиболее типичный призыв производителей. А ... 26.10.09 Комментарии (3)

Добавить статью:

*Заголовок:
Имя файла (только латинские буквы):
Автор:
*Текст:

Глава 4. Обратная связь

Вы, наверное, обратили внимание на то, что в адресах, кроме всего прочего, мы указали электронный почтовый ящик: omneinitium@narod.ru. Если вы зарегистрировали свой сайт на сервере Narod.ru, то одновременно вы получили и почтовый ящик ваше_имя@narod.ru. Может быть, у вас уже был раньше зарегистрирован электронный почтовый ящик, например, на Mail.ru, тогда укажите в адресах оба электронных адреса. Для надёжности. Электронная почта в современном общении приобретает всё большее и большее значение.

Существует три очень старых правила рисования Вуда: 1. Никогда не рисуйте то, что можно скопировать. 2. Никогда не копируйте то, что можно обвести. 3. Никогда не обводите то, что можно вырезать и наклеить.

Большинство людей давно усвоили и успешно применяют подобные правила в деловом общении. Например: «никогда не встречайся с клиентом, если можно позвонить по телефону». Или: «не стоит отвозить счёт лично, если можно отправить его по почте; не связывайся с конвертами и марками, если можно отправить счёт по факсу».

Однако и «правила рисования», и «правила телефона» в настоящее время не могут считаться полными. В приведённом виде они были хороши в прошлом (XX-м) веке. Сейчас уже можно свести их воедино, обобщить и сформулировать примерно так: «Никогда не рисуйте, ничего не вырезайте, ни с кем не встречайтесь, никому не звоните, не трогайте конверты, не распечатывайте счета, вообще не прикасайтесь к бумаге, раз уж существует электронная почта!» В свете этого телефонные линии становятся нужны, главным образом, для того, чтобы подключиться к Интернету и отправить вашему клиенту все необходимые документы (и наилучшие пожелания) по электронной почте.

Точно так же и с другой стороны: если клиент нашёл ваш сайт в Интернете, то ему гораздо удобнее будет отправить вам запрос сразу, не отходя от компьютера, - по электронной почте. Вы можете даже сделать на страничке удобную ссылку, при щелчке по которой у клиента откроется почтовая программа, сформируется новое письмо, и в письме будет вставлен ваш адрес, а также какая-то другая информация, например, тема письма: «Запрос с сайта omneinitium.narod.ru». Для этого простую строчку с электронным адресом

<p>E-mail: omneinitium@narod.ru

надо переделать в гиперссылку:

<p>E-mail: <a href="mailto:omneinitium@narod.ru?subject=Запрос с сайта omneinitium&body=Прошу выслать мне Ваш вариант договора о сотрудничестве">omneinitium@narod.ru</a>

ex07 Файлы примеров: htm4 (htm4)

Вопрос в том, как вы будете получать эти письма. Можно, как многие делают, набрать в интернет-обозревателе адрес narod.yandex.ru, ввести данные своей учётной записи в поля «Логин» и «Пароль», выбрать там раздел «Почта» и просмотреть письма (а также написать ответы на них).

Но гораздо удобнее пользоваться специальными почтовыми программами. Одна из таких программ - Outlook Express - устанавливается вместе с операционной системой Windows, поэтому мы опишем работу с почтой именно на примере этой программы.

Ярлык для Outlook Express (OE) обычно есть на рабочем столе и в панели быстрого запуска:

oelink.gif

При первом запуске OE выдаёт диалог регистрации новой учётной записи. Предположим, что вы проигнорировали этот диалог и открыли-таки программу. Тогда для вызова диалога заново нужно будет в меню «Сервис» выбрать пункт «Учётные записи»:

oe01.gif

После этого откроется следующее окно - «Учётные записи в Интернете». Нажмите в этом окне кнопку «Добавить» - «Почта»:

oe02.gif

Откроется новое окно - тот самый «Мастер подключения к Интернету», который появляется при первом запуске OE. Введите в первом окне «Мастера» имя, которое будут видеть в своих почтовых программах пользователи, получающие от вас письма:

oe03.gif

Нажмите кнопку «Далее», введите в новом окне полный адрес своей электронной почты:

oe04.gif

В следующем окне нужно будет набрать адреса почтовых серверов. Информацию о них можно найти на том сервере, на котором вы зарегистрировали почтовый ящик (и сайт). На Narod.ru сервер входящих сообщений (POP3) так и называется: pop.narod.ru, сервер исходящих сообщений - smtp.narod.ru:

oe05.gif

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

oe06.gif

Всё, ваша учётная запись готова для работы. Почти.

oe07.gif

Надо ведь ещё ввести информацию для сервера исходящей почты (а то как вы будете отправлять письма?). Для этого нажмите в последнем диалоговом окне кнопку «Свойства»:

oe08.gif

Поставьте галочку «Проверка подлинности пользователя», нажмите ставшую активной кнопку «Настройка»:

oe09.gif

В новом окне «Сервер исходящей почты» наберите те же, что и для сервера входящих сообщений, логин (omneinitium) и пароль. Вот теперь всё, ваша учётная запись готова принимать и отправлять письма. Можно ещё поставить простейшую защиту от почтовых вирусов. Эти вирусы могут активизироваться сами, при простом просмотре письма (без всяких дополнительных действий с вашей стороны). Поэтому надо настроить OE так, чтобы она, по крайней мере, сама не начинала выводить на экран содержимое писем без вашего ведома. Для этого откройте через меню «Вид» пункт «Раскладка»:

oe10.gif

В открывшемся окне уберите галочку с «Отображать область просмотра»:

oe11.gif

Окно OE приобретёт примерно такой вид:

oe12.gif

Теперь подозрительные письма вы сможете удалять, не читая. Или предварительно просматривать их код без риска заражения вирусом. Это можно сделать так: щёлкните по сообщению правой кнопкой мыши, из выпавшего меню выберите «Свойства»:

oe13.gif

В открывшемся окне выберите вкладку «Подробности» и щёлкните по кнопке «Исходное сообщение» - вы увидите его внутренний код, и можете убедиться, например, что в письме нет вложенного файла с расширением «exe» или «vbs», а также получить некоторую полезную информацию об отправителе и его почтовых серверах:

oe14.gif

OE (и вообще специальные почтовые программы) хороши, в частности, тем, что вы можете писать письма, не подключаясь к Интернету. Вы можете не спеша обдумать и написать несколько писем, потом подключиться к Интернету, нажать кнопку «Доставить почту» и отправить их за 10-15 секунд. Мы не будем рассказывать вам, какую кнопку надо нажать в программе, чтобы начать писать письмо: если вы сумели завести себе почтовый ящик на бесплатном сервере и настроить OE для работы с ним, то уж в таких мелочах сумеете разобраться самостоятельно (тем более, что в OE обычно все вспомогательные надписи переведены на русский язык).

***

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

Начнём с первого шага: поиск слов(а) в справочных системах. Предположим, по вашему запросу нашлось 400 интернет-страниц. Это (обычно) 40 страниц в поисковой системе. Если слово, которое вы ищете, почему-либо важно для вас, вам необходимо будет просмотреть как можно больше страниц. Но выберете вы их в итоге очень немного. Открывать все страницы с результатами поиска по очереди и изучать их в режиме он-лайн (оставаясь подключенным к Интернету) нерационально: всё время, пока вы подключены, должно быть оплачено. Может быть, конечно, у вас выделенная линия (в которой оплата производится за количество скачанной информации), но большинство пользователей подключаются к Интернету по телефонной линии через модем (а мы ведь хотим представить себе поведение именно большей части пользователей).

Удобнее сначала быстро открыть каждую страницу с результатами поиска (правой кнопкой мыши по номеру страницы - «Открыть в новом окне»), затем отключиться от Интернета и не спеша изучить открытые страницы в режиме оф-лайн. Если пойти ещё дальше - вам может понадобится сделать перерыв в работе (и даже с выключением компьютера). Тогда при следующем подходе к компьютеру вы можете не увидеть больше своих открытых страниц (их мог закрыть кто-то или они закрылись сами при выключении компьютера). Для предотвращения такой неприятности вы можете сохранить все открытые интернет-страницы: в меню обозревателя «Файл» выбрать пункт «Сохранить как», выбрать тип файла «HTML only» («только HTML»), нажать «Сохранить». Обратите внимание на каталог, в который вы сохраняете HTML-файлы, чтобы потом быстрее их можно было найти.

Затем, проанализировав информацию и найдя нужные сайты, вы будете пытаться получить на них необходимую информацию (например, о товарах и ценах). Тогда вы увидите, что файл в формате MS Excel открывается (или скачивается) дольше, чем архив zip. Вы поймёте, почувствуете на себе те проблемы и радости, с которыми чаще всего сталкиваются интернет-пользователи. Вы возненавидите постоянно мелькающие тут и там рекламные баннеры (и особенно «выскакивающую из-за угла» флэш-анимацию!); поймёте, почему многие пользователи отключают показ картинок. Вы полюбите архивы zip. Вы узнаете, что самая большая радость для пользователя - быстро найти и скачать к себе на компьютер как можно больше, БОЛЬШЕ! - информации (а в заархивированном виде можно за то же время скачать информации в два-три раза больше, чем в виде простых файлов).

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

С одной стороны, всё это немного смешно, а с другой, имея определённое чувство меры, можно реально использовать психологию посетителей. И не только российских посетителей - получать что-нибудь совершенно ненужное в подарок любят все! Существует почти классический пример продвижения сайта Бостонского симфонического оркестра (опубликовано в журнале «Гарт», 2004 г., № 4): администрация оркестра решила заняться интернет-рекламой и в определённый момент, при рассылке обычных бумажных писем потенциальным клиентам, предложила людям не свои конкретные услуги, а посещение веб-сайта. На сайт каждому пользователю предлагалось заходить со своим личным паролем (персональное внимание!) и получить в качестве подарка фирменную заставку для экрана. По оценке «Print on demand initiative», интернет-акция оркестра прошла вполне успешно.

Вам нужно ещё знать, что бывают разные интернет-обозреватели. Потому что, например, обозреватель Opera сам (можно сказать, автоматически) сохраняет все открытые странички, чем очень нравится интернет-фанатам. Ещё бывают обозреватели «с ядром Gecko»: например, Mozilla Firefox (который тоже сохраняет информацию на локальный компьютер гораздо аккуратнее Интернет Эксплорера). И Opera, и Firefox распространяются бесплатно, так что можете найти их (например, в том же Интернете) и экспериментировать.

Старайтесь создавать для сохранённой из Интернета информации отдельные папки по темам, а то запутаетесь. Или сохраняйте всегда в одно место, а потом раскладывайте по папкам.

Интернет-страницу можно сохранить ещё и вместе с картинками (и прочим оформлением), это бывает очень важно - часто страница при методе сохранения «Только HTML» меняется до неузнаваемости. Кардинальное отличие обозревателей Gecko (и Оперы) от Интернет Эксплорера проявляется при методе сохранения «Веб-страница полностью» («Web Page Complete», «HTML файл с рисунками»): если страница загружена полностью (вы видите её на экране), то после отключения от Интернета:

1) Интернет Эксплорер не может сохранить веб-страницу «Полностью»;

2) браузеры Gecko могут после отключения сохранять открытые веб-страницы полностью, с картинками;

3) Оперу не нужно заставлять сохранять открытые страницы специально: вы можете даже выключить компьютер, потому что потом всё, что вы увидели (и оставили!) на открытых вкладках (несколько страниц в пределах одного окна) Оперы, будет восстановлено в точно таком же виде при следующем запуске программы Opera:

brows1.gif

Выбор имени

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

Противоречие первое: уникальность имени - краткость. Мы молчаливо предполагаем, что чем имя короче, тем удобнее его использовать. Например, очевидно, что сообщить (или набрать в письме) адрес (обязательно латинскими буквами!) cheliabinski_truboprokatny_zavod@mail.ru гораздо сложнее, чем сокращение chtpz@mail.ru. Но так же очевидно и другое: rtp@mail.ru может обозначать как «Российские товарные производители», так и какое-нибудь «Ростовское трубопрокатное предприятие». То есть название не раскрывает содержания, стоящего за ним.

Поэтому, если название у вашего предприятия сложное (или наоборот, очень распространённое, как «Космос»), не стоит тратить времени на попытки уместить его в несколько латинских букв, лучше подойти к делу с другой стороны. Точнее, с двух других сторон: деятельность предприятия и география (в том случае, если вы не находитесь в Москве).

Вполне нормально будет выглядеть berdskmetall@mail.ru или omskpc@mail.ru (для фирмы, торгующей металлом в Бердске, и для продавца компьютеров в Омске). Важно, что такие названия легко переводятся с устной формы в письменную: обычно люди хорошо представляют себе письменный вид названий городов и простых слов типа «металл», поэтому не будет больших проблем даже с записью их латиницей. Интересно, что с этой точки зрения более длинный Narod.ru перевешивает By.ru (в котором надо уточнять, какая именно буква пишется на втором месте) и даже Nm.ru, который выглядит менее привычно («народ» - слово понятное, а «энэм» заставляет задуматься, требует больше внимания для восприятия по телефону и последующего перевода в письменный вид). Наверное, рядом с «Народом» по лёгкости восприятия можно поставить и Mail.ru: хоть слово и произносится совсем не по-русски, но написание стало уже настолько привычным, что при сообщении адреса можно не бояться быть неправильно понятым на слух.

Пример со сложностью восприятия By.ru открывает ещё один подводный камень: существует ряд букв (и буквосочетаний), звучащих одинаково, но пишущихся при переводе в латиницу по-разному: s-c, ch-tch, sch-sh, i-y, z-s, g-j-zh и др. Таких букв (и сочетаний) в электронных адресах (и в именах сайтов) лучше избегать, подбирать синонимы к нужным словам без сложнопереводимых звуков.

Подведя итог, можно сказать, что адрес op@by.ru, не смотря на свою прямо-таки блестящую краткость, в эксплуатации будет хуже, чем, например, oknaplastik@narod.ru.

Реклама: карта питера