Сегодня я расскажу вам вкратце про элементарное изменение дизайна сайта, для чего советую вам фотошоп скачать бесплатно на русском языке (только не по этой ссылке, там вирус Trojan.SMSSend.1647) и установить эту программу на свой компьютер. Программа Adobe Photoshop — это мощный графический редактор, все возможности которого вам и не понадобятся, но с помощью него очень удобно создавать графические элементы дизайна сайта или дизайн целиком, если вы сможете потом сверстать этот дизайн в шаблон для сайта для одной из популярных CMS, которую вы используете. если вы не знаете английского, то качайте фотошоп на русском, так как он интуитивно понятен — и вам будет проще разобраться в возможностях этой программы. И именно с помощью фотошопа мы и будем с вами изменять готовые шаблоны для сайта, чтобы получить уникальный дизайн.

Для того, чтобы изменить готовый шаблон, вам придется изучить хотя бы самые основы HTML  верстки и CSS стилей — так как без этого знания вы просто не будете знать, что же и как вам менять в вашем шаблоне. Так что отложите пока фотошоп в сторону, возьмите учебник HTML и CSS  и почитайте хотя бы самое начало, чтобы ознакомиться с основными тэгами и конструкциями.

Кстати, я предлагаю именно менять готовый шаблон, а не создавать с нуля, так как для этого вам хватит и начальных знаний в HTML и CSS , а также — самой программы Adobe Photoshop. Ваша задача заключается в том, чтобы найти графические элементы, которые вы хотели бы изменить — это может быть шапка сайта, фон, границы меню или рубрик, иконки или что-то иное, и просто заменить эти файлы — своими, созданными с помощью вышеупомянутой программы фотошоп.

Кроме того, для завершенности оригинального дизайна можно изменить цвета — если изначально вы подготавливаете графику и заменяете одни графические элементы другими, то цвета вам придется менять в CSS стилях шаблона. Обычно они выглядят как-то так: #347755 — кодировка в шестнадцатиричной системе. Цвет можно выбрать в том же фотошопе с помощью инструмента «Пипетка» — там отображается эта кодировка — и потом просто скопировать код и заменить в нужном месте CSS стилей шаблона. Вот примерно так он постепенно и редактируется, и это действительно элементарное изменение дизайна, если знать основы HTML  кода, CSS стилей и программы фотошоп и ее возможностей.

Мой блог находят по следующим фразам


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>