Создать сайт самому? Не проблема! Все о создании сайтов – как создать дизайн сайта, верстка сайта, уроки HTML, сайт на WordPress, как выбрать хостинг сайтов

У редактора Dreamweaver очень богатые возможности, с помощью которых можно делать форматирование текста в html странице.  И грех ими не воспользоваться в процессе создания сайта. Вообще-то существуют два способа форматирования текста. Первый — с помощью языка html и второй – с помощью языка css, на котором создаются каскадные таблицы стилей. Возможности языка html по сравнению с каскадными таблицами стилей очень ограничены, но и сам процесс форматирования при этом проще. . Выполнять форматирование текста в html странице,  в редакторе Dreamweaver, можно с помощью панели Свойства в нижнем доке редактора или через главное меню командой Текст. Не знаю как кому, а мне гораздо удобнее пользоваться панелью Свойства, вот она:

Итак, допустим, у нас в окне редактора набран текст с заглавием, например такой:

Сделать заглавие заглавием можно с помощью раскрывающегося списка Формат в котором выбираем заголовки нужного уровня. Уровней всего шесть. От самого первого, применяемого для заголовков страниц до последнего, применяемого для отдельных параграфов.

Для «озаглавливания», достаточно поставить курсор на нужную строку и выбрать из списка необходимый вариант.

• Из раскрывающегося списка Шрифт можно выбрать шрифт для любого, предварительно выделенного участка текста.
• Из раскрывающегося списка можно выбрать размер шрифта, предварительно выделив нужный участок текста.

Пропустим пока окошко Стиль. Дальше в верхней строчке идут кнопки, с которыми вы наверняка встречались в текстовых редакторах. Итак, соответственно, по порядку:

• Копка, делающая выделенный текст полужирным
• Кнопка, выравнивающая выделенный текст влево
• Кнопка, выравнивающая выделенный текст по центру
• Кнопка, выравнивающая выделенный текст вправо
• Кнопка, выравнивающая выделенный текст по ширине

Под этими кнопками, внизу, находятся еще четыре кнопки.

• Первые две предназначены для создания соответственно маркированного и нумерованного списков из выделенного участка текста.
• Вторые две задают для выделенного участка текста выступ и отступ текста.

Если с отступом и выступом все просто и понятно, то с маркированными списками не все так просто. Для того, чтобы создать эти списки из нужного вам текста нужно проделать некоторые подготовительные мероприятия. А именно: отделить строки списка от основного текста и отделить строки одна от другой. Причем делать нужно это так. Ставим курсор в начало первой строки списка и жмем Enter. Ставим курсор в начало второй строки списка и жмем Enter, третей и так далее. Выделяем строки списка и щелкаем кнопку нужного типа списка в панели Свойства.

Вот что получится, если отформатировать текст с такими параметрами: заглавие – h1 (Заголовок 1), по центру, дальше основной текст – шрифт Arial, размер – 14, полужирный, курсив, выравнивание влево, нумерованный список:

Из использованных нами команд к командам языка html, с помощью которых выполняется  форматирование текста в html странице, относятся: создание заглавия, полужирный текст, курсив, выравнивание текста, и создание списков. Небогато. Дальше в процесс форматирования текста вступает язык css.  Не спешите брать учебник css, редактор Dreamweaver прекрасно справляется с задачей форматирования текста в html странице,  с помощью языка css. Обратите внимание на окошко Стиль в панели Свойства и панель Стили css в правом доке редактора.
Видите? Редактор создал Стиль 1. Если открыть этот стиль из панели Стили css (щелкнуть на нем правой клавишей и из выпадающего меню выбрать Редактировать), то можно видеть, что данный стиль определяет тип и размер шрифта. Если вы перейдете в режим Код, то без труда сможете увидеть, что редактор Dreamweaver вставил код стиля в код страницы.

Как еще можно выполнять форматирование текста в html странице сайта, и не только текста, с помощью каскадных стилей css, в частности с помощью панели Свойства страницы, чем они отличаются от стилей css, созданных в файле таблицы стилей читайте на странице  Создание web страницы в html редакторе Dreamweaver.