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

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

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

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

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 и других средств создания сайтов я рекомендую видеокурс Евгения Попова «Все технические средства онлайн-бизнеса в видеоформате». Это, по моему мнению, лучший курс по данной тематике.

Скачать книгу бесплатно

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

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

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

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

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

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

  1. Здравствуйте!
    Только начал знакомство с программой и уже проблема. Создал свой проект. Но при попытке открыть сайт через localhost( сайт работает на локальном сервере Denwer) открывает окно браузера и выдает «нет соединения с Инетом». Если открываю сайт через адресную строку в любом ПРЕДВАРИТЕЛЬНО открытом браузере — все ОК соединение есть. Т.е получается, что проблема именно в настройках или глюке самого Php-designera.
    Никак не могу найти в чем конкретно проблема. Помогите, пожалуйста.

    Ответить

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

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