Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...
Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...
Топ:
Особенности труда и отдыха в условиях низких температур: К работам при низких температурах на открытом воздухе и в не отапливаемых помещениях допускаются лица не моложе 18 лет, прошедшие...
Методика измерений сопротивления растеканию тока анодного заземления: Анодный заземлитель (анод) – проводник, погруженный в электролитическую среду (грунт, раствор электролита) и подключенный к положительному...
Выпускная квалификационная работа: Основная часть ВКР, как правило, состоит из двух-трех глав, каждая из которых, в свою очередь...
Интересное:
Инженерная защита территорий, зданий и сооружений от опасных геологических процессов: Изучение оползневых явлений, оценка устойчивости склонов и проектирование противооползневых сооружений — актуальнейшие задачи, стоящие перед отечественными...
Средства для ингаляционного наркоза: Наркоз наступает в результате вдыхания (ингаляции) средств, которое осуществляют или с помощью маски...
Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...
Дисциплины:
2022-11-27 | 44 |
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
+ Поведение
Панель элементов
|
|
Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...
Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
Папиллярные узоры пальцев рук - маркер спортивных способностей: дерматоглифические признаки формируются на 3-5 месяце беременности, не изменяются в течение жизни...
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!