Дешевый хостинг!
Дешевый хостинг
Рекомендуем
Пока пусто
Опросы
Оцените работу движка
Календарь
«    Сентябрь 2020    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
282930 
К нам пришли с...
{referer}
Добавлено: 23-09-2012, 07:40
Категория: ---
Редизайн шаблонов Dle
Добрый день уважаемые читатели сайта 11dle.com. Сегодня мы с вами поговорим о том, как переделать понравившийся вам шаблон для DLE движка под вашу выбранную тематику сайта. Отрисовка макета в фотошопе и дальнейшая его кроссбраузерная вёрстка на CMS является кропотливым делом, требующим много терпения. Добавьте сюда ещё хорошее знание HTML и CSS для грамотной вёрстки, т.е. для корректного отображения во всех браузерах, и получается что сделать свой сайт с уникальным дизайном совсем не такое уж и лёгкое дело как может показаться на первый взгляд. Для начинающих веб мастеров данная задача может показаться непосильной, при которой может уйти уйма времени, сил и нервов. Самым рациональным вариантом для начинающих веб мастеров является редизайн уже существующих шаблонов, которые уже грамотно свёрстаны. При редизайне, шаблон в глазах поисковых систем становится уникальным. В данной статье вы узнаете как можно переделать любой паблик шаблон, в свой уникальный DLE шаблон.

Уникальный шаблон - это тот шаблон, у которого дизайн не поход ни на один из веб сайтов в рунете, в тоже время он может иметь стандартную структуру и разметку. Дизайн, html и css код у уникального шаблона будут также уникальными, не похожими на остальные public шаблоны. Паблик шаблон (public tempalte) - это тот шаблон, который вы можете скачать бесплатно не на одном сайте в интернете. Все шаблоны, который можно скачать бесплатно, являются паблик шаблонами, которые совершенно не уникальны, т.к. стоят на тысячах сайтов в интернете. Иногда можно даже спутать сайты, т.к. шаблон стоит один и тот же. Такие сайты посетителям не запоминаются особо, т.к. такой проект совершенно не выделяется среди массы подобных интернет ресурсов. Ситуацию можно существенно изменить, сделав редизайн шаблона скачанного из интернета бесплатно. При этом бесплатный паблик шаблон будет достаточно серьёзно отличаться от тысячи других проектов с точно таким же public шаблоном. Что нужно для того, чтобы быть "белой вороной" в интернете, мы поговорим с вами далее в данной статье.

Редизайн dle шаблона дает нам возможность переделать совершенно любой шаблон под выбранную нами тематику. В интернете не так много шаблонов "заточенных" конкретно под определённую тематику. Чаще можно встретить универсальные шаблоны, которые при небольшом видоизменении можно с ориентировать под нужную тематику сайта. Дело в том, что бывает возникает целая проблема с нахождением в бесплатном доступе качественного шаблона под такие тематики как: туристическая, автомобильная, медицинская, детская. Те шаблоны что лежат в паблике, как правило не выделяются оригинальностью, и даже подобных узко специализированных шаблонов можно пересчитать по пальцам одной руки.

Чтобы сделать редизайн паблик dle шаблона нам нужен будет:
1. Понравившийся паблик шаблон. Стоит обратить в первую очередь на разметку шаблона;
2. Мощный графический пакет под названием Adobe Photoshop и знания его основных возможностей;
3. Текстовый редактор кода или программа Dreamviewer;
4. Программа Denwer для эмуляции на вашем компьютере веб сервера;
5. Интернет;

Сперва вы должны будете определиться с шаблоном, который вы хотите переделать под свою тематику. Имеет смысл обратить внимание в первую очередь на структуру шаблона, т.е. на расположение блоков сайдбара, требуется ли вам наличие горизонтального меню, какая вам требуется ширина блока под вывод контента и т.д. Если вы определились с шаблоном, то можно идти дальше к редизайну DLE шаблона.

>Сам шаблон естественно следует установить на DLE скрипт, который в свою очередь должен стоять на локальном сервере Denwer. Как только вы установили Denwer на компьютер, залили на него DLE скрипт, далее установили ваш паблик шаблон, только после всех этих действий можно приступать с следующим шагам по переделке public шаблона. Сперва стоит выбрать фон, который вы хотели бы видеть у себя на сайте. Если фон представлен в виде картинки, которая повторяется по оси X и оси Y, то стоит зайти в папку вашего шаблона, и там зайти в папку под названием images. Далее нужно найти тот файл который отвечает за background вашего шаблона. Данный файл может быть как небольшим квадратиком, так и целым изображением. Если вы не знаете как определить какой файл отвечает за фон шаблона, то стоит установить к себе на компьютер браузер Mozilla FireFox, и на него поставить полезное дополнение под названием FireBug. После установки "Лисы" и FireBug расширения на компьютер, откройте браузер, в нём ваш шаблон, и нажмите F12. Таким образом вы вызовите внизу окошко расширения FireBug, и теперь водя мышкой по вашему шаблону, вы сможете определить какой файл за что отвечает. Таком образом можно легко найти тот файл, который отвечает за фон вашего шаблона.

