примеры сайтов
Новости
О блоке

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

Управление

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

Информация

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

Инструкции по управлению
демоверсией панели управления сайтом:


Панель управления сайтом:

http://demo.fantasy-gpm.ru/admin/ 
логин: admin
пароль: admin


Сменить пароль можно в панели управления / пользователи / администраторы / список.
(в демоверсии эта возможность заблокирована)


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


Специально для демоверсии панели управления сайтом:
В верхней части сайта горизонтально расположены кнопки:

  • на главную – осуществляет переход на главную страницу демоверсии сайта;

  • инструкции – раздел с инструкциями по управлению демоверсией динамического сайта;

  • сбросить – кнопка сбрасывает все изменения, внесенные пользователем в демоверсии сайта в ручном режиме и возвращает структуру сайта и его наполнение к исходному варианту до начала тестирования.
    Также «сброс» настроек сайта к исходному состоянию происходит автоматически каждые 15 минут.

Список ограничений, внесенных в панель управления демоверсии сайта:

  • в разделе «контент» есть неудаляемые из списка страницы – это важные страницы сайта, которые по каким-либо причинам не должны быть удалены.

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

  • в разделе «администраторы» заблокирована возможность смены логина и пароля в демоверсию панели управления сайтом.

Все указанные к блокировке функции работают или просто отсутствуют в рабочей версии Вашего будущего сайта и никаких ограничений по его управлению у Вас не предполагается.

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

