Создание стилей редактора HTML

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

С помощью веб-узла публикации Microsoft Office SharePoint Server 2007 владельцы содержимого могут создавать и обновлять веб-страницы на веб-узле, используя только веб-обозреватель. Например, менеджер отдела может использовать обозреватель для прямой публикации объявлений и другой информации на веб-узле компании как показано на рисунке ниже.

Публикация страницы в обозревателе

Разработчик веб-узла может помочь создателям содержимого улучшить вид страниц, создавая стили, которые можно применить к созданным из макетов страниц частям страниц. Создание пользовательских стилей также помогает стандартизировать оформление таких страниц. В этой статье описано, как веб-разработчик может использовать Microsoft Office SharePoint Designer 2007 для создания пользовательских стилей, которые можно применять к публикуемым страницам, создаваемым или редактируемым в обозревателе.

Важно : Эта статья применима только к веб-узлам, которые находятся на сервере, работающем под управлением Office SharePoint Server 2007. Кроме того, публикация должна быть включена на веб-узле верхнего уровня в семействе узлов. Также необходимо иметь разрешения на администрирование узла верхнего уровня, чтобы открывать и редактировать макеты страниц.

В этой статье:

Как HTML-редактор используется на сайте публикации

Создание стилей редактора HTML

Как редактор HTML используется на веб-узле публикации?

Для создания пользовательских стилей страниц публикации необходимо понимать некоторые ключевые концепции в Office SharePoint Server 2007. Ниже приводится краткий обзор.

Как публикуемые страницы связаны с макетами страниц?

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

Диалоговое окно со списком макетов страницы публикации

Макеты страниц можно редактировать в Office SharePoint Designer 2007. Для получения дополнительных сведений обратитесь к статье Настройка макета страницы публикации.

Где форматируются макеты страниц?

Макеты страниц форматируются главными страницами, которые представляют собой шаблоны страниц, определяющие области общего содержимого (такие как верхние и нижние колонтитулы и левая область переходов) и использующие таблицы стилей для управления форматированием текста, гиперссылками, ячейками, таблицами и многими другими элементами. Макеты страниц также могут форматироваться таблицами стилей, которые применяются прямо к ним. Например, макет страницы может получить начальные правила форматирования от главной страницы, но к этому макету всегда можно присоединить дополнительные таблицы стилей, чтобы точнее задать форматирование создаваемых из него страниц. Например, главная страница, на которой основывается шаблон страницы, может задавать шрифт Verdana для всего обычного текста, но к макету можно присоединить таблицу стилей, которая задает Arial как шрифт обычного текста всех присоединенных страниц. Все форматирование и разметка на странице публикации — за исключением полей содержимого — берется непосредственно из макета страницы, из которого она была создана.

Как редактируется содержимое страниц публикации?

Страница публикации создается в обозревателе. Чтобы отредактировать страницу после создания, нужно перейти к ней и в меню Действия узла выбрать команду Изменить страницу.

Отображение команды «Изменить страницу» в меню «Действия узла»

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

Команда «Изменить содержимое» на открытой странице

Примечание : Для полей, которые не содержат форматированного текста, есть свои редакторы — например, свой редактор есть у поля даты.

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

Редактор HTML со списком «Стили»

Откуда в редакторе HTML берутся стили?

Доступные в редакторе HTML стили берутся из двух таблиц стилей, которые находятся в каталоге _layouts узла или дочернего узла:

  • Таблица стилей HtmlEditorCustomStyles.css задает форматирование пользовательских стилей и находится по адресу:

    http://your_site/_layouts/1033/Styles/HtmlEditorCustomStyles.CSS

  • Таблица стилей HtmlEditorTableFormats.css задает форматирование таблиц и находится по адресу:

    http://your_site/_layouts/1033/Styles/HtmlEditorTableFormats.CSS

