Настройка среды phpDesigner.

phpdesignerВ прошлой статье мы познакомились с программой phpDesigner, узнали, какими достоинствами она обладает. Но полностью оценить преимущества этого веб-редактора можно только лишь поработав с ним.

Прежде, чем начинать работу со средой создания сайтов phpDesigner, нужно настроить  ее интерфейс. Программа имеет большие возможности,  а значит, много кнопок, панелей, инструментов. Некоторые из них на данный момент не нужны и, чтобы они не мешали, их лучше убрать. Среду нужно настраивать «под себя». Я опишу процесс настройки для новичков в сайтостроении, для тех,  кто осваивает языки HTML и CSS. При переходе на более высокий уровень настройка уже не составит труда.

При первом запуске после установки программы открывается такое окно:Среда phpDesigner

Оно содержит строчку Меню, ниже – панели инструментов с множеством кнопок, еще ниже – диалоговое окно открытия файла, и справа расположены панели инструментов в виде окон, открываемых вкладками.

Сначала уберем лишние  кнопки. Можно щелкнуть ПКМ на панели инструментов, открыть контекстное меню и убрать галочки у ненужных панелей.Панели инструментов

То же самое можно сделать с помощью меню Просмотр ? Панели инструментовПанели инструментов

Для нас достаточно оставить пункты Файл, Буфер обмена, HTML, Окно.

Теперь перейдем к правым панелям инструментов. Их настраивать можно также через меню Просмотр ? Панель инструментов.Боковая панель

По умолчанию присутствуют Эксплорер кода, Инспектор кода, Исходные тексты, Шаблоны, Проекты, Браузер файлов, FTP браузер. Для переключения  между этими окнами используются вкладки. Многие из этих окон на начальном этапе тоже не нужны.Вкладки phpdesigner

  • Эксплорер кода Эксплорер кода ориентирован более на язык PHP, но может быть полезным и при работе с HTML и CSS. Он помогает быстро находить нужные идентификаторы в тексте и редактировать их. На первом этапе без этого окна можно обойтись.

 

 

  • Code Inspector (HTML) (Инспектор кода)Следующая вкладка Code Inspector (HTML) (Инспектор кода). В этом окне отображаются возможные атрибуты тэгов, их значения, а также события для Javascript. Это окно может быть полезным для тех, кто еще не очень хорошо освоил язык HTML. Его можно считать своеобразной шпаргалкой. Но без этого окна можно и обойтись, так как при наборе тэгов также появляются подсказки, позволяющие быстро вводить в текст тэги и их атрибуты.

 

  • Браузер файла Вкладка Браузер файла является аналогом Проводника Windows и ее можно закрыть. Используется она довольно редко.

 

 

 

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

 

 

  • FTPОкно FTP/SFTP позволяет организовать загрузку файлов на сервер. На начальном этапе работы с сайтом эта вкладка не нужна, да и потом для обмена файлами с сервером чаще используют специальные FTP-клиенты. Поэтому закрываем окно.

 

 

  • ШаблоныВ окне Шаблоны находятся папки, в которые можно помещать готовые шаблоны файлов на соответствующем языке. Например, в папку HTML можно поместить заготовки веб-страниц, которые часто используются. Достаточно двойного щелчка, чтобы создать новый документ, содержащий основу страницы. Эту вкладку можно оставить.

 

  • СниппетыИ еще одна полезная вкладка – Исходные тексты. В окне располагаются папки с кусками кода, так называемыми сниппетами, которые часто встречаются в документах. Благодаря этой вкладке можно легко вставлять в текст нужные фрагменты кода. Окно очень полезное и его нужно оставить.

Итак, мы оставили три окна – Проекты, Шаблоны, Исходные тексты. Эти окна можно перетаскивать и располагать так, как вам удобно. Например, такВеб-редактор phpDesigner

В окнах Шаблоны и Исходные тексты можно удалить лишние папки. Чтобы это сделать, выделяем папку и щелкаем на кнопке с красным минусом. При желании папки можно создать в любое время. Для начала оставим только папки HTML/XHTML и CSS.

Удаление папки   веб-редактор phpDesigner

И последний момент, касающийся настройки веб-редактора phpDesigner. Вы можете изменить внешний вид окна программы. Для этого в меню выбираем Просмотр ? Пользовательский интерфейс и выбираем тему оформления.Тема оформления

Вот и все. Среда создания сайтов phpDesigner готова для вашей работы. В следующей статье рассмотрим некоторые полезные аспекты этой работы, позволяющие сэкономить время.

Еще советую почитать по этой теме:

FTP-клиент менеджера Total Commander
Здравствуйте, уважаемые читатели! Я уже писал про лучший файловый менеджер Total Commander, но в одной статье невозможно охватить все его возможности и достоинства. В этой ...
Лучший файловый менеджер Total Commander
При работе с компьютером чаще всего приходится выполнять однотипные операции: создание файлов и папок, их копирование, перемещение, удаление. Для этих целей можно использовать лучший ...
Как следует архивировать файлы? Работа с программой WinRar.
Не хватает места на флешке или не получается отправить папку с фотографиями по электронной почте? Следует использовать архивы. Но как заархивировать папку или файл? ...
Как сделать снимок экрана?
Создание снимков экрана компьютера или, как их называют, скриншотов – важный метод, используемый в компьютерной графике и web-дизайне. Также часто бывает нужно сделать такой ...
Где хранить пароли?
У каждого активного пользователя Интернета со временем накапливается множество логинов и паролей от различных аккаунтов. Почтовые ящики, социальные сети, платежные аккаунты, хостинги  и другие ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

4 комментариев к “Настройка среды phpDesigner.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *