Создаем "каркас" шаблона
Шаблон для сайта под управлением 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С-Битрикс. Все эти компоненты будут добавлены в следующих примерах этого раздела.
Новые статьи
Новости от Битрикс
Новости «1C-Битрикс»
18.05.2012
Интересная подборка новых решений появилась на этой неделе в каталоге готовых веб-приложений для сайтов и интернет-магазинов «1С-Битрикс: Маркетплейс». Предложения разработчиков настолько разнообразны, что их фантазии можно только позавидовать. И все они будут полезны в работе вашего сайта, независимо от того, чему он посвящен.
17.05.2012
В новой версии системы управления веб-проектами «1С-Битрикс: Управление сайтом 11.5» впервые для тиражных CMS интернет-магазин полностью интегрирован с CRM (Customers Relationship Management). Теперь у каждого владельца интернет-магазина на платформе «1С-Битрикс» есть возможность вести единую клиентскую базу, конвертировать каждый заказ в продажу, а также увеличивать объем повторных продаж за счет эффективного учета и анализа информации о клиентах.
17.05.2012
Diletant.ru – это познавательный проект, посвященный истории. Создание современного интерактивного ресурса веб 2.0, посвященного «популярной истории», задумывалось авторами проекта, прежде всего, чтобы привлечь внимание к печатной версии журнала «Дилетант». И чтобы создать на основе сайта сообщество людей, которым интересна мировая история.