II.3. Выполнение работы

После установки SharePoint Portal Server 2003 и соответствующей настройки всех компонентов получаем готовый веб-узел портала.

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

— Добавить вхождение. Служит для добавления вхождений в область. Другими словами позволяет разместить на странице различные приложения.

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

— Отправить документ. Соответственно для отправки документов в библиотеки узла.

— Изменить параметры. Служит для изменения параметров страницы. Таких как дата публикации, название, имя, параметров поиска и индексации, изменение шаблонов.

— Управление пользователями. Служит для добавления новых пользователей, удаления пользователей из всех групп узла или добавления пользователей в группы узла.

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

— Управление узлом портала. В этом представлении отображается структура портала. В нем можно перетаскивать категории и вхождения.

— Изменить страницу. Служит для изменения содержимого на самой странице. Здесь можно управлять веб-частями. Можно открыть страницу в конструкторе и править веб-части. Одно из самых важных представлений необходимых для моей части работы со страницами портала.

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

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

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

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

Через редактор форматированного текста. Этот редактор открывает диалоговое окно, где наподобие документа Word можно печатать свой автоматически форматируемый текст, создавать таблицы и вставлять рисунки. Однако этот редактор не такой функциональный как тот же Microsoft Word. Многие стили форматирования отсутствуют. Для дополнительных настроек разметки страницы существует второй способ.

Через редактор исходного текста. Здесь открывается окно с HTML разметкой веб-части. Весь текст можно самому форматировать в HTML.

HTML (от английского Hypertext Markup Language — «язык разметки гипертекста») — это стандартный язык разметки документов во Всемирной паутине. Практически все веб-страницы создаются при помощи языка HTML или его последователя — XHTML.

Формально, HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

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

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых «тегами»), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако, современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.

Язык HTML позволяет размечать в тексте:

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

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

— Гарнитуру, кегль, начертание, цвет шрифта для визуального вывода.

— Специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т. п.)

— Формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl).

— Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы MIDI и др.), так и внешними приложениями, «встраиваевыми» в окно браузера (Flash-анимация, Java-апплеты и прочее).

HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br />). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>

<a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>

А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными.

Кроме элементов, в HTML-документах есть и сущности (англ. entities) — «специальные символы». Сущности начинаются с символа амперсанда и имеют вид & имя; или &# NNNN;, где NNNN — код символа в Юникоде в десятеричной системе счисления.

Например, &copy; — знак авторского права (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: &amp; — амперсанда (&), &lt; — символа «меньше» (<) и &gt; — символа «больше» (>), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

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

Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги заголовка (<head></head>) и тела (<body></body>) документа.

Список основных тегов и специальных символов приведён ниже.

Элемент HTML - эта основная структурная единица веб-страницы.

Теги и их параметры нечувствительны к регистру. То есть <A HREF=http://yahoo.com> и <a href=http://yahoo.com> означают одно и то же.

Гиперссылки.

<A HREF= url > гиперссылка </A> — гиперссылка.

Текстовые блоки.

1. <H1> … </H1>, <H2> … </H2>, …,<H6> … </H6> — заголовки 1, 2, … 6 уровня.

<P> — новый параграф. Можно в конце параграфа поставить </P>, но это не обязательно.

<BR> — новая строка. Этот тег не закрывается (не существует тега </BR>).

<HR> — горизонтальная линия.

<BLOCKQUOTE> … </BLOCKQUOTE> — цитата. Обычно текст сдвигается вправо.

<PRE … </PRE> — режим preview. В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме </PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе).

<DIV> … </DIV> — блок (обычно используется для применения стилей CSS).

<SPAN> … </SPAN> — строка (обычно используется для применения стилей CSS).

Форматирование текста.

<EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом).

<STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом).

<I> … </I> — выделение текста курсивом.

<B> … </B> — выделение текста жирным шрифтом.

<U> … </U> — подчёркивание текста.

<S> … </S> — зачёркивание текста.

<STRIKE> … </STRIKE> — то же самое, что <S> … </S>.

<BIG> … </BIG> — увеличение шрифта.

<SMALL> … </SMALL> — уменьшение шрифта.

<BLINK> … </BLINK> — мигающий текст. Это один из самых ненавидимых тегов, потому что мигающий текст неприятен для глаз.

<MARQUEE> … </MARQUEE> — сдвигающийся по экрану текст. Степень народной любви к этому тэгу примерно такая же, как и к мигающему.

<SUB> … </SUB> — подстрочный текст. Например, H<SUB>2</SUB>O создаст текст H₂O.

<SUP> … </SUP> — надстрочный текст. Например, E=mc<SUP>2</SUP> создаст текст E=mc².

<FONT параметры > … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры:

COLOR= color — задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 — зелёную, последние 2 — синюю) или названием.

FACE= шрифт меняет шрифт.

SIZE= размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию 3. Есть много способов изменить стандартный размер для данной страницы.

SIZE=+ размер или SIZE=- размер — размер задаётся по сравнению со стандартным. Например, +2 означает размер на 2 больше стандартного.

Списки.

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

создаёт список:

первый элемент

второй элемент

третий элемент

Если вместо <UL> (Unordered List, что означает ненумерованный список) поставить <OL> (Ordered List, нумерованный список), список получится нумерованным:

первый элемент

второй элемент

третий элемент

Объекты.

<IMG SRC= имя или URL > — вставка изображения. Этот тег не закрывается.

EMBED — вставка различных объектов: не-HTML документов и media-файлов.

APPLET — вставка Java-апплетов.

SCRIPT — вставка скриптов.

Таблицы.

TABLE — создание таблицы. Параметры тега:

BORDER — толщина разделительных линий в таблице.

CELLSPACING — расстояние между клетками.

CAPTION — заголовок таблицы (этот тег необязателен).

TR — строка таблицы.

TH — заголовок столбца таблицы (этот тег необязателен).

TD — ячейка таблицы.

height – высота таблицы.

width – ширина таблицы

Формы.

Создание форм в HTML является довольно сложным делом. Здесь приводятся только названия основных тегов.

FORM — создание формы.

INPUT — элемент ввода (может иметь разные функции — от ввода текста до отправки формы).

TEXTAREA — текстовая область (многострочное поле для ввода текста).

SELECT — список (обычно в виде выпадающего меню).

OPTION — пункт списка.

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

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

Написав такой код:

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="justify"><p class="osnovnoi" >

<span class="text2">

<img src="E:\fimtemlogo.gif" valign="bottom" align="left" alt="">

</span><p class="osnovnoi">

<span class="text2">

<p align="justify">

<H1>Информация о подразделении</H1>

<font size="1">

<DL>

<DT>Официальное название:</DT>

<DD>Волгоградский филиал Московского Государственного гуманитарно-экономического института</DD>

<DT>Официальная аббревиатура:</DT>

<DD>ВФ МГГЭИ</DD>

<DT>Руководитель:</DT>

<DD>……………… </DD>

<DT>Физический адрес подразделения:</DT>

<DD>Волгоград, Поддубного, 15</DD>

<DT>Основной телефон:</DT>

<DD></DD>

<DT>Адрес электронной почты:</DT>

<DD><A </A></DD>

</DL>

</font>

</p>

</span>

</td>

</tr>

</table>

Получаем вот такой вид:

Как видим, работа с этой веб-частью не вызвала никаких затруднений.

Минимальные знания HTML, навыки работы с MS Word, творческий подход, и работа готова.