После того, как вы нашли фоновое изображение, вы можете его сменить или за ненадобностью убрать. Далее откройте сервис Google картинок и в поисковую строку введите слова касаемые вашей тематики. Таким образом, вы сможете найти фоновое изображение большого размера для вашего сайта. После того, как вы найдёте нужное вам фоновое изображение, нужно будет в фотошопе его немного подредактировать. Ваш вон для сайта нужно сделать такого же размера как и у вас в паблик шаблоне. На самом деле тут уже всё зависит от вашего опыта работы в графическом редакторе Adobe Photoshop. Если вы умеете креативить и видоизменять до неузнаваемости картинку, то это будет вам только в плюс. Если получается так, что вам не хватает навыков работы в фотошопе, то расстраиваться не стоит. В интернете есть много сайтов с уроками по работе в фотошопе посмотрев которые, вы сможете поднять свой уровень работы с данным графическим пакетом на новый уровень. Тут главное опыт и желание расти в данном направлении. После всех телодвижений с вашим фоном, сохраните его с тем же именем и расширением, что и исходный файл вашего паблик шаблона. Это нужно для того, чтобы не лезть в css файл и не менять там название фона. Поэтому лучше сохраняйте все названия файлов и расширения такими, какие они есть в вашем скачанном шаблоне.

Следующим шагом будет изменение основных элементов шаблона, т.е. нам нужно будет изменить цвета основным элементам шаблона. Для этого опять заходим в папку images, и открываем нужные для видоизменения файлы в фотошопе. Чтобы изменить цвет, нужно сделать не хитрые телодвижения в нашем любимом графическом пакете фотошоп: изображение -> коррекция -> цветовой тон / насыщенность. Если вы будете двигать ползунки влево или вправо, то вы увидите как меняется насыщенность, яркость, контрастность ваших элементов шаблона. Таким образом вы можете настроить нужную вам цветовую гамму. Как только вы определились с цветовой гаммой, нужно записать те цифры, что представлены в полях (цветовой тон, насыщенность, яркость) в стандартный блокнот Windows, или на крайний случай просто запишите цифры их на листок бумаги. Это нужно для быстрой установки нужного цвета для нужных графических элементов шаблона.

Как только вы переделаете все элементы шаблона так как вам нравится в плане цветовой гаммы, нужно сохранить все файлы с такими же названиями и расширениями как и в вашем исходном шаблоне. Нужно это для того, чтобы не пришлось править потом css файл с целью замены названий существующих файлов, на ваши новые файлы. Поэтому стоит придерживаться той же структуры изображений в папке images, как и в исходном варианте. Как только вы закончите работу по смене цветовой гаммы, нужно будет перезагрузить шаблон в вашем браузере. Делается это нажатием кнопки на клавиатуре F5, или если с очисткой кэша браузера, то делается это комбинацией клавиш CTRL + F5. Если вы заметите какие либо дефекты, то вероятнее всего они не имеют какой либо связи с изображениями. Фон к примеру не всегда бывает целым изображением в шаблоне. В большинстве случаев он задается в css файле. Если это так, то нужно найти тот div блок и css класс блока, в котором нужно поправить дефект. В этом не лёгком деле вам может существенно облегчить работу FireBug. Как только вы найдёте нужный класс, в нём нужно поменять фон (background-color) сайта на ваш фон. Следующим шагом будет работа над CSS файлом вашего шаблона. Нужно будет поставить цвета для ссылок, установить нужный шрифт и так далее. В общем привести к той стилистике шаблон, которая вас максимально устроит. Как только вы что-то меняете в CSS файле, обновляйте ваш шаблон в браузере, чтобы смотреть как всё отображается в нём. Так же можно установить какое нибудь красивое навигационное меню к себе на сайт в виде гармошки допустим. Для этого можно вбить в поисковую систему запрос "меню для сайта", и вам в выдаче поисковик выдаст уйму сайтов, где вы сможете бесплатно скачать понравившуюся меню. Попробуйте установить меню к себе в шаблон, и если необходимо, проведите так же редизайн вашей меню. В так называемой "шапке" шаблона стоит тематическая картинка и используется тематический фон. Иногда бывает можно встретить так, что фон в шапке сайта и является одновременно и картинкой шаблона. Вы можете естественно заменить все картинки на свои, и "вкрутить" ещё несколько своих картинок если это будет необходимо.

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


Теги:
Вернуться
  • Комментарий: 0
  • Просмотров: 6 414
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.