Красивые шрифты для сайта. Коллекция лучших шрифтов для дизайна

Сегодня выкладываю большую коллекцию лучших шрифтов для дизайна. Да не просто шрифтов, а кириллических (то есть с русскими буквами).Более 50 вариантов. Такие посты надо добавлять в закладки!

 

Dited

Bender

Furore

Metro

Days

Philosopher

Molot

London

20 DB

Neucha

Cuprum

Zopa

Airport

Fontin Sans Cyrillic

Hattori Hanzo

Bicubik

Hardpixel

PixelPlay

Flow

Zhizn

Cony

Ubuntu Font Family

Movavi Grotesque Black

Liberation Serif

DAN

Хартия

DejaVu fonts

Pacifica

Dimitrina

Danger

St Transmission

Gentium

Brava

Metro

GrandNover

Каори

Сумкин шрифт

Тот самый шрифт

Барделин

Perforama

Codename Coder Free 4F

Five Minutes

Boldin

Pt Sans

Play

Open Sans

PT Serif

AleksandraC

GardensC

Web Serveroff

Как редактировать форму обратной связи на битрикс?(Добавление полей в форме обратной связи на битриксе).

Как редактировать форму обратной связи на битрикс?(Добавление полей в форме обратной связи на битриксе)

Часто приходится использовать форму обратной связи в редакии «Старт». Можно сделать свою без всяких компонентов, а просто кодом, но иногда достаточно использовать стандартную форму обратной связи, добавив или изменив нужные поля.

Данный материал описывает добавление одного поля в форму из страндартного комлекта Битрикса «Старт».

Сначала нужно создать свое пространство имен, чтобы обновления не затирали наши изменения, нужно стараться это делать обязательно.

1. Создаем в /bitrix/components/ свою папку, например, /dapit/.

2. В вновь созданную папку /dapit/ копируем из папки /bitrix/components/bitrix/ папку /main.feedback/.

3. Далее создаем папку /dapit/ для шаблонов с новым пространством имен в /bitrix/templates/ваш_шаблон/components/.

4. Создаем в ней папку шаблона /main.feedback/ и копируем в нее все файлы отсюда /components/dapit/main.feedback/templates/.default.

5. Правим файл template.php уже из папки /components/dapit/main.feedback/templates/main.feedback/, добавляя в него одно поле, например, «Удобное время для звонка». За основу берем поле «Имя».

На его основе создаем еще одно, прописываме новые значения и вставляем где нужно, наприме сразу по полем имя и у нас получтся следующее:

……Выше код мы не трогали……

<div>
<div>
<?=GetMessage(«MFT_NAME»)?><?if(empty($arParams[«REQUIRED_FIELDS»]) || in_array(«NAME», $arParams[«REQUIRED_FIELDS»])):?><span>*</span><?endif?>
</div>
<input type=»text» name=»user_name» value=»<?=$arResult[«AUTHOR_NAME»]?>»>
</div>

<div>
<div>
<?=GetMessage(«MFT_TIME»)?><?if(empty($arParams[«REQUIRED_FIELDS»]) || in_array(«TIME», $arParams[«REQUIRED_FIELDS»])):?><span>*</span><?endif?>
</div>
<input type=»text» name=»time» value=»<?=$arResult[«TIME»]?>»>
</div>

……Ниже код мы не трогали……

6. Изменяем файл /bitrix/templates/ваш_шаблог/components/dapit/main.feedback/forma/lang/ru/template.php добавили одну строку с MFT_TIME

<?
$MESS [‘MFT_NAME’] = «Ваше имя»;
$MESS [‘MFT_TIME’] = «Удобное время для звонка»;
$MESS [‘MFT_EMAIL’] = «Ваш E-mail»;
$MESS [‘MFT_MESSAGE’] = «Сообщение»;
$MESS [‘MFT_CAPTCHA’] = «Защита от автоматических сообщений»;
$MESS [‘MFT_CAPTCHA_CODE’] = «Введите слово на картинке»;
$MESS [‘MFT_SUBMIT’] = «Отправить»;
?>

Шаблон готов.

