Основы работы с веб-редактором phpDesigner.

После настройки среды для разработки сайтов phpDesigner можно приступать к работе с ней. Эта уникальная программа позволит существенно упростить работу по созданию сайта. Эта работа начинается с создания проекта.

Как создать новый проект?

Проект это тот самый сайт, который мы делаем. Он состоит из множества различных файлов, находящихся в одной папке, которую мы называем корневой папкой сайта. Для создания проекта заходим во вкладку Проекты и щелкаем на кнопке Project Manager.

Открывается окно менеджера проектов, в котором отображаются все проекты, с которыми вы работаете.

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

Здесь нужно ввести название проекта и, необязательно, описание. Щелкаем Next, открываем следующее окно, в котором нужно указать адрес корневой папки сайта.

Далее жмем Next, Next, следующие окна можно пропустить, потом Finish. Теперь открывается окно редактирования проекта. Если вы пользуетесь локальным сервером (например, Денвером), то следует заполнить вкладку Localhost. Здесь нужно указать адрес сайта на сервере и путь к корневой папке. Не забываем ставить галочку Enable localhost. Теперь в окне менеджера проектов появилось имя вашего проекта, и вы можете его открыть. Если у вас несколько сайтов, для каждого можно создать свой проект, и открывать нужный. В окне Проекты вы будете видеть все папки и файлы проекта и двойным щелчком открывать в основном окне файлы для редактирования. Вкладка Проекты содержит кнопки для создания папок и файлов, удаления, переименовывания и т. д. В рабочем окне можно открыть несколько файлов и переключаться между ними с помощью вкладок.

Если ваш сайт связан с локальным сервером, то в рабочем окне появляется вкладка Localhost. С ее помощью можно открывать сайт в любом из установленных на компьютере браузеров.

Для того чтобы подключить браузеры к программе phpDesigner, нужно выполнить команды основного меню Инструменты ? Настройки и в открывшемся окне настроек выбрать Браузеры.

Вы можете использовать браузеры Internet Explorer, Firefox, Opera, Safari, Chrome.

Как работать с шаблонами в phpDesigner?

Программа phpDesigner позволяет создавать шаблоны веб-страниц. Для этого во вкладке Шаблоны выделяем папку, в которую хотим сохранить шаблон, например HTML, и щелкаем на кнопке Add template.

Открывается окно создания и редактирования шаблонов. Вверху пишем название шаблона, выбираем его тип и печатаем текст файла. Можно вставить скопированный из другого файла текст, используя стандартные клавиши вставки Ctrl+V.

Используя кнопку Advanced, можно сразу указать положение текстового курсора в создаваемом шаблоне.

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

Что такое сниппеты?

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

Таким способом можно сохранить большое количество кусков кода, что в дальнейшем заметно упростит работу и сократит ее время.

Еще одна удобная и полезная функция программы phpDesigner – появление подсказок. При наборе тэгов, атрибутов и других ключевых слов используемого языка появляются подсказки, позволяющие быстро набирать текст.

Таковы основные приемы работы в среде phpDesigner. Конечно, она имеет гораздо больше возможностей, но для начального знакомства и освоения этого достаточно. Программа имеет понятный интерфейс и ее легко изучать.

На что еще следует обратить внимание? Откроем окно настроек Инструменты ? Настройки.

На вкладке Общие следует сразу установить нужную кодировку.

 На вкладке Запуск программы удобно переставить переключатель в позицию Открыть последние открытые файлы и поставить галочку у пункта Загрузить последний открытый проект при старте.

На вкладке Редактор можно настроить используемые шрифты (размер, цвет …), подсветку синтаксиса. Вкладка Подсветка версий позволяет выбрать ту версию HTML и CSS, с которыми вы работаете. Если это не сделать, будут неправильно подсвечиваться ошибки.

Для более глубокого изучения программы phpDesigner и других средств создания сайтов я рекомендую видеокурс Евгения Попова «Все технические средства онлайн-бизнеса в видеоформате». Это, по моему мнению, лучший курс по данной тематике.

 Заказать курс «Все технические средства онлайн-бизнеса в видеоформате»

Желаю приятной работы и успешного обучения. Полученные знания помогут вам найти удаленную работу в Интернете.

 НЕ ЗАБУДЬТЕ ПОДЕЛИТЬСЯ СТАТЬЕЙ В СОЦИАЛЬНЫХ СЕТЯХ!