Как самому создать шаблон для DLE? Статья первая - Введение

Как самому создать шаблон для DLE? Статья первая - Введение


Приветствую всех посетителей моего сайта, клиентов (кто знаком уже с моими работами) и начинающих вебмастеров!

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

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

Для начала давайте разберемся из каких типовых задач состоит процесс создания нового шаблона, имея в своем распоряжении всего лишь две руки и голову на плечах:

1. Создание дизайна

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

Не делайте дизайн по какому-то уроку, нарытому в интернете - зачастую это лишь погубит на корню ваше стремление создать что-то уникальное и красивое. Пусть первая работа будет и неказистой, но зато это будет действительно ВАША работа. Чтобы научиться чему-то самому - нужно пробовать.

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


2. Верстка основного макета в HTML.

Вторая, не менее ответственная часть разработки шаблона. На этой стадии мы делаем верстку готового дизайна. Готовый HTML должен быть кроссбраузерным и понятным. Основные браузеры, на которые стоит обращать внимание - это IE (версии 7,8, в некоторых случаях 9), Opera, FireFox, Chrome и Safari.
С Opera, FireFox, Chrome проблем при тестировании возникнуть не должно, так как эти три браузера легко можно установить практически на любую платформу.

С IE дело несколько сложнее, так как Windows допускает наличие в операционной системе только одной версии. Но это можно обойти, если использовать замечательную бесплатную программу IE Tester. Скачать ее можно по этой ссылке. Установленная, она позволяет просматривать готовую верстку во всех версиях IE.

В случае с Safari тоже проблем возникнуть не должно, так как есть специальная версия этого браузера, работающая под ОС Windows

Лично я сам отказался от поддержки IE6. Причины указав тут.

3. "Натягивание" готовой верстки на ДЛЕ.

Самый, наверное, непонятных для многих процесс. Подробнее про него мы поговорим, когда подойдем к нему вплотную.

4. Тестирование готового шаблона.

Тоже весьма ответственная стадия, так как после нее тестировать уже будут пользователи и критические пропущенные ошибки могут сильно пощекотать вам нервы = )

В полном цикле статей мы пройдемся по каждому пункту данной цепочки более подробно. Что касается следующей статьи, то в ней я подробно разберу свой готовый макет шаблона, специально для этого нарисованный. Мы вместе разберем его структуру и прикинем примерную интеграцию с ДЛЕ.
pc3000 написал 18 февраля 2011 11:20
/ /
а где продолжение?
test-templates написал 19 февраля 2011 22:38
/ /
я работаю над этим smile
a2raya написал 13 июня 2011 11:15
/ /
when its going to be ready?
MtvKat написал 1 августа 2011 21:37
/ /
Будем ждать продолжения. Интересно почитать, т.к. сам не занимаюсь созданием дизайна.
Похожие новости:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Все шаблоны совместимы с актуальной версией движка
Последние новости:

Поздравлю всех с Новым 2017 годом!

31-12-2016, 00:24
Поздравлю всех с Новым 2017 Годом! Пусть все Ваши желания обязательно сбудутся и в новом году будет только хорошее настроение! Ну и какой же новый год без подарков?) Представляю БЕСПЛАТНЫЙ шаблон для DLE 11.2 - FanBox (Test-Templates)! Качайте и используйте шаблон на своих сайтах в свое

11.11 Всемирный день распродажи! Успей купить любой шаблон со скидкой 50%! Только сегодня!

11-11-2016, 17:32
Только сегодня! Честная скидка 50% на любой шаблон! Успей затариться на распродаже =) За получением скидки пишите в icq или на почту!
Все новости
Test-Templates Google+

Test-Templates Youtube

Дружественные ресурсы:
Опрос
Купили бы вы версии наших шаблонов под WP?
Да, конечно
Нет, это не нужно
Не готов работать с WP