Разработка сайтов на первом этапе. Концепция и бриф.
Итак, вы выбрали подрядчика для разработки вашего будущего сайта и провели с ним предварительные переговоры. Вам может показаться, что самое сложное в процессе разработки сайта уже позади, однако не стоит делать скоропалительных выводов. Именно сейчас для вас начнется кропотливая работа по сбору информации, анализу и принятию решений – финалом…
читать далее | комментарии
КРОМЕ юзабилити и дизайна: содержательный сайт
Любой веб-ресурс сегодня раздираем двумя мощными силами - на первый взгляд, непреодолимыми и несовместимыми одновременно. С одной стороны, юзабилити и интерфейс требуют простоты, логичности и доступности – в общем, голого функционального минимализма. С другой стороны, развивающиеся веб-стандарты и технологии способствуют расцвету новых подходов к…
читать далее | комментарии
Сквозная навигация
Сквозная навигация — это система связей (гиперссылок), облегчающих движение пользователя по сайту. Речь идёт о максимально возможном переплетении данных. Кроме того, наличие такой связи характеризует сайт как информативный. Считаю, будет правильным выделить несколько типов связи: связь между сервисами; вокруг события;…
читать далее | комментарии
Геометрия модульной сетки
Обычно веб-дизайнер вкладывает в оформление страницы определенные закономерности. Они могут проявляться в строгой пропорциональности размеров таблиц, форм, в расстояниях между объектами и т.п. Это дисциплинирует структуру сайта. Но HTML-кодер может этого не увидеть. Во избежание осложнений дизайнер должен наглядно описать свой художественный замысел с помощью геометрии модульной сетки…
читать далее | комментарии
Игры в ассоциации
Узнаваемость торговой марки — это ее хлеб. Когда торговую марку знают, ее любят, ей доверяют, ее боготворят. Добиться узнаваемости торговой марки, товара или услуги можно, например, вызывая у людей ассоциации (положительные ли, отрицательные ли — отдельная тема)…
читать далее | комментарии
Валидность HTML
На примере известных веб-сайтов видно, что практически никто не поддерживает стандарт HTML. И главная причина в том, что дизайнеры абсолютно не задумываются о поддержке стандарта, хотя это достаточно просто. В статье рассматриваются основные моменты, которые приводят к невалидности документов, и показывается, что исправление таких ситуаций не требует кардинальных изменений на сайте…
читать далее | комментарии
О ценах, ценностях и убогом дизайне
Случилось так, что статья, которую я написал в защиту «дешевого шаблоностроения», вызвала немало бурных эмоций, раскиданных также по разным форумам. Что интересно, наряду с дурацкими комментариями были и умные аргументированные отклики профессионалов-разработчиков и опытных заказчиков. Именно эти высказывания позволяют точно нащупать «мозоль, на которую я наступил»…
читать далее | комментарии
Выпадающее меню на CSS и JavaScript
Если на сайте слишком много ссылок в расположенном горизонтально главном меню, то для всех разделов может не хватить места. В таком случае необходимо делать выпадающее меню. Принцип работы подобных меню основан на том, что через события XHTML-документа вызывается функция JavaScript, которая динамически меняет CSS-свойства блоков, содержащих пункты меню…
читать далее | комментарии
Повышаем юзабилити формы поиска
Большинство серьезных сайтов имеет сложные внутренние поисковые системы, однако все это богатство, как правило, скрыто за ссылкой «расширенный поиск». А вот маленькая форма поискового запроса доступна на каждой странице в верхнем правом углу сайта. Подумаем, как сделать эту форму удобнее для посетителей…
читать далее | комментарии
Свойство CSS float: обтекание рисунка текстом и врезка к статье
Свойство CSS float определяет обтекание одного элемента другим. С его помощью на сайте можно реализовать обтекание рисунка текстом или, например, врезку к статье. Рассмотрение float: на этих примерах и будет целью данной статьи…
читать далее | комментарии
Версия сайта для печати средствами CSS
Допустим, у нас есть серьезный бизнес-сайт, с серьезными клиентами. А серьезные люди, как правило, консервативны; они больше доверяют бумаге — там и подпись поставить можно и у нотариуса заверить… В общем, непременно нужна качественная версия сайта для печати. Благодаря CSS решение этой задачи не составит большого труда…
читать далее | комментарии
Оформление текста с помощью CSS
Оформление текста — задача на первый взгляд простая, но только на первый взгляд. На деле необходимо учесть множество параметров: гарнитура, размер, цвет шрифта, длина строки, высота строки (интерлиньяж), выравнивание, отступы и поля (свободное пространство)… Итак, сверстаем текст, который удобно читать…
читать далее | комментарии
CSS верстка сайта: макет в три колонки
Создание с помощью CSS макета из трех колонок, который может послужить основой информационного сайта с «шапкой», правой и левой колонками меню, с центральным блоком текста и «подвалом» для копирайтов, контактов и прочего. Типичный для контент-проекта макет, но полностью на CSS блоках…
читать далее | комментарии
Шаблонный дизайн: два взгляда на проблему
В данной статье мы рассмотрим один из способов заработка денег в Интернете — разработку веб-сайтов на основе заранее созданных (купленных) шаблонов. Два взгляда на этические и эстетические стороны создания «шаблонных» сайтов…
читать далее | комментарии
CSS: врезка к статье
Мы часто сталкиваемся в журналах и газетах с информационными блоками, которые визуально выделены и по смыслу несколько оторваны от основного содержания. Это не прихоть верстальщика или редактора, эти блоки давно заняли заслуженное место в бумажных изданиях. К сожалению, в интернет-публикациях врезки встречаются нечасто. О создании врезок с помощью CSS как раз и рассказывается в статье…
читать далее | комментарии
Логическое форматирование в HTML
Принцип логического форматирования HTML-документов подразумевает использование тегов для разметки в соответствии со смысловым значением элементов страницы, а не с желаемым внешним видом. Об этой технике верстки и рассказывается в статье…
читать далее | комментарии
HTML с высоты птичьего полета
Краткий обзор языка разметки HTML «для самых маленьких»: описание общей структуры HTML-документа, блоковых и строчных элементов HTML, наиболее употребляемых тегов и их атрибутов. В статье кратко рассматриваются основополагающие элементы HTML, знание которых необходимо новичку…
читать далее | комментарии
Стиль Вашего сайта
Самое важное для проекта — его уникальность, узнаваемость. Это касается, как содержания, так и дизайна, т. е. того, как Вы преподносите материал. В статье описываются те тонкости дизайна, которые позволят посетителям Ваших проектов сразу же узнавать их автора или, по крайней мере, видеть «руку профессионала»…
читать далее | комментарии
Верстка таблиц
В статье рассказывается о тегах, которые могут быть использованы для верстки таблиц. Именно для верстки таблиц, а не для верстки сайтов таблицами. Если вы никогда не использовали ничего кроме <table>, <tr>, <td>, тогда вы узнаете много того, что позволит лучше структурировать табличную информацию и изменять ее визуальное представление…
читать далее | комментарии
Цветной scrollbar — да или нет…
В последнее время, в связи с приходом CSS в массы, особую популярность среди начинающих webmaster'ов получила возможность изменять цвет scrollbar'а окна браузера. Эта функция привлекла людей своей простотой, и нетребовательностью в знании языка. Все что остается сделать, это заменить цвета частей scrollbar'а по своему вкусу…
читать далее | комментарии
Правила грамотной верстки сайтов
В этой статье хотелось бы рассказать об известных мне правилах верстки (в частности о пробелах, сокращениях, кавычках, дефисах, тире и т. д.), обращая внимание на их html-реализацию…
читать далее | комментарии
Создание сайта с помощью фреймов
Из огромного количества сайтов сети многие используют фреймы для тех или иных целей. Да фреймы можно использовать и с толком для сайта. С другой стороны неправильная реализация фреймов — огромная ошибка…
читать далее | комментарии