7. Теперь самое сложное, это оставшаяся кастомизация компонента в /bitrix/components/dapit/main.feedback/component.php. Тут я приведу сразу готовый код измененного стандатного файла. Везде где есть слово time или TIME, это то, что добавилось в нем.

<?
if(!defined(«B_PROLOG_INCLUDED»)||B_PROLOG_INCLUDED!==true)die();
$arParams[«USE_CAPTCHA»] = (($arParams[«USE_CAPTCHA»] != «N» && !$USER->IsAuthorized()) ? «Y» : «N»);
$arParams[«EVENT_NAME»] = trim($arParams[«EVENT_NAME»]);
if(strlen($arParams[«EVENT_NAME»]) <= 0)
$arParams[«EVENT_NAME»] = «FEEDBACK_FORM»;
$arParams[«EMAIL_TO»] = trim($arParams[«EMAIL_TO»]);
if(strlen($arParams[«EMAIL_TO»]) <= 0)
$arParams[«EMAIL_TO»] = COption::GetOptionString(«main», «email_from»);

$arParams[«EVENT_TIME»] = trim($arParams[«EVENT_TIME»]);

if(strlen($arParams[«EVENT_TIME»]) <= 0)

$arParams[«EVENT_TIME»] = «FEEDBACK_FORM»;
$arParams[«OK_TEXT»] = trim($arParams[«OK_TEXT»]);
if(strlen($arParams[«OK_TEXT»]) <= 0)
$arParams[«OK_TEXT»] = GetMessage(«MF_OK_MESSAGE»);
if($_SERVER[«REQUEST_METHOD»] == «POST» && strlen($_POST[«submit»]) > 0)
{
if(check_bitrix_sessid())
{
if(empty($arParams[«REQUIRED_FIELDS»]) || !in_array(«NONE», $arParams[«REQUIRED_FIELDS»]))
{
if((empty($arParams[«REQUIRED_FIELDS»]) || in_array(«NAME», $arParams[«REQUIRED_FIELDS»])) && strlen($_POST[«user_name»]) <= 1)
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_REQ_NAME»);
if((empty($arParams[«REQUIRED_FIELDS»]) || in_array(«EMAIL», $arParams[«REQUIRED_FIELDS»])) && strlen($_POST[«user_email»]) <= 1)
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_REQ_EMAIL»);
if((empty($arParams[«REQUIRED_FIELDS»]) || in_array(«MESSAGE», $arParams[«REQUIRED_FIELDS»])) && strlen($_POST[«MESSAGE»]) <= 3)
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_REQ_MESSAGE»);
}
if(strlen($_POST[«user_email»]) > 1 && !check_email($_POST[«user_email»]))
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_EMAIL_NOT_VALID»);
if($arParams[«USE_CAPTCHA»] == «Y»)
{
include_once($_SERVER[«DOCUMENT_ROOT»].»/bitrix/modules/main/classes/general/captcha.php»);
$captcha_code = $_POST[«captcha_sid»];
$captcha_word = $_POST[«captcha_word»];
$cpt = new CCaptcha();
$captchaPass = COption::GetOptionString(«main», «captcha_password», «»);
if (strlen($captcha_word) > 0 && strlen($captcha_code) > 0)
{
if (!$cpt->CheckCodeCrypt($captcha_word, $captcha_code, $captchaPass))
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_CAPTCHA_WRONG»);
}
else
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_CAPTHCA_EMPTY»);
}
if(empty($arResult))
{
$arFields = Array(
«AUTHOR» => $_POST[«user_name»],
«AUTHOR_EMAIL» => $_POST[«user_email»],
«TIME» => $_POST[«time»],
«EMAIL_TO» => $arParams[«EMAIL_TO»],
«TEXT» => $_POST[«MESSAGE»],
);
if(!empty($arParams[«EVENT_MESSAGE_ID»]))
{
foreach($arParams[«EVENT_MESSAGE_ID»] as $v)
if(IntVal($v) > 0)
CEvent::Send($arParams[«EVENT_NAME»], SITE_ID, $arFields, «N», IntVal($v));
}
else
CEvent::Send($arParams[«EVENT_NAME»], SITE_ID, $arFields);
$_SESSION[«MF_NAME»] = htmlspecialcharsEx($_POST[«user_name»]);
$_SESSION[«MF_EMAIL»] = htmlspecialcharsEx($_POST[«user_email»]);
$_SESSION[«MF_TIME»] = htmlspecialcharsEx($_POST[«time»]);
LocalRedirect($APPLICATION->GetCurPageParam(«success=Y», Array(«success»)));
}
$arResult[«MESSAGE»] = htmlspecialcharsEx($_POST[«MESSAGE»]);
$arResult[«AUTHOR_NAME»] = htmlspecialcharsEx($_POST[«user_name»]);
$arResult[«AUTHOR_EMAIL»] = htmlspecialcharsEx($_POST[«user_email»]);
$arResult[«TIME»] = htmlspecialcharsEx($_POST[«time»]);
}
else
$arResult[«ERROR_MESSAGE»][] = GetMessage(«MF_SESS_EXP»);
}
elseif($_REQUEST[«success»] == «Y»)
{
$arResult[«OK_MESSAGE»] = $arParams[«OK_TEXT»];
}
if(empty($arResult[«ERROR_MESSAGE»]))
{
if($USER->IsAuthorized())
{
$arResult[«AUTHOR_NAME»] = htmlspecialcharsEx($USER->GetFullName());
$arResult[«AUTHOR_EMAIL»] = htmlspecialcharsEx($USER->GetEmail());
$arResult[«TIME»] = htmlspecialcharsEx($USER->GetEmail());
}
else
{
if(strlen($_SESSION[«MF_NAME»]) > 0)
$arResult[«AUTHOR_NAME»] = htmlspecialcharsEx($_SESSION[«MF_NAME»]);
if(strlen($_SESSION[«MF_EMAIL»]) > 0)
$arResult[«AUTHOR_EMAIL»] = htmlspecialcharsEx($_SESSION[«MF_EMAIL»]);
if(strlen($_SESSION[«MF_TIME»]) > 0)

$arResult[«TIME»] = htmlspecialcharsEx($_SESSION[«MF_TIME»]);
}
}
if($arParams[«USE_CAPTCHA»] == «Y»)
$arResult[«capCode»] = htmlspecialchars($APPLICATION->CaptchaGetCode());
$this->IncludeComponentTemplate();
?>

