Программные средства разработки Web-страниц и презентаций: Методические указания по выполнению лабораторных работ, страница 12

·  Задать такой же встроенный стиль для следующего абзаца, начинающегося со слов «Все программы…».

·  Сохранить все сделанные изменения.

Самостоятельное задание:

21. Создать действующий для всех страниц стиль абзацев DIV, задающий выравнивание по ширине страницы и отступ красной строки размером 40 пикселей (категория Block, свойство text-align, значение justify; свойство text-indent).

22. Создать действующий для всех страниц стиль выделения гиперссылок, обеспечивающий подсветку (изменение цвета фона) ссылки при наведении на нее указателя мыши. Для указания состояния ссылки используются так называемые псевдоклассы (link – еще не просмотренная ссылка, visited – просмотренная ссылка, active – активная, открытая в данный момент, hover – наведен указатель мыши). Псевдокласс указывается в таблице стилей после имени тэга через двоеточие. Селектор – псевдокласс a:hover, категория Background, свойство background-color.

23. Создать действующий для всех страниц стиль выделения другим цветом текста уже просмотренных ссылок.

24. Изменить внедренный в страницу «Мой офис» стиль ячеек таблицы TD – задать более мелкий шрифт написания текста внутри таблицы (категория Font, свойство font-size).

25.  На странице «Мой офис» изменить встроенный в заголовок таблицы стиль ячейки TH – задать разреженное написание символов заголовка (категория Block, свойство letter-spacing).

26. На странице «Новые возможности Word» отключить подчеркивание для гиперссылок, находящихся внутри списка с графическим маркером с помощью стиля, основанного на классе.

27. На странице «Новые возможности Word» с помощью стиля, основанного на классе, отключить красную строку для абзацев DIV с увеличенным отступом слева, находящихся в разделе «Возможность легко избежать орфографических ошибок» (абзацы, начинающиеся со слов «Некоторые параметры…» и «Все программы…»). Категория Block, свойство text-indent.

28. На странице «Новые возможности Excel» заключить встречающиеся в тексте названия приложения и его версий (Microsoft Office Excel 2007, Excel и т.п.) в тэг SPAN, а затем определить для этого тэга стиль, задающий подчеркнутое написание и курсив (категория Font, свойство font-style).

29. Создать новую таблицу стилей, действующую для страниц word.htm и excel.htm. В таблицу добавить стиль, задающий  буквицу – измененное написание первой буквы абзаца (с помощью псевдокласса first-letter тэга DIV): увеличить размер, изменить цвет текста или цвет фона буквицы.

30. Сравнить отображение страниц в разных браузерах (разных версиях браузера) с помощью компонента предпросмотра MS Expression Web SuperPreview:

·  Открыть компонент MS Expression Web SuperPreview из главного менюWindows (рис.12).

·  В окнах просмотра выбрать браузеры FireFox и Internet Explorer, щелкнув на соответствующих значках мышью. Если FireFox не установлен на локальном компьютере (либо текущая версия не поддерживается SuperPreview), выбрать разные, наиболее различающиеся (например, 6 и 8) версии IE.

·  Рис.12. Окно компонента MS Expression Web SuperPreview

·  Нажать на кнопку … в строке Location и выбрать файл страницы, которую надо просмотреть (например, office.htm из рабочей папки).

·  Используя полосы прокрутки и колесико мыши (для изменения масштаба отображения), сравнить внешний вид страницы в разных браузерах.

·  Сменить браузер (версию браузера) в одном из окон просмотра. Для этого щелкнуть на значке крестика × на панели управления соответствующим окном просмотра и выбрать новый браузер (версию).

·  Средство предпросмотра Expression Web SuperPreview можно вызвать для выбранной страницы из Expression Web, нажав кнопку .

·  Если на компьютере установлены разные локальные браузеры (например, IE и FireFox) – просмотреть страницу в этих браузерах, выполнив в редакторе Expression Web команду Preview/Preview in Multiple Browsers. Чем просмотр с помощью этой команды отличается от режима просмотра SuperPreview?