среда, 30 апреля 2008 г.

Сборник шрифтов для типографии

Огромная коллекция шрифтов, как для полиграфии так и для простых приложений. Есть TTF, Open Type и Type 1

вторник, 29 апреля 2008 г.

Брендинг Microsoft Office SharePoint server 2007 & WSS

Брендинг Microsoft Office SharePoint Server 2007 и WSS 3.0

Коротенко Владимир koroten@ya.ru Воронеж SDC 2008

Введение

Внешний вид, предоставляемый Microsoft Office SharePoint Portal 2007, позволяет создать привычный облик продуктов компании Microsoft, но в некоторых случаях необходимо изменить его внешний вид для соответствия требованиям заказчика. Данной задаче посвящен отдельный раздел документации в SDK MOSS и SDK WSS.

Данное руководство рассчитано на русскую версию Microsoft Office SharePoint Portal 2007, но описанные действия так - же актуальны для английской версии.

Планирование брендинга

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

  1. Создание дизайнерского макета - в любом удобном для дизайнера пакете разработки (Adobe Photoshop, Microsoft Expression )
  2. Определения объема кастомизации
    1. Список мастер страниц (master pages)
    2. Список макетных страниц (Layout pages)
    3. Список таблиц стилей (см. Стандартные стили)
  3. Нарезка графического макета
  4. Создание графических элементов для стандартных элементов (поиск, иконки и т.д.)
  5. Создание таблиц стилей
  6. Верстка мастер страниц
  7. Верстка макетных страниц
  8. Применение стилей для страниц
  9. Размещение файлов в библиотеке
  10. Сохранение шаблона для развертывания
  11. Документирование решения

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

Уровень подготовки специалистов для каждого из этапов.

  1. От среднего до высокого. Необходимо понимать что в конечном итоге графическое оформление это та обложка по которой будут судить о вашем сайте.
  2. Средний уровень знания MOSS и ASPX
  3. Начальный уровень работы с графическими редакторами и знакомства с правилами Html верстки и CSS
  4. Начальный уровень работы с графическими редакторами
  5. Хорошее знание CSS
  6. Среднее знание ASPX навыки работы с  SharePoint Designer, начальные знания HTML
  7. Среднее знание ASPX навыки работы с  SharePoint Designer, начальные знания HTML
  8. навыки работы с  SharePoint Designer
  9. навыки работы с  SharePoint Designer
  10. Начальные знания администрирования MOSS
  11. Опыт административной работы

В начало

Создание графического дизайна

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

Можно выделить несколько главных элементов графического дизайна:

  1. Разработка цветовой схемы будущего сайта, как правило используется бренд-бук клиента для получения основных цветовых решений (применяется в стилях оформления)
  2. Создание макета головной страницы
  3. Создание макетов дополнительных страниц по мере необходимости.
  4. Создание отдельных графических элементов оформления.

В начало

Создание макета главной страницы

Мастер страницы для WSS и MOSS представляет собой стандартное решение на основе технологий .NET 2 - MasterPages. Вы без труда освоите изменение данных страниц с помощью SharePoint Designer' a.

Основная идея состоит в том что бы создать шаблон в котором содержаться общие элементы оформления и несколько заполнителей которые переопределяются в наследуемых страницах. Сборку страниц осуществляет платформа .NET во время обращения к ним, одновременно SharePoint Designer обеспечивает просмотр в режиме WISIWISIG при редактировании страниц.  Существующие страницы вы можете просмотреть в библиотеке мастер страниц. Получить к ней доступ можно 2 путями:

  1. с помощью Sharepoint Designer перейдя по адресу http://portal4/_catalogs/masterpage
  2. С помощью броузера выбрав в меню "Действия узла" пункт "Параметры узла" и перейдя по ссылке "Главные страницы"

В начало

Нарезка графического дизайна

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

  • Логотипы - (используются для представления крупных участков изображения)
  • Заполнители - (используются для заполнения промежутков, создания панелей)
  • Фрагменты графики - (кнопки, скругления и элементы интерфейса)

Одна из самых удобных на данный момент программ  это Fireworks она позволяет произвести как нарезку файла так и создание html страницы в которой включены элементы графики. Как альтернативу можно порекомендовать использование программы Expression Design 2 Beta в которой появилась возможность сохранять "slices" при экспорте.

В начало

Определение стилей используемых на странице

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

  • Определение сущностей  используемых на портале
  • Определение названий для стилей
  • Документирование каждого стиля для дальнейшего применения

После этого необходимо переходить к этапу создания стилей

 

В начало

Минимальная мастер страница

Каждая мастер страница в составе MOSS должна содержать обязательный набор элементов, ниже приводится порядок создания минимальной мастер страницы..

  1. Откройте SharePoint Designer.
  2. В меню File, нажмите  New, укажите SharePoint Content, и щелкните вкладку Page .
  3. Нажмите Master Page для создания новой главной страницы.
  4. Переключите на вид кода
  5. Вставьте следующий код
<%-- Identifies this page as a .master page written in C# and registers tag 
 prefixes, namespaces, assemblies, and controls. --%>
<%@ Master language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Register Tagprefix="SPSWC" Namespace="Microsoft.SharePoint.Portal.WebControls" Assembly="Microsoft.SharePoint.Portal, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="wssuc" TagName="Welcome" src="~/_controltemplates/Welcome.ascx" %>
<%@ Register TagPrefix="wssuc" TagName="DesignModeConsole" src="~/_controltemplates/DesignModeConsole.ascx" %>
<%@ Register TagPrefix="PublishingVariations" TagName="VariationsLabelMenu" src="~/_controltemplates/VariationsLabelMenu.ascx" %>
<%@ Register Tagprefix="PublishingConsole" TagName="Console" src="~/_controltemplates/PublishingConsole.ascx" %>
<%@ Register TagPrefix="PublishingSiteAction" TagName="SiteActionMenu" src="~/_controltemplates/PublishingActionMenu.ascx" %>
<%-- Uses the Microsoft Office namespace and schema. --%>
<html>
  <WebPartPages:SPWebPartManager runat="server"/>
  <SharePoint:RobotsMetaTag runat="server"/>

  <%-- The head section includes a content placeholder for the page title and links to CSS and JavaScript files that run on the server. --%>
  <%-- Заголовок страницы и служебные данные для нормальной работы приложения. --%>
  <head runat="server">
    <asp:ContentPlaceHolder runat="server" id="head">
      <title>
        <asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server" />
      </title>
    </asp:ContentPlaceHolder>
    <Sharepoint:CssLink runat="server"/>
    <asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server" />
  </head>
  
  <%-- When loading the body of the .master page, MOSS 2007 also loads the SpBodyOnLoadWrapper class. 
  This class handles .js calls for the master page. --%>
  <body onload="javascript:_spBodyOnLoadWrapper();">
    <%-- The SPWebPartManager manages all of the Web part controls, functionality, and events that occur on a Web page. --%>
    <form runat="server" onsubmit="return _spFormOnSubmitWrapper();">
      <wssuc:Welcome id="explitLogout" runat="server"/>
      <PublishingSiteAction:SiteActionMenu runat="server"/>  
      <PublishingWebControls:AuthoringContainer id="authoringcontrols" runat="server">
        <PublishingConsole:Console runat="server" />
      </PublishingWebControls:AuthoringContainer>
      <%-- The PlaceHolderMain content placeholder defines where the page content should go for all the content from the page layout. The page layout can overwrite any content placeholder from the master page. Example: The PlaceHolderLeftNavBar can overwrite the left navigation bar. --%>
      <asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" />
        <asp:Panel visible="false" runat="server">
        <%-- Данные элементы необходимы для корректного отображения в системе MOSS 2007. 
        Вынесите необходимые вам подстановочные области за пределы контрола <asp:Panel>  для того что бы они отображались на странице
        If the system master page is set to any default master page, the only content placeholders required 
        are those that are overridden by your page layouts. --%>
        
<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea"  runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderPageImage" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderBodyLeftBorder" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderNavSpacer" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderTitleLeftBorder" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderTitleAreaSeparator" runat="server"/>
<asp:ContentPlaceHolder ID="PlaceHolderMiniConsole" runat="server"/>
<asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat ="server" />
<asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat ="server"/>
<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat ="server"/>
<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat ="server"/>
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat ="server"/>
</asp:Panel>
    </form>
  </body>
