Дизайн и оформление
Руководство по веб-технологиям (включая HTML, CSS и JavaScript) | ||
---|---|---|
![]() |
Мы объясняем, что вам нужно сделать, чтобы установить Composr, если вы используете для этого ручную установку. |
|
Филипп _ 1 мая 2009 г. Теги: Веб-стандарты и специальные возможности, Дизайн и тематика, CSS, JavaScript Основной документ; Сложность: Обычная |
Тематика вашего сайта | ||
---|---|---|
![]() |
Наш ключевой учебник по темам — как изменить тему вашего сайта, изменив CSS, шаблоны и изображения темы. |
|
Аллен _ 1 августа 2008 г. Теги: Дизайн и тематика Основной документ; Сложность: Обычная |
Встроенное редактирование в Composr | ||
---|---|---|
![]() |
Объяснение того, как работает функция встроенного редактирования в Composr. |
|
Крис _ 1 января 2018 г. Теги: Дизайн и тематика Вспомогательный документ; Сложность: Эксперт |
Использование Inspect Element в Chrome | ||
---|---|---|
![]() |
Инструмент разработчика для случайного тестирования изменений HTML и CSS. |
|
Маной _ 20 июля 2017 г. Теги: CSS, Дизайн и тематика Вспомогательный документ; Сложность: Обычная |
Мобильный дизайн | ||
---|---|---|
![]() |
В этом руководстве объясняется как мобильный режим Composr, так и методы адаптивного дизайна. |
|
Крис _ 1 мая 2015 г. Теги: Мобильный, Дизайн и тематика, CSS Основной документ; Сложность: Обычная |
|
Программирование временного кода | ||
---|---|---|
![]() |
Вы будете потрясены тем, сколько контроля над темами вы можете получить с помощью Tempcode. Узнайте все об этом… |
|
Крис _ 1 сентября 2008 г. Теги: Дизайн и тематика, Электроинструменты Основной документ; Сложность: Обычная |
Использование Inspect Element в Chrome | ||
---|---|---|
![]() |
Мы объясняем, что вам нужно сделать, чтобы установить Composr, если вы используете для этого ручную установку. |
|
Аллен _ 1 августа 2008 г. Теги: Установка Основной документ; Сложность: Новичок |
>> Читать далее |
Встроенное редактирование в Composr









Объяснение того, как работает функция встроенного редактирования в Composr.
Крис _
Теги: Дизайн и тематика
1 января 2018 г.
вспомогательный документ; Сложность: Эксперт
>> Подробнее







Наш ключевой учебник по темам — как изменить тему вашего сайта, изменив CSS, шаблоны и изображения темы.
Аллен _
Теги: Дизайн и тематика
1 августа 2008 г.
Основной документ; Сложность: Обычная
>> Подробнее
Дополнительные веб-технологии (медиа, социальные сети и т. д.)



В этом руководстве объясняются и подробно описываются некоторые особенности веб-технологий, о которых часто забывают.
Крис _
Теги: Дизайн и тематика
1 августа 2008 г.
Основной документ; Сложность: Обычная
>> Подробнее
Управление файлами cookie



Управление файлами cookie с помощью инструментов разработчика Google Chrome.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Универсальные принципы дизайна



115 способов повысить удобство использования, повлиять на восприятие, повысить привлекательность, принять лучшие дизайнерские решения и обучать посредством дизайна. Первая всеобъемлющая междисциплинарная энциклопедия дизайна.
Уильям _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Купить книгу
Выпуск темы




Краткое руководство, объясняющее, как поделиться темой с другими веб-мастерами Composr, экспортировав ее как дополнение.
Крис _
Теги: Участие , Дизайн и тематика
1 августа 2008 г.
Основной документ; Сложность: Обычная
>> Подробнее
Законы простоты (Простота: дизайн, технология, бизнес, жизнь)



