Словарь
Ботки. Обычно расширения состоят из трех букв (exe, gif, php, mov, bmp, eps, swf, asp, m3u, avi, rtf, txt, zip, cpp), но встречаются также двухбуквенные (js, ai) и четырехбуквенные (html, …
Справочник для внутреннего использования
Навигация есть признание того, что твоя страница далека от идеала. Ибо если бы она была близка к нему, зачем бы потребовалось покидать ее? А если ее не требуется покидать, зачем …
Алфавит от Google
Есть такая тестирующаяся поисковая подсистема от Google (Http://Www.Google.Com/Webhp?Complete=1&Hl=En), в которой по введенным первым буквам предлагаются наиболее часто запрашиваемые слова. Я собрал все первые (наиболее рейтинговые) слова на каждую букву русского …
Филиппика против баз данных
Базы данных (БД) противоречат идеологии построения глобальной сети. Суть этой идеологии в том, что при ликвидации или нарушении функциональности части целое, состоящее из подобных частей, не перестает функционировать. То есть …
Очеловечиваем языки программирования
Очень часто на сайтах можно встретить надписи, подобные следующей: «Количество тем в форуме: 31» Это все ничего. Хуже, когда встречается такое: «В форуме 31 тем» или «Выбрано 1 из 38 …
Сайт располагается на одной странице
Некоторые современные веб-приложения (например, Gmail) используют так называемые динамические веб-интерфейсы. Суть их в том, чтобы динамически (с помощью языков активных сценариев, но при этом обращаясь к серверу) помещать на веб-страницу …
Сайт следит за вами: JavaScript
Очень часто на динамических сайтах нам не хватает динамики. На сайте все может быть хорошо: и дизайн, и удобная обработка данных, и внятный интерфейс. Но — чем больше имеем, тем …
Сайт выполняет черную работу
С одной стороны, чаще всего при создании сложных сайтов приходится выполнять десятки и сотни рутинных операций. Примеров масса. В каждый из файлов должен быть вставлен навигационный блок; при этом на …
Что нужно. Организация структуры
Чаще всего уязвимость сайтов связана со слабой проверкой вводимых пользователем данных. Принципиальным тут является блокировка возможности посетителя вводить вредоносный код. Если такая блокировка отсутствует, то это чревато возможностью злоумышленника захватить …
Что нужно. Организация структуры
При разработке сайта программисту в первую очередь нужно грамотно организовать структуру сайта. Если оснастка сервера позволяет, то количество данных на сайте можно уменьшить. Коротко о трех основных способах разделения рабочей …
Что модно и что можно
Во всех областях человеческой деятельности всегда есть так называемые мэйнстримные, андэграундные и ретроградные направления. Даже наука, которая, казалось бы, не должна зависеть ни от чего, кроме фактов, не обходится без …
Программирование
Однажды я описывал клиенту работу над сайтом и упомянул программирование, на что клиент удивленно заметил: «А что там программировать»? Эта часть книги является детальным ответом на его вопрос. Нельзя назвать …
Подписано в печать: версии страниц
Если вы видите на странице ссылку «Версия для печати», радуйтесь. Это значит, что создатели сайта знают, что сайт нужен не для дизайнера и не для заказчика, а для посетителя. Потому …
Подписано в печать: версии страниц
Систем — Windows, SunOS, Мае OS, SymbianOS, Linux, Ubuntu, Debian и т. п.). В зависимости от браузера и версии формируется набор значений переменной. 2. В зависимости от значения полученной переменной …
Браузер для пользователя веб-дизайнера
И Исторически сложилось, что посетители сайта пользуются разными программами просмотра веб-страниц (браузерами). Начиналось все достаточно мирно: существовал только один браузер — NCSA Mosaic. Он был разработан Марком Андреесеном в Национальном …
Верстка грамотного текста
С таким же успехом я мог назвать эту главу «Грамотная верстка текста». 1. Мнения Есть два полярных взгляда на правильную верстку текстов на вебстраницах. Первый, популяризируемый Артемием Лебедевым, состоит в …
Тяжелое полиграфическое наследие
По сравнению с бумажными носителями информации электронные документы обзавелись только одним принципиальным новшеством: «быстрым гипертекстом». Строго говоря, гипертекст появился очень давно: когда появились оглавления и предметные указатели, а также сноски …
Стопроцентная верстка
Почему при верстке книг и журналов люди оставляют поля? Для Чего нужно пустое место? Перед вами страница книги, изданной в 1456 году. Это первая в мире печатная книга (напечатанная с …
Техминимум: как сейчас принято
HTML в четвертой редакции (да и в предыдущих тоже) предоставляет широкие возможности для написания некорректного кода. Это значит, что, несмотря на наличие определенных правил формирования веб-страницы посредством тэгов, все браузеры …
Верстка
Выделять HTML-кодинг в отдельную сферу деятельности веб-разработчика не совсем целесообразно, потому что с чистым HTML дела уже почти никто не имеет по нескольким причинам. Во-первых, построение ни одного современного сайта …
Сложный вопрос авторских прав
Одна из самых острых проблем в современном интернете, в частности, в его российском сегменте, — это проблема авторских прав. Одни и те же тексты настолько часто встречаются на самых разных …
Флэш против дизайна
У кутюрье, домов модной одежды и бутиков есть традиция: заказывать себе сайты на флэше. Традиция, впрочем, распространяется и на сайты, связанные со многими другими областями деятельности. Модные сайты первые приходят …
Флэш против
Но только добиться того, чтобы текст не выглядел монолитным кирпичом: разбить на абзацы, на главы. В общем же случае для создания минимальной динамики на странице достаточно трех явно отделенных друг …
Рисунок, живопись, композиция
Или если необходимо изображение фантастических объектов. Или если требуется создать изображение объекта, который еще (или уже) не существует в реальности и его фотография недоступна. В остальных случаях проще использовать фотографию, …
Рисунок, живопись, композиция
Есть три варианта: делать сайт с графикой, делать сайт с активным использованием графики в качестве интерфейсных элементов и иллюстраций (в этом случае основа дизайна — HTML и CSS) или делать …
Приятное с полезным: осмысленный подход к дизайну
В интернете несколько миллиардов веб-страниц. Поэтому неудивительно, что большинство из них повторяют стиль и структуру друг друга: что-то оригинальное придумать трудно. Поэтому я расскажу о приятном исключении: сайте, посвященном автомобилю …
Как изобрести велосипед — 2: навигационное меню
Есть сайты, у которых основное навигационное меню — это колонка слева от содержимого страницы (разновидность, когда и слева, и дополнительная справа, а по центру контент, встречается редко). Такое меню может …
Как изобрести велосипед
Го реже используются «тянущиеся» флэш-вставки, меняющие размер вслед за размером окна. Тянуться может не весь ролик, а только его часть, например, фон — растягиваться на ширину окна браузера (или на …
Что хорошего в шаблонном решении
Посмотрим, что нам дал XHTML. Тысячи сайтов, построенные по принципу: колонка с постами (новостями, заметками, анонсами) посреди страницы. И меню сверху или сбоку. Потому что во избежание конфликтов с валидаторами …
Полюсы дизайна: «у нас» и «у них»
Есть два крайних точки в подходе к разработке веб-страниц: дизайнерская и прагматическая. Первая у многих ассоциируется с современным российским веб-дизайном, а вторая — с западным, в первую очередь, американским, хотя …
Полюсы дизайна: «у нас» и «у них»
Человек, о котором идет речь. Рисуя автомобиль в трехмерной программе, не забудьте про детали; ставя освещение, проследите за тем, чтобы освещение было таким же и на остальных изображениях на веб-странице. …
Дизайн
Реклама, тем более негативно потребитель настраивается на восприятие товара еще до того, как подержит его в руках. 3. Как визуализовать образы так, чтобы потребитель сразу понял, зачем это нужно, чем …
Страница 404 на реконструкции
Некоторые разработчики делают ужасную вещь: пишут, что сайт в разработке. Или что страница в разработке, что уже не так страшно, но все равно неправильно. Или просто удаляют страницу, не заботясь …
Признаки вечного начинающего
Характерный признак начинающих веб-мастеров — желание использовать на сайте все, чему он научился. С одной стороны, это вполне объяснимое желание: желание продемонстрировать свои возможности — всегда в крови творческого человека. …
Вавилонские сайты
Некоторые сайты похожи на некачественно локализованные программы. Весь сайт на русском языке — а половина меню на английском. Всякие «Home», «Contacts», «About» или, что радует больше всего, «FAQ». У меня …