Как сохранить настройки dreamweaver
Обновлено: 06.07.2024
В этой статье описываются некоторые из наиболее полезных приемов настройки, которые могут быть выполнены вами, пользователем Macromedia Dreamweaver.
Это руководство написано для Macromedia Dreamweaver MX, последней версии от декабря 2002 года. Однако многие из приведенных примеров могут быть выполнены в более ранних версиях (особенно v4, почти идентичный продукт Dreamweaver).
Настройки Dreamweaver могут включать модификации каталога / Configuration /. Файлы в этой папке необходимы для стабильности программного обеспечения. Поэтому предлагается резервное копирование.
При редактировании файла конфигурации Dreamweaver не открывайте документ в Dreamweaver. Это может поставить под угрозу стабильность. Другие варианты могут включать Microsoft Notepad или Macromedia HomeSite. Я предполагаю, что у вас есть базовые знания об этом продукте и его возможностях.
Управление расширениями ваших документов
../Macromedia/Dreamweaver MX / Configuration / DocumentTypes / MMDocumentTypes.xml
Здесь вы найдете настройки расширения документа для нашей программы. Чтобы изменить расширение HTML по умолчанию, найдите строку 3 и измените следующий код из:
Кроме того, пользователи Mac могут вносить те же изменения в атрибут macfileextension. Все, что мы действительно сделали, это изменили приоритет расширения языка гипертекстовой разметки. Это довольно просто, правда. И, редактируя такие вещи в файле, мы можем создавать совершенно новые действия для Dreamweaver.
Вот еще один, который я отредактировал. Я обнаружил, что читаемый браузером PHP-документ типа PHPS не имеет цветовой кодировки, поэтому я решил добавить это расширение в библиотеку расширений PHP. Как? В строке 67 я изменил атрибуты winfileextension и macfileextension, чтобы включить в них тип файла .phps. Первоначально они читали:
Поэтому я изменил их на:
И, конечно же, такие же изменения могут быть сделаны для расширения macfile. С помощью этой информации вы сможете легко управлять действиями расширения Dreamweaver.
Изменить шаблоны документов по умолчанию
Стандарты меняются, личные предпочтения меняются, и иногда мы просто становимся ленивыми. К счастью, те добрые разработчики Macromedia оставили нам несколько удобных вариантов. Давайте откроем наш новый каталог документов по адресу:
../Macromedia/Dreamweaver MX / Конфигурация / Типы документов / Новые документы /
Здесь вы найдете все основные шаблоны документов для файлов, инициированных Dreamweaver. Все, что вам нужно сделать, это открыть соответствующий документ с типом файла и отредактировать шаблон в соответствии с вашими потребностями. В этом примере давайте представим, что мы хотим использовать одно и то же внешнее расположение каскадных таблиц стилей для каждого HTML-документа, который мы создадим в обозримом будущем. Чтобы сделать это частью естественного кода Dreamweaver, мы отредактируем содержимое HTML-шаблона Default.html. Это выглядит так:
Изменить библиотеку тегов
Библиотека тегов Dreamweaver является источником всех настроек тегов, включая разрывы строк, содержимое и использование заглавных букв. Это в первую очередь используется для оптимизации кода под размер файла и совместимость с браузером, поскольку такие вещи, как пробелы, как правило, вызывают проблемы. Но вы также можете изменить некоторые другие параметры для удобства. Чтобы открыть редактор библиотеки тегов, перейдите к:
Основные настройки Dreamweaver
Для типичного новичка Dreamweaver большой список программных настроек может быть довольно пугающим. Однако большинство из них можно полностью игнорировать, так как только некоторые из них влияют на вашу рабочую среду. Я выделю основные настройки, которые вы должны настроить. Сначала давайте перейдем в панель настроек, выбрав:
Категория Важные твики
Вот список наиболее важных изменений, которые вы должны одобрить.
Изменить сочетания клавиш
Правка> Сочетания клавиш…
Например, давайте представим, что мы натягиваем практическую шутку на нашего друга Джо. Наш собеседник всегда использует комбинации клавиш Ctrl + N и Ctrl + O для создания и открытия документов. Да, мы злые Давайте переключим их.
Теперь у нас есть дубликат записи Ctrl + O, но Dreamweaver будет использовать только первую запись в базе данных. Поэтому вернитесь и замените действие «Открыть…» Ctrl + N, как мы делали раньше. Хит ОК.
Давайте не будем злоупотреблять этой функцией, а?
Использование расширений Macromedia
Если у вас еще не установлено расширение, вы можете скачать его здесь .
Войдите в систему и используйте раскрывающийся список «Просмотр расширений…», чтобы найти соответствующий плагин и платформу. Сохраните нужный файл в:
../Macromedia/Extension Manager / Загрузки /
После завершения передачи откройте Macromedia Extension Manager.
Файл> Установить расширение…
Затем просто следуйте инструкциям на экране и, наконец, перезапустите Dreamweaver. Инструкции по использованию и расположению модуля доступны в списке расширений менеджера.
Важные ссылки
Ниже приведен список официальных документов Macromedia Dreamweaver MX и ссылок, которые помогут в процессе настройки. Некоторые из этих файлов были использованы при создании этого учебного пособия и могут быть в дальнейшем использованы для улучшения вашего опыта Dreamweaver.
Не забудьте сделать резервную копию важных файлов!
Расширение DW MX
Справка по локальной информационной базе данных> Расширение Dreamweaver
Генератор и оптимизатор миниатюр
Команды> Создать веб-фотоальбом…
Здесь вы найдете быстрый, простой и безболезненный способ обработки изображений на ходу. Выберите исходную и целевую папку, настройте другие дополнительные параметры и дайте Dreamweaver сделать все остальное. Я обычно выбрасываю автоматически сгенерированную HTML-страницу, хотя вы можете найти ее полезной.
С помощью этих советов вы сможете успешно изменить способ, которым программное обеспечение Dreamweaver помогает вам в веб-разработке. Удачи!
Наверняка каждый пользователь программы Dreamweaver, да и я сам, по ряду причин - обновление программы, переустановка операционной системы - не раз сталкивался с необходимостью ее переустановки. И при этом сброс/утрата всех пользовательских настроек в программе неизбежен. Но далеко не каждый знает, как максимально упростить и автоматизировать для себя весь этот процесс. Вот об этом мы здесь и поговорим.
К сожалению, отсутствие толковых инструментов в программе для переноса настроек, да и скудное наличие документации на официальном сайте Adobe на эту тему свидетельствует о том, что разработчиков версий Dreamweaver до СС мало волновали проблемы пользователей такого рода.
Например, перед нами стоят задачи:
- Экспорт и импорт настроек сайтов(подключения фтп, локальные пути и т.п.) и самих файлов.
- Транспортировка пользовательских "Фрагментов кода".
- Перенос/резервное копирование пользовательского набора "Сочетания Клавиш" - горячие клавиши клавиатуры.
1. Экспорт настроек сайтов в Dreamweaver.
С документацией темы этого пункта обстоят дела лучше, чем сравнительно с другими, есть немного информации на сайте Adobe. Но если вам необходимо перенести большое количество сайтов, реализация такого официального метода транзита настроек сайтов может показаться вам очень трудоемкой. Для продвинутых пользователей есть более гибкое решение, описание которого я вынес в отдельную статью - Резервное копирование настроек сайтов в Dreamweaver, используя реестр Windows.
Конечно, при написании п.1 данной статьи мне пришлось пересекаться с упомянутой выше статьей разработчиков Dreamweaver, но я постарался изложить свой вариант, на мой взгляд более простой, подробный и понятный пользователю. Плюс прилагаю к нему изображения.
Начнем с настроек. Для их сохранения воспользуемся инструментом Dreamweaver "экспорт" - все равно без вариантов :)
Открываем список всех ваших сайтов: "Веб-сайт" -> "Управление веб-сайтами", где выделяем их нужное количество, допустим, все (ctrl+a) и жмем кнопку "Экспорт".
в диалоговом окне из вариантов списка:
- для резервного копирования параметров
- для совместного использования др. пользователями
Разница в том, что во втором не сохраняются локальные пути
жмем первый, находим существующую или создаем новую директорию для хранения - например с именем backup-sites, подтверждаем выбор.
Теперь в указанной папке для каждого транспортируемого сайта создался свой файл с расширением *.ste и соответствующим сайту названием. Формат хранимых данных - XML, все читаемо в любом текстовом редакторе, кроме паролей, они в зашифрованном виде. С экспортом настроек справились.
Что касается содержимого – контента (файлов сайтов) - обычным способом, копируем все директории ваших сайтов в ту же папку для резервного хранения, в моем случае из \my-sites\ в \backup-sites\
Экспорт сайтов завершен.
1.1 Импорт настроек сайтов в Dreamweaver.
Для импорта сразу позаботьтесь о переносе директорий сайтов из архивного местоположения в рабочее. В моем случае из директории \backup-sites\ в \my-sites\.
После, уже в новой "чистой" программе Dreamweaver, открываем диалоговое окно "Управление веб-сайтами" (п. 1) и жмем кнопку импорт. В обзоре файлов заходим в папку backup-sites и выделяем файлы настоек *.ste - импортируемых сайтов в новую программную среду, подтверждаем выбор.
И тут самое интересное. Из серии поочередно открывающихся диалоговых окон необходимо вручную для каждого сайта переназначить соответствующую директорию с файлами. Теперь все зависит от вашего терпения и количества импортируемых сайтов, все равно делать с нуля будет еще медленнее :)
Вот так, используя штатные средства, разработчики решили проблему массовой "быстрой " транспортировки настроек сайтов из одного Dreamweaver(а) в другой.
2. Экспорт контента пользовательских "Фрагментов кода" в Dreamweaver
Те, кто не пользуется “Фрагментами Кода”, совершают большую ошибку, т.к. это очень удобный и порой незаменимый инструмент в программе.
На заметку новичкам: инструмент Dreamweaver “Фрагменты кода” ускоряет и облегчает процесс программирования, вы легко оперируете часто используемыми вами фрагментами кода, можно в програмный код быстро оборачивать или вставить непрерывный блок, а также назначить для этого действия горячую клавишу.
Тем более, что дочитав текущий пункт до конца, вы с легкостью можете переносить всю свою библиотеку “Фрагментов кода” в любую из версий Dreamweaver за считаные секунды.
Для этого идем по пути через скрытую папку AppData текущего пользователя windows c:\Users\\ AppData\ Roaming\Adobe\Dreamweaver CS6\ru_RU\Configuration
Находите там директорию Snippets и переносите ее к себе в безопасное место для резервного хранения со всем ее содержимым (директории, файлы *.csn). Вот в принципе и все, что касается экспорта фрагментов.
2.1 Импорт "Фрагментов кода" в Dreamweaver
Если не желаете, чтобы ваши “Фрагменты Кода” смешались с дефолтными, перед импортом своих удалите родные через интерфейс Dreamweaver. После, закройте/выйдите из программы и повторите действия экспорта в обратном порядке – верните директорию Snippets в Configuration.
Если ранее вы не создавали пользовательских “Фрагментов кода”, то папки Snippets не существует.
3. Перенос пользовательского набора "Сочетания Клавиш" - горячие кнопки клавиатуры в Dreamweaver.
Незаменимый инструмент. да и не только в Dreamweaver - Сочетания клавиш. Порой многие молодые разработчики довольно длительное время наполняют программу своими комбинациями, и когда приходит время переустановки Dreamweaver, разочаровываются в ней из-за отсутствия штатного инструмента транспортировки настроек. Конечно, в программе есть возможность получить список “Сочетания клавиш” в формате html – это можно назвать экспортом, но без возможности последующего импорта, что вынуждает потом переносить горячие клавиши вручную.
Поэтому, чтобы ваши “Фрагменты Кода” и другие инструменты программы после очередной ее переустановки безболезненно получили назад свои “Горячие Клавиши” из вашего “пользовательского набора”, Вам необходимо повторить действия п.2 настоящей статьи, только теперь оперируете папкой Menus из Configuration.
После всех действий по транспортировки директорий, не забываем перезапустить Dreamweaver и радуемся любимым настройкам на новом месте.
Если бы вы являлись счастливым обладателем лицензионного программного обеспечения Adobe серии CC и выше, необходимость в сохранении/транспортировки пользовательских настроек у вас бы не было, т.к. все они автоматически синхронизируются с аккаунтом Adobe во всех их программных продуктах. Делайте выводы.
Dreamweaver поставляется со встроенной функцией FTP, что приятно, поскольку вам не нужно иметь отдельный FTP-клиент для загрузки файлов документов на веб-сервер.
Dreamweaver предполагает, что у вас будет дубликат структуры вашего веб-сайта на жестком диске. Поэтому, чтобы настроить параметры передачи файлов, вам нужно настроить сайт в Dreamweaver. После этого вы будете готовы подключить свой сайт к веб-серверу по FTP.
Dreamweaver также предлагает другие способы подключения к веб-серверам, включая WebDAV и локальные каталоги, но это руководство подробно расскажет вам о FTP.
Перейдите в Меню сайта и выберите Управление сайтами . Откроется диалоговое окно менеджера сайта.
Выберите сайт для передачи файлов
Я создал три сайта в Dreamweaver «Примеры Dreamweaver», «Конюшни на вершине холма» и «Периферийные устройства». Если вы еще не создали ни одного сайта, вам нужно создать его, чтобы настроить передачу файлов в Dreamweaver.
Выберите сайт и нажмите «Изменить».
Расширенное определение сайта
Если он не открывается автоматически в этом поле, перейдите на вкладку «Дополнительно», чтобы перейти к дополнительной информации об определении сайта.
Удаленная информация
Передача файлов на сервер осуществляется через панель «Удаленная информация». Как видите, на моем сайте не настроен удаленный доступ.
Изменить доступ к FTP
Как видите, существует несколько вариантов передачи файлов. Наиболее распространенным является FTP.
Заполните информацию FTP
Убедитесь, что у вас есть FTP-доступ к вашему серверу веб-хостинга. Свяжитесь с вашим хостом, чтобы узнать подробности.
Заполните данные FTP следующим:
Последние три флажка относятся к тому, как Dreamweaver взаимодействует с FTP. Информация о синхронизации хороша для проверки, потому что тогда Dreamweaver знает, что она передала, а что нет. Вы можете настроить Dreamweaver на автоматическую загрузку файлов при их сохранении. И если у вас включена регистрация и выписка, вы можете сделать это автоматически при передаче файла.
Проверьте свои настройки
Dreamweaver проверит настройки подключения. Иногда он будет тестироваться так быстро, что вы даже не увидите это диалоговое окно.
Ошибки FTP распространены
Легко ввести неверный пароль. Если вы получили это окно, проверьте свое имя пользователя и пароль. Если это не сработает, попробуйте переключить Dreamweaver на пассивный FTP, а затем на безопасный FTP. Некоторые хостинг-провайдеры забывают сообщить вам, если это необходимо.
Успешное соединение
Совместимость сервера
Если у вас по-прежнему возникают проблемы с передачей файлов, нажмите кнопку «Подключение к серверу». Откроется окно подключения к серверу. Это еще два варианта, которые помогут вам устранить неполадки вашего FTP-соединения.
Локальное/сетевое соединение
Dreamweaver может подключить ваш веб-сайт к локальному или сетевому серверу. Используйте эту опцию доступа, если ваш веб-сайт находится в той же сети, что и ваш локальный компьютер.
WebDAV
WebDAV расшифровывается как «Распределенная авторизация и управление версиями на основе Web». Если ваш сервер поддерживает WebDAV, вы можете использовать его для подключения сайта Dreamweaver к вашему серверу.
RDS расшифровывается как «Услуги удаленной разработки». Это метод доступа ColdFusion.
Microsoft Visual SourceSafe
Сохраните конфигурацию вашего сайта
Закончив настройку и тестирование доступа, нажмите кнопку «ОК», а затем кнопку «Готово».
После этого вы можете использовать Dreamweaver для передачи файлов на веб-сервер.
Сегодня мы с вами познакомимся с программой для создания дизайна сайта, так же его редактирования Adobe Dreamweaver.
В прошлой статье « Photoshop вставка молнии на картинку » мы с вами научились создавать молнию и вставлять её в любое изображение.
Кроме этого в конце статьи я обещал показать, как можно в Photoshop создать солнце и шар, но друзья в последнее время я увлекся программой Adobe Dreamweaver и поэтому сегодня я расскажу вам о своем первом знакомстве со столь полезной программой.
Мне она интересна именно как средства для создания дизайна сайта.
В своих тренировках я использую версию CS6.
Для начала давайте в двух словах опишу программу и ее назначение:
Dreamweaver, является визуальным HTML-редактором, позволяет переключаться в режим ручного редактирования кода, осуществляя взаимосвязь между визуальным представлением страницы и ее исходным кодом.
Конечно, как и в любой другой программе изучение необходимо начинать с настроек и внешнего вида.
Настройка программы для создания сайта
Запустите редактор Adobe Dreamweaver:
Нажмите Пуск - Программы - Adobe - Adobe Dreamweaver. После запуска Dreamweaver откроется окно стартовой страницы. С его помощью можно открывать используемые файлы, создавать новые файлы, а также получить доступ к различным ресурсам программы .
В открывшемся окне с возможностью выбора дальнейших действий пользователя в разделе Создать выберите HTML
В окне программы для переключения между режимами отображения и редактирования HTML -документа предназначены три первые кнопки на панели инструментов.
Дизайн, отобразится поле документа. Все основные действия при создании и редактировании HTML-страницы производятся в поле документа.
Вот примерно так выглядит основное рабочее окно программы.
Чтобы Dreamweaver понимал русскую кириллицу необходимо сделать следующие действия:
Чтобы вызвать настройку некоторых параметров, в главном меню откройте пункт Правка , а в нем выберите пункт Настройки .
После этого на экране отобразится окно редактирования параметров. В левой части окна отображаются категории возможных настроек, а в правой – параметры выбранной категории.
Для корректного отображения HTML -документов необходимо указывать кодировку.
Теперь все вновь создаваемые HTML -документы будут поддерживать русские буквы.
Теперь давайте подготовим нашу программу для создания нового сайта:
Выполните команду Веб-сайт èНовый сайт . На экране появится диалоговое окно Настройка сайтов (менеджер сайтов) в нем содержится список созданных сайтов. Пока этот список пуст.
На вкладке Веб-сайт в поле Имя Веб-сайта введите имя сайта.
В поле Локальная папка сайта укажите путь к папке, в которой будут храниться все файлы этого сайта.
Введите название новой папки на английском языке .
При назначении имен файлам необходимо ограничиться цифрами и буквами латинского алфавита и использовать символы только нижнего регистра.
Два раза щёлкните левой кнопкой мыши на созданной папке.
Откроется окно редактора.
В верхней правой части редактора Дизайнер выберите из выпадающего списка вариант настройки рабочего окна Классический.
А теперь давайте приступим к тестовому заданию:
В поле Название введите название страницы для браузера, например, Авторское право
Сделайте разметку главной страницы сайта с помощью таблицы :
Выполните команду Вставка - Таблица. В окне Таблица введите:
В поле Строки количество строк таблицы = 3
В поле Столбцы – количество столбцов таблицы = 2
В поле Ширина таблицы – ширина таблицы = 100 %
Остальные параметры оставьте без изменений.
Объедините ячейки первой строки таблицы, режим HTML выделите всю строку и нажмите на кнопку Объединить выбранные ячейки в диапазон на панели свойств; (или выбрать одноименную команду из контекстного меню).
Или выберите команду меню Изменить - Таблица - Объединить ячейки . То же выбрать из контекстного меню.
Или нажать сочетание клавиш Ctrl+Alt+M.
Оформите строку в Панели свойств: (режим CSS )
В поле Высота – введите высоту строки таблицы = 40.
Выравнивание По горизонтали – По центру
Отметьте галочкой пункт Без переноса .
Введите текст заголовка в ячейку и отформатируйте его: Здравствуйте !
Оформите текст стилем Заголовок 1 . Выделите его или просто установите курсор в любое место
Выберите команду меню Формат - Формат абзаца - Заголовок 1 .
Эти действия можно выполнить из контекстного меню Форматирование абзаца. Или в Панели свойств перейти в режим HTML и выбрать из выпадающего меню Формат è Заголовок 1.
Чтобы выбрать цвет текста, откройте Свойства страницы внизу рабочего окна редактора, выберите категорию Внешний вид (HTML) и в строке Текст выберите желтый цвет для текста.
Заполните ячейку таблицы черным или темно-серым цветом:
На Панели Свойств в окне Фон для определения цвета фона ячейки таблицы, выберите черный цвет из палитры.
Сохраните страницу под именем index.
Посмотрите страницу в браузере.
Для этого в панели Документ щелкните на кнопке Просмотр и отладка в браузере . Можно также выбрать клавишу на клавиатуре F12
Заполните нижние ячейки таблицы ( сведения об авторских правах ):
По аналогии с верхними ячейками, оформите нижние ячейки таблицы, также объединив их в одну ( черный цвет – для фона и желтый цвет – для текста).
Введите текст : Иванов И И.
Цитирование опубликованных материалов на сайте без разрешения автора не допускается.
В поле Высота (на Панели свойств) – введите высоту строки таблицы = 40 (пикс).
Выравнивание По горизонтали - По правому краю.
Выделите фрагмент Иванов И И. Подчеркните текст, для этого выберите команду меню ФорматèСтильèПодчеркивание. Или воспользуйтесь одноименной командой контекстного меню.
Перед фамилией вставьте Специальный символ для обозначения авторских прав. Для этого:
- выберите команду меню Вставка - HTML - Специальные символыèАвторское право.
- на вкладке Текст панели Инструментария объектов кнопка Знакиè Авторское право.
Заполните левую ячейку таблицы (ссылки)
В поле Ширина введите ширину ячейки = 100 (пикс) . или отметьте ширину ячейки с помощью линейки, переместив ее на границу равную 100 пикс.
Выравнивание По горизонтали - По центру
По вертикали – По верхнему краю.
Вставьте в левый столбец ссылки Увлечения, Проекты, Ссылки, Обо мне
Для того, чтобы гиперссылки открывали соответствующие Web-страницы в нужном вам фрейме, надо правильно установить параметры Цель (цели гиперссылок).
В выпадающем списке Цель есть разные значения параметра:
Blank – загружает страницу в новом окне Web-обозревателя;
Parent и top - загружает страницу в само окно обозревателя, т.е. страница заменит собой весь набор фреймов.
Self - загружает страницу в текущий фрейм (в котором находится гиперссылка)
Заполните основное содержимое – средняя ячейка таблицы.
Выравнивание По горизонтали - По левому краю
По вертикали – По верхнему краю.
Меня зовут Иванов Иван Иванович. Я вольный Web-дизайнер. А это мой личный Web-сайт, который я сделал сам в программе Dreamweaver.
Оформите стилем Заголовок 2 , в Панели свойств перейти в режим HTML и выбрать из выпадающего меню Формат è Заголовок 2.
Введите приведённые ниже строки маркированного списка и оформите стилем Заголовок 3.
Сделайте выравнивание по левому краю
Создайте маркированный список (перечисления), предварительно выделив текст и нажав на кнопку Неупорядоченный список на Панели свойств :
На этом сайте вы можете прочитать:
§ о моих увлечениях
§ о выполненных мной проектах
§ подробнее обо мне, любимом
Чтобы изменить вид маркеров, выделите маркированный список и выберите команду меню Формат - Список - Свойства.
В окне Свойства списка в строке Стиль из выпадающего списка выберите один из вариантов маркера.
То же можно выбрать из контекстного меню маркированного списка.
Перед текстом: На этом сайте вы можете прочитать: вставьте горизонтальную разделяющую линию.
- выберите команду меню Вставка - HTML - Горизонтальная линия.
Или вставьте линию с помощью тега HR , выделите ее и на Панели с войства можно отредактировать ширину горизонтальной линии. (Цвет для линии можно задать с помощью опции тега HR – color).
Выровняйте линию по Центру , щелкнув по кнопке Align Center на панели Properties .
По аналогии с предыдущими ячейками, оформите среднюю ячейку таблицы (черный цвет – для фона и желтый цвет – для текста).
В итоге должно получится вот такое чудо:
Для тех кому мало текстовой части, и он хотел бы видеть больше скриншотов процесса обучения пишите в комментариях и если желающих наберется много, то я подготовлю статью с картинками.
Если Вам, как и мне интересно постоянно изучать новое подписывайтесь на мой канал и давайте учится вместе!
Читайте также: