Как самому создать шаблон для 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. Тестирование готового шаблона.

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

В полном цикле статей мы пройдемся по каждому пункту данной цепочки более подробно. Что касается следующей статьи, то в ней я подробно разберу свой готовый макет шаблона, специально для этого нарисованный. Мы вместе разберем его структуру и прикинем примерную интеграцию с ДЛЕ.