Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

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

Опубликовано: 01.09.2018

видео Знакомство с веб-редактором phpDesigner.

Знакомство с Notepad++

В предыдущей статье мы рассмотрели особенности программы Notepad++ для его использования в качестве веб-редактора и убедились, что для новичка, изучающего основы HTML и CSS и создающего свои первые сайты, эта программа является огромным шагом по сравнению со стандартным Блокнотом. Но постепенно, когда у вас накапливаются знания, умения и навыки в создании сайтов, когда ваши проекты содержат уже достаточно большое количество файлов, вы начинаете замечать и ее недостатки.

Да, действительно, эта программа очень хорошо подходит для редактирования кодов, написанных на разных языках, но наши задачи несколько иные. Ведь нам не нужны возможности Notepad++ по обработке текстов на языках Pascal, Perl, Fortran и т. п., зато нам были бы полезны некоторые другие функции, которых нет у этого редактора.



Какие же его недостатки могут сдерживать нашу работу?

Отсутствие каталога файлов. Каждый сайт состоит из множества файлов, объединенных в единое целое. Это HTML-, CSS-, PHP-файлы, файлы изображений и некоторые другие. И при работе с сайтом хотелось бы видеть в отдельном окне список всех этих файлов. При создании Web-страниц можно пользоваться готовыми шаблонами, и было бы неплохо, если бы веб-редактор имел возможность создания библиотеки шаблонов. Такой функции в Notepad++ нет. Код HTML-страницы или CSS- файлы содержат повторяющиеся или похожие участки. Например, строчки, вставляющие изображение на страницу, отличаются только названием файла. Можно пользоваться операциями копирования и вставки, но лучше иметь готовые кусочки кода, которые легко вставляются в код всего документа. Такую коллекцию в Notepad++ мы создать не можем. Программа Notepad++ не предназначена конкретно для работы с сайтами, поэтому она не имеет взаимосвязи с браузерами. Но у нас есть необходимость постоянно проверять результаты работы в браузере и, желательно, не в одном, а нескольких.

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


Краткий обзор редакторов кода для веб разработки - какой редактор кода выбрать

И сделать это позволяют программы, созданные специально для разработки сайтов. Таких программ, или сред разработки существует достаточно много. Наиболее известны такие программы как Adobe Dreamweaver, MS FrontPage, Visual Studio и некоторые другие. Но это очень мощные инструменты для веб-разработчиков и я не рекомендую новичкам после Блокнота и Notepad++ сразу переходить к работе в таких средах. Для начинающих такая программа как, например, Adobe Dreamweaver будет слишком сложной и, главное, будет использоваться далеко не в полной мере. У нее много функций, которые новичку будут только мешать.


настройка phpdesigner

Я предлагаю сначала освоить программу phpDesigner. Это специализированная среда разработки сайтов. В ней прекрасно реализована поддержка языков HTML, CSS, PHP, Javascript. Программа работает очень быстро. В ней нет всех тех недостатков, которые мы перечислили выше. Поэтому использование phpDesigner сделает вашу работу более удобной и быстрой.

Скачать программу можно по адресу www.mpsoftware.dk/phpdesigner.php . Сразу скажу, что она платная, но есть пробный период и в течение 21 дня вы можете использовать ее бесплатно.

Установка программы не составляет проблем. После установки обычно требуется русифицировать интерфейс. Для этого в основном меню находим пункт View, далее Languages  и выбираем русский язык. Но небольшим недостатком программы можно считать плохой перевод. Русский интерфейс содержит много ошибок, но эта проблема решаема. По мере нахождения ошибок их можно исправлять. Для этого нужно открыть языковой файл russian.lng с помощью программы Notepad++ и исправить найденные ошибки. Этот файл находится обычно по адресу C:\Program Files\phpDesigner 7\Languages. Файл большой, содержит более 3000 строк, поэтому нужно использовать Поиск.

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

Напишите в комментариях, какие программы вы используете для создания сайтов.

rss