Так как эти таблицы стилей находятся в защищенной директории _layouts на веб-узле, их нельзя изменять в приложении Office SharePoint Designer 2007. Однако стили в этих таблицах стилей можно переопределить, если применить дополнительные стили к макету страницы, который использовался для создания страниц публикации.

К началу страницы

Создание стилей для редактора HTML

Чтобы создать новые стили для редактора HTML, откройте веб-узел в приложении Office SharePoint Designer 2007 и выполните следующие действия.

Найдите и откройте макет страницы

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

  1. В приложении Office SharePoint Designer 2007 откройте веб-узел, содержащий макет страницы, который требуется изменить.

  2. В списке Список папок найдите страницу, использующую шаблон страницы, к которому нужно применить новый стиль, а затем дважды щелкните эту страницу.

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

    «Список папок» с сообщением об изменении страницы или соответствующего макета страницы

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

  3. Щелкните Изменить макет страницы.

    Откроется макет страницы.

Переназначение существующего стиля

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

  1. Чтобы перейти в веб-обозревателе к расположению формы таблицы стилей, из которой нужно скопировать один или более стилей, введите в обозревателе одно из следующих расположений в строке Адрес:

    http://your_site/_layouts/1033/Styles/HtmlEditorCustomStyles.CSS

    — или —

    http://your_site/_layouts/1033/Styles/HtmlEditorTableFormats.CSS

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

    Таблица стилей откроется в Office SharePoint Designer 2007.

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

    Таблица стилей с открытым контекстным меню и выбранной командой «Копировать»

  4. Не выходя из приложения Office SharePoint Designer 2007, откройте макет страницы (или вернитесь к нему), для которого нужно переназначить стиль, а затем щелкните Параметры в области задач Управление стилями.

    Примечание : Если область задач Управление стилями не отображается, выберите пункт Управление стилями в меню Области задач.

  5. Убедитесь, что флажок Показать стили текущей страницы установлен.

    Меню «Параметры» с установленным флажком «Показать стили текущей страницы»

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

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

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

  8. Измените стиль желаемым образом.

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

  9. Чтобы сохранить таблицу стилей, в меню Файл выберите команду Сохранить.

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

Отображение измененного стиля в списке «Стили»

Создание нового стиля

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

  1. Чтобы перейти в веб-обозревателе к расположению формы таблицы стилей, из которой нужно скопировать один или более стилей, введите в обозревателе одно из следующих расположений в строке Адрес:

    http://your_site/_layouts/1033/Styles/HtmlEditorCustomStyles.CSS

    — или —

    http://your_site/_layouts/1033/Styles/HtmlEditorTableFormats.CSS

  2. При получении сообщения с запросом на действие с файлом, нажмите кнопку Открыть. Таблица стилей откроется в Office SharePoint Designer 2007.

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

    Таблица стилей с открытым контекстным меню и выбранной командой «Копировать»

  4. Не выходя из приложения Office SharePoint Designer 2007, откройте макет страницы (или вернитесь к нему), для которого нужно переназначить стиль, а затем щелкните Параметры в области задач Управление стилями.

    Примечание : Если область задач Управление стилями не отображается, щелкните Области задач и выберите пункт Управление стилями.

  5. Убедитесь, что флажок Показать стили текущей страницы установлен.

    Меню «Параметры» с установленным флажком «Показать стили текущей страницы»

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

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

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

  8. Измените стиль желаемым образом.

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

.ms-rteCustom-ArticleTitle, .ArticleTitle{font-weight: bold;font-family: Arial;font-size: 14pt;color: #8C0000;text-transform: capitalize;}

На следующее.

.ms-rteCustom-redHeadline, .redHeadline{font-weight: bold;font-family: Arial;font-size: 14pt;color: #8C0000;text-transform: capitalize;}

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

  1. Чтобы сохранить таблицу стиля, в меню Файл выберите команду Сохранить.

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

    Отображение измененного стиля в списке «Стили»

К началу страницы

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

Совершенствование навыков
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×