ХОР

Добавь свой голос

Использование ИКТ

Инфотека

Инструменты
Персональный раздел
Категории

Рекомендации по работе c Dreamweaver (DW)

Admin
5/11/2006 11:54:19
Автор: Горюнова М.А., Клименков А.Г

Отличное пособие Александра Аверина по работе с Dreamweaver опубликовано в Интернете на веб-сайте

  1. Сначала обязательно определите настройки программы, в том числе, кодировку(Редактировать/Edit->Настройки/Preferences).
  2. Определите настройки сайта (позиция Сайт/Site), включая параметры FTP-доступа, если они уже известны. Можно выйти на настройки сайта через п.1, и че-рез меню Файлы Сайта/Sites->Новый Сайт/Define Sites. Настройка - очень важный этап работы! Если пп.1-2 выполнены грамотно, то в случае переименования файла, его удаления и т.д., DW сможет отслеживать и исправлять все внутренние согласования.
  3. В окне, соответствующем вашему сайту (Site Manager), создайте новый файл, (а не новое окно в меню программы) Файл/File->Новый файл/New File и дайте ему имя.
  4. Открыв файл непосредственно из окна Сайт, задайте основные свойства страницы (меню Изменить/Modify -> Свойства страницы/Page Properties); Не забывайте осмысленно заполнять Заголовок/Title title .../title Для пользователей удобно, когда в названии страницы кратко отражена структура сайта. Например: title Школа №1 СПб/ музей/title. Палитры Объектов/Objects и их Свойств/Properties можно в любой момент найти в меню Окно/Window;
  5. Проверьте, чтобы у картинок и фотографий был прописан параметр alt="..." (в DW соответствующее поле в свойствах картинки). Иногда графику отключают...
  6. В параметре face="..." тега font желательно указывать семейство шрифтов, из кото-рого будет выбран шрифт, в случае отсутствия на компьютере указанного(DW сам предлагает списки). Например, face="Geneva, Arial, Helvetica, san-serif" обозначает приоритетное использование шрифтов вплоть до любого из семейства san-serif (без засечек).
  7. Заполните мета-теги, особенно содержащие keywords и description (в DW есть спец. помощь среди объектов "Заголовок/Head"); Левый нижний угол окна DW показывает теги, которые старше "текущего". Правый нижний угол окна DW содержит навигатор панелей, благодаря которому всегда под рукой карта сайта и история ваших деяний (если всё правильно настроено, см. пп.1-2), а также инспектор кода. Эта панель ускоряет работу со стилями и библиотеками, если этим владеете. На мой взгляд, надо сначала познакомиться с CSS как таковыми, что очень полезно, а уж потом с соответствующим инструментарием DW.
  8. Левее навигатора панелей находится поле задания размера окна. Протестировать сайт в разных режимах.
  9. Приятно пройтись по коду командой Очистить HTML, а особенно Очистить Word HTML, если Вы использовали перевод документов в HTML средствами Word, на-пример, пополняя раздел со статьями.(Команды/Commands->Очистить HTML/Clean Up HTML или соотв. Clean Up Word HTML).
  10. Помните о проблеме совместимости броузеров!...если она Вас волнует :) DW позволяет в настройках (см. п.1) предусмотреть просмотр в нескольких броузерах, если они конечно же есть у Вас на компьютере. В решении проблем может помочь уже упомянутый инспектор кода в DW.
  11. DW позволяет также использовать слои, шаблоны, макросы, вставлять нехитрую анимацию, очень широко использовать дополнительные расширения (Extension), которые в изобилии живут и множатся на соответствующем сайте http://www.macromedia.com/exchange/dreamweaver/, доступном прямо из меню Помощь/Help (если во времы работы с DW Вы можете выйти в Интернет). И помните про п.11.
  12. Публикация сайта в Интернет происходит элементарно через Site Manager (см. п.3), используя прописанные в настройках сайта (см.п.2) параметры FTP-доступа.

В меню "Помощь/Help" содержатся подробные инструкции и уроки, а также полезные ссылки на родном для DW английском.

Данная статья является частью учебного пособия по созданию образовательных ресурсов в сети Интернет

Горюнова М.А., Клименков А.Г, "Создание образовательных ресурсов в сети Интернет": Учебное пособие, СПб.: ЛОИРО, 2001 - 52 с.