Пожалуй, каждый веб – мастер думает о том, как было бы хорошо, если бы во всем мире у каждого пользователя интернета были одинаковые браузеры, мониторы и расширения этих мониторов. А если бы ещё всем пользователям нравилось бы одно и то же, так вообще не жизнь, а сказка началась бы. Но это, к сожалению всего лишь мечты. А работать приходится в реальности и сайты нужно делать, учитывая все многообразие браузеров и мониторов. Сегодня я хотел бы поделиться с вами парочкой советов о правильном функциональном дизайне сайтов и работе с сайтами в целом.
1. Шрифт: шрифт должен быть в первую очередь читабельным! А это значит, нормального размера (10 размер это абсолютный минимум! О размере меньше и думать забудьте!). Далее – понятный шрифт. Не ищите красивый и оригинальный шрифт, ищете хорошо читаемый! Если сомневаетесь – берите классический Times New Roman или Arial – точно не прогадаете! И последнее – цвет. Цвет шрифта должен хорошо контрастировать с цветом фона, дабы не утомлять глаза. Видел я однажды сайт с розовым текстом на жёлтом фоне – это просто смерть для глаз! И снова – если сомневаетесь, берите черный шрифт на любом светлом фоне и белый шрифт на тёмном фоне! Это классика!
2. Расположение текста: не делайте текст узкой полоской посередине страницы! Ширина текста должна быть как минимум 50% от общей ширины страницы. И точно так же – не делайте текст слишком широким! Ни в коем случае не должна появляться горизонтальная полоса прокрутки!
3. Расположение баннеров: идеальное расположение баннеров это сразу под шапкой с названием сайта, а так же слева или справа от текста. Ни в коем случае не переборщите с баннерами – это отпугивает посетителей. Хотите заработать – не обязательно вешать огромное количество баннеров, лучше зарегистрируйтесь в какой-нибудь партнёрской программе – они дают хорошую прибыль. Я вот, например, пользуюсь партнёрской программой http://www.kinobros.ru.
4. Параметры текста: используйте выравнивание текста по ширине. «Заборы» которые появляются при выравнивании по краю привлекательности тексту не придают. Но главное – когда используете выравнивание по ширине – не забывайте ставить отступы абзацев – когда нет абзацев, текст кажется огромной глыбой, которую нет никакого желания изучать.
5. Цвет фона: ранее я уже говорил о сочетании цвета шрифта с цветом фона, а теперь скажу о самом цвете фона. Цвет фона не должен раздражать глаз – сразу забудьте о ярко-кислотных цветах (ярко-розовый, ярко-зелёный, ярко-жёлтый, оранжевый, красный и т.д.). Предпочтение стоит отдавать светлым оттенкам, близким к белому – бледно-желтый, бледно-фисташковый, телесный и т.д. Если весь сайт вам необходимо сделать в тёмных тонах, то сделайте, хотя бы «подкладку» под текст нормального светлого цвета.
6. Версия для печати: всегда и везде должна быть версия для печати! Это аксиома и тут даже спорить не о чем!
7. Ошибки: все мы конечно люди и все ошибаемся, но нужно свести процент ошибок к минимуму. Всегда проверяйте текст на ошибки! Если у самих грамотность хворает – воспользуйтесь, хотя бы спасительной клавишей F7 в Ворде (проверка орфографии). Лично у меня есть отдельный человек, который проверяет все мои тексты, так как проверка Ворда это не панацея – грубые ошибки и описки он, конечно, всегда заметит, но ошибки по смыслу для него невидимы. Когда натыкаешься на грамматические ошибки на каком-нибудь сайте, сразу появляются сомнения в профессионализме веб – мастера и качестве сайта в целом. Вроде бы такая мелочь, а может испортить все впечатление.
Ну, вот кажется все на сегодня. В дальнейшем постараюсь вспомнить ещё что-нибудь полезное для всех.
Комментариев: 37
Капча на стадии тестирования. За 6 часов спама не пришло, так что думаю, должно работать. Установка в несколько этапов: качайте архив и следуем инструкции:
1) Заливаем в тот же каталог, что и был (плагин для WP, у меня он был /wp-content/plugins/dimoning.ru-captcha/, заменяем все старые файлы).
2) Ставим на каталог num (в каталоге плагина) права 777.
3) Запускаем файл http://site.ru/wp-content/plugins/dimoning.ru-captcha/install.php (тупо вбив его в адрес в браузере). Он сгенерирует уникальный номер-код.
4) Проверяем, работает ли нормально (пробуем откомментить в своем блоге) и наслаждаемся ждем, будет ли спам.
5) Отписываемся тут.
Отличие в том, что для каждого блога генерируется свой уникальный номер, по которому проверяется – спам или не спам. Подожду денек, если спама не будет, выложу в паблик. Спасибо.
Если вдруг комменты не заработают, напишите мне, пожалуйста, на мыло dimoning@inbox.ru.
Для программистов вопрос – как максимально зашифровать javascript-код? Есть несколько идей, но мне не очень нравится результат (опять же – можно расшифровать).
Комментариев: 148
Я ненавижу Маула. Ненависть давнешняя и стойкая. Личная. В основном – за его пафос и выпендрежность (которая сейчас уже сошла на нет, но была пару лет назад). И не читаю его принципиально. Тем более – ничего умного и нового он не пишет – через пост реклама или затертые до дыр темы «как привлечь посетителей в блог» (см. последние посты). Конечно, это не отменяет бизнес-отношений (купить-продать рекламу, например). Деньги не пахнут. Но пока чаша сия меня миновала, тьфу-тьфу-тьфу.
Комментариев: 30
Постовой: нужно купить майку? Лучший магазин!
Лично для меня всегда была больная тема – как создать sitemap.xml. В данном случае я буду говорить про WordPress. Как известно, лучше один раз четко разобраться в вопросе, чем постоянно его недопонимать и побаиваться :) Сайтмап нужен для индексации – Яндекс, Гугл, все понимают этот файл и он ускорит индексацию сильно вложенных страниц. Кроме того, он поможет сапе понять, какие страницы на сайте.
В случае в WordPress все решается довольно просто – плагином. Я опишу как его установить.
Сначала качаем плагин из репозитория, так сказать. Распаковываем куда-нибудь и делаем несколько простых шагов:
1. Заливаем каталог с плагинов в wp-content/plugins, как обычно.
2. Теперь вот «сложный» шаг. Создаем на своем компьютере два файла, называем их sitemap.xml и sitemap.xml.gz. Можно просто создать пустые текстовые документы и переименовать их. Заливаем эти файлы в корень блога (туда же, где файл wp-config.php). Теперь нужно установить на них права 666 (я лично поставил права 777). Это можно сделать с помощью FTP-клиента (в Far-Manager выбираем файл, жмем Ctrl + A и выставляем атрибуты; в CuteFTP правой кнопкой->права и так далее).
3. Активируем плагин в админке.
4. Открываем страницу настроек плагина в админке (обычно это Параметры -> Имя Плагина). Жмем на ссылку «создать карту первый раз» (она вверху настроек). Если все хорошо, он создаст карту и запишет ее в файл sitemap.xml. Если появилась ошибка, скорее всего дело в правах на запись в этот файл.
Плагин обновляется автоматически! Как только происходит постинг нового поста, он добавляется в сайтмап, так что ничего больше делать не придется.
По поводу самого файла сайтмапы. Скачайте то, что сгенерировал плагин и посмотрите. Все становится очень понятно – куда нужно вписать URL, куда частоту обновления страницы и так далее.
Комментариев: 17
Нужно арендовать офис в СПб. Если у кого-то есть не дорогие варианты, свяжитесь со мной, пожалуйста. Нужно помещение примерно 10 метров (квадратных). Можно больше, главное, чтобы не сильно дороже.
Может быть у кого-то уже снят большой офис и свободно место? Тогда мы это место с радостью займем и, конечно, отблагодарим :) Мы – это два веселых, дружелюбных распиздяя. Обещаем не буянить и много не пить :) Если серьезно – адекватные ребята, которым необходимо помещение для нормальной полноценной работы! В общем, если есть у кого варианты, то буду рад любым предложениям.
dimoning@inbox.ru
icq: 361 266 067
Комментариев: 11