Как сделать дизайн сайта

Дизайн сайта можно заказать, но это стоит денег. Чтобы качественно сделать самому, многие советуют изучать язык html, css, php.

Я за несколько минут в упрощенном варианте, научу вас сделать для себя красивый, неповторяющийся дизайн сайта, без этих знаний.  Вам потребуется изучить всего лишь несколько слов.

HTML –это язык который понимают браузеры. CSS – отвечает за стиль, точнее за вид. PHP – скрипты, которые будут выполнять поставленные задачи.


Как пример я возьму шаблон «twentyten» он идет вместе с движком вордпресс. Устанавливайте эту тему и переходите в панели управления по следующим опциям >> внешний вид  >> редактор.

Сразу хороший совет: в процессе изменений легко сделать ошибку, при которой сайт не откроется вообще.

Поэтому сразу на компьютер устанавливайте программу FileZilla Client и скачивайте движок вордпресс.

Так вы сможете все в любой момент восстановить. Если сайт перестанет отвечать просто из скачанного вордпресс при помощи FileZilla Client заменяйте редактируемые файлы.

Итак запоминаем что в редакторе что обозначает. То что вам откроется, отвечает за дизайн сайта, точнее за его внешний вид, а за функциональность – php файлы, находящиеся с правой стороны:

Header —  отвечает за верхнюю часть сайта, по-другому называют шапка.

Sidebar – боковая колонка, в которую входят виджеты, по-другому блоки.

Footer – нижняя часть сайта, по-другому подвал.

Index – отвечает за вывод содержимого страниц, в основном главной.

Page – относится к статистическим страницам, таким как «об авторе», «контакты».

Single – при его помощи создаются дополнительные функции

Archive – за себя говорит само название.

Search – отвечает за вывод результатов поиска.

Functions — функции

Title – заголовок

Padding – пространство между бордюром и содержимым элемента.

Font-size — размер шрифта.

Line-height — высота строки.

Margin – отступ.

Width – ширина.

Color – цвет.

Text-decoration – текстовое оформление.

Clear – точно.

Right – вправо.

Float – позиция размещения.

Left – влево.

Background – фон.

center – центр
При помощи вот этих слов любой сайт можно изменить до узнаваемости. За размеры отвечают px, а за цвет-коды, которые можно найти, написав в поисковике «цвет код html».

Для изменения ширины страницы и заголовка редактируйте Functions.php и style.css.

Чтобы сделать хороший  дизайн сайта вам понадобятся свои изображения. Возможно, фотошоп окажется сложным.


Тогда воспользуйтесь программами pain и Banner Maker Pro. При их помощи можно создать практически любые картинки.

Ищите их в интернете, закрашивайте ненужные места, накладывайте на них свои и так далее.

Все довольно просто, только нужно немного поэкспериментировать. Если возникнет желание, могу предоставить более подробную информацию.

Пишите в комментариях. Об других изменениях касающихся стандартного шаблона расскажу в следующих статьях.

ОЦЕНИТЕ ПОЛЬЗУ! ПОНРАВИЛОСЬ – ПОДЕЛИТЕСЬ! НЕТ – КРИТИКУЙТЕ!

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