Создаем "каркас" шаблона
Шаблон для сайта под управлением 1С-Битрикс – концепция макета
Для данного дизайн-проекта страницы, за основу возьмем стандартный трех колоночный html макет, в котором центральная колонка всегда в “потоке браузера” будет идти первой, а за ней соответственно, левая и правая колонки.
Шаблон для сайта под управлением 1С-Битрикс – 3-х колоночный html макет
Работу по созданию шаблона для сайта под управлением 1С-Битрикс построим следующим образом:
- Первоначальная верстка страницы.
- Проверка “сверстанной” страницы в наиболее популярных браузерах.
- Проверка страницы на “валидацию”.
- Создание файла стилей “шаблона” template_styles.css.
- Создание файла стилей сайта styles.css.
- Создание файла header.php для шаблона сайта.
- Создание файла footer.php для шаблона сайта.
- Создание файла описания шаблона description.php.
- Создание файла превью для шаблона сайта preview.gif и файла screen.gif.
Шаблон для сайта под управлением 1С-Битрикс - верстка html макета
Верстку страниц сайта можно производить как в обычном блокноте, так и в более “продвинутых” программах. На данный момент времени этих программ предостаточно.
Мой выбор это Adobe Dreamweaver CS4.
Скачать ознакомительную версию Dreamweaver можно здесь
Проверка на кроссбраузерность и W3C Markup “валидация”
Если проверку сверстанной html страницы на кроссбраузерность в наиболее популярных браузерах желательно проводить всегда, то от проверки на сервисе http://validator.w3.org/ можно и воздержаться, так как практически все CMS добавляют в html код шаблона – “свой” код, который не позволяют “достойно” пройти W3C Markup Validation.
Создаем шаблон сайта в “визуальном редакторе” 1С-Битрикс
Для того, чтобы получить шаблон для 1С-Битрикс, необходимо разделить сверстанную html страницу на две части: “хидер” и “футер” и разместить между этими двумя частями “рабочую область”. В этой “рабочей области” обычно выводится основное содержимое сайта.
Создаем шаблон сайта для 1С-Битрикс в обычном редакторе
Я создаю шаблоны для 1С-Битрикс в “ручном” режиме, т.е. файлы .styles.php, description.php, footer.php, header.php, styles.css, template_styles.css я создаю в php или текстовом редакторе самостоятельно, т.е. без участия 1С-Битрикс.
Интеграция шаблона для 1С-Битрикс на сайте (видео)
Для начала интегрируем шаблон на сайте. В шаблоне пока нет ни формы авторизации, ни меню, ни каких либо других компонентов 1С-Битрикс. Все эти компоненты будут добавлены в следующих примерах этого раздела.
Комментарии
Тема сообщения: как раз искал
Дата сообщения: 13.10.2010
как раз искал принцип создания шаблона, что нужно по минимуму, завтра попробую.
спасибо.
Имя пользователя: Рамиль
Тема сообщения: не по статье
Дата сообщения: 12.09.2010
Зайдя случайно на сайт, обратил внимание на скрипт оценки статьи внизу.
У рейтинга есть серьезная недоработка - можно накручивать, удаляя кукис.
Имя пользователя: noname
Тема сообщения: termitt
Дата сообщения: 31.08.2010
Спасибо отличный материал
Имя пользователя: irimitts
Новые статьи
Новости от Битрикс
Новости «1C-Битрикс»
03.02.2012
26-27 января 2012 года прошла ежегодная конференция «1С-Битрикс», в которой приняли участие представители компаний-партнеров из России и других стран. Лидером продаж 2011 года стал веб-интегратор FusioN, которому вручили главный приз - поездку на двоих в город, где рождаются мечты, Лас-Вегас. Второе и третье место в этой номинации заняли компании Ай Ти Констракт и it-in соответственно и были награждены сертификатами на прохождение бизнес-обучения.
03.02.2012
Компания «1С-Битрикс» сообщает о новых интересных веб-приложениях, размещенных в каталоге Маркетплейс, которые вы можете установить и использовать на ваших интернет-проектах.
02.02.2012
Известный российский бренд SAVAGE запустил обновленную версию своего сайта на основе «1С-Битрикс: Управление сайтом». Руководство компании приняло решение существенно расширить функционал сайта, сделать его современнее и удобнее, а также добавить наглядности представляемым моделям и наладить постоянную обратную связь с покупателями, добавив на сайт функцию отзывов и предложений.