8. Изменяем языковой файл /bitrix/components/dapit/main.feedback/lang/ru/.parameters.php, опять же добавили лишь одну строку с TIME.

<?
$MESS [‘MFP_CAPTCHA’] = «Использовать защиту от автоматических сообщений (CAPTCHA) для неавторизованных пользователей»;
$MESS [‘MFP_OK_MESSAGE’] = «Сообщение, выводимое пользователю после отправки»;
$MESS [‘MFP_OK_TEXT’] = «Спасибо, ваше сообщение принято.»;
$MESS [‘MFP_EMAIL_TO’] = «E-mail, на который будет отправлено письмо»;
$MESS [‘MFP_REQUIRED_FIELDS’] = «Обязательные поля для заполнения»;
$MESS [‘MFP_ALL_REQ’] = «(все необязательные)»;
$MESS [‘MFP_NAME’] = «Имя»;
$MESS [‘MFP_TIME’] = «Удобное время для звонка»;
$MESS [‘MFP_MESSAGE’] = «Сообщение»;
$MESS [‘MFP_EMAIL_TEMPLATES’] = «Почтовые шаблоны для отправки письма»;
?>

9. Напоследок заходим в Административной части Настройки —> Настройки продукта —> Почтовые события —> Почтовые шаблоны в «Отправка сообщения через форму обратной связи» и вставляем там наше поле TIME:

Информационное сообщение сайта #SITE_NAME#
——————————————

Вам было отправлено сообщение через форму обратной связи

Автор: #AUTHOR#
E-mail автора: #AUTHOR_EMAIL#
Удобное время для звонка: #TIME#

Текст сообщения:
#TEXT#

Сообщение сгенерировано автоматически.

Если я ничего не упустил, то теперь все должно получиться и работать.

Где получить электронные сертификаты по веб-разработке? Как доказать свои знания в вопросах веб-технологий?