Общая краткая инструкция к визуальному редактору.
Внимание! Запомните перед началом использования панели управления сайтом:

  • Создание кнопок в списке меню (в разделе управления меню сайта: "другое / вертикальное или горизонтальное" (главное меню) не ведет к автоматическому созданию страниц на сайте! Также создание страниц на сайте (в разделе "контент / структура сайта") никак не связано с созданием структуры меню. Оба процесса самостоятельны и производятся отдельно друг от друга. Если Вы создали страницы на сайте в разделе "контент / структура сайта", то для появления этих страниц на сайте зайдите в управление меню сайта ("другое / главное меню") и уже там формируете меню, отображаемое на сайте, вручную, прикрепляя к создаваемым кнопкам ранее созданные вами страницы из радела "контент / структура сайта".

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

  • Помните, что при наведении курсора на каждую кнопку в панели управления (при использовании браузера «Internet Explorer») всплывает название функции этой кнопки на русском языке!

  • Также стоит запомнить, что красный крестик напротив созданных вами страниц в разделе "контент / структура сайта" – это кнопка удаления страниц (удаленные страницы восстановить нельзя!).

  • Кнопка слева от красного крестика в разделе "контент / структура сайта" с изображением карандаша – это кнопка для редактирования созданных страниц или других данных на сайте (если вы ее встречаете в панели управления сайтом в других разделах).

  • При создании страниц ОБЯЗАТЕЛЬНО пишите названия страниц на русском языке в поле «заголовок», а имя файла этой страницы в поле «название страницы» указывайте только латинскими буквами без пробелов (можно использовать также цифровые обозначения или нижнее подчеркивание и дефис). РУССКИЕ БУКВЫ, ПРОБЕЛЫ ИЛИ ИНЫЕ СИМВОЛЫ В НАЗВАНИИ ФАЙЛОВ НЕ ДОПУСКАЮТСЯ (ЭТО ОТНОСИТСЯ И К ИНЫМ ФАЙЛАМ, КОТОРЫЕ ВЫ ЗАКАЧИВАЕТЕ НА САЙТ: названия файлов документов, картинок и фотографий)!

  • Зеленые стрелки в разделе «контент» и в блоке управления меню сайта предназначены ТОЛЬКО для перемещения страниц сайта в списке – эти манипуляции никак не отражаются на структуре самого сайта. А вот в разделе: "другое / главное или вертикальное меню" зеленые стрелки регулируют положение пунктов меню на сайте относительно друг друга.

  • Визуальный редактор гарантированно поддерживается только браузерами «Internet Explorer» и «Mozilla Firefox».

  • Тексты из MSWord нельзя вставлять в визуальный редактор напрямую!!! Текст из MSWord нужно сперва конвертировать: скопировать из MSword, затем вставить в обычный блокнот, далее выделить текст в блокноте и только затем скопировать из блокнота и вставить в визуальный редактор сайта – только после этого текст можно редактировать в визуальном редакторе сайта. Такой же процесс конвертации должен происходить и при переносе информации с другого сайта!


Рекомендации
по созданию новых страниц на сайте:

Вы можете создать на сайте любое количество страниц! 

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

  1. Укажите название страницы по-русски в графе «заголовок».

  2. В графе «название страницы» укажите название новой страницы латинскими буквами по образцу, указанному в этой же графе слева, т.е. название, например, news.htm.

  3. Поля Тэг Title, Мета тэг "description", Мета тэг "keywords" - предназначены для продвижения сайта в поисковых системах и без специальных знаний эти поля не следует использовать - оставьте их пустыми.

  4. Поля: Шаблон и Вызов модуля - используются только профессионалами - оставьте их пустыми.

  5. Использовать поле "принадлежит страницы в качестве формирования меню сайта - не верно!!! Это поле используется для формирования каталогов страниц сайта с различными уровнями вложенности на сервере. Эта функция никак не связана с формированием положения страниц в меню сайта, но сильно влияет на индексацию страниц поисковой системой. Если вы не профессионал - не используйте эту функцию. Формирование положения страниц на сайте производится в разделе "другое / главное меню".

  6. Все новые созданные страницы помещаются в общий список существующих страниц на сайте, а также все созданные страницы попадают в общую базу данных сайта для создания «*быстрых ссылок» в меню сайта и других редактируемых информационных блоках.

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

Рекомендованные параметры шрифта:
Текст рекомендуется использовать Verdana, размер 2. 
Данный шрифт считается самым читабельным, т.к. имеет оптимальное расстояние между буквами, а также четкие и крупные символы – остальные шрифты не такие четкие и более мелкие. (В данной инструкции используется шрифт Verdana.)


Рекомендации по созданию таблиц:
В свойствах таблицы или при ее создании указывайте ширину таблицы в процентах (а не в пикселях), и число ставьте 100%, выравнивание установите «по центру». Чтобы границы таблиц не было видно в меню формирования таблицы в графе «рамка» ставьте значение 0. 

Рекомендации по созданию гиперссылок:
Чтобы создать гиперссылку в тексте страницы сайта, выделите нужное слово, словосочетание, предложение или картинку и нажмите кнопку "гиперссылка". В поле появившегося меню во вкладке «быстрые ссылки» будут отображены все страницы, уже созданные Вами в виде раскрывающегося списка. При выборе нужной страницы адрес этой страницы (ссылка) в поле ссылки прописывается автоматически. Если Вы хотите создать ссылку на какой-либо другой сайт или страницу сайта, впишите адрес вручную в поле "ссылка" или вставьте из буфера обмена. Если Вы хотите, чтобы ссылка открывалась в отдельном окне (не закрывая при этом текущего сайта) - выберите во вкладке «цель» (в том же окне сверху) опцию "новое окно".

Управление вертикальным меню сайта:
Количество пунктов меню на страницах сайта не ограничено по количеству – их можно удалять и добавлять в любом порядке без ограничений. Редактирование данного меню производится в разделе панели управления сайтом "другое / главное меню". В этом разделе Вы можете добавить или удалить пункты меню, отредактировать название каждого пункта, а также присвоить к нему любую ссылку, указав ее вручную, либо воспользовавшись функцией добавления быстрой ссылки, выбрав название нужной страницы сайта из всплывающего списка. Также в этом разделе вы можете добавлять пункты меню второго уровня.

Управление новостным блоком:
Управление этим блоком осуществляется с полным предоставлением функций редактирования информации, как и в основном визуальном редакторе. Управление осуществляется в разделе"контент / новости". В этом разделе Вы можете 
создать несколько отдельных друг от друга информационных блоков, а также, пользуясь списком существующих страниц сайта, указать на каких из них будет расположен данный 
блок. Список страниц находится внизу, под редактором, для каждого информационного блока отдельно (см на рисунке выше).
Обратите внимание, что после того, как информационный блок создан, он не будет автоматически отображаться на созданных позднее страницах сайта. Для размещения информационного блока на новых страницах необходимо войти в редактирование нужного информационного блока и указать новые (появившиеся) страницы для его размещения на них.


Нужные навыки:
Рекомендуемые параметры для фотографий и рисунков:

  • разрешение - 72 точки на дюйм (dpi);

  • расширение jpg или gif;

  • размер маленьких фотографий не более 200 пикселей в ширину;

  • размер больших фотографий (появляются в отдельном окне при нажатии на маленькие копии) не более 700 пикселей в ширину;

  • качество для всех фотографий среднее;

  • обработку фотографий проводить в Photoshop с сохранением "сохранить для веб" с параметрами jpg качество среднее.

Как подготовить фотографии
для публикации на сайте в программе Adobe Photoshop:

  1. Откройте Adobe Photoshop.

  2. Откройте фотографию или картинку, которую Вы хотите подготовить для публикации на сайте (файл / открыть и через кнопку «обзор» откройте необходимое изображение).

  3. Когда изображение открыто в программе Adobe Photoshop, нажмите изображение / размер изображения.

  4. Установите разрешение изображения (пиксель на дюйм) – 72 dpi.

  5. Далее укажите размер изображения в (размер маленьких фотографий не более 200 пикселей в ширину; размер больших фотографий (появляются в отдельном окне при нажатии на маленькие копии) не более 500 пикселей в ширину). При указании ширины изображения высота выставляется пропорционально автоматически.
    Обязательно проделайте эти изменения параметров изображения в указанной последовательности!

  6. Нажмите «да».

  7. Далее нажмите файл / сохранить для web.

  8. Проверьте параметры сохранения фотографии: jpg, галочка «оптимизированное», «высокое», качество 60.

  9. Нажмите «сохранить», указав имя файла только латинскими буквами или цифрами без пробелов и не более 10 символов.

  10. Публикуйте на сайте, используя панель управления, и кнопку «вставить изображение».

Маленькие хитрости:
Таблицы для разделения содержимого страниц.

Если Вам нужно, чтобы текст был слева, а справа были картинки, расположенные сверху вниз, а с помощью "обтекания текста" вокруг нескольких картинок проблему решить не получается. Если текст, при расширении плавающего размера сайта, постоянно меняет свое положение и картинки из-за этого смещаются и наезжают друг на друга, то в таких случаях используйте невидимую таблицу! Для этого просто создайте таблицу, а в поле "размер границ" поставьте "0" и границы таблицы станут прозрачными. Далее в одной ячейке разместите, к примеру, текст, а в другой картинку или несколько картинок одну под другой – получится, что текст никогда не будет наезжать на картинку или другие объекты, находящиеся в другой ячейке, даже при изменении размера шрифта в настройках браузера или при «плавающем» дизайне сайта. Также можно регулировать положение объектов в ячейках: по центру, по верхнему краю, по нижнему краю – это необходимо в том случае. если в одной из ячеек значительно больше информации чем в соседней. 
Таблицы так же можно использовать в качестве рамки для фотографии: для этого создайте таблицу с одной ячейкой и укажите "размер границ" скажем "3" и вставьте в нее картинку или фото.


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

  1. Сделать два экземпляра одной фотографии: малого размера и увеличенного (смотрите раздел: «Как подготовить фотографии для публикации на сайте в программе Adobe Photoshop», расположенный в данной инструкции).

  2. Загрузить в базу сайта с помощью иконки «изображение», малое изображение и установить в нужное место на странице сайта.

  3. Кликнуть на загруженном изображении и выбрать иконку "изображение" снова.

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

  5. Нажимаем «ок».

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

Вставка документов, архивов
и других файлов в виде ссылок для скачивания:

  1. Выделяем текст или картинку, с которой будет ссылка на файл или документ.

  2. Далее нажимаем на кнопку «гиперссылка».

  3. Во вкладке «загрузка» загружаем на сервер необходимый файл.

  4. Нажимаем «ок».

Все файлы на сервере будут храниться в базе данных на сервере. Посмотреть и при необходимости удалить лишние файлы с сервера вы можете кликнув по ним правой кнопки мыши и выбрав ссылку «удалить» в разделе «гиперссылка» / вкладка «выбор на сервере». 

Ссылки в отдельном окне:
Если Вам нужно, чтобы ссылка на чужой сайт или на страницу вашего сайта открывалась в новом окне (не закрывая страницы Вашего сайта на которой она расположена) при создании "гиперссылки" (иконка так и называется "гиперссылка") выберите в поле «цель» опцию "новое окно _blank".

 
Вход в панель управления