Добавление и редактирование содержания

Добавление и редактирование содержания (контента)

Добавление и редактирование контента это простая реализация мощных механизмов сайта, доступных для управления системой. Создание объёмных и богатых свойствами Web-страниц с помощью системы управлением содержанием.

Перед тем, как редактировать или изменять содержимое, вам необходимо зарегистрироваться.

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

Регистрация на сайте

В момент регистрации на Plone-сайте вы создаёте учётную запись на сервере. Эта учётная запись даст вам право участника (member) добавлять такие виды контента, как изображения, документы и так далее. Для регистрации на сайте щёлкните мышью на ссылке join в правом верхнем углу Web-сайта (смотрите рисунок 3-1).

Рисунок 3-1. Нажатие на ссылке регистрация в правом верхнем углу страницы

Это позволит вам увидеть регистрационную форму, которую вы должны будете заполнить (смотрите рисунок 3-2). Поскольку это первая форма, с которой вы столкнулись, запомните следующее:

• Некоторые поля обязательны для заполнения: красный квадратик, следующий за текстом, обозначает поля, обязательные для заполнения.
• Для большинства полей серый текст под именем поля объясняет, что и как в данное поле необходимо ввести.

Рисунок 3-2. Страница регистрации

ЗАПОМНИТЕ: Поскольку большинство страниц сайта довольно большие, изображения в этой книге были обрезаны для того, чтобы показать только ключевую часть (в данном случае - форму), а не логотип в верхнем колонтитуле страницы. Эти элементы по-прежнему на странице, однако их отображение является излишним.

Для заполнения формы, заполните представленные поля. Значения этих полей соответствуют описанным ниже:

Полное имя: Укажите ваше полное имя. Данное поле не обязательно для заполнения.

Имя пользователя: Укажите имя пользователя, которое вы желаете использовать. Большинство людей выбирают алфавитно-цифровые значения без пробелов, такие как avv или lmz, которые мало , что говорят в нашей ситуации. Мы очень просим всех выбирать такое имя пользователя, по которому люди бывшие с ним в ТЮТе могли бы легко понять, кто скрывается под этим именем. Это имя пользователя будет использоваться повсюду на сайте, чтобы ссылаться на вас. Данное поле обязательно для заполнения.

Адрес электронной почты: Действующий адрес электронной почты. Данный адрес позволит администратору контактировать с вами и посылать вам по почте пароль. Вы можете изменить этот адрес позже путём редактирования ваших персональных настроек. Это поле обязательно для заполнения.

Пароль и Подтвердите пароль: Это пароль, который вы хотите использовать. Он должен иметь длину не менее 4 символов и может содержать буквы, числа и символы подчёркивания (_). Пароль чувствителен к регистру входящих в него букв (другими словами, SomePassword это не то же самое, что somepassword). Данное поле обязательное для заполнения.

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

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

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

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

Включение Cookies

Для того, чтобы войти на сайт Plone, cookies файлы на вашем компьютере должны быть включены. Если вы попадёте на сайт и попытаетесь зарегистрироваться с выключенными файлами cookies, вам будет выдано сообщение, говорящее о том, что cookies должны быть включены со ссылкой для более подробной информации. Для включения cookies выполните необходимые действия в зависимости от вашего браузера.

Internet Explorer 6.x

1. Выберите пункт меню Tools(Инструменты) > Internet Options (Свойства Обозревателя)
2. Нажмите на панели Privacy(Конфидециальность) в верхней части окна
3. Передвиньте рычажок на уровень Medium(Средний) и нажмите OK

Mozilla 1.x

1. Выберите пункт меню Tools > Options
2. Найдите в меню слева пункт Privacy & Security. Выберите Cookies в разделе Advanced
3. Выберите Enable Cookies for the Originating Web Site Only или Enable All Cookies и нажмите ОК.

Opera

1. Нажмите F12
2. Выберите Enable Cookies

Netscape Navigator 6.x