Возможность подтвердить свои знания сертификатами перед заказчиками иногда бывает большим плюсом в пользу выбора вас как разработчика. Этим вопросом я озаботился где же можно получить электронные сертификаты БЕСПЛАТНО, ответ оказался прост.

есть интернет-университет http://www.intuit.ru/

на нем вы сможете пройти все необходимые тесты и получить электронные сертификаты по HTML, PHP, JavaScript, CSS и тд.

Также вы можете пройти обучение на сайте 1С-Битрикс http://www.1c-bitrix.ru/

и получить электронные сертификаты по разработке и управлению этой CMS.

А вообще лучшее подтверждение ваших знаний – это ваше портфолио!

Например портфолио студии ДАП Айти, вы можете посмотреть тут http://portfolio.dap-it.ru

Битрикс – Закрытие публичной части сайта. (Выключить сайт на Битрикс).

В Битрикс, как и в практически любой другой системе управления сайтом, есть функция закрытия сайта от посторонних глаз на время его разработки либо модификации. В этой статье я расскажу как включить эту функцию и как модифицировать страницу, которая будет выдаваться пользователям, для которых сайт будет являться закрытым. Собственно, полное закрытие сайта в 1С-Битрикс от всех пользователей с уровнем доступа меньше, чем администратор реализовано очень просто – нужно зайти в настройки – Настройки модулей – Настройки главного модуля и внизу основной вкладки есть кнопка Закрыть доступ для посетителей. Если ее нажать, то сайт будет закрыт и будет показана стандартная страница закрытого сайта для всех, кроме администраторов.

Если в вашем проекте предполагается страница закрытого сайта со своим дизайном, то для это нужно создать страницу /bitrix/php_interface/include/site_closed.php с контентом для страницы закрытого сайта.

30 слайдеров на jQuery для сайта

Подборка слайдеров контента, от простых реализаций до самых мощных, например таких которые используются на сайтах apple.com или flickr.com.

1. SlideJS

slide JS

Скачать Пример
Кстати о SlideJS уже упоминали в отдельной заметке, вместо со всеми его многочиленными настройками и опциями.


2. Flickr-powered Slideshow

Flickr-powered Slideshow

Скачать Пример


3. Apple-style Slideshow

Apple-style Slideshow

Скачать Пример


4. jFlow Plus

jFlow Plus

Скачать Пример


5. MobilySlider

MobilySlider

Скачать Пример


6. Apple Style slider (Mac slider)

Apple Style slider

Скачать Пример


7. Просто слайдер (не знаю как называется :-)Beautiful jQuery slider

Beautiful jQuery slider

Скачать Пример
Здесь надо заметить, что реализация не очень качественная и слайдер иногда подтормаживает.


8. Start/Stop Slider

Start/Stop Slider

Скачать Пример


9. Auto-Playing Featured Content Slider

Futured Content Slider

Скачать Пример
Слайдер с превьюшками


10. Nivo Slider

Nivo Slider

Скачать Пример
Мощный слайдер с большим количеством настроек


11. Anything Slider

Anything Slider

Скачать Пример


12. Easy slider

easy slider

Скачать Пример


13. Coda Slider

coda slider

Скачать Пример


14. Moving Boxes

Apple-style Slideshow

Скачать Пример
В примере ссылка на гитхаб


15. Slider Twirlie

Slider Twirlie

Скачать Пример
Простой и лёгкий слайдер.


16. Coin Slider

Coin Slider

Скачать Пример
Красивые эффекты смены изображений.


17. iTunes-esque slider

iTunes-esque slider

Скачать Пример
Слайдер в стиле iTunes.


18. Slick jQuery Slidehow

Slick jQuery Slidehow

Скачать Пример


19. Mosaic Slideshow With jQuery & CSS

Mosaic Slideshow With jQuery & CSS

Скачать Пример


20. Automatic Image Slider

Automatic Image Slider

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


21. ImageSwitch

ImageSwitch

Скачать Пример
Интересная реализация имеет 9 эффектов смены изображений, но работает только с изображениями.


22. Presentation Cycle

Presentation Cycle

