История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...
История развития пистолетов-пулеметов: Предпосылкой для возникновения пистолетов-пулеметов послужила давняя тенденция тяготения винтовок...
Топ:
Основы обеспечения единства измерений: Обеспечение единства измерений - деятельность метрологических служб, направленная на достижение...
Процедура выполнения команд. Рабочий цикл процессора: Функционирование процессора в основном состоит из повторяющихся рабочих циклов, каждый из которых соответствует...
Отражение на счетах бухгалтерского учета процесса приобретения: Процесс заготовления представляет систему экономических событий, включающих приобретение организацией у поставщиков сырья...
Интересное:
Уполаживание и террасирование склонов: Если глубина оврага более 5 м необходимо устройство берм. Варианты использования оврагов для градостроительных целей...
Влияние предпринимательской среды на эффективное функционирование предприятия: Предпринимательская среда – это совокупность внешних и внутренних факторов, оказывающих влияние на функционирование фирмы...
Подходы к решению темы фильма: Существует три основных типа исторического фильма, имеющих между собой много общего...
Дисциплины:
2022-11-27 | 50 |
5.00
из
|
Заказать работу |
|
|
Конспективно рассмотрим приемы применения CSS-разметки элементов веб-страницы при помощи области задач Управление стилями (рис. 6.29).
Рис. 6.29. Выберите стиль на панели Управление стилями
Рис. 6.30. Назначение стиля фрагменту текста
Полезным будет обратить внимание на то, как SharePoint Designer осуществляет прямое форматирование текста.
Рис. 6.31. Отформатируйте фрагмент текста
Рис. 6.32. Форматирование текста осуществляется автоматическим созданием стиля CSS
Лабораторная работа 6.2. Вставка рисунка из галереи клипов
Осуществим в рамках этого упражнения вставку на веб-страницу рисунка из галереи клипов Microsoft Office и его сохранения в файле.
Рис. 6.33. Откройте область задач Клип
Рис. 6.34. Отыщите нужный клип
|
Рис. 6.35. Введите замещающий текст
Рис. 6.36. Отредактируйте вставленный рисунок
Рис. 6.37. Выберите расположение создаваемого на веб-узле файла с рисунком
Примечание: Для некоторых форматов доступны дополнительные параметры. В качестве параметра GIF-файла используется параметр чередования. Такой рисунок при просмотре его в браузере будет загружаться характерными полосами, что позволит зрителю Вашей страницы быстрее оценить его содержание.
Рис. 6.38. Выберите формат и параметры создаваемого файла с рисунком
Краткие итоги
SharePoint Designer позволяет редактировать обычные веб-страницы стандартными приемами веб-дизайна.
Тем не менее, SharePoint Designer предназначен, в первую очередь, для разработки веб-узлов 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
================================================
Задача 5. (рис. 6.Т5)
Вариант 1 Задачи 5. Какая?
1…9
+ 4
Вариант 2 Задачи 5. Какая?
1…9
+ 9
Вариант 3 Задачи 5. Какая?
1…9
+ 3
================================================
Задача 6. (рис. 6.Т6)
Вариант 1 Задачи 6. Какая из кнопок панели инструментов используется для вставки гиперссылки?
1…6
+ 6
Вариант 2 Задачи 6. Какая из кнопок панели инструментов используется для запуска браузера?
1…6
+ 2
Вариант 3 Задачи 6. Какие из кнопок панели инструментов используются для настройки списков?
1…6
+ 1
+ 6
Вариант 3 Задачи 6. Какая из кнопок панели инструментов используются для вставки тегов заголовков, например, < h1>, < h2> и т.д.?
1…6
+ 3
|
================================================
Задача 7. (рис. 6.Т7)
Вариант 1 Задачи 7. Какой из шаблонов следует выбрать для создания новой веб-страницы на основе стилевого CSS-позиционирования?
Общие
ASP.NET
+ Макеты CSS
Таблицы стилей
Страницы рамок
Вариант 2 Задачи 7. Какой из шаблонов следует выбрать для создания новой веб-страницы на основе фреймов?
Общие
ASP.NET
Макеты CSS
Таблицы стилей
+ Страницы рамок
Вариант 3 Задачи 7. Какой из шаблонов следует выбрать для создания нового файла, сохраняющего стили CSS?
Общие
ASP.NET
Макеты CSS
+ Таблицы стилей
Страницы рамок
================================================
Задача 8. (рис. 6.Т8)
Вариант 1 Задачи 8. Какая из областей задач предназначена для форматирования элементов веб-страницы (например, текста)?
Список папок
+Свойства тега
+ Свойства CSS
Поведение
Панель элементов
Вариант 2 Задачи 8. Какая из областей задач предназначена для вставки тегов на веб-страницу?
Список папок
Свойства тега
Свойства CSS
Поведение
+ Панель элементов
Вариант 3 Задачи 8. Какая из областей задач предназначена для настройки сценариев JavaScript?
Список папок
Свойства тега
Свойства CSS
+ Поведение
Панель элементов
|
|
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
Археология об основании Рима: Новые раскопки проясняют и такой острый дискуссионный вопрос, как дата самого возникновения Рима...
Эмиссия газов от очистных сооружений канализации: В последние годы внимание мирового сообщества сосредоточено на экологических проблемах...
Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!