Блог для начинающих веб разработчиков. HTML, СSS, Jquery, Drupal и другое.

→ Как работать с FTP в Adobe Dreamweaver.

Опубликовано: 30 марта 2012

Добрый день всем читателям и подписчикам heavenweb.ru. В этой статье я расскажу как наиболее просто работать с сайтом уже загруженном на удалённый сервер.

Большинство вебмастеров разрабатывают свои проекты сначала на локальном компьютере, а затем переносят готовый сайт на удалённый хостинг по FTP. Это очень просто, нужен всего лишь какой-либо FTP – клиент, например бесплатная программа – FileZilla. Возникают проблемы в тот момент, когда нужно что-то изменять в файлах, уже загруженных на хостинг. Если такой работы немного, то можно пойти тем же путём: скачать файл по FTP, отредактировать его в текстовом редакторе, и закачать обратно, заменив старый. Но если это приходится делать часто, то уходит много времени и сил.

Наверное многим вебмастерам знаком текстовой html – редактор Adobe Dreamweaver. С его помощью можно не только написать свой сайт, но и работать с файлами на удалённом сервере в сети.

Что это нам даёт?

Во первых нам не нужно каждый раз вводить пароль и логин для доступа к FTP. Все данные сохраняются в программе. (однако если вы не уверены в безопасности своего компьютера, возможно это сохранение отменить).

Подключившись к серверу мы увидим дерево папок и файлов в них. Двойной щелчок мышью, и файл уже у открыт для редактирования. После внесения всех правок, мы сохраняем файл и он закачивается обратно на сервер, в ту же папку с заменой старого файла. Всё очень удобно и быстро.

Давайте рассмотрим как настроить и пользоваться этой функцией. Для начала откройте Dreamweaver (все скриншоты сняты с версии CS 5.5). Найдите палитру «Файлы» (если её нет на экране, нажмите F8 или включите её в меню «Окно > Файлы»).

Мы видим в верху раскрывающийся список в котором будут не только локальные диски но и список сайтов.

Чтобы создать сайт выберите пункт «управление веб-сайтами». В открывшемся маленьком окошке нажмите «Создать». Откроется диалоговое окно со всеми настройками.

Из всех вкладок (с левой стороны) нам необходимы только две: «Веб-сайт» и «Серверы».

В первой вкладки введите название вашего сайта (любое) и выберете локальную папку сайта. Локальная папка сайта – это то место у вас на диске, куда программа в фоновом режиме скачивает файлы для редактирования с сервера (т.к. Dreamweaver не может работать на удалённом хостинге напрямую). То есть выбирайте здесь любую существующую папку на вашем компьютере или (лучше) создайте новую.

На вкладке «серверы» нужно добавить данные для подключения к FTP. Нажмите на значок «+» и там введите название сервера, адрес, логин и пароль для доступа. Их даёт компания, предоставляющая вам хостинг. Там же есть кнопка «Тест» - можно проверить нет ли ошибок. Создав таким образом сайт нажмите «Сохранить» и теперь в раскрывающемся списке на палитре «Файлы» есть каталог с вашим сайтом. Чтобы подключиться к нему, убедитесь, что в соседнем списке было – «Удалённый сервер» и нажмите кнопку с иконкой подключения на той же панели.

Вы увидите дерево каталогов и файлов на вашем сайте. Их уже можно редактировать.

Далее всё понятно, расскажу только про один момент: после того как вы отредактировали файл и сохранили (Ctrl+S), вам нужно закачать файл обратно. Это можно сделать нажав стрелку вверх на панели палитры «Файлы» или из меню «Веб-сайт > Разместить» (Ctrl+Shift+U).

Работать таким способом с сайтами намного удобнее и быстрее, нежели скачивать и закачивать файлы вручную. Спасибо за чтение :)  До новых встреч на heavenweb.ru.

Поделиться:
Комментарии

А есть ли возможность "таскать" именно по одному файлу в дримвивере? Не знаете?
Просто настраивая/редактируя вид уже готового сайта и редактируя css или xsl файл, проще всё таки работать только с одним файлом, а он (дримвивер) всё время при скачивании ищет связанные картинки/файлы, закачивает их все на компьютер и при сохранении каждый раз их сохраняет на хостинг

Anton
ср, 2013-07-17 18:43

Все понятно и по делу!! Отличная программа.

Artet
чт, 2018-09-13 15:45
Комментировать