Скачать Пример
Слайдер с удобным индикатором времени смены слайдов.


23. Parallax Slider

Parallax Slider

Скачать Пример
Слайдер с интересно оформленным пэйджингом в виде перевернутых превьюшек. И параллельно слайдеру на заднем плане прокручивается фон.


24. Smooth Div Scroll

Smooth Div Scroll

Скачать Пример
Плавно скролит.


25. jQuery Blinds

jQuery Blinds

Скачать Пример


26. slideViewerPro 1.5

slideViewerPro 1.5

Скачать Пример


27. Rhinofader

Rhinofader

Скачать Пример


28. Dragdealer JS

Dragdealer JS

Скачать Пример
Отличный слайдер на jQuery, реализованы: drag, нестандартный скроллер, нестандартный контрол в виде ползунка с передающейся пользовательской функцией, красивая анимация.


29. Tiny Carousel

Tiny Carousel

Скачать Пример
Слайдер — Tiny Carousel, очень легкий всмысле нагрузки на браузер, есть вертикальная и горизонтальная прокрутки, можно легко сделать простые табы используя этот же слайдер.


30. bxSlider

bxSlider

Скачать Пример
У слайдера много настроек.


31. Coda Slider 2.0

Coda Slider 2.0

Скачать Пример
Вторая версия известного Coda Slider.


32. ImageFlow

ImageFlow

Скачать Пример
Красивый слайдер чем-то похожий на iTunes-листалку.


33. Simple Slide

Simple Slide

Скачать Пример
Простой слайдер. На сайте так и написано: простой, компактный, гибкий и аккуратный.

Проверь себя! Тесты на знани javascript, тест на знание html, тест на знание css, тест на знание jquery и др!

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

Рекомендую всем кто занимается сайтами.

http://www.quizful.net/test

 

Разные шаблоны для внутренних страниц Joomla. Для каждой страницы свой шаблон Joomla

Не все страницы вашего сайта на Joomla могут иметь одинаковый дизайн и выглядеть одинаково. Некоторые сайты имеют радикально различные цветовые схемы и расположение основных блоков для различных разделов сайта. И Joomla позволяет вам делать это.

В этом уроке мы покажем вам, как использовать различные шаблоны или различные стили одного и того же шаблона, для различных разделов вашего сайта на Joomla.

Шаг 1: Общая информация о шаблонах в Joomla

Настраиваем разные шаблоны для разных страниц в Joomla

Joomla имеет три основных шаблона предустановленных по умолчанию: Atomic, Beez5 и Beez2.

Эти три шаблона отмечены как «Site» в столбце «Location» и предназначены для публичной части сайта. Шаблоны Bluestork и Hathor помечены как «Administrator» и предназначены только для админки. Вы можете также установить другие шаблоны сторонних разработчиков или разработать или создать свой собственный шаблон.

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

Настраиваем разные шаблоны для разных страниц в Joomla

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

При первой установке Joomla по умолчанию устанавливается шаблон Beez2. Если нажать на название шаблона, вы можете редактировать настройки шаблона.

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

Настраиваем разные шаблоны для разных страниц в Joomla

Шаг 2. Вывод различных шаблонов на разных страницах

Давайте взглянем на настройки других шаблонов и посмотрим, как назначить его для определенной категории.

  • Откройте Менеджер шаблонов
  • Отметьте шаблон Beez5.
  • Нажмите кнопку Изменить.

Настраиваем разные шаблоны для разных страниц в Joomla

  • CMS устанавливает различные шаблоны на разных страницах, основываясь исключительно на ссылках меню. Перейдите в раздел «Привязка к меню», и вы можете выбрать, для каких ссылок меню этот шаблон будет использоваться.
  • Для пункта «По умолчанию» установлено значение «Нет», потому что у нас уже установлен другой шаблон по умолчанию.
  • Отметьте флажок напротив нужного пункта меню.

Настраиваем разные шаблоны для разных страниц в Joomla

  • Сохраните эту привязку к меню, а затем проверьте ваш сайт.
  • После сохранения вы увидите, что у вас есть шаблон Beez_20, установленный по умолчанию.
  • А шаблон Beez5 назначен (Assigned) на отдельный пункт меню и обозначен зеленой галочкой.

