Лабораторная работа 6.2. Вставка рисунка из галереи клипов
Осуществим в рамках этого упражнения вставку на веб-страницу рисунка из галереи клипов Microsoft Office и его сохранения в файле.
Выделите желаемое место вставки клипа на веб-странице.
Введите команду Вставка / Рисунок / Клип (рис. 6.33).
Рис. 6.33. Откройте область задач Клип
На панели Клипотыщите желаемый рисунок (рис. 6.34).
Рис. 6.34. Отыщите нужный клип
Нажмите кнопку Вставитьили просто перетащите клип в нужное место страницы.
Определите замещающий текст рисунка (рис. 6.35) и нажмите кнопку ОК.
Рис. 6.35. Введите замещающий текст
Отредактируйте рисунок на странице (рис. 6.36).
Введите команду Сохранить. Учтите, что, пока веб-страница не сохранена, графический файл также не сохранен.
Рис. 6.36. Отредактируйте вставленный рисунок
В открывшемся диалоге Сохранение внедренных файловвыберите имя сохраняемого рисунка (рис. 6.37).
Нажимая кнопку Сменить папку, выберите расположение файла с рисунком (рис. 6.37).
Рис. 6.37. Выберите расположение создаваемого на веб-узле файла с рисунком
Определите желаемый формат создаваемого на веб-узле графического файла (рис. 6.38).
Примечание:Для некоторых форматов доступны дополнительные параметры. В качестве параметра GIF-файла используется параметр чередования. Такой рисунок при просмотре его в браузере будет загружаться характерными полосами, что позволит зрителю Вашей страницы быстрее оценить его содержание.
Оцените результат вставки рисунка в браузере.
Рис. 6.38. Выберите формат и параметры создаваемого файла с рисунком
Краткие итоги
SharePointDesignerпозволяет редактировать обычные веб-страницы стандартными приемами веб-дизайна.
Тем не менее, SharePointDesignerпредназначен, в первую очередь, для разработки веб-узловSharePointи поэтому имеет развитые инструменты визуального проектирования компонентов, напрямую задействованных в технологииSharePoint. К ним относятся средства работы с таблицами, каскадными стилямиCSS, графикой иDHTML-сценариями.
Обычные приемы форматирования применяются похожим образом на другие программы пакета Office.
Тесты к лекции
================================================
Задача 1. (рис. 6.6)
Вариант 1 Задачи 1. Сколько файлов каскадной стилевой разметки Вы видите на панели Список папок??
Ни одного
1
+ 2
3
Вариант 2 Задачи 1. Какими из стилей сейчас размечен выделенный элемент текста?
+ divTitle
+ mtop
Ни одним из означенных
Вариант 3 Задачи 1. Какие из областей задач могут использоваться для назначения стилей CSS?
+ Применение стилей
+ Свойства тега
================================================
Задача 2. (рис. 6.7EMPTY)
Вариант 1 Задачи 2. Какие из областей задач могут использоваться для назначения стилей CSS?
+ Управление стилями
+ Свойства тега
Вариант 2 Задачи 2. Какой из параметров тега <div> использован для назначения CSS-стиля выделенному фрагменту?
+ class
dir
id
style
Вариант 3 Задачи 2. Для разметки фрагментов, определяемым какими тегами используется CSS-стиль divTitle?
+ div
+ span
================================================
Задача 3.
Вариант 1 Задачи 3. Каким из CSS-стилей сейчас размечен рисунко (рис. 6.14)?
left
+ style1
Ни одним из означенных
Вариант 2 Задачи 3. Каким из CSS-стилей сейчас размечен рисунко (рис. 6.16)?
left
style1
+ Ни одним из означенных
Вариант 3 Задачи 3. Какая команда верхнего меню Вставка позволяет добавить в текст знак копирайта? (рис. 6.Т3-3)
Рисунок
+ Символ
Веб-компонент
================================================
Задача 4. (рис. 6.Т4)
Вариант 1 Задачи 4. Какие из кнопок позволяют отразить рисунок в вертикальном или горизонтальном направлении?
1…8
+ 4
Вариант 2 Задачи 4. Какие из кнопок позволяют изменить контрастность рисунка?
1…8
+ 5
Вариант 3 Задачи 4. Какие из кнопок позволяют назначить рисунку эффект размытия?
1…8
+ 8
Вариант 4 Задачи 4. Какие из кнопок позволяют создать на основе рисунка новое изображение-миниатюру?
1…8
+ 2
Вариант 5 Задачи 4. Какие из кнопок позволяют повренуть рисунок на 90 град.?
1…8
+ 3
================================================