Адаптации растений и животных к жизни в горах: Большое значение для жизни организмов в горах имеют степень расчленения, крутизна и экспозиционные различия склонов...

История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...

Лекция 6. SharePoint Designer 2007 как HTML-редактор

2022-11-27 53
Лекция 6. SharePoint Designer 2007 как HTML-редактор 0.00 из 5.00 0 оценок
Заказать работу

Вверх
Содержание
Поиск

Краткая аннотация (до 255 знаков): В лекции излагаются базовые приемы редактирования статических HTML-страниц в программе Microsoft Office SharePoint Designer 2007. Рассматриваются вопросы работы с изображениями, стилями CSS, таблицами, гиперссылками и некоторые другие приемы классического веб-дизайна.

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

Цель лекции. Представить программу SharePoint Designer в качестве средства разработки HTML-страниц, сделав акцент на предусмотренные в ней средства визуального проектирования.

Преамбула

Несмотря на то, что программа SharePoint Designer, в первую очередь, предназначена для редактирования веб-узлов SharePoint, ее, тем не менее, довольно удобно использовать в качестве неплохого средства традиционного веб-дизайна. Поэтому посвятим данную главу основам применения SharePoint Designer для разработки HTML- и ASPX-страниц, не касаясь особенностей технологии SharePoint, однако, имея в виду, что приведенные в главе сведения пригодятся и при разработке страниц SharePoint. Ведь почти все элементы управления HTML- и ASP- допускается размещать на веб-страницах стандарта SharePoint.

При изложении материала в этой главе подразумевается, что читатель владеет самыми основными приемами HTML-дизайна.

Стили

Начнем с неотъемлемого приема современного веб-дизайна, связанного с использованием каскадных таблиц стилей. SharePoint Designer обладает развитыми средствами по применению стилей, главным из которых является панель Свойства CSS.

Подключение CSS-файла

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

  1. Разместите на экране одновременно окно Проводника Windows и SharePoint Designer (рис. 6.1).
  2. Перетащите файл каскадной таблицы стилей из папки Проводника на панель Список папок (рис. 6.1)

Рис. 6.1. Перенесите CSS-файл на панель Список папок

  1. Перетащите CSS-файл из панели Список папок на область Конструктор (рис. 6.2).

Рис. 6.2. Перетащите CSS-файл прямо на область Конструктор

  1. Оцените результат применения стилей к веб-странице (рис. 6.3).
  2. Откройте область задач Свойства CSS.
  3. На панели Свойства CSS просмотрите свойства стиля, который определяет форматирование тега, размечающего выделенный объект. В нашем примере это тег <Body>, указанный в списке Примененные правила (рис. 6.3).

Рис. 6.3. Результат применения таблицы стилей

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

Рис. 6.4. Редактирование файла с таблицей стилей


Поделиться с друзьями:

Таксономические единицы (категории) растений: Каждая система классификации состоит из определённых соподчиненных друг другу...

Особенности сооружения опор в сложных условиях: Сооружение ВЛ в районах с суровыми климатическими и тяжелыми геологическими условиями...

Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначен­ные для поддерживания проводов на необходимой высоте над землей, водой...

История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...



© cyberpediasu.com 2017-2026 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.012 с.