Руководство по созданию шаблонов для SED 3.5.2 Часть 3: Чистка шаблона

Автор: 0 Комментариев

Привет!!! Эгей! =) Готовы к новой части эпопеи с шаблоном? Да? Ну и славно! Поехали!

В это части мы будем чистить шаблон от всякого мусора и бяки. Вы ведь уже скачали дримвивер? Хм… Что говорите? Только блокнот, только хардкор? Хорошо, пройдите в следующую палату. Еще желающие?

В общем-то не важно чем вы будете чистить шаблон. Но для меня дримвивером оказалось проще всего.Заходим в папку с шаблоном и открываем index.html в дримвивере. Да простят меня читателя за следующий скриншот, но мне важно показать как и что выглядит у меня. При wide-экране очень удобно работать с разделением посередине. Зелененькая полосочка — это все файлы, которые сейчас используются в шаблоне. Видите как их много? Беда конечно, но не стоит бояться. Мы все исправим =)

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

Красная стрелка показывает на пунктирную линию, если кто не заметил. Такими пунктирными линиями у нас выделены блоки. Блок — это такой небольшой обособленный кусочек кода, внутри которого мы можем задавать любые правила форматирования. В общем мы имеем дело с так называемой «блочной» версткой, на которой сейчас делается 99.9% сайтов. Если слышали про CSS — Это как раз оно. Итак, мы кликаем по блокам и удаляем все ненужное.

3-1

Клик по блоку в правой части окна выделяет часть кода, который отвечает за этот блок:

3-2

В конечном итоге от изначального кода в 4500 строк у меня осталось всего 211 (зеленая стрелка на скриншоте снизу). Неплохо так почистила, ага =) Обратите внимание на красные стрелочки. Фактически у нас из той уймы файлов с первого скриншота осталось всего два +- несколько картинок оформления элементов. Правую часть я отмасштабировала чтобы вам было нагляднее видеть структуру страницы.

3-3

Выжившие файлики. Я не стала трогать разные стрелочки и прочее. Шаблон похудел в несколько раз.

3-4Все. Шаблон полностью готов к тому,чтобы стать дорвеем. В следующей части мы наполним его макросами для генерации контента, добавим свистелки и мишуру. В общем сделаем вполне себе главную страничку сайта.

Кстати, не забыли что у нас было сграблено две страницы? Вторую страницу я вычищу аналогично этой. Так все делается точь в точь как я описала выше. Видите, ничего сложного =) Никто не кусается)

Не забываем что благодарности принимаются с регистрации по ссылкам на страничке land.plytiska.ru.

Еще не стесняемся комментировать, мне надо понять все ли понятно или надо что-то еще добавить, осветить какую-либо тему?

Полезное, Руководства, Руководство по шаблонам SED 3.5.*

Об авторе

Кто я такая? Я это я. Как бы банально это не звучало. Я начала свой путь в SEO и все еще на нем благодаря многим людям, которые мне помогали и поддерживали. Для них, а так же для многих других я хочу быть полезной. Потому и был создан этот блог.