Как создать свой сайт. MaxSite CMS. Шаблоны. Плагины

Используем LESS (динамический CSS) в MaxSite CMS

Sun, 05 Feb 2012 20:02:39 +0200

LESS расширяет возможности создания обычного CSS, по сути превращая его в динамический язык стилевой разметки.

Один простой пример: где-то в css-файле прописаны три основных цвета. Причем во множестве css-свойств. Если нужно сменить цвет, то придется их все найти и вручную поменять. В LESS для этой цели просто задаются переменные, которым присваиваются нужные значения. В css-коде вместо цвета указываем только переменные. Сменили значения переменных - автоматом поменялись цвета и в результирующем css-коде.

LESS имеет еще множество других полезных возможностей, например упрощенный стинтаксис, примеси, функции т.п. При этом LESS полностью совместим с синтаксисом CSS.

Читать полностью »

Обсудить

Лучшие программы для вебмастера

Sun, 05 Feb 2012 13:45:41 +0200

Решил собрать воедино все те программы, которые использую при создании сайтов. К счастью, таких достаточно много и всегда есть выбор. Основной упор я делаю на бесплатные программы. Далеко не всегда нужно ставить коммерческие версии и «ломать» их. Есть вполне приличные альтернативы.

Читать полностью »

Обсудить

Шаблоны для новичков. Урок 9. Использование PHP в шаблоне

Sat, 04 Feb 2012 15:17:47 +0200

Принялся было уже делать вводную статью по PHP, но вдруг вспомнил, что несколько лет назад, когда ещё занимался поддержкой WordPress, выпускал рассылку и там как раз есть полное описание основ PHP. Совершенно нет смысла дублировать её здесь, поэтому с первой частью работы с PHP я адресую по указанной ссылке.

Для наших задач вполне хватит самых базовых основ. Главное научиться разбираться в синтаксисе PHP и где и как искать подсказки по нужным функциям.

Читать полностью »

Обсудить

Шаблоны для новичков. Урок 8. Создание своего шаблона. Настройка дизайна

Mon, 30 Jan 2012 14:36:24 +0200

До сегодняшнего урока, все эксперименты мы проводили в редакторе MaxSite CMS. Настала пора попробовать сделать свой шаблон.

В MaxSite CMS существует только одно требование к шаблону: обязательное наличие файла index.php. Всё остальное отдаётся на откуп вебмастера. Но, традиционно сложилось так, что шаблоны MaxSite CMS используют часть функционала из default-шаблона. Прежде всего это касается использования т.н. type-файлов (файлы типов данных). То есть в своем шаблоне нет необходимости использовать эти файлы - система автоматически их подключит из default.

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

Читать полностью »

Обсудить

Шаблоны для новичков. Урок 7. Wrap-блоки. Иммитация колонок

Sun, 29 Jan 2012 11:15:54 +0200

Пока мы не приступили к практике создания шаблона MaxSite CMS, следует уточнить еще несколько важных моментов вёрстки. Одной из проблем, с которой сталкивается практически каждый верстальщик - это оформление блока контента и сайдбара. Такие элементарные действия, как задание отступа или фона, могут оказаться не такими уж и тривиальными, как может показаться изначально.

Рассмотрим вариант верстки блоков, при котором нивелируются «странности» блочной модели.

Читать полностью »

Обсудить

Шаблоны для новичков. Урок 6. Модульная сетка. Позиционирование сайдбаров и контента

Fri, 27 Jan 2012 20:28:10 +0200

В целом у нас уже есть все теоретические знания, чтобы приступить к созданию шаблона. Первым этапом должна стать подготовка модульной сетки. Делается это на основе дизайна будущего сайта. Очень часто новичкам советуют изучать код готовых шаблонов и учиться по ним. Я, на основе своей многолетней практики, могу со всей ответственностью заявить, что это крайне порочный совет. Можно иногда подсмотреть html-код дизайна, но только в том разрезе, чтобы уточнить точные размеры каких-то элементов, и не «лазить» по экрану с рулеткой.

Самый лучший код - это код, написанный собственноручно. Во первых - это единственный способ чему-то научиться. Во-вторых вы не будете слепо копировать то количество «быдлокода», которое часто кочует от шаблона к шаблону.

Для простоты попробуем сделать макет моего сайта в виде блоков. Такой пример я уже приводил в прошлом уроке. Сейчас рассмотрим как это делается со всеми деталями.

Читать полностью »

Обсудить

Шаблоны для новичков. Урок 5. Позиционирование и float-блоки

Fri, 27 Jan 2012 10:00:00 +0200

При всех своих особенностях, блочная модель HTML имеет одно неоспоримое преимущество: она отлично подходит для вывода текста. В процессе создания HTML мало кто задумывался, что настанет день, когда язык будет использован для таких сложных макетов, которые сейчас встречаются почти на каждом сайте. Предполагалось, что текст, ссылки и картинки - основа на века.

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

Читать полностью »

Обсудить