1. Текстовая страничка

1.1 Интерфейс

Главное окно и окно документа.

Панели (View.Toolbars, <F4>):

Параметры (Edit. Preferences):

1.2 WEB-Страница

Создается кнопкой New панели Standard или через меню File.New. Текст печатается прямо здесь, как в редакторе Word. Сохраняется кнопкой Save той же панели или через File.Save. Заголовок документа задается в поле Title панели Document. Состав панели Properties.

Все, что связано с текстом, вводится из меню Text и с панели Insert.Text. Этот текст является абзацем. Тег <P> В отличие от абзаца, разрыв строки - тег <BR> (Shift Enter) продолжает тот же абзац, но с новой строки, а неразрывный пробел - &nbsp; - препятствует переносу.

Формат абзацев, заголовков (то же в меню Text.Paragraph Format). Выравнивание абзацев (Text.Align). Для абзацев можно использовать параметр align, задающий выравнивание влево, по центру или вправо. Тег <Blockquote> задает отступы (Text.Outdent, Text.Indent).

Нумерованные и маркированные списки (Text.List) Теги <OL>, <UL>, <LI>

Теги <H1>...<H6> определяют шесть уровней заголовков. Заголовок уровня 1 самый крупный, а уровень 6 соответствует самому маленькому заголовок. Следующие строчки дают представление об относительных размерах букв в заголовках.

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5
Заголовок 6

Все Web-обозреватели при выводе текста на экран символы возврата каретки преобразуют в пробелы, а строку обрывают в конце абзаца или при разрыве. Последовательность пробелов они преобразуют в один пробел, а текстом заполняют все доступное пространство родительского элемента - страницы, абзаца и т.п.

Если же нужно вывести на экран текст фиксированного формата, 
	следует воспользоваться пунктом Preformatted в списке Format окна Properties 
		или выбрать Text.Paragraph Format.Preformatted Text 
			или с панели Insert.Text.Preformatted Text. Тег <PRE>

Бегущая строка задается тегом <Marquee>, который не поддерживается DreamWeaver'ом.

Это пример использования тега <Big>

Это пример использования тега <Small>  

Это пример использования тега <Strike>

Это пример использования тега <Sub>

Это пример использования тега <Sup>

Эта строка, хоть и длинная, не должна разрываться броузером, потому что текст этой строки находится внутри тега <NOBR>

Специальные символы: Линия Horizontal Rule с панели Insert, вкладка HTML и ее свойства. © Copyright с этой же панели, вкладка Text, Characters® там же Line Break - разрыв строки, неразрывный пробел Non-Breaking Space и другие (µæ). Тег <HR> - линия


1.3 Свойства страницы

Три режима отображения страницы на панели Document, в меню View, клавишами <Ctrl `>, меню Window.Code Inspector: страница (Design) , код и то и другое.

Строка состояния: секция тегов для выделения тегов, секция размера окна для просмотра, секция размера страницы с примерным размером и скоростью загрузки странички при 28,8 Кбит/с

Контекстное меню Insert Tag в режиме Code с мини-редактором HTML. Подсказки по коду после < со списком всех тегов HTML. Remove Tag в контекстном меню внутри тега. Контекстное меню Edit Tag выделенного тега и в меню Modify.Tag Chooser в меню Insert.Tag.

Поиск и замена в меню Edit.Find and Replace, в т.ч. Specific Tag в списке Search и регулярные выражения.

Просмотр странички в Internet Explorer и других обозревателях: <F12>, кнопкой Preview/Debug in Browser панели Document, а также File.Preview in Browser.

Работа со справкой.

Название страницы в поле Title панели Document. Тег <Title>. Сохранение страницы в отдельной папке. Имя страницы (default или index для первой по умолчанию, учет регистра) .

Кнопка Page Properties панели Properies задает общие свойства страницы. Свойства страницы (Page Properties: Color, отступы в Internet Explorer и Netscape Navigator). Цветовые схемы в меню Commands.Set Color Scheme.

Комментарии из меню Insert.Comment или с вкладки Common.Comment Edit.Preferences.Invisible Elements необходим соответствующий флаг). Тег <!--...-->. Читать при выделении в окне Properties. В том же меню дата, например: May 29, 2004.


1.4 Гиперссылки

Гиперссылки вводятся через поле Link панели Properies или меню Modify.Make Link или с панели Insert.Common.Hyperlink. Тег <A HREF>. Там же список Target (Modify.Link Target) для указания цели гиперссылки: _blank в новом окне, _top, _parent и _self (по умолчанию) в том же окне. Параметром Title организуется подсказка, Access key - символ клавиши быстрого доступа, которую пользователь может нажать вместе с Alt, а Tab index - индекс перехода к гиперссылке по клавише Tab. Там же изменение активной гиперссылки (Modify.Change Link). Для удаления используется меню Modify.Remove Link.

Почтовая гиперссылка создается из меню Insert.Common.Email Link или с панели Insert.Common.Email Link ( eDrive10@narod.ru). Якоря - ссылки на фрагменты текущей страницы - Named Anchor - там же (пример на абзаце Специальные символы). Текст ссылки на якорь: #имяЯкоря, а с другой страницы - имяСтраницы.htm#имяЯкоря. Для привязки якоря текущей страницы удобно использовать мишень справа от поля со списком Link в окне Properties.

2 3 4 5 6 7 8    Примеры текстов



Используются технологии uCoz