1. Выберите Edit > Preferences
2. Найдите в меню слева пункт Privacy & Security. Если справа от него есть треугольный указатель - нажмите его.
3. Выберите Cookies в разделе Privacy & Security
4. Выберите Enable Cookies for the Originating Web Site Only или Enable All Cookies и нажмите ОК.

Если вы когда-либо забудете пароль, вы сможете получить его по по электронной почте на тот адрес, который указывали при регистрации на сайте. Чтобы получить пароль указанным способом, нажмите на ссылку «Забыли пароль», расположенную в левой колонке сайта. В результате этого действия вам будет показана форма для восстановления пароля. Заполнив ее Вы получите по почте инструкции по возобновлению пароля.

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

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

Создание личной папки и её настройка

После того, как вы вошли на сайт, меню участника в правом верхнем углу изменится для предоставления вам опций, доступных для вас, как для участника сайта (смотрите на рисунок 3-6).

 

Рисунок 3-6. Ваши персональные изменения в правом верхнем углу.

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

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

Форма с персональными настройками позволяет вам установить некоторые свойства, которые определяют то, каким вы видите сайт. Эти настройки будут сохранены на сервере, что позволит использовать их при каждом последующем посещении сайта (смотрите рисунок 3-7).

Рисунок 3-7. Изменение настроек

Разделы означают следующее:

Полное имя: Это полное имя, которое вы указываете при регистрации на сайте.

Адрес электронной почты: Это адрес электронной почты, который соответствует вашей учётной записи на Plone-сайте. Кроме того, если вы потеряете или забудете ваш пароль, он будет выслан именно на этот адрес.

Расположение: Место проживания

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

Биография: При желании можно написать несколько строк о себе

Home Page: Если у Вас есть свой веб ресурс, то его адрес можно указать здесь

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

Разрешить внешнее редактирование: Эта функция нужна для использования внешних редакторов html документов. Если Вы захотите ими пользоваться, то перед тем, как начинать, свяжитесь с администрацией портала

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

Портрет: На сайтах больших организаций или сообществ бывает полезно видеть лицо участника. Данное поле позволяет вам загрузить своё изображение. Оно должно быть 75x100 пикселей.

После того, как вы внесёте все желаемые изменения, нажмите на кнопку Save (Сохранить) для их подтверждения. Теперь, когда вы являетесь зарегистрированным участником сайта, пришло время начать добавление и редактирование содержания.

Добавление и редактирование содержания (контента)

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

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

• Страница: Этот элемент предоставляет пользователю некоторую статическую (неизменяемую) информацию. Это наиболее общий тип добавляемого контента, который представляет собой большинство типичных Web-страниц.
• Новость: Это документ, который должен быть показан в колонке новостей (например, пресс-релиз).
• Ссылка: Это ссылка на другой элемент, который может быть внутренним или внешним относительно Web-сайта.
• Изображение: Это изображение, такое как .gif или .jpeg файлы.
• Событие: Это приближающееся событие, встреча, конференция или другое.
• Папка: Аналог папки на жестком диске. Это папка для размещения контента, чтобы его легко можно было найти в дальнейшем.
• Большая папка: Это специальная папка, предназначенная для хранения очень большого количества элементов. Лучше на первых порах ее не использовать, так как она требует особого подхода.
• Файл: Это такая часть контента, как видео, звуковые, текстовые, сжатые файлы, или что-то другое, что вы хотите выложить для скачивания другими пользователями
• Программируемая папка: Это папка, при создании которой задаются параметры, по которым в нее система отбирает элементы для отображения. По сути дела, это фильтр поиска, который отобразит только те элементы, которые вы захотите.

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

Понимание типа контента Страница

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

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

Добавление документа

Есть 2 пути добавить контент любого типа с использованием браузера. Прежде всего убедитесь, что вы вошли на сайт, потому что только зарегистрированные пользователи могут добавлять и изменять содержание. Далее перейдите по ссылке «моя папка» в меню пользователя наверху справа - это перенесёт вас в вашу персональную папку (область, которую вы контролируете). Если у вас есть возможность добавлять контент в папку, то она будет отображена с использованием границы зелёного цвета вокруг её верхней части (смотрите рисунок 3-9).

Рисунок 3-9. Мой контент

Если зелёная граница отсутствует - вы не имеете возможности добавить контент. Верхняя граница содержит действия, которые вы можете выполнить в текущем разделе сайта. На рисунке 3-9 вы можете видеть, что на странице отображено содержимое текущей папки, поскольку именно эта вкладка «содержимое» является выделенной. Другие вкладки это «просмотр», «совместный доступ» и «свойства». В правом верхнем углу зелёной границы вы увидите выпадающие меню «Добавить новый элемент» и «состояние» Нажмите на меню «Добавить новый элемент» чтобы увидеть список элементов, доступных для добавления (смотрите 3-10).

Рисунок 3-10. Добавление документа из зелёного выпадающего списка

Для добавления нового документа выберите Страница.

Редактирование документа

После добавления страницы вы немедленно попадаете в режим ее редактирования. Туда же можно попасть, нажав на вкладку «правка». Вы  увидите, что эта вкладка окрашена зелёным цветом (смотрите рисунок 3-12).

Рисунок 3-12. Редактирование страницы

Теперь вы можете редактировать документ в вашем браузере, используя предоставленную форму. Если вы посмотрите в адресную строку вашего браузера, вы увидите имя объекта (документа), который был создан, например http://84.252.150.23:8080/komnata/Members/Vesnenok/portal_factory/Document/document.2006-12-01.3666659002/edit.

Ниже описаны поля предоставленной формы для редактирования и их значения.

Название (Идентификатор): Значение этого поля будет составлять часть URL(адреса) этого документа, поэтому старайтесь делать его коротким, описательным и предпочтительно без пробелов. Соблюдение этих правил позволит сделать URL легкочитаемыми. Например, идентификатор может быть audit-report-2003. Если это поле не будет заполнено, Система сгенерирует идентификатор самостоятельно, но он будет малопонятным.

Описание: Это краткое описание документа, содержащее обычно около 20 слов, являющихся введением в документ. Данное поле очень полезно для тех страниц, у которых следует указывать их краткое содержание, например чтобы отобразить его в результатах поиска.

Основной текст: Это тело документа. Его формат задаётся установкой значения следующего поля.

Text формат: Мы используем формат текста HTML. Если у Вас возникнет желание воспользоваться другим форматом текста, то обратитесь за консультацией в администрацию

 

После того, как вы завершите редактирование документа, нажмите на кнопку Save (Сохранить) для подтверждения внесенных изменений. После этого вы попадёте на вкладку «Просмотр», где сможете увидеть, в каком виде документ будет доступен пользователям (смотрите рисунок 3-13). Чтобы отредактировать документ ещё раз, перейдите на вкладку «правка».

Рисунок 3-13. Сохранение перенесёт вас на вкладку «просмотр»

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

Для редактирования документа в систему встроен небольшой редактор, который снабжен основными функциями, необходимыми для нормального представления страницы. Они напоминают те, что есть в обычном текстовом редакторе (например, Word). (рисунок 3-13а)

1.      Выделение текста жирным шрифтом

2.      Выделение текста курсивом

3.      Под-текст: используется в том случае, если вы хотите сдвинуть часть текста ниже основной строки

4.      Над-текст: используется в том случае, если вы хотите сдвинуть часть текста выше основной строки

5.      Выравнивание абзаца по правой границе

6.      Выравнивание абзаца по центру

7.      Выравнивание абзаца по левой границе

8.      Нумерованный список

9.      Ненумерованный список

10.  Список определений: поясняющий текст сдвинут вправо относительно самого определения

11.  Уменьшение отступа

12.  Увеличение отступа

13.  Вставить изображение: Добавление изображений к  документу. Этому действию посвящен отдельный раздел ниже.

14.  Ссылка на внутренний документ портала: Служит для создания ссылок на документы, находящиеся на сайте.

15.  Ссылка на внешний ресурс: Служит для создания ссылки на ресурсы в сети Интернет

16.  Вставить таблицу:  Служит для добавления таблицы в документ. Таблицы удобно использовать для структурирования всего документа. В них можно размещать изображения и тексты. С их помощью можно разбивать текст на колонки. После нажатия на эту иконку вы увидите меню, в котором сможете задать необходимые параметры таблицы. Количество строк (Rows) и столбцов (Columns). При желании, можно использовать функцию Заголовка (Heading). В этом случае верхняя строка таблицы будет выделена. Таблицы могут быть четырех видов. Plain – не имеет видимых границ и служит для расположения элементов на страницы. Остальные три были задуманы, как различное представление списков, но и их тоже можно использовать. В конце концов, это дело личных пристрастий и вкуса.

17.  Отмена последнего действия: Система «помнит», как вы редактировали документ, но не стоит надеяться, что эта функциональность будет работать, как в текстовом редакторе на локальном компьютере. Однако, последние 3 изменения она поддержит.

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

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

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

Добавление изображений в документы

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

 

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

Сохраните ее. Вы увидите сообщение о том, что новая папка сохранена. Теперь для того, чтобы ее спрятать, выберите из меню «состояние» пункт «скрыть». Теперь эта папка будет видна только пользователю и Администратору.

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

 

Теперь добавим в эту папку изображение. Для этого нажмите на ссылку «добавить новый элемент» и выберите «изображение». У вас откроется  Редактор изображения. В поле «название» введите некое значимое наименование. Не надо делать его очень длинным. Описание – не обязательное поле, но оно появляется, когда посетитель наводит мышь на картинку и может случить дополнительным пояснением.

Теперь нужно указать путь к картинке на жестком диске вашего компьютера. Для это нажните на кнопку Browse и в открывшемся диалоге отыщите нужный вам файл. После этого сохраните документ. Картинка окажется в вашей папке.

 

Для того, чтобы файл изображения хорошо был виден в браузере (просмотровой программа) его необходимо подготовить в любом доступном редакторе изображений, которым вы располагаете. Подойдет Photoshop, встроенный в Майкрософт офис Microsoft Office Picture Manager, Picasa2 от Google. В общем, любой редактор, в котором можно изменить разрешение изображения и задать нужные параметры в пикселях. Картинка не должна быть слишком большой. Решите, какое место на экране она должна занимать и исходите из этого. Помните, что наиболее распространенное сейчас экранное разрешение 1024х760 пикселей. Когда вы будете вставлять свои фотографии или рисунки в подготавливаемые страницы, то увидите, какой величины изображение лучше использовать. Чуть-чуть тренировки и вы быстро разберетесь с тем, как задавать картинкам нужный вам размер.

 

Как вставить картинку в документ

Нажмите на иконку (№ 13) для того, чтобы вызвать диалог для поиска нужной вам картинки. Найдите папку, в которою вы загрузили изображение и выберите нужное вам изображение. Ваша папка в этом диалоге называется «current folder». Встав на нее, вы увидите список всех документов и папок, которые находятся в ней. Пометив нужный вам элемент, справа вы увидите его в уменьшенном виде, а также размер в пикселях. Чуть ниже описано то, как можно разместить изображение в тексте. Выбрав «Left», вы расположите ее слева от текста, который будет «обтекать» его справа. «Right» даст обратную ситуацию. «Inline» поместит изображение в строку. Попробуйте разные варианты, чтобы выбрать тот, который вас больше всего устроит.

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

Нажмите на «ОК» и картинка займет свое место на странице.

 

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

 

 

ПРОДОЛЖЕНИЕ СЛЕДУЕТ