</html>

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

В начало

Страницы размещения (Layout pages)

В начало

Создание таблицы стилей

При своей работе MOSS 2007 использует несколько предопределенных Css стилей найти их можно в папке c:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\1049\STYLES.

Основной файл в котором содержатся стили это core.css как советует компания разработчик не изменяйте этот стиль так как при установки обновлений ваши изменения будут потеряны. При создании стилей следуйте правилам "хорошего тона":

  • Выносите разметку в CSS - этим вы упростите логику основной страницы
  • Комментируйте элементы  - вам это поможет не смотреть лишний раз в документацию (потом комментарии можно будет удалить)

При разработке можно использовать следующий трюк для определения стилей применяемых к стандартным элементам:

<script language="jscript">
function ClassInfo()
{
    if (window.event.srcElement.className != null)
    {
        stsclass.innerText = window.event.srcElement.className;
    }
    else
    {
        stsclass.innerText = "";
    }
}
 
window.document.body.onmouseover = ClassInfo;</script>
 
<div style="border-style:solid;border-width:1px; width: 281px; height: 34px; 
left: 286px; top: 41px; z-index:15; padding-left:4px; 
padding-right:4px; padding-top:2px; padding-bottom:2px; background-color:#EEEEF4">
<p id="stsclasstitle"><font face="Tahoma" id="stsclasstitle">Classname: </font>
<font face="Tahoma"id="stsclass">&#xa0;</font>
</p></div>

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

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

Selector Description

body, form

Sets the margin of the body or form to 0.

body

Sets the margin of the body to 0.

.ms-main

Border color at the right margin of a page.

.ms-toolbar

table.ms-toolbar

Text and gradient in list toolbars.

.ms-rtetoolbarmenu

.ms-rtetoolbarunsel

.ms-rtetoolbarsel

.ms-rtetoolbardis

a.ms-rtetoolbardis

.ms-rtetoolbarhov

Defines the look of the Rich Text Editor.

.ms-gridT1

Type of rating scale used in a question for a survey, such as Low, Average, and High.

.ms-viewselect a:link, .ms-GRFontSize

Text for available views displayed in the left navigation area for a list.

Font size used for text in the datasheet control.

select

Fonts for any of the drop-down or checkbox items in pages for customizing lists.

hr

Defines properties for a horizontal rule.

.ms-formlabel

Formats the names of fields used in forms for creating or editing list items or adjusting site settings.

.ms-formdescription A

Formats hyperlinks that appear in descriptions on forms such as "Click here to test".

.ms-formtable .ms-formbody

Text for each field in a list item form such as the New Item form for default lists.

.ms-radiotext

Text used for radio buttons in a survey.

.ms-gridtext

Text for a rating scale style used for a question in a survey.

.ms-formbody

Text for each field in a list item form such as the New Item form for default lists.

.ms-formbody FONT

Font characteristics for the formbody class.

.ms-formdescription

Instruction text used for fields in forms. For example, "Enter date in M/D/YYYY format" used in the New Item form.

.ms-searchcorner

Search form field on the home page.

table.ms-form th

Table header for forms.

table.ms-form td

Reserved for internal use only. Do not alter.

.ms-formrecurrence

Text that describes recurrence patterns.

.ms-long

Text in non-date fields used in forms for creating or editing list items.

.ms-longer

Used by the Rich Text Editor.

.ms-italic

Italic font.

.ms-bold

Bold font.

.ms-bannerframe, .ms-GRHeaderBackground, .ms-storMeFree

Background for the banner of the navigation bar at the top of the page..

.ms-banner a:link

.ms-banner a:visited

White hyperlinked text in the banner of the navigation bar.

.ms-banner, .ms-GRHeaderText

White text in the banner at the top of the page.

.ms-nav td, .ms-nav .ms-SPZoneLabel, .ms-input

“Select a View” text in a list page.

Input boxes for non-text (currency, date/time, etc.).

.ms-nav th

Text in the Quick Launch bar on the home page.

.ms-navheader a, .ms-navheader a:link, .ms-navheader a:visited

Section headings in the Quick Launch bar.

.ms-navframe, .ms-GRStatusBar

