More Related Content
Viewers also liked (6)
Similar to урок 3 (20)
More from JIuc (20)
урок 3
- 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. Большую часть окна занимает палитра, где ищем нужный цвет. Найдя его щелкаем по нему мышью, окно выбора закроется.