Error: Reference source not found
Урок 1. Назначение и интерфейс программы. Настройки и свойства
Macromedia Dreamweaver 8 - профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Практикуете ли вы написание кода HTML вручную или предпочитаете работать в визуальной среде редактирования, Dreamweaver обеспечивает вас полезными инструментальными средствами, чтобы увеличить ваш опыт создания web-страниц и сайтов.
Dreamweaver— типичнейший представитель визуальных Web-редакторов, работающих по принципу WYSIWYG (What You See Is What You Get, "что ты видишь, то ты и получишь"). Визуальные возможности редактирования в Dreamweaver позволяют вам быстро создавать страницы без того, чтобы писать код вручную. Вы можете просматривать все ваши элементы сайта или активы и быстро вставлять их из панели непосредственно в документ. Вы можете упрощать ваши действия, создавая и редактируя изображения в Macromedia Fireworks или в другом графическом редакторе, затем импортируя их непосредственно в Dreamweaver или добавляя объекты Macromedia Flash.
Dreamweaver также обеспечивает полнофункциональную среду написания кода, которая включает инструментальные средства редактирования кода (например, раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP).
Технология Roundtrip HTML импортирует документы HTML без переформатирования кода и вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML как вы этого хотите без того, чтобы повторно форматировать код.
Запустите программу в Windows:
Пуск (Start) → Программы (Programs), → Macromedia → Macromedia Dreamweaver 8.
Появляется стартовая страница (см. рис.1.1), которая позволяет:
начать редактирование последнего открытого документа (раздел Open a Recent Item);
создать новый документ на базе определенной технологии (раздел Create New);
создать новый документ на базе шаблона (раздел Create from Samples);
открыть Интернет-ресурс интерактивного описания и руководство пользователя Macromedia Dreamweaver Exchange.
 Рис. 1.1. Стартовая страница
Выберите пункт HTML раздела Create New
Интерфейс программы
Для базового интерфейса программы характерны все признаки обычного приложения (см. рис. 1.2). Ядро рабочей среды программы составляют:
окно документа;
панель Insert (Вставка);
панель Property Inspector (Инспектор свойств);
панель инструментов документа;
селектор дескрипторов (выбор тегов);
группа дополнительных панелей.
Рис. 1.2. Рабочая среда программы DreamWeaver.
Рис. 1.3. Панель инструментов документа.
Панель инструментов документа подключается через меню View→Toolbars→Document (Вид→Панели инструментов→Документ).
Изменение режима отображения страницы:
 - HTML-код текущей страницы;
 - дизайн страницы;
 - код и дизайн страницы одновременно.
Рис. 1.4. Панель Insert (Вставка)
Панель Insert(Вставка) (рис. 1.4) разделена на несколько наборов объектов и команд. В зависимости от выбранной технологии при создании страницы на панели становятся доступными разные категории. Панель можно подключить двумя способами: Window→Insert (Окно→Вставка) или View→Toolbars→ Insert (Вид→Панели инструментов→Вставка).
Рис. 1.5. Панель Property Inspector (Инспектор свойств)
Панель Property Inspector (Инспектор свойств, рис.1.5) отображает свойства выбранного элемента. Подключит панель можно через меню Window→ Properties (Окно→Свойства)
Рис. 1.6. Селектор дескрипторов (тегов)
Селектор дескрипторов (рис. 1.6) отображает теги, окружающие текущий выбранный элемент и позволяет отредактировать код страницы, не выходя из режима дизайна. Необходимо здесь щелкнуть правой кнопкой мыши по названию тега и выбрать из контекстного меню Queek Tag Editor (Быстрый редактор тегов).
Г руппы панелей
Рис. 1.7. Группы панелей
Для обеспечения высокого уровня функциональности в программе реализованы группы панелей. Они созданы для упрощения настройки вашей рабочей среды
На панели Files(Файлы) представлены файлы и каталоги, составляющие Web-узел. С ее помощью легко открывать файлы, не выполняя команды File→Open (Файл-Открыть)
Рис. 1.8. Панель Files(Файлы)
Панель History(История) поможет отменить уже внесенные в документ изменения
Рис. 1.9. Панель History(История)
Некоторые настройки
«Настройка русских символов»
Откройте диалоговое окно Preferences (Настройки) в меню Edit (Правка)
Выберите в списке категорий пункт New Document (Новый документ)
В строке Default encoding (кодировка по умолчанию) выберите Кириллица (Windows)
В строке Default Document Type (DTD) (Тип документа по умолчанию) выберите HTML 4.0 Traditional
«Настройка шрифтов»
Выберите в списке категорий пункт Fonts (Шрифты)
В списке Font Settings (Установки шрифтов) выберите Кириллица
В строках Proportional Font (пропорциональный шрифт), Fixed Font (моноширинный шрифт), Code View (шрифт HTML-кода) и Size(Размер) выберите значения по своему желанию.
«Настройка панели Insert»
Щелкните на панели Insert(Вставка) правой кнопкой мыши и выполните команду Customize Favorite Object (Настройка избранных объектов)
В появившемся диалоговом окне (рис. 1.10) в категории Available objects (Доступные объекты) выберете последовательно Flash Button (Флеш-кнопка) и Flash Text (Флеш-текст) и нажмите 
На панели Insert(Вставка) раскройте список категорий и выберете Favorite (Избранные). Посмотрите, какие кнопки появились в этой категории.
Снова откройте диалоговое окно «Настройка избранных объектов(Customize Favorite Object)» и удалите ранее выбранное вами из раздела Favorite Objects(Избранные объекты) с помощью кнопки 
Рис. 1.10. Диалоговое окно «Настройка избранных объектов»
Вопросы для контроля
Как используется панель Properties(Свойства)?
Для чего нужен селектор дескрипторов (тегов)?
С какой целью применяется панель Files(Файлы)?
Как с помощью журнала History(История) отменить внесенные изменения?
Как поменять режимы просмотра страницы?
Как настроить русские символы?
Как добавить объекты в категорию Favorite(Избранные) панели Insert(Вставка)?
|