Color behind the Quick Launch bar and around the datasheet.

.ms-storMeUsed, .ms-storMeFilterBar

Used on the storage management page.

.ms-navline

Line dividing sections of the left navigation area in list views.

.ms-navwatermark

"Quick Launch" text in the Quick Launch bar.

.ms-selectednav,.ms-GRSortFilter

Box around the selected view on the list view page.

Used for a selected column in the datasheet.

.ms-unselectednav

Unselected text on the Quick Launch bar.

.ms-verticaldots

Graphical separator that appears between the main body and the left margin of the page (no longer used).

.ms-nav a

.ms-nav a:link

.ms-nav a:hover

.ms-nav a:visited

Text in the left navigation of the Quick Launch bar. For example, "Shared Documents" and "Tasks".

.ms-titlearea

Site name that appears on each page above the page title (by default, "Team Web Site").

TD.ms-titleareaframe

Upper portion of the border at the left margin of the page.

Div.ms-titleareaframe

Yellow line above the title area of a page.

.ms-titlearealine, .ms-storMeEstimated

Yellow line below the title and above the list toolbar. Also used on the storage management page.

.ms-bodyareaframe

Area below the title.

.ms-pagetitle

Title text on each page.

.ms-pagetitle a

.ms-pagetitle a:hover

Hyperlinks that appear with title text.

.ms-pagecaption

Caption above the title for a Web Part Page.

.ms-selected

.ms-selected SPAN

Background for selected items in the Save or Save As dialog box when saving to a document library.

.ms-selectedtitle

Background for when the pointer is passed over a list item.

.ms-unselectedtitle

Background for a list item when not selected.

.ms-menuimagecell

Background color of the arrow next to an item title for a context menu.

.ms-filedialog td

List of selected shared documents in the Save or Save As dialog box when saving to a document library.

.ms-descriptiontext

Description text for a list,or description text on administration forms and new list forms.

.ms-dspadapterlist

Reserved for internal use only. Do not alter.

.ms-alerttext

Error messages on form submissions.

.ms-separator

Lines between the menu items on list toolbars.

.ms-authoringcontrols

Background color on the right side of administration pages.

.ms-sectionheader

Text in section headings on a page. For example, “Administration” on the Site Settings page.

.ms-sectionheader a

.ms-sectionheader a:hover

.ms-sectionheader a:visited

Section titles that expand and collapse on the Create View page.

.ms-sectionline

Horizontal lines between page sections.

.ms-partline

Line between list items and the text "Add new item" in a summary view style as used on the home page.

.ms-propertysheet

.ms-propertysheet th

.ms-propertysheet a

.ms-propertysheet a:hover

Text in list or site settings pages. For example, "Go Back to Shared Documents", or the text used under settings, such as "Use a filter to display..."

.ms-itemheader a

List and document library names on the Documents and Lists page.

.ms-discussiontitle

Subject for an open discussion item.

.ms-vh, .ms-vh2

Text in column headings for lists.

.ms-vh2

Used for padding.

.ms-vh-icon

.ms-vh-icon-empty

.ms-vh-left

.ms-vh-left-icon

.ms-vh-left-icon-empty

.ms-vh-right

.ms-vh-right-icon

.ms-vh-right-icon-empty

Used for icons next to the view headers, such as the icon representing an attachment, or used for spacing when no icon is present.

.ms-vh a,.ms-vh a:visited,.ms-vh2 a,.ms-vh-left a,.ms-vh-right a

.ms-vh a:hover, .ms-vh2 a:hover, .ms-vh-left a:hover, .ms-vh-right a:hover

Text in hyperlinks for column headings of lists.

.ms-vhImage

Used in header images.

.ms-gb

Defines the group-by view headers.

.ms-gb2

Defines the group-by view headers.

.ms-vb, .ms-vb2, .ms-GRFont, .ms-vb-user

.ms-vb a, .ms-vb2 a, .ms-GRStatusText a,.ms-vb-user a

.ms-vb a:hover, .ms-vb2 a:hover, .ms-vb-user a:hover

.ms-vb a:visited, .ms-vb2 a:visited, .ms-GRStatusText a:visited, .ms-vb-user a:visited

.ms-vb a:visited:hover, .ms-vb2 a:visited:hover, .ms-vb-user a:visited:hover

.ms-vb2, .ms-vb-title, .ms-vb-icon,.ms-vb-user

.ms-vb-icon

.ms-vb-user

.ms-vb2

Text in the body of a view and most other common text.

Icon classes that are used, for example, to indicate attachments.

.ms-homepagetitle

Title on the home page of a Meeting Workspace site.

a.ms-addnew

td.ms-addnew

"Add new..." text in the summary view for lists.

.ms-error

Error messages on form submissions.

.ms-cal

Border type and font formatting used in day cells of a calendar view.

.ms-calWeek

.ms-vcal

.ms-Dcal

Used in a calendar view.

.ms-caltop

Top border of each day cell in a calendar view.

.ms-calhead

.ms-calhead a

.ms-calhead a:hover

Header containing the month name and navigation arrows in a calendar view.

.ms-caldow

Row of cells containing weekday names in a calendar view.

.ms-calmid

Left and right borders on each day cell in a calendar view.

.ms-CalSpacer

Spacer that is used between multiple appointments on the same day in a calendar view.

.ms-CalVSpacer

Spacer used in a calendar view.

.ms-CalAllDay

Calendar view for all-day events.

.ms-firstCalHour

Calendar view in which the first cell in the first row contains the time.

.ms-calHour

Calendar view cell that contains the time.

.ms-calHalfHour

Calendar view cell that contains half-hour marks.

.ms-calQuarterHour

Calendar view cell between hour cells.

.ms-calbot

Bottom row that represents an hour, day, or week in a calendar view.

.ms-appt a

.ms-appt a:hover

Hyperlinked text for an event that spans multiple days in a calendar view.

.ms-appt, .ms-GRCellSelect

Background,border, and text for an event that spans multiple days in a calendar view.

.ms-Dappt

Appointments displayed in a view by day.

.ms-Vappt

.ms-Vappt a

.ms-Vappt a:link

.ms-Vappt a:hover

Appointments displayed in a vertical view by day.

.ms-apptsingle

Text for an appointment that lasts a single day.

.ms-Dapptsingle

Appointments displayed in a view by day with no duration set.

.ms-Vapptsingle

.ms-Vapptsingle a

.ms-Vapptsingle a:link

.ms-Vapptsingle a:hover

Appointments displayed in a view by day with no duration set.

.ms-caldowdown

Calendar table cell for Internet Explorer 5.0 or earlier.

.ms-caldown

Day of week in calendar for Internet Explorer 5.0 or earlier.

.ms-datepickeriframe

Position of date-chooser pop-up calendar when creating or editing a list item.

.ms-datepicker

Date-chooser pop-up calendar when creating or editing a list item.

.ms-dpdow

Line under weekday names in the date-chooser pop-up calendar when creating or editing a list item.

.ms-dpday

Text of date numerals for the current month in the date-chooser popup calendar when creating or editing a list item.

.ms-dpselectedday

Text and background of the selected date in the date-chooser pop-up calendar when creating or editing a list item.

.ms-dpnonmonth

Text of date numerals which are not part of the current month in the date-chooser pop-up calendar when creating or editing a list item.

.ms-dphead

Header containing the month name and navigation arrows in the date-chooser pop-up calendar when creating or editing a list item.

.ms-dpnextprev

Arrows in the date-chooser pop-up calendar for moving from one month to the next or previous month.

.ms-dpfoot

"Today's date" text and the line above it in the date-chooser pop-up calendar when creating or editing a list item.

IMG.ms-button

Changes the cursor to a hand when the pointer is passed over buttons.

.ms-announcementtitle

Titles in the Announcements list view on the home page.

.ms-homepagetitle:Hover

List title in a list view. For example, the words "Announcements", "Events" and "Links" on the default.htm page.

.ms-discussionseparator

Space between discussion threads.

.ms-summarytitlebarframe

.ms-summarytitlebar a:link

.ms-summarytitlebar a:visited

.ms-summarytitlebar

.ms-summarytitlebartitle.ms-

summarytitlebartitle:hover

Unused

img.thumbnail

Color behind thumbnail in the Picture Preview area of the left navigation area in a picture library.