Настраиваем разные шаблоны для разных страниц в Joomla

Вот так главная страница выглядит с шаблоном по умолчанию — Beez2:

Настраиваем разные шаблоны для разных страниц в Joomla

А вот так выглядит категория на которую назначили шаблон Beez5:

Настраиваем разные шаблоны для разных страниц в Joomla

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

Вам нужно будет изменить логотип для обоих шаблонов и позиции модулей в соответствии с вашей общей структурой сайта.

Шаг 3. Объяснение различных позиций модулей в разных шаблонах

Настраиваем разные шаблоны для разных страниц в Joomla

Позиции модулей Beez5 (вверху) и Beez2 (ниже) почти одинаковы, так что это не вызовет больших проблем при изменении дизайна. Однако есть и различия.

Настраиваем разные шаблоны для разных страниц в Joomla

Одним из наиболее очевидных различий между двумя шаблонами является позиция модулей вокруг логотипа. В Beez5 модули position-1 и position-0 находятся ниже логотипа:

Настраиваем разные шаблоны для разных страниц в Joomla

В Beez 2 модуль position-0 находится над логотипом, а position-1 — ниже:

Настраиваем разные шаблоны для разных страниц в Joomla

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

Но что делать, если позиции модулей совершенно разные, в разных местах под разными именами?

  • Вернитесь в Менеджер шаблонов и привяжите шаблон Atomic к другой категории.
  • Вы увидите, что он имеет совершенно другие позиции модулей, их вы можете посмотреть на картинке ниже:

Настраиваем разные шаблоны для разных страниц в Joomla

На этой странице имеются только следующие позиции модулей:

  • atomic-topmenu
  • atomic-topquote
  • atomic-search
  • atomic-sidebar
  • atomic-bottomleft
  • atomic-bottommiddle

Если вы хотите, чтобы этот шаблон был на вашем сайте, в дополнение к Beez2, то вы должны проделать больше работы.

Шаг 4. Добавляем модуль меню для нового шаблона

  • Выбираем в меню Расширения > Менеджер модулей и жмем кнопку Создать.
  • Выбираем Меню.
  • Привязываем новый модуль к позиции atomic-sidebar.
  • Новая функция в Joomla 2.5 — поле Примечание. Это поможет вам не запутаться в модулях, при большом их количестве.

Настраиваем разные шаблоны для разных страниц в Joomla

  • Теперь мы привязываем модуль к определенным страницам.
  • Выбираем «Только на выбранных страницах».
  • Устанавливаем флажок рядом с пунктом меню, который вам нужен.

Настраиваем разные шаблоны для разных страниц в Joomla

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

Настраиваем разные шаблоны для разных страниц в Joomla

  • Перейдите в Менеджер модулей и переместите меню в позицию atomic-topmenu. Теперь меню должно выглядеть как на картинке ниже:

Настраиваем разные шаблоны для разных страниц в Joomla

Я привел этот пример просто для иллюстрации того, с какого рода проблемами вы можете столкнуться, когда начинаете добавление шаблонов без предварительного исследования.

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

Шаг 5. Стили шаблона vs Различные шаблоны

Вместо того, чтобы использовать совершенно разные шаблоны для разных страниц на вашем сайте, можно просто создать различные варианты вашего шаблона по умолчанию. Это новая возможность в Joomla 2.5. Она позволяет создавать различные варианты дизайна на каждой странице без необходимости проходить все шаги, что мы изложили выше.

  • Переходим в Менеджер шаблонов.
  • Установите флажок рядом с шаблоном, для которого вы хотите создать копию. В данном случае мы будем использовать Beez2.
  • Нажмите на иконку «Дублировать».

Настраиваем разные шаблоны для разных страниц в Joomla

  • Установите флажок рядом с Beez2-Default (2).
  • Нажмите кнопку «Изменить».

Настраиваем разные шаблоны для разных страниц в Joomla

  • Beez2 поставляется с двумя цветовыми схемами, Personal и Nature. Выберите Nature из выпадающего списка.
  • Привяжите шаблон к категории в секции «Привязка к меню».
  • Обратите внимание, что там есть и другие опции, вы можете изменить также логотип, название сайта, и положение навигации.

Настраиваем разные шаблоны для разных страниц в Joomla

  • Теперь у вас есть один сайт с двумя разными стилями одного шаблона, привязанными к различным пунктам меню.

Настраиваем разные шаблоны для разных страниц в Joomla

  • Вы также можете привязывать шаблон при создании пунктов меню.
  • Когда вы находитесь в Менеджере меню, можно установить понравившийся вариант шаблона для этого пункта меню (см. ниже).

Настраиваем разные шаблоны для разных страниц в Joomla

 

Что нужно знать человеку который собирается заказать сайт?

Что нужно знать человеку который собирается заказать сайт? Этот вопрос я постараюсь раскрыть в этой небольшой статье.

1. У кого или где можно заказать/создать сайт, есть 4 варианта:

  • -Фрилансеры
  • -Веб-студии (мы)
  • -Создать самому
  • -Конструкторы

Подробнее о плюсах и минусах каждого варианта вы можете прочитать в моем Блоге (читать)

Допустим вы выбрали кого-нибудь и теперь следующая вещь о которой вам нужно узнать и придется выбрать, это CMS (Content management system) или Система управления содержимым, как сообщает нам Википедия это информационная система или компьютерная программа, используемая  (www.dap-it.ru) для обеспечения и организации совместного процесса создания, редактирования и управления контентом, другими словами,это такой продукт который делает так, что бы сайтом мог управлять обычный человек а не только программист. И возможности этих CMS бывают очень широки, (www.aposnov.ru) от управления простым сайтом до управления крупными интернет-магазинами и социальными сетями, они позволяют публиковать статьи, фото, товары, отзывы, описание, новости и даже редактировать сам вид сайта, его меню и модули.

2.  И так какие же виды CMS бывают давайте разберемся:

  • — Коммерческие CMS
  • — Бесплатные CMS
  • — Студийный CMS

Опять же о плюсах и минусах каждого вида вы можете прочитать в моем Блоге (читать)

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

3. Этапы создания (разработки) сайта

 3.1. Определение целей создания сайта

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

3.2. Стать исследователем

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

(www.dap-it.ru)

3.3. Определяем тип сайта, выбираем разработчика и CMS

Это мы подробно рассмотрели в начале статьи

3.4. Составляем техническое задание (ТЗ) !!!

Это самый важный этап который требует длительного прорабатывания. Этот документ будет основным фундаментом на чем будет строиться сайт. Разработчик  (www.aposnov.ru) будет руководствоваться им и только им, это основное приложение к договору (если составляется), ТЗ обязано существовать даже если нет договора и вам делается сайт по знакомству, далее вы поймете почему. Рассмотрим этот этап подробнее.

Для чего нужно ТЗ?

— ТЗ определяет всё, каким должен быть дизайн, какая должна быть структура, какой функционал и тд. (ниже представлена структура типового ТЗ)

— ТЗ служит документом для решения споров между разработчиком и заказчиком

— ТЗ поможет не потерять время и деньги обеим сторонам

— ТЗ регулирует весь процесс создания сайта и то каким он будет выглядеть в конечном результате

— ТЗ будет служить документом с которым сравнивается насколько готовый проект соответствует тому что вы хотели

Пример: Вы хотите интернет-магазин с навигацией в верхней части сайта с красивым зеленым фоном, в ТЗ написали что нужен интернет-магазин с навигацией в верхней части сайта, Разработчик вам сделал интернет-магазин с навигацией в верхней части сайта НО с ЧЕРНЫМ ЗЛОВЕЩИМ фоном =)

Итог: Вы не уточнили цвет и получили не то, что хотели, теперь вам придется договариваться о том что бы черный зловещий фон сменить на красивый зеленый, а как это будет за деньги или бесплатно зависит от того какие договоренности у вас с разработчком.

(www.dap-it.ru)

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

  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

Примерная структура типового технического задания:

1.Общие сведения

 2.Назначение и цели создания Сайта

 3.Требования к Сайту

(промо, визитка, каталог, интернет-магазин и т.д.)

 4.Дизайн

(строгий, веселый, мрачный, основные цвета и т.д.)

 5.Структура Сайта и навигация

(какие блоки должны быть на страницах и в каком виде)

 6.Описание функционала разделов Сайта

(поиск, каталог, лента новостей и тд)

 7.Сроки выполнения работ

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

  (www.aposnov.ru)

3.5. Составление макета (пропускается если есть готовый дизайн)

Сначала идеи генерируются на бумаге разработчиком и предоставляются заказчику > Утверждаются

Создается предварительный макет макет на компьютере > Утверждается

Исправляются разные замечания (если есть)

Естественно каждый шаг должен соответствовать требованиям в ТЗ

3.6. HTML+CSS Вёрстка

Сверстанный макет представляемый заказчику разработчиком, должен соответствовать следующим требованиям(помимо описанных в ТЗ):

— Кроссбраузерность (страницы должны примерно одинаково отображаться во всех браузерах, допустимы некоторые неточности)

— Соответствие стандартам CSS и HTML или по другому Валидность

(www.dap-it.ru)

3.7. Программирование и Установка на CMS

Это техническией этап и помимо того что он должен соответствовать требованиям ТЗ. Нужно проверить что макет «натянулся» на CMS так как нужно и всё прошло удачно.

3.8. Наполнение сайта

Контент должен соответстовать целям и задачам сайта, наполняется сайт по разному либо заказчиком, либо разработчиком по предоставленным материалам или заказываются статьи у копирайтеров, обычно студии предоставляют все эти услуги (наполнение и копирайтинг).

3.9. Тестирование сайта и устранение ошибок

Этот этап лучше выполнять совместно(разработчиком и заказчиком).

 3.10. Публикация сайта в интернете

Сайт размещается на выбранном заранее домене и хостинге. (У наших партнёров можно купить хостинг за 990 рублей на полгода + домен бесплатно!)

3.11. Продвижение сайта и реклама в интернете

На этом этапе проводится SEO-оптимизация сайта, подключается контексная реклама и другие методы. Обычно эта услуга тоже предоставляется разработчиками.

(www.aposnov.ru)

3.12. Редизайн(спустя год-два)

Этот пункт возвращает нас на начало статьи и начинаем всё заново =)

 

Надеюсь вам понравилась статья, а я лишь напомню что Студия «ДАП Айти» занимается созданием и продвижением сайтов. Надеемся что вы сделаете правильный выбор ;-)

Выбираем CMS. Виды CMS. Какую CMS выбрать?

Выбираем CMS. В этой краткой статье мы рассмотрим какие же виды CMS бывают, плюсы и минусы CMS, и возможно это поможет вам ответить на вопрос какую cms выбрать? Приступим.

CMS бывают трех видов:

  • Коммерческие CMS
  • Бесплатные CMS
  • Студийные CMS (Самописные)

Коммерческие CMS

Пример: 1С-Битрикс, UMI.CMS, NetCat

Плюсы

+Суперуниверсальные

+Тех. поддержка

+ Постоянно обновляются

+Нет зависимости от разработчика (много кто сможет поддерживать)

Минусы

— Цена

Бесплатные CMS

Пример: Joomla, Drupal, WordPress

Плюсы

+Справится любой фрилансер

+Бесплатно

Минусы

-Тормозят при большом посещении сайта и при не правильной настройке

-Нужно доделывать(дорабатывать)

-Могут быть трудности с освоением

-Уязвимости

Студийный CMS (Самописные)

Примеры: У каждой студии(разработчика) свое решение

Плюсы

+Быстрая скорость работы

+Многое могут

+Делаются под вас

Минусы

-Полная зависимость от студии

-Цена (миллионы рублей)

Мы рассмотрели варианты какие CMS бывают,но делать выбор вам, а я лишь напомню что Студия «ДАП Айти» занимается созданием и продвижением сайтов. Надеемся что вы сделаете правильный выбор ;-)

ss

Нашлось то что искали? Помогло Вам? Кликните на рекламу, вам все равно, а мне небольшой бонус за предоставленную информацию.