qp-emblem


мАбила — для писателей

Как за 10 минут преобразить сайт до неузнаваемости

Здравствуйте.
В данной, небольшой, статье я расскажу вам как за считанные минуты превратить ваш «страшненький» сайт, в нечто более привлекательное.
Всего пять простых шагов, на каждый шаг у вас уйдет не более 2 минут, и вы свой сайт буквально не узнаете.
Не верите?
Ради интереса сделайте скриншот вашего сайта, потом сравните.
Итак, приступаем.

Шаг 1. Основная таблица

«Засуньте» свой сайт в одну центрированную таблицу. Только ни в коем случае не делайте из основной таблицы «портянку» размером 600 пикселей, самый оптимальный вариант 1000 пикселей.
Также не стоит делать «резиновую» таблицу (в процентах), ширина которой зависит от размера монитора пользователя. Мониторы бывают разные, и все ваши картинки могут «уплыть» далеко и надолго))
Сделайте центрированную таблицу (таблица, которая выравнивается по центру экрана), и поместите в нее весь ваш контент.

Да чуть не забыл, уберите «бордюры» (значение border) внутри таблицы.

Шаг 2. Структура страницы

Очень часто сталкиваюсь с невнятной структурой страницы, вверху, где должна быть шапка «висит» flash баннер и отвлекает мое внимание.
Мало того, что баннер отвлекает внимание, так он еще по цветовому оформлению не подходит сайту.
Просто, напросто портит.
Да и сильно сомневаюсь, что данный баннер приносит много денег владельцу сайта.
Стоит ли из-за этих копеек «убивать» свой сайт???
Что – то я отвлекся, у меня же всего две минуты на каждый шаг.
1. Уберите этот баннер (ну или вставьте его в другое место)
2. Вверху основной таблицы разместите шапку (хедер), ну или на худой конец просто название вашего сайта
3. Дальше идет контент вашего сайта
4. Справа или слева виджет с меню
5. В конце «подвал» сайта

Шаг 3 Ссылки

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

Шаг 4 Текст

Если на вашей странице маленький размер шрифта, сделайте его больше, на мой взгляд самый оптимальный размер шрифта – 14 px.
Также не стоит делать цвет текста черным, используйте светлые тона черного.

Шаг 5 Фон

Хм…
Наверное, это пункт надо было поставить на первое место, хотя какая разница….
Не используйте для фона вашей страницы темные цвета (черный, темно-синий и т.д.)
Лучше всего фоновый цвет страницы сделать нейтральным (светло-серый, голубой и т.д.).
Ну, вот в принципе и все…
Надеюсь, данная статья поспособствовала преображению вашей странички в интернете.
16.05.2011 18:47

Запись отредактирована greenworld 17.05.2011 в 17:13

Комментарии

  • stigr

    stigr

    16.05.2011 19:44   |   #
    greenworld статья возможно и полезная но не мешало бы её спрятать под кат
  • greenworld

    greenworld

    17.05.2011 17:14   |   #
    ок. убрал
Для того, что бы комментировать или отвечать на вопросы, необходимо авторизоваться. Если у вас нет логина и пароля, зарегистрируйтесь прямо сейчас.