tr.ms-imglibselectedrow , tr.ms-highlight

Color of a row in a picture library when the row is selected in the Selected Pictures view.

.ms-imglibthumbnail

Background for thumbnails in Thumbnails view. Border color should be the same as for img.thumbnail style.

span.thumbnail

span.userdata

Reserved for internal use only. Do not alter.

.ms-imglibmenuarea

Background of the previous and next button in Filmstrip view of a picture library.

a.ms-imglibPreviewTitle

table.ms-imglibPreviewTable

Reserved for internal use only. Do not alter.

.UserShadedRegion

Shaded areas in Web Parts.

.UserCaption

Text areas in Web Parts.

.UserConfiguration

Text areas in Web Parts.

.UserDottedLine

Dotted lines in Web Parts.

.UserButton, .UserInput, .UserSelect

Input boxes in Web Parts.

.UserNotification

Text areas in Web Parts.

.UserToolBarTextArea

.UserToolBarTextArea a: link

.UserToolBarTextArea a: visited

.UserToolBarTextArea a: hover

Spacing for elements on toolbars in Web Parts.

.UserToolbarDisabledLink

.UserToolbarImage

.UserToolBarImageArea

.UserToolbarSelectedImage

Elements on toolbars in Web Parts.

.UserGenericHeader

Header text in Web Parts.

.UserGeneric

Default text in Web Parts.

.UserGenericBody

Indented body text in Web Parts.

.UserGenericText

Generic text that is used in all Web Parts.

.UserBackground

Background areas in Web Parts.

.UserSectionTitle

Form titles in Web Parts.

.UserSectionHead

Control labels in Web Parts.

.UserSectionBody

Instructional text on controls in Web Parts.

.UserControlGroup

Area of form controls in Web Parts.

.UserSectionFooter

Area at the bottom of user forms containing dotted line and command buttons.

.UserFooter

Area at the bottom of a form.

.UserCommandArea

Command button area at the bottom of a user form.

.UserToolbar

Toolbars in Web Parts.

.UserCellSelected

Selected cells in Web Parts.

.UserCell

Cells in Web Parts.

.UserGenericBulletItem

Bulleted items in Web Parts.

.ms-ToolPaneFrame

Background of the tool pane interior in Web Parts.

.ms-ToolPaneBody

Body of the tool pane in Web Parts.

.ms-ToolPaneBorder

Border around the tool pane in Web Parts.

.ms-ToolPaneHeader

Header of the tool pane in Web Parts.

.ms-ToolPaneClose

Area around the button for closing the tool pane in Web Parts.

.ms-ToolPaneTitle

Title of the tool pane in Web Parts.

.ms-ToolPaneFooter

Footer area of the tool pane in Web Parts.

.ms-ToolPaneError

Error messages that appear in the tool pane of Web Parts.

.ms-ToolPaneInfo

Information messages that appear in the tool pane of Web Parts.

.ms-ToolPartSpacing

Spacing between Web Parts.

.ms-ToolStripSelected

Hover behavior for the title bar at the top of the tool pane in Web Parts.

.ms-ToolStrip

Title bar at the top of the tool pane in Web Parts.

.ms-TPHeader

Header of the tool pane in Web Parts.

.ms-TPBorder

Border of the tool pane in Web Parts.

.ms-TPTitle

Title of the tool pane in Web Parts.

.ms-TPBody

.ms-TPBody A:link, .ms-TPBody A:visited, .ms-TPBody A:hover

Body of the tool pane in Web Parts.

.ms-TPCommands

Commands on the tool pane in Web Parts.

.ms-TPInput

Commands on the tool pane in Web Parts.

.ms-PropGridBuilderButton

"..." buttons in the tool pane of Web Parts.

.ms-BuilderBackground

Background of dialog boxes opened through property selections made through the tool pane in Web Parts.

.ms-SPZone

Borders of a zone control in Web Part Pages.

.ms-SPZoneSelected

Borders of a zone control in Web Part Pages when the insertion bar is active inside the zone.

.ms-SPZoneIBar

Insertion bar in Web Part Pages that shows the zone into which the user is dragging a Web Part.

.ms-SPZoneLabel

Label for a zone in Web Part Pages.

