Видео курс Macromedia DreamWeaver от Евгения Попова
Продолжаем рассматривать собрание видео курсов Евгения Попова "Все Технические Моменты Онлайн Бизнеса в Видеоформате"
Следующий курс посвящён визуальному редактору веб-разработчика Macromedia DreamWeaver. На данный момент это самый мощный html редактор. Работает также и с другими технологиями. К примеру, с CSS, JavaScript, PHP, PERL. В курсе рассматривается версия Macromedia DreamWeaver MX. Версия не новая (сейчас актуальна Adobe DreamWeaver CS3), но довольно функциональная.
Сразу скажу, что курс очень интересен и полезен. Я ранее использовал данную программу, однако в силу своей лености и посредственных знаний английского языка не углублялся в настройки и возможности, которые оказались довольно обширны. Можно скачать самоучитель по программе в виде книги либо разбираться самому, а можно просмотреть видео курс и опробовать всё сразу же на практике. Решать вам. Я, например, смотрел уроки на ноутбуке и сразу же практиковался на стационарном компьютере.
Далее рассмотрим немного подробнее уроки.
- Базовые настройки. – Рассмотрены необходимые настройки редактора. Здесь описано всё то, без чего нельзя начинать работу с редактором. Особенно полезно при использовании русских кодировок на редактируемых сайтах.
- Работа с логическими сайтами. – Добавление и указание параметров сайта. Очень удобная функция редактора.
- Основной интерфейс. – Изучаем панели, учимся изменять вид отображения и рассматриваем основные функции программы. Также учимся пользоваться панелью Вставки (Insert). Это одна из главных панелей программы. С её помощью вы научитесь вставлять ссылки, якоря, изображения, таблиц, слоёв и многое другое (множество специальных эффектов). В данном уроке рассматривается первая вкладка этой панели. Всего вкладок двенадцать и на протяжении уроков они все будут рассмотрены на протяжении курса.
- Продолжение урока 3.
- Работа со слоями и текстом. - Работа со слоями интересна тем, что очень проста. Например, мой первый сайт был нарисован в программе DreamWeaver 4 с помощью слоёв. Тогда я имел понятие всего о нескольких тэгах, но сайт получился довольно интересным по графическому исполнению и, что самое главное, не разлазился в разные стороны. Также в уроке рассматривается работа с текстом, то есть, все возможные преобразования.
- Работа с формами. - Ещё один важный урок. Учимся создавать и редактировать формы в визуальном режиме. Рассмотрены различные элементы и их параметры. Вместе с автором вам предстоит нарисовать форму из урока по HTML.
- Работа с шаблонами. - Рассмотрена довольно интересная функция редактора, которая позволяет рисовать множество страниц с идентичным шаблоном, а потом изменять оформление сразу всех страниц. Однако для меня она была не интересна в принципе, так как я уже ознакомился в функцией include языка php. Она позволяет намного быстрее и удобней организовать статические и динамические области сайта.
- Работа с символами и вставка внешних объектов. - Учимся вставлять символы, flash, javascript в тело страницы. А также автоматизируем вставку meta-тегов в head вашего документа.
- Активы и библиотека. - Также очень интересный и важный урок. В нём мы узнаем, что такое активы и почему они позволяют ускорить вёрстку. А также познакомимся со списком любимых активов и библиотекой. Библиотека позволяет вставлять активы, которые можно изменять на всех страницах сайта.
- Snippets – Готовые образцы. Создание своих образцов, работа с ними. Также мощный инструмент данного редактора. В конце урока автор покажет, как скрестить использование CSS-таблицы с образцами и насколько это экономит время разработчика.
- CSS styles. – Создание и редактирование стилей CSS в программе DreamWeaver. Присоединение стилей к тэгам.
- HTML styles. – Создание и применение HTML стилей. Применяется при частом употреблении стандартных комбинаций стилей тэга font. Не очень полезно имхо. CSS удобней.
- Создание сценариев. - Работа со сценариями, объекты, события, реакции. Задание определённого сценария на действие (загрузка страницы, клик, наведение мыши).
- Чистка кода. - Полезная функция позволяющая очистить код страницы от лишних элементов (лишние тэги, неправильно вложенные и пустые тэги и т.п.), а также функция чистки после создания страницы с помощью MS Word.
- Поиск и замена. - Необходимая функция разработчика. Позволяет найти и заменить что угодно в любом количестве документов.
- Настройки программы. - В данном уроке детально рассмотрены настройки программы. Описывать настройки не буду, скажу лишь, что настроить можно многое.
- Проверка кода и построение отчёта. - Учимся проверять свой код на ошибки и соответствие стандартам. А также тестировать сайт в разным браузерах, проверять "битые" ссылки, искать неиспользуемые на сайте файлы, и наконец, строить отчёт о сайте.
- Остальные возможности. - Всё что осталось за бортом в предыдущих уроках. Например, функции экспорта-импорта, конвертация документа, наложение наброска на фон, дизайнерские пометки, запись и воспроизведение последовательности действий.
- Горячие клавиши. – Перечень наиболее полезных "горячих" клавиш программы.
Если вы спросите моё мнение, то это наиболее интересный курс из пройденных мной. HTML и CSS можно изучать и по мануалам, которых в сети навалом, а вот DreamWeaver мне лично намного легче разбирать в видео формате. Посмотрим ещё, что у Попова в курсе об Adobe Photoshop. Думаю не менее интересная информация.
И теперь о первой моей практической работе на основе пройденных уроков. С помощью программы Macromedia DreamWeaver и обновлённых знаний по HTML и CSS был оптимизирован данный сайт: sinelnik.com, который пару лет назад рисовался именно в DreamWeaver MX, однако тогда я не знал толком ни программы, ни HTML. А об CSS вообще не слышал на тот момент. Короче говоря, сайт работал, однако с точки зрения SEO и вёрстки был очень и очень страшен. После его апдейта было сделано:
- Почищен код. Удалено много мусора: повторяющиеся и лишние тэги
- Стили описаны с помощью CSS и вынесены в отдельный файл
- Хэдер и футер вставлены в страницу с помощью функции php - include, что позволяет изменять верхнюю и нижнюю части сайта в любой момент времени
- Вставлены мета тэги
- В картинки, а их там очень много, вставлен параметр alt
- Также на странице Контактов e-mail защищён от спам-ботов
Итого. В результате вес страницы уменьшился в 1,5-2 раза. А также стало намного удобней работать со страницами и изменять стили. Юзабилити не трогал, так как Олегу и так всё нравится.
Также два последних поста написано с помощью программы Macromedia DreamWeaver. Скажу лишь, что удобно.
PS. На самом деле я не ставил целью прорекламировать продукт Евгения Попова. Однако он очень мне понравился, поэтому понаписывал столько позитива.
P.P.S. Вроде всё :).
--------------------
Хочу обратить ваше внимание на блог Artesbe.ru. Сама себе работодатель. Манимейкерский блог. Думаю, название говорит само за себя. На блоге можно прочесть о поисковиках, раскрутке и конечно заработке в сети.
А также на Блог web-мастера. Он посвящённый web-программированию. Вы сможете найти там материалы по PHP, MySQL, JavaScript, AJAX, HTML и CSS.
А тем временем Максим хочет в топ по запросу Максим. Поможем ему? ;)
Рейтинг популярности заметок:
