Macromedia Dreamweaver 3
Руководство для начинающих - шаг за шагом (часть 3)

Шаг II. Форматирование текста

Теперь можно набить какой-нибудь абзац и применить к нему форматирование стандартными средствами Dreamweaver.

Эта менюшка определяет формат абзаца (заголовок 1, заголовок 2, параграф и т.д.):

Эта менюшка определяет вид шрифта:

Обратите внимание, используется определение группы шрифтов, а не какого-то одного наименования - если первый из указанных шрифтов отсутствует на компьютере конечного пользователя, браузер автоматически подставит второй, а если нет и второго - то похожий (вместо Arial - любой sans-serif, например), при этом общий дизайн страницы не утратится. Если же указывать конкретный шрифт, то при его отсутствии браузер применит шрифт, используемый по умолчанию (например, вместо Arial - Times New Roman), и шрифт с засечками испортит тщательно продуманный дизайн.

Эта менюшка определяет размер шрифта:

Размер шрифта определяется в относительных единицах - при данном способе форматирования размер шрифта в окне браузера конечного пользователя будет зависеть от настроек этого самого пользователя (выбираемые в меню браузера "Вид" размеры шрифта - крупный, средний и т.д.). Избежать этой зависимости и принудить пользователя видеть шрифт того размера, который задуман вами для полного соответствия с вашим дизайном, можно только используя CSS[?]. Но это отдельная песня, которую я вам обязательно спою позже.

В нижней строке этой панели доступны также кнопки выбора ссылки (выделите текст, который будет являться гиперссылкой, и нажмите на папочку рядом с полем "Link" для обзора; или просто введите адрес в это поле), выбора окна, в котором будет открываться ссылка (target, при отсутствии ссылки кнопка недоступна), маркированного и нумерованного списков, вертикального и горизонтального отступов.

Кнопочка со знаком вопроса - вызов контекстной справки (в отдельном окне браузера, на английском языке).

Кнопочка с изображением карандашика вызывает Quick Tag Editor (если вам, допустим, понадобилось обозначить данный абзац как цитату - нажимаете эту кнопочку и из выпавшего списка выбираете blockquote, и т.п.) Вообще-то эта панель является панелью свойств любого объекта, и при использовании таблицы на ней появляются дополнительные кнопки свойств таблицы, при выделении рисунка - дополнительные кнопки свойств рисунка, и т.д.

Вставка изображения и редактирование его свойств

Для вставки картинки следует воспользоваться кнопочкой с изображением картинки на панели "Objects".

После нажатия этой кнопки вы автоматически обозреваете свою рабочую директорию на предмет пригодных для употребления картинок. Если картинка находится за пределами рабочей директории, вы ее спокойно находите и вставляете. Большой плюс: "Preview" (предварительный просмотр) работает во всех директориях, а не только в директории сайта. После того, как вы выбрали картинку и нажали "Select", возможны два варианта развития событий.

• Выбранная картинка находится в рабочей директории сайта (или в одной из ее поддиректорий). В этом случае она спокойно вставится, и все.
• Выбранная картинка находится за пределами рабочей директории сайта. В этом случае Dreamweaver предложит сразу скопировать ее в рабочую директорию и предложит выбрать, куда именно и под каким именем. Надо соглашаться, иначе путь к изображению будет прописан неправильно (в виде file://../image.gif).

Когда изображение вставлено, автоматически прописываются в код страницы путь к нему, его ширина и высота. Поле "alt", в отличие от Front Page, автоматически не прописывается, что позволяет избежать случайного попадания на страницы идиотских комментариев типа: "image.jpg, 33800 bytes". Если вам не требуется комментарий к рисунку, Dreamweaver просто вообще не вписывает параметр alt в код страницы (но лучше все же заполнить это поле - большинство современных поисковых машин учитывает комментарии к рисункам при поиске). [>> далее >>]

© 2000, Бандурина Людмила