Наконец, мы узнаем, что простота равняется здравомыслию. Но иногда мы оказываемся в ловушке парадокса простоты: нам нужно что-то простое и легкое в использовании, но при этом выполняющее все сложные функции, которые мы когда-либо хотели.
Джон _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Новичок
>> Купить книгу
Темы 101 - замена шапки



Живой учебник по темам, показывающий, как изменить заголовок. Обратите внимание, что это было для более старой версии, поэтому она довольно устарела.
Аллен _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Введение в веб-дизайн



Этот урок представляет собой введение в художественную сторону веб-дизайна.
Крис _
Теги: Дизайн и тематика
1 мая 2009 г.
Основной документ; Сложность: Обычная
>> Подробнее
Использование редактора Composr WYSIWYG



Редактор WYSIWYG (What You See Is What You Get) — это редактор документов, в котором интерфейс редактирования редактора примерно отражает внешний вид конечного документа. Composr использует CKEditor в качестве WYSIWYG-редактора Composr.
от Раджеша
Теги: Администрация , Дизайн и тематика , Разработка
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Изменение стилей шрифта и цвета с помощью CSS



Как изменить стили шрифта и цвета, отредактировав файл CSS.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Создание отфильтрованного и стилизованного каталога



Быстрое и грязное видео, показывающее создание каталога, который затем можно стилизовать и отфильтровать.
Крис _
Теги: Каталоги , Дизайн и тематика
20 января 2017 г.
вспомогательный документ; Сложность: Эксперт
>> Смотреть видео
CSS3: недостающее руководство



CSS3 позволяет создавать профессионально выглядящие веб-сайты, но изучение его тонкостей может оказаться непростым делом даже для опытных веб-разработчиков. В этом недостающем руководстве показано, как поднять свои навыки работы с HTML и CSS на новый уровень, с ценными советами, рекомендациями и пошаговыми инструкциями.
Дэвид _
Теги: CSS , Дизайн и тематика , Веб-стандарты и специальные возможности
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Купить книгу
Настройка обертки с фиксированной шириной



Настройка фиксированной ширины путем редактирования global.css
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Копирование и вставка содержимого в редактор



Скопируйте и вставьте содержимое в WYSIWYG-редактор различными способами.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Добавление случайных цитат в заголовок



В этом видео показано, как добавить случайные цитаты в заголовок вашего сайта Composr.
Крис _
Теги: Дизайн и тематика
13 марта 2018 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Не заставляйте меня думать: здравый смысл в веб-юзабилити



С тех пор как книга «Не заставляйте меня думать» была впервые опубликована в 2000 году, сотни тысяч веб-дизайнеров и разработчиков полагались на руководство гуру юзабилити Стива Круга, которое помогло им понять принципы интуитивной навигации и информационного дизайна. Остроумная, здравомыслящая и в высшей степени практичная, это одна из самых любимых и рекомендуемых книг на эту тему.
Стив _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Новичок
>> Купить книгу
Настройка дизайна вашего сайта Composr



От того, насколько хорошо вы разбираетесь в CSS и HTML, будет зависеть, насколько детальную настройку вы сможете выполнить. Это руководство призвано упростить поиск файлов, которые необходимо отредактировать.
Стив _
Теги: Дизайн и тематика
1 апреля 2013 г.
вспомогательный документ; Сложность: Новичок
>> Подробнее
Дизайн повседневных вещей



Даже самые умные из нас могут чувствовать себя неумелыми, когда мы пытаемся разобраться с управлением душем в отеле или пытаемся ориентироваться в незнакомом телевизоре или плите. Когда в 1988 году была опубликована книга «Дизайн повседневных вещей», когнитивист Дон Норман провокационно предположил, что вина лежит не на нас самих, а на дизайне, который игнорирует потребности и психологию людей.
Дональд _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Новичок
>> Купить книгу
Мастер логотипов: мгновенное создание логотипа



