Часть 1 - Notepad++

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

2. Кодировка UTF-8 в Notepad++
Этот урок посвящен выбору кодировки в редакторе Notepad++.Кодировка, которую мы установили на предыдущем уроке, хорошо работает в обычных HTML документах. Но не подходит для использования в PHP сценариях. О том, чем это грозит, и какую лучше использовать кодировку для PHP файлов, смотрим в видеоуроке.

3. Создание и управление макросами в Notepad++ (sovietunion)
Перед тем, как начать верстку макета в программе Notepad++ можно установить удобные настройки, которые позволят Вам не делать каждый раз одно и тоже.

4. Подсветка less кода в Notepad++ (sovietunion)
В этом видео уроке показано как подключать файл xml для того, чтобы код less имел синтаксическую подсветку.

Часть 2 - codeLobster
Очень удобный и легкий редактор для создания веб-сайтов. Полноценная среда программирования (IDE). В нем можно создавать проекты веб-сайтов, состоящие из множества файлов. Codelobster поддерживает HTML, CSS, PHP, javascript, XML и другие форматы. Есть подсветка кода и хорошее средство поиска и замены по тексту. Также, есть панель "HTML", которая позволяет быстро вводить некоторые HTML-теги, щелкая по кнопкам.
И главное, у Codelobster самый простой и понятный интерфейс (внешний вид)! Посмотрев видеоуроки о редакторе Codelobster, Вы легко сможете освоить программу.

1. Обзор и регистрация бесплатного Веб-редактора HTML, CSS, PHP - "Codelobster"
В этом уроке Вы узнаете, как бесплатно зарегистрировать программу.Регистрация нужна для того, чтобы можно было пользоваться базовой версией программы в течение неограниченного времени.

2. Установка
В этом уроке мы установим программу и сделаем первичную настройку внешнего вида.

3. Настройка
Этот урок полностью посвящен настройке Codelobster. Мы сделаем несколько важных настроек, относящихся к работе редактора, а так же, установим цветовую схему редактора, и выберем кодировку документов по умолчанию.

4. Создание проекта в Codelobster
В этом уроке мы создадим новый проект веб-сайта. Поскольку в проекте будут использоваться php-файлы, правильней всего разместить проект в папке с установленным Денвером.Также, мы рассмотрим способы добавления новых файлов в проект, и напоследок, научимся работать с панелью 'HTML Toolbar'. Эта панель позволяет одним нажатием кнопки вводить в документ различные HTML-теги.

5. Основные функции Codelobster
В этом уроке будут рассмотрены способы получения справочной информации по операторам, функциям и тегам различных языков программирования.А также, большое внимание уделим функциям поиска и замены по тексту. Это очень мощное средство, которое позволяет экономить большое количество времени при работе. Особенно, в крупных проектах.

6. Редактирование документа
В завершающем уроке мы будем практиковаться в редактировании кода.Рассмотрим наиболее интересные и удобные функции Codelobster: быстрое перемещение строк, выделение всего текста и отдельных фрагментов, изменение регистра символов, расширенное форматирование кода, и другие