1. Урок третий
Форматируем текст
Текст, как правило, начинается с заголовка. Давайте
создадим в нашем тексте красочный заголовок. Чтобы
превратить обычный абзац в заголовок, нужно
воспользоваться панелью Properties. Эта панель находится в
нижнем доке и называется панелью свойств. Если ее не
видно, включите пункт выключатель Properties в меню
Window или нажмите комбинацию клавиш <Ctrl>+<F3>.
В редакторе свойств нам понадобится раскрывающейся
список Format. Пункт Paragraph форматирует текст как
обычный абзац. А вот пункты Heading 1,..., Heading 6
позволяют превратить его в заголовок.
Поставим текстовой курсор на строку "Персональная
страница" и выберем в меню форматов пункт Heading 1. Это
будет выглядеть так:
2. Теперь выравним заголовок по центру. В этом нам помогут
кнопки-переключатели выравнивания ,
расположенные в редакторе свойств. Это будет выглядеть
так:
3. Теперь посмотрим на кнопки , находящиеся в том же
редакторе свойств. Они позволяют создать отступ слева,
между краем окна и абзацем. Левая кнопка уменьшает
отступ, правая увеличивает. Давайте поставим курсор
мыши на последний абзац и нажмем кнопку увеличения
отступа.
4. Создадим маркированные списки, преобразовав
выделенные строки в пункты списка, воспользовавшись
кнопками переключателями редактора свойств.
5. Левая кнопка превращает выделенные абзацы в пункты
маркированного списка, а правая-в пункты нумерованного.
Форматируем фрагмент текста
И так перейдем к тексту. Начнем с самого простого.
Сделаем некоторые слова в тексте полужирными и
курсивными. Воспользуемся двумя кнопками изменения
начертания , расположенными в редакторе свойств.
Левая кнопка В позволяет сделать шрифт полужирным,
правая I -курсивным.
Выделим текст "Горбунков Семен Семенович" и нажмем
кнопку В. Текст станет полужирным. Теперь выделим
полностью последний абзац и нажмем кнопку I. Абзац
станет курсивным.
6. Теперь давайте зададим шрифт для фрагмента текста.
Делается это с помощью двух комбинированных списков,
расположенных в редакторе свойств. Для задания самого
шрифта используется комбинированный список Font, а для
смены размера шрифта список Size.
Откроем комбинированный список Font.
7. Каждый пункт комбинированного списка соответствует
определенному стандартному шрифтовому набору HTML.
А пункт Default Font сбрасывает шрифтовые установки и
возвращает их к установкам по умолчанию. В
комбинированном списке Size перечислены все доступные
размеры шрифтов. Пункт None cбрасывает размер шрифта
установки по умолчанию.
Для полноты картины давайте сменим шрифт всего
текста. Для этого выбираем пункт Select All в меню Edit или
нажимаем комбинацию клавиш <Ctrl>+<A. Но проще
щелкнуть мышью по кнопке <body> в секции тегов. Теперь
поэкспериментируем с текстом задавая различные шрифты
и размеры.
Для задания цвета используем селектор цвета .
В левой части селектора находится кнопка, вызывающая
окно выбора цвета
8. Большую часть окна занимает палитра, где ищем нужный
цвет. Найдя его щелкаем по нему мышью, окно выбора
закроется.