Мастер логотипов поможет вам быстро создать логотип для вашего веб-сайта и применить его к теме, используемой в настоящее время на основном веб-сайте. Сгенерированные логотипы очень просты, поэтому более профессиональные сайты захотят использовать сгенерированный логотип только в качестве заполнителя.
от Раджеша
Теги: Дизайн и тематика
28 февраля 2017 г.
вспомогательный документ; Сложность: Новичок
>> Смотреть видео
Настройка стиля панелей с помощью CSS



Измените цвет фона панелей, отредактировав CSS
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Изменение изображения заголовка ocPortal



Живой учебник по темам, показывающий, как изменить заголовок страницы. Обратите внимание, что это было для более старой версии, поэтому она очень устарела.
Крис _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Новичок
>> Смотреть видео
Настройка значков меню



Как заменить значок меню по умолчанию на собственный.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
JavaScript: полное руководство



Руководство программиста и исчерпывающий справочник по основному языку и клиентским API-интерфейсам JavaScript, определяемым веб-браузерами.
Дэвид _
Теги: Дизайн и тематика , JavaScript , Веб-стандарты и специальные возможности
2 января 2015 г.
вспомогательный документ; Сложность: Эксперт
>> Купить книгу
Коммуникативный дизайн: разработка документации веб-сайта для проектирования и планирования



Успешные команды веб-дизайнеров зависят от четкой коммуникации между разработчиками и их клиентами, а также между членами команды разработчиков. Вайрфреймы, карты объектов, блок-схемы и другие схемы проектирования создают общий язык, позволяющий дизайнерам и проектным группам фиксировать идеи, отслеживать прогресс и информировать своих заинтересованных лиц.
Дэн _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Эксперт
>> Купить книгу
Полностью индивидуальный логотип



Как изменить логотип по умолчанию на что-то совершенно индивидуальное (т. е. без использования мастера логотипов).
Крис _
Теги: Дизайн и тематика
13 марта 2018 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Добавление сторонних кнопок социальных сетей



Добавление некоторых кнопок социальных сетей с помощью AddToAny.
Крис _
Теги: Дизайн и тематика , Социальные сети
28 марта 2018 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Изменение блока логина в шапке



Учебник по оформлению темы, размещение блока входа в шапку. Обратите внимание, что это было для более старой версии, поэтому она довольно устарела.
Крис _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Дизайн сайтов: шаблоны для создания сайтов-победителей



Окончательный справочник по принципам, шаблонам, методологиям и лучшим практикам, лежащим в основе исключительного веб-дизайна. Если вы занимаетесь созданием динамических веб-сайтов, эта книга предоставит вам все необходимые инструменты и методы для создания удобного веб-интерфейса для конечного пользователя, повышения удовлетворенности клиентов и достижения сбалансированного подхода к веб-дизайну.
Дуглас _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Купить книгу
Настройка стилей меню



Настройте цвет фона меню, цвет выделения и границы.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Настройка таблиц результатов с помощью CSS



Настройка стилей для текстов, отображаемых в макете таблицы.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Выявление проблем с JavaScript: консоль



Выявление проблем с JavaScript с помощью инструмента разработчика Inspect Element.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
О Face 3: Основы интерактивного дизайна



Эффективные и практичные инструменты, необходимые для разработки отличных настольных приложений, сайтов Web 2.0 и мобильных устройств.
от Алана
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Эксперт
>> Купить книгу
Эмоциональный дизайн: почему мы любим (или ненавидим) повседневные вещи



Вы когда-нибудь задумывались, почему дешевое вино вкуснее в модных бокалах? Почему продажи компьютеров Macintosh резко выросли, когда Apple представила красочный iMac? Новое исследование эмоций и когнитивных функций показало, что привлекательные вещи действительно работают лучше, что наглядно демонстрирует Дональд Норман в этой увлекательной книге.
Дональд _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Новичок
>> Купить книгу
Школа графического дизайна: принципы и практика графического дизайна



