Пожалуйста зарегистрируйтесь или войдите под своим логином.
Так как вам не будут предоставлены все возможности сайта и форума...


 


Фотошоп ресурсы
Шаблоны [1776]
Рамки [2511]
Кисти [32]
Фоны [52]
Градиенты [6]
Текстуры [7]
Плагины [36]
Стили [48]
Формы [4]
Скрапы [1680]
Клипарты [791]
Экшены Плагины [14]


Графика и Дизайн
Календари [572]
Открытки [38]
Картинки [29]
Обои [125]
Иконки [17]
Анимационные [509]
Шрифты [24]


Книги и Учебники
Фотошоп Учебники [19]
Книги и Журналы [1961]


Программы
Программы графики [536]
Программы PC [1436]


Видеоуроки
Видеоуроки Фотошоп [157]
Другие видеоуроки [52]


Фильмы
Фильмы РУССКИЕ [45]
Фильмы РАЗНЫЕ [188]
Мультфильмы РУССКИЕ [8]
Мультфильмы РАЗНЫЕ [20]
Документальные [2]


Музыка
Альбомы MP3 [1567]
Музыка MP.3 [301]


Игры
Детские игры [551]
Другие [332]


Видеоролики ОНЛЯЙН
Уроки Фотошоп [38]
Мультики [31]

Пословицы и Цитаты
Философия [18]
Цитатник [82]
Пословицы [1]
Пожелания [4]


Поздравления
День рожденье [18]
Свадьба [27]
С новым годом [22]
День влюбленных [19]
23 февраля + 9 Мая [8]
8 марта [3]
Матерям [25]
Новорожденному [10]
Остальное [6]


Стихи
О любви [39]
Девушкам [9]
Парням [3]
Остальные [46]
Прикольные [31]


Анекдоты и Частушки
Анегдоты [68]
Частушки [6]




 

Друзья сайта


Фотошопинг




Главная » Файлы » Видеоуроки » Другие видеоуроки

Веб-редактор для верстки сайта - Notepad++ и Codelobster. Обучающий Видеокурс (2011)
30-07-2013, 06:40


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

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

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

Информация о видекурсе
Год выхода: 2011
Автор: Евгений Харин / sovietunion
Жанр: Обучающий
Общая продолжительность : 02:04:40
Язык: Русский

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

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

Скриншоты:



Файл
Формат: AVI
Качество видео: PCRec
Видео: XviD, 1280x720 / 960x720, ~981 Kbps, 25.000 fps
Аудио: MP3, 44.1 KHz, stereo, 128 Kbps
Файлы примеров: Присутствуют
Размер: 705,82 MB (+3% на восстановление)

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


Нравится



Рейтинг: 0.0/0


Добавил
zenj68
Просмотров
[276]
Комментарии
(0)
Теги
Notepad++, codelobster, Видеокурс, редактор



Ссылки на материал



ComForm">
avatar


 


Кто всё же 08.08.08 начал войну?
Всего ответов: 141





 


Лучшие на сайте! Присоединяйтесь к нам!
Alexey6999 Номер: 1


Имя: Алексей Михайлов
Группа: Журналисты
Ранг: Ленивый

 Активность
Форум: 0
Публикаций: 908
Комментариев: 0
Репутация: 188
DGalinka Номер: 2


Имя: Галина
Группа: Журналисты
Ранг: Опытный

 Активность
Форум: 0
Публикаций: 350
Комментариев: 1
Репутация: 147
Leos75 Номер: 3


Имя: Lev
Группа: Модераторы
Ранг: Общительный

 Активность
Форум: 41
Публикаций: 313
Комментариев: 75
Репутация: 138
DKDenis Номер: 4


Имя: Denis Kom
Группа: Администраторы
Ранг: Уверенный

 Активность
Форум: 62
Публикаций: 642
Комментариев: 382
Репутация: 125
Туся1570 Номер: 5


Имя: Ирена
Группа: Журналисты
Ранг: Ленивый

 Активность
Форум: 0
Публикаций: 621
Комментариев: 0
Репутация: 116
wertyozka Номер: 6


Имя: Татьяна
Группа: Модераторы
Ранг: Ленивый

 Активность
Форум: 0
Публикаций: 243
Комментариев: 4
Репутация: 92




Рейтинг@Mail.ru
LiveRSS: Каталог русскоязычных RSS-каналов Поиск в RSS новостях и блогах
Бесплатный Онлайн Сервис
Copyright MyCorp © 2024