.ms-SPZoneCaption

Caption for the text inside a zone in Web Parts Pages.

.ms-WPDesign

Background for design mode in Web Part Pages.

.ms-WPMenu

Area around the menu in Web Parts.

.ms-WPTitle

.ms-WPTitle A:link, .ms-WPTitle A:visited

.ms-WPTitle A:hover

Title of a Web Part.

.ms-WPSelected

Border around a Web Part when the part is selected.

.ms-WPBody

.ms-WPBody TABLE, .ms-TPBody TABLE

.ms-WPBody A:link, .ms-WPBody A:visited

.ms-WPBody A:hover

.ms-WPBody th, .ms-TPBody th

.ms-WPBody TD

.ms-WPBody h1, .ms-TPBody h1

.ms-WPBody h2, .ms-TPBody h2

.ms-WPBody h3, .ms-TPBody h3

.ms-WPBody h4, .ms-TPBody h4

.ms-WPBody h5, .ms-TPBody h5

.ms-WPBody h6, .ms-TPBody h6

Contents of a Web Part.

.ms-WPBorder

Border around a Web Part.

.ms-HoverCellActive

.ms-HoverCellInActive

.ms-HoverCellActiveDark

Cell behavior throughout the UI for when the pointer is passed over a cell.

.ms-SPLink

.ms-SPLink A:link, .ms-SPLink A:visited

Text for Modify Page link.

.ms-SPButton

Font for buttons.

.ms-PartSpacingVertical

Vertical spacing between Web Parts.

.ms-PartSpacingHorizontal

Horizontal spacing between Web Parts.

.ms-WPHeader

Background area of the title bar in Web Parts.

.ms-rtApplyBackground

.ms-tbButtonMouseOverDown

.ms-rtRemoveBackground

Classes for the Rich Text Editor.

.ms-subsmanageheader

Section headers used on the pages for managing alerts: MySubs.aspx and SiteSubs.aspx. For example, Frequency: Immediate.

.ms-subsmanagecell

Subscription rows used on the pages for managing alerts: MySubs.aspx and SiteSubs.aspx.

.ms-ConnError

Error messages related to authoring connections.

.ms-underline

Underlines for the description, items, and last modified text on the Documents and Lists page.

.ms-underlineback

Same as ms-underline but adds a slight gray to the background that is used for titles on the Documents and Lists page.

.ms-back

Background that includes the color gray and spacing.

.ms-smallheader

Header used for group names(for example, Document Libraries) on the Documents and Lists page.

.ms-smallsectionline

Underline for group names (for example, Document Libraries) on the Documents and Lists page.

.ms-tabselected

.ms-tabinactive

.ms-tabinactive a:link

.ms-tabinactive a:hover

.ms-tabinactive a:visited

.ms-tabinactive a:hover

Tabs in a Meeting Workspace site.

.ms-surveyHBar

.ms-surveyHBarB

.ms-surveyVBar

.ms-surveyVBarB

.ms-surveyVBarBI

.ms-surveyVBarS

.ms-surveyVBarT

.ms-surveyVBarTC

.ms-surveyHR

Horizontal rules, horizontal bars, and vertical bars in the chart for rating questions in the Graphical Summary view of surveys.

.ms-surveyTotal

Spacers between verticals bars in the chart for rating questions in the Graphical Summary view of surveys.

.ms-uploadborder

Border around the control for uploading multiple files.

.ms-uploadcontrol

Background for selected text in the file list of the control for uploading multiple files.

.ms-spaceBetContentAndButton

.ms-ButtonHeightWidth

.ms-ButtonHeightWidth2

.ms-SpaceBetButtons

.ms-summarycustombody

.ms-summarystandardbody

Reserved for internal use only. Do not alter.

.ms-stylebox

.ms-stylelabel

.ms-styleheader

.ms-styleheader a:link, .ms-stylebody a:link

.ms-styleheader a:visited, .ms-stylebody a:visited

.ms-stylebody

.ms-styleheader a:hover, .ms-stylebody a:hover

Classes used in boxed view styles such as Document Details, Issues Boxed, etc.

.ms-alternating

Background color for the shaded view style.

.ms-MWSSelectedInstance