Школа графического дизайна, наполненная практическими рекомендациями и прекрасно иллюстрированная, обеспечивает прочную основу для студентов-дизайнеров, а также предлагает базовый инструмент для более продвинутых дизайнеров, ищущих решения графических задач.
Дэвид _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Новичок
>> Купить книгу
Помощь в улучшении доступности сайта для пользователей с ограниченными возможностями



Мы обсуждаем, как сделать так, чтобы ваш веб-сайт оставался доступным для людей с ограниченными возможностями (Composr соответствует стандарту WCAG «из коробки»).
Крис _
Теги: Веб-стандарты и специальные возможности , Дизайн и тематика
1 августа 2008 г.
Основной документ; Сложность: Обычная
>> Подробнее
Редактирование стилей списка с помощью CSS



Редактирование стилей списка, изменение изображения значка маркера.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Дизайнерские темы, реализующие дизайн чистой комнаты



Этот учебник представляет собой подробное введение в Composr для веб-дизайнеров.
Крис _
Теги: Дизайн и тематика , CSS , JavaScript
1 февраля 2011 г.
Основной документ; Сложность: Обычная
>> Подробнее
Добавление блока TeamSpeak



Как добавить блок TSViewer на левую панель сайта Composr CMS, а затем внести некоторые изменения стиля.
Крис _
Теги: Дизайн и тематика , Развлечения и игры , Структура и навигация
9 февраля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Руководство по доступности средств разработки 2.0 — совместимость с Composr версии 10.0



Формальное описание соответствия Composr стандарту доступности ATAG.
Крис _
Теги: Веб-стандарты и специальные возможности , Дизайн и тематика
10 апреля 2006 г.
Основной документ; Сложность: Обычная
>> Подробнее
HTML и CSS: проектирование и создание веб-сайтов



Полноцветное введение в основы HTML и CSS.
Джон _
Теги: CSS , Дизайн и тематика , Веб-стандарты и специальные возможности
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Купить книгу
Редактирование стиля заголовка (границы и стиль шрифта) через CSS



Измените размер шрифта заголовка, цвет и формат заголовков. Установите стили границ, отредактировав CSS.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Создание новой темы



Иллюстрированное пошаговое руководство по созданию новой темы.
Жан _
Теги: Дизайн и тематика
1 мая 2012 г.
вспомогательный документ; Сложность: Новичок
>> Подробнее
HTML5: недостающее руководство



HTML5 — это больше, чем язык разметки — это набор нескольких независимых веб-стандартов. К счастью, это расширенное руководство охватывает все, что вам нужно, в одном удобном месте.
Мэтью _
Теги: Дизайн и тематика , Веб-стандарты и специальные возможности
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Купить книгу
Настройка кнопок через CSS



Настройте цвет границы кнопки, примените эффект тени, отредактировав CSS.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
JavaScript и jQuery



JavaScript позволяет вам наполнить ваши веб-страницы анимацией, интерактивностью и визуальными эффектами, но изучение языка не так просто. Это полностью обновленное и расширенное руководство шаг за шагом проведет вас по основам JavaScript, а затем покажет, как сэкономить время и силы с помощью jQuery.
Дэвид _
Теги: Дизайн и тематика , JavaScript , Веб-стандарты и специальные возможности
2 января 2015 г.
вспомогательный документ; Сложность: Эксперт
>> Купить книгу
Редактирование стилей ссылок с помощью CSS



Настройте стили ссылок, отредактировав CSS
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Themes 201 - создание совершенно нового дизайна



Живой учебник по созданию тем, показывающий, как создать совершенно новый дизайн. Обратите внимание, что это было для более старой версии, поэтому она очень устарела.
Аллен _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Эксперт
>> Смотреть видео
Как изменить фавикон и логотип сайта в Composr



Есть два элемента стиля, которые вы, вероятно, захотите изменить, когда начнете работать над своим новым веб-сайтом Composr. Вам нужно будет изменить логотип сайта, а также изменить фавикон вашего сайта.
Стив _
Теги: Дизайн и тематика
1 мая 2013 г.
вспомогательный документ; Сложность: Новичок
>> Подробнее
Упрощение и центрирование меню по умолчанию



Это краткое и неформальное руководство, показывающее, как изменить стиль раскрывающегося меню по умолчанию. На практике вы должны вносить изменения в свою собственную тему, а не непосредственно поверх темы по умолчанию, как я делаю здесь.
Крис _
Теги: Дизайн и тематика
13 марта 2018 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Разработано для использования: создание удобных интерфейсов для приложений и Интернета



Объяснения того, как сделать удобство использования краеугольным камнем каждого этапа процесса проектирования, а также пошаговые инструкции по планированию дизайна приложения или веб-сайта, его тестированию и получению данных об использовании после завершения проектирования. Он покажет вам, как сосредоточить процесс проектирования на самом важном: помогать людям выполнять задачи легко и эффективно.
Лукас _
Теги: Дизайн и тематика
2 января 2015 г.
вспомогательный документ; Сложность: Обычная
>> Купить книгу
Диагностика проблем с AJAX



Диагностика проблем AJAX с помощью инструментов разработчика Google Chrome.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Редактирование CSS для конкретных страниц



Установите страницу или заблокируйте определенные изменения, отредактировав CSS.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Жизненный цикл темы



Как управляются файлы в теме, от первоначального создания темы до обновлений.
Крис _
Теги: Дизайн и тематика , Обслуживание
1 ноября 2014 г.
Основной документ; Сложность: Обычная
>> Подробнее
Установить тему в Composr




В этом руководстве показано, как установить стороннюю тему на свой веб-сайт.
Стив _
Теги: Дизайн и тематика
1 февраля 2014 г.
вспомогательный документ; Сложность: Новичок
>> Подробнее
Composr CMS (Часть 1: Шаблоны)



В этом первом видео я показываю, как использую Composr для веб-сайта NOTS, уделяя особое внимание системе шаблонов.
Джейкоб _
Теги: Дизайн и тематика
17 января 2018 г.
вспомогательный документ; Сложность: Новичок
>> Смотреть видео
Макеты с фиксированной шириной



Очень практичное руководство, показывающее, как создать макет с фиксированной шириной и как изменить заголовок сайта.
Крис _
Теги: Дизайн и тематика
1 августа 2008 г.
Основной документ; Сложность: Новичок
>> Подробнее
Советы: блокировка разрешений и видимости



Примеры того, как скрыть блоки в зависимости от контекста.
Пол _
Теги: Дизайн и тематика , Структура и навигация
9 мая 2017 г.
вспомогательный документ; Сложность: Обычная
>> Подробнее
Требования к версии браузера



В этом руководстве подробно описаны требования к браузеру для посетителей сайта Composr, определяемые CSS/XHTML/JavaScript в нашей теме по умолчанию.
Крис _
Теги: Введение , Дизайн и тематика , CSS , JavaScript
1 августа 2008 г.
Основной документ; Сложность: Новичок
>> Подробнее
Использование инструментов разработки Chrome для создания тем



В этом руководстве показано, как использовать инструменты разработчика Google Chrome, чтобы помочь вам с темами.
от Раджи
Теги: Введение , Дизайн и тематика , CSS , JavaScript
1 сентября 2015 г.
вспомогательный документ; Сложность: Обычная
>> Подробнее
Изменить / удалить фоновое изображение



Отредактируйте или удалите фоновое изображение веб-сайта Composr.
Маной _
Теги: CSS , Дизайн и тематика
20 июля 2017 г.
вспомогательный документ; Сложность: Обычная
>> Смотреть видео
Управление темами



Управление темами в Composr CMS: установка новых тем, экспорт темы, удаление тем и где вносить изменения в тему.
от Раджеша
Теги: Дизайн и тематика
13 марта 2017 г.
вспомогательный документ; Сложность: Новичок
>> Смотреть видео