Главная > Сайтостроение > Как можно нарисовать шаблон DLE сайта?

Как можно нарисовать шаблон DLE сайта?

Процесс создания шаблона на DLE сайт не очень сложный. Но при этом вам необходимо иметь начальные знания по html и php, а также уметь рисовать простейшие изображения в фотошопе. Весь этот не сложный процесс можно разделить на два этапа: перерисовка изображений шаблона на свой вкус, изменение кода шаблона под свои нужды. Итак, приступим к обзору статьи, описывающей создание шаблона для сайта, на котором стоит движок DLE.

Перерисовка изображений в фотошопе на свой вкус.
Первым делом нужно научиться рисовать в фотошопе простейшие изображения. Для этого идем в гугл и ищем уроки по photoshop, в которых описывается создание различного вида изображений. Скажу пару слов о цвете шаблона: делайте шаблон не очень ярким, т.е. не «режущим» глаза. Другими словами — не используйте такие цвета как: красный, сплошной черный и другие, которые могут навредить посетителям вашего сайта.

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

<table border=0 cellpadding=0 cellspacing=0 width=100%>
<td width=»ширина изображения(например 500)» height=»Высота изображения (например 200)»><img src=»адрес к картинке»></td>
<td height=»высота» style=»background:url(‘адрес ко второй картинке, которая будет повторяться’) repeat-x;»><img border=0 src=»опять этот же адрес»</td>
<td height=»высота картинки» style=»background:url(‘адрес последней картинки — завершение шапки’) repeat-x»></td>
</table>

Итак, выбрав такой код шапки, вы можете быть уверены, что на всех экранах ваш сайт будет правильно отображаться. НО есть один совет: не используйте изображения больше 800 точек в длину, так как на очень маленьких мониторах ваш сайт просто не влезет. Самые оптимальные размеры: длина — четыреста точек, а высота — двести — двести пятьдесят точек.

Далее у нас идут блоки.
Ну тут все намного проще. Нужно просто перерисовать картинки на свой вкус и все! Больше ничего делать не надо. Еще совет: не используйте широкие блоки, т.к. ваш сайт будет выглядеть неуклюже, а слишком узкие блоки сузят ваш сайт. Используйте тот размер блоков, который вы сами считаете оптимальным.

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

Кстати, если Вы с чем-то не справитесь, то заказать доработку сайта можно по ссылке: http://svoy-sayt.ru/dorabotka-sajta/

P.S. Так как создание шаблона на DLE сайты это не очень трудный, и в тоже время, не очень легкий процесс, то лучше сначала научиться хорошо рисовать в фотошопе, а потом эти шаблоны можно будет делать и по несколько штук в неделю/день. И вот еще совет: используйте больше пастельные цвета, которые будут расслаблять глаз вашего посетителя.

Categories: Сайтостроение Tags:
  1. Пока что нет комментариев.
  1. Пока что нет уведомлений.