Back to top

Здравствуйте!

Меня зовут Александр Мартынов. Я — фрилансер и увлеченный веб-разработчик сайтов на системе управления Drupal. В общей сложности созданием сайтов занимаюсь более 17 лет. Много времени уделяю вопросам самообразования и саморазвития. Систематически изучаю веб-программирование, платформу Drupal и другие темы, причем, не только из области компьютерных технологий. Этот сайт создан для того, чтобы поделиться полученными знаниями с теми, кому это интересно, а заодно и рассказать о проектах, над которыми я работаю.

Главное меню и таблицы стилей дизайн-темы на основе Zen

В уроке рассмотрено создание выпадающего меню с помощью модуля Menu Block и таблиц стилей. Произведена настройка дизайн-темы на основе Zen, включающая подключение таблиц стилей, корректировку php-шаблонов и генерацию CSS-файлов из файлов в формате SASS.

2 марта 2016 г.

Установка темы Zen и создание подтемы на ее основе

В ходе урока на сайт установлена наиболее часто используемая на момент создания сайта дизайн-тема Zen и на ее основе создана с помощью командной строки Drush новая подтема. Проведен краткий обзор особенностей темы Zen и структуры новой подтемы.

22 февраля 2016 г.

Установка модулей

Рассмотрены три способа установки модулей в Друпале: с помощью ссылки «Установить новый модуль» в разделе Модули, с помощью командной строки Drush и вручную. В итоге на сайт добавлены модули Devel, jQuery Update и Module Filter.

22 февраля 2016 г.

Редактор WYSIWYG и галерея изображений с плагином Colorbox

С помощью Drush установлен модуль Insert. Продемонстрировано использование модуля для вставки на страницу изображений различных стилей (Thumbnail, Medium, Large). Установлен и настроен модуль CKEditor для использования в качестве WYSIWYG-редактора при работе с текстом страниц. Рассмотрен вопрос создания простой галереи изображений на основе jQuery-плагина Colorbox. Процесс потребовал установки модуля Colorbox и размещения библиотеки плагина в папке sites/all/libraries.

9 февраля 2016 г.

Создание и настройка типа данных и полей

В уроке рассмотрен процесс создания типа данных, потребовавший установки модулей Field UI, File и Image. Добавлено поле для хранения и вставки на страницу изображений и произведена его настройка с указанием допустимых расширений файлов, директории для хранения изображений в файловой системе сайта, допустимых разрешений, количества изображений на страницу и поддержкой атрибута alt. С помощью модуля Devel Generate автоматически сгененированы страницы для тестирования сайта. Освещен вопрос управления отображением полей типа данных, в т.ч. применение различных стилей отображения изображений (Thumbnail, Medium, Large).

9 февраля 2016 г.

Позиционирование элементов на странице

Размещение элементов на странице определяется с помощью CSS-свойства position в сочетании со свойствами top, right, bottom и left. Свойство position определяет способ позиционирования, а свойства top, right, bottom и left задают отступы в различных направлениях.

24 ноября 2015 г.

Таблицы

Для создания таблиц в языке HTML применяются следующие основные теги:

  • <table> — определяет границы таблицы
    • <tr> — ряд данных
      • <th> — ячейка таблицы с заголовком
      • <td> — простая ячейка таблицы

Таблица состоит из рядов, колонок и составляющих их ячеек. Ряды и колонки формируют сетку, а ячейки таблицы полностью ее заполняют без перекрытий.

HTML таблицы должны использоваться только для представления табличных данных, но не для позиционирования материалов на странице.

Заголовок и разделы таблицы

  • <table>
    • <caption> — заголовок таблицы
    • <thead> — вступительная часть таблицы
    • <tbody> — основная часть таблицы
    • <tfoot> — заключительная часть таблицы

Объединение ячеек таблицы

Для объединения соседних ячеек таблицы используются атрибуты colspan и rowspan для тегов <th> и <td>.

  • colspan — объединение ячеек из соседних колонок таблицы
  • rowspan — объединение ячеек из соседних рядов таблицы

Размещение таблицы в теге figure

Зачастую таблицы представляют собой некий самодостаточный завершенный материал на странице, и поэтому для их размещения используется тег <figure>. В этом случае возникает вопрос оформления заголовка таблицы.

  • caption vs figcaption

Если таблица является единственным содержимым тега <figure> то для заголовка таблицы лучше использовать тег <figcaption>, а не <caption>.

Оформление таблицы с помощью CSS

  • Ширина таблицы
  • Внутренние отступы
  • Рамки и слияние рамок (border-collapse)
  • Выравнивание содержимого ячеек (text-align)
27 октября 2015 г.

Блоковая модель (box model)

Блоковая модель — это одна из важнейших концепций каскадных таблиц стилей (CSS), которая позволяет задавать границы элементов на экране и расстояния между ними.

6 октября 2015 г.

Синтаксис CSS

Каскадные таблицы стилей (от англ. Cascading Style Sheets, CSS) — это язык, определяющий стиль или визуальное оформление веб-страниц, в т.ч. расположение HTML-элементов на экране, цвета текста и фона, шрифты и многое другое.

2 октября 2015 г.

Pages