.ms-MWSInstantiated a:link, .ms-MWSInstantiated a:visited

.ms-MWSInstantiated a:hover

.ms-MWSUninstantiated a:link, .ms-MWSUninstantiated a:visited

.ms-MWSUninstantiated a:hover

Classes used for the recurrence navigation bar in a Meeting Workspace site.

 

В начало

Применение мастер страницы к вашей странице

К готовой странице ASPX можно применить мастер страницу следующими методами:

  1. SharePoint Designer - Формат\Главная страница\Присоединить главную страницу. далее выберите необходимую вам главную страницу.
  2. С помощью броузера выбрав в меню "Действия узла" пункт "Параметры узла" и перейдя по ссылке "Главная страница" примените мастер страницу для пунктов "Главная страница узла" и "Главная системная страница"

В начало

Создание библиотеки для размещения файлов

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

  • Откройте узел с помощью SharePoint Designer
  • Щелкните по нему правой кнопкой мыши
  • Выберите пункт Создать \ Содержимое SharePoint
  • На вкладке "Содержимое  SharePoint" выберите "Библиотека документов" и  щелкните  "Библиотека документов"
  • Задайте имя библиотеки и нажмите на клавишу ОК

В начало

Создание решения для развертывания

 

В начало

Документирование решения

В начало

 

 

CSS вся мощь в действии

Отличный сайт с примерами оформления с использованием CSS

Рейтинг ошибок при web дизайне

Закладка для себя очень толковая статья, как впрочем и весь сайт. http://www.webmascon.com/topics/designdetails/33a.asp

Дальнейшие улучшения

Как вы заметили сообщения добавляются только в заголовок элемента. Для добавления других элементов достаточно модифицировать переменную batch формат должен быть такой: < Batch ListVersion='0' > <Method ID='1' Cmd='New'> <Field Name='Title'>ваше сообщение</Field> <Field Name='assigned'>pupkin@company.com</Field> </Method> </Batch> для получения имени столбца перейдите по ссылке настройки списка и скопируйте адрес который высвечиваеться над ссылкой на столбец. Особое внимание уделите русским именам они как правило доставляют проблемы.

воскресенье, 27 апреля 2008 г.

Получение имени списка

В предыдущем посте я опубликовал как можно добавить сообщение в список MOSS сегодня я расскажу как получить уникальное имя списка. Каждый список в MOSS имеет уникальный идентификатор GUID. Войдите в меню управления сайтом. Site Actions выберите пункт View All site content. Щелкните на необходимый вам список. Щелкните на выпадающем меню Settings\ Document library settings.
Далее скопируйте адрес из строки броузера получиться что то типа этого: http://yappi-srv/_layouts/listedit.aspx?List=%7BF2E69EEC%2DDE5D%2D4AA9%2D8852%2DA72E5CE65611%7D
вам нужен вот этот фрагмент: %7BF2E69EEC%2DDE5D%2D4AA9%2D8852%2DA72E5CE65611%7D произведите замену символов %7B, %2D, %7D на символы {,-,} получиться {F2E69EEC-DE5D-4AA9-8852-A72E5CE65611} это и есть имя списка. Используйте его для отправки сообщения.

// создаем новое сообщение в списке Sharepoint
function NewMessage (list,hostName,message)
{
var web,req,batch;
web = new ActiveXObject( "MSXML2.XMLHTTP.3.0" );
batch = "<Batch ListVersion='0' ><Method ID='1' Cmd='New'><Field Name='Title'>" + message + "</Field></Method></Batch>";
var req = "<?xml version='1.0' encoding='utf-8'?><soap:Envelope xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xmlns:xsd='http://www.w3.org/2001/XMLSchema' xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'><soap:Body ><UpdateListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'>";
req += "<listName>" + list + "</listName>";
req += "<updates>" + batch + "</updates></UpdateListItems></soap:Body></soap:Envelope>";
var r = hostName + "/_vti_bin/Lists.asmx?op=UpdateListItems";
web.Open( "POST", r, False );
web.setRequestHeader( "Content-Type","text/xml; charset=utf-8" );
web.setRequestHeader ("SOAPAction","http://schemas.microsoft.com/sharepoint/soap/UpdateListItems");
web.send( req);

}