Работа с текстом

Работа с текстом. В Dreamweaver можно форматировать текст, не прибегая к редактированию тегов. Для этого достаточно ввести текст и в визуальном дизайне страницы выбрать тест, щелкнуть правой кнопкой мыши и в появившемся меню выбрать формат абзаца, тип списка, сторону выравнивания, шрифт, стиль или выбрать из шаблона.

Там же можно сделать из текста гиперссылку. Все эти пункты меню находятся внизу, в панели свойства. Кроме того, в этой панели можно задать цвет текста. Также в Dreamweaver находится встроенная проверка орфографии. Панель вставить. В верхней части окна находится очень удобная панель вставить, выполненная в виде дока, ее стоит рассмотреть поподробнее. Меню основное. Первое меню основное предоставляет возможность вставки гиперссылок. Для ссылки на другие адреса.

После нажатия на эту кнопку или перетаскивания ее в нужное место на странице, появляется меню, где следует выбрать текст ссылки, ввести адрес или выбрать документ на жестком диске. Выбрать цель blank- новое пустое окно программы просмотра, parent- родительский фреймовый документ текущего фрейма, self-текущий фрейм, top- внешний документ текущего фрейма без разбиения на составные части и заголовок ссылки. Следующая кнопка создает ссылку на E-mail. В появившемся меню необходимо написать текст ссылки и e-mail адрес.

Следующая кнопка создает якорь. Якорь нужен для ссылок внутри страницы. Четвертая кнопка создает таблицы. В диалоговом окне можно выбрать ширину, высоту, количество колонок, столбцов, номер таблицы, размер рамки и выравнивание в длину, или в ширину. После создания таблицы появляется еще одно окно с вводом имени, заголовка и типом выравнивания. Следующая кнопка позволяет рисовать слои для свободно позиционируемых элементов. Шестая по счету кнопка вставляет изображение.

После выбора рисунка в диалоговом окне открыть, появляется окно с вводом альтернативного текста и описания. Причем, изображение можно выбрать как из какого-нибудь места, так и из исходных данных. В нижней панели свойства можно задать имя рисунка, ширину, высоту, вертикальный пробел, горизонтальный пробел, задать ссылку на адрес, вставить другое изображение, выбрать нижнее оно заменит исходное после клика на него, выбрать цель, отредактировать во внешнем редакторе, выровнять, задать размер рамки и сбросить размеры рисунка.

Следующая кнопка создает изображение- заполнитель. Восьмая и девятая импортирует объекты из Macromedia Fireworks HTML и Macromedia Flash соответственно. Кнопка изображение прокрутки вставляет два рисунка, исходный и изображение, прокрутки, которые сменяют друг друга при наведении мышки, а по клику переходит на сайт, заданный пользователем. Кнопка панель навигации служит для создании колонки или строки гиперссылок, оформленных в виде изображений.

В списке элементы перечислены все элементы полосы навигации, которые уже имеются. Можно выбрать один из элементов и изменить его свойства или создать новый. В поле ввода имя элемента вводится имя. В поле верхнее изображение вводится имя файла изображения, отображаемое в обычном случае. В поле ввода изображение поверх вводится имя файла изображения, отображаемого, когда пользователь помещает курсор мыши. Нижнее изображение имя файла после нажатия мыши, а в поле изображение сверху вниз имя файла изображения нажатой гиперссылки, над которой пользователь поместил курсор.

Возле каждого поля ввода находится кнопка обзор. В поле альтернативный текст - вводится альтернативный текст. К сожалению, в этом окне, Dreamweaver некорректно отображает русские буквы, поэтому приходится либо вручную править код HTML, либо писать альтернативный текст по-английски. В поле ссылка вводится адрес гиперссылки, а список в - позволяет выбрать, в каком окне будет открыта ссылка. В опции показать нижнее изображение вначале сначала грузится изображение нажатой кнопки, а флажок preload image указывает Dreamweaver создать код, заставляющий web- обозреватель загружать заранее все изображения, задействованные в полосе навигации и кэшировать их. Благодаря чему, постановка нужных изображений будет происходить мгновенно, не дожидаясь загрузки с сайта.

После создания полосы навигации, можно посмотреть на HTML- код и увидеть, как много работы проделал Dreamweaver. Здесь пришлось проделать достаточно много работы сформировать таблицу, разместить в ней все указанные графические изображения, превратить их в гиперссылки и главное - написать сценарии, которые будут ими управлять.

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

После даты идет табличные данные, с указанием файла с табличными данными. Затем комментарий, создающий строку, которую видно только в HTML- коде и, последняя кнопка- выбор тега, рассматривавшаяся выше. В каждом меню, помимо основных кнопок, расположена кнопка помощи. Меню расположение. В меню расположение можно переключатся между стандартным видом и видом размещения. Эти опции доступны только в окне дизайн. В стандартном виде можно либо вставить таблицу, либо нарисовать слой, а виде размещения нарисовать таблицу или ячейку.

Меню текст Меню текст, предназначено для форматирования выбранного участка текста. Здесь можно выбрать редактор шрифта тегов - редактор тега font. В появившемся меню нужно задать шрифт, цвет, размер, стиль, направление, язык. Существует возможность импорта своих шрифтов. Кнопка жирный делает выбранный текст жирным, курсив - курсивом, сильный сильным и выразить, соответственно, выраженным, внешне схожим с курсивом.

Следующая три кнопки - это абзац, то есть форматированный текст, Блок в кавычках, форматированный текст, отображаемый точно также как и в коде, правда, равноширинной. Далее идет заголовок первого уровня, второго и третьего. Затем список, упорядоченный список, элемент списка, список определения и описание определения. После создания списка, в панели свойства можно изменить тип списка, его отображение и стиль. Последние две кнопки делают из текста аббревиатуру и акроним.

В появившемся меню останется ввести полный текст и язык.