Пятница , 29 марта 2024

Веб-редактор для верстки сайта — Notepad++ и Codelobster. Обучающий Видеокурс (2011) PCRec

Веб-редактор для верстки сайта - Notepad++ и Codelobster. Обучающий Видеокурс (2011) PCRec

Вы решили создать свой сайт? Тогда с этого дня Вам предстоит немало работы, многое узнать и понять, но будет одно средство, которое станет Вашим верным помощником — это редактор кода, который намного упрощает создание и редактирование программного кода сайта, ведь шаблон сайта требует «вёрстки» — процесса формирования HTML-кода веб-страниц в веб-редакторе, который браузеры переведут в то, что мы видим в качестве сайта.

Веб-редактор для верстки сайта - Notepad++ и Codelobster. Обучающий Видеокурс (2011) PCRec

Название: Веб-редактор для верстки сайта — Notepad++ и Codelobster
Год выхода: 2011
Жанр: Обучающий
Автор: Евгений Харин / sovietunion

Вы решили создать свой сайт? Тогда с этого дня Вам предстоит немало работы, многое узнать и понять, но будет одно средство, которое станет Вашим верным помощником — это редактор кода, который намного упрощает создание и редактирование программного кода сайта, ведь шаблон сайта требует «вёрстки» — процесса формирования HTML-кода веб-страниц в веб-редакторе, который браузеры переведут в то, что мы видим в качестве сайта.

В арсенале любого разработчика сайтов обязательно должен быть хороший редактор кода, можно сказать, что это один из самых важных инструментов для повседневной работы. Большинство новичков не знакомы ни с языками программирования, ни с языками разметки гипертекста, но если все же потребуется редактировать программный код, тогда Вам на помощь придёт такой универсальный инструмент, как NotePad++, он во много раз облегчит работу с редактированием. Скажу больше — почти все профессионалы пользуются NotePad++ в своей профессиональной деятельности.

Редактор кода напрямую влияет на скорость разработки проекта, от него зависит и удобство работы. Видеокурс подойдёт как для начинающих, так и для более опытных сайтостроителей.

Содержание видекурса:

Часть 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: быстрое перемещение строк, выделение всего текста и отдельных фрагментов, изменение регистра символов, расширенное форматирование кода, и другие.

Файлы примеров: Присутствуют

Страна: Россия
Продолжительность: 02:04:40
Язык: Русский

Скачать с TurboBit.net

Смотрите также

Загадки века. Мастер шпионажа (14.10.2019) SATRip

Информация о фильме: Название: Загадки века. Мастер шпионажа Год выпуска: 2019 Жанр: документальный Режиссер: «ТРК …

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

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