Для чего используется Adobe Dreamweaver?
Полезные советы » Программы adobe dreamweaver cs, adobe dreamweaver rus, уроки adobe dreamweaver
Одно дело нарисовать воображаемый сайт на листе бумаги, а другое дело правильно его сверстать, чтобы он корректно отображался во всех актуальных браузерах. Этап, на котором будущий воображаемый сайт рисуется на простом листе бумаги, называется прототипированием.
Этот этап очень важный, в дальнейшем он избавит вас от лишних проблем так, как на этом листе бумаге будет «скелет» вашего сайта, то есть будет отображено расположение всех элементов сайта, как шапка, футер, тело, сайдбары и т.д. После окончания этого этапа рисуют дизайн сайта, при этом опираются на «скелет» сайта.
Когда дизайн сайта будет уже готов, то после начинается процесс верстки дизайна. Верстка - это процесс формирования веб-страницы путем прописывания тегов и атрибутов HTML и CSS в текстовом или WYSIWYG-редакторе.
Для верстки сайта веб-дизайнеры пользуются огромным количеством программ, среди которых обязательно найдется место для Adobe Dreamweaver и нескольких популярных браузеров. Конечно в редких случаях, когда под рукой ничего нет, то верстку можно выполнить и в обычном блокноте, но по сравнению с ним Adobe Dreamweaver просто навороченный «монстр», который очень удобен в работе.
Основной задачей программы Adobe Dreamweaver является создать правильный валидный HTML/CSS код веб-страницы. Благодаря интуитивно понятному визуальному интерфейсу, стало возможно быстрее, легче и без ошибок выполнять верстку сайта.
Основные достоинства программы Adobe Dreamweaver:
- Подсветка синтаксиса кода – это функция позволяет быстро проверить код и найти возможные ошибки.
- Автоподстановка кода – функция, которая существенно экономит время при написании кода, она на основе первых введенных букв выводит подходящие команды.
- Режим дизайна и режим кода – функция, которая позволяет быстро переключаться с режима кода в визуальный режим, где вы можете видеть визуальные изменения при написании кода.
- Проверка кода – функция, которая проверяет написанный код на соответствие требованиям стандартов веб-дизайна.
- Панель свойств и панель вставки изображений – удобный инструмент для быстрого создания ссылок, различных списков, выделение текста курсивом и полужирным и т.д.
- Глобальная функция "Найти/Заменить"- это функция позволяет быстро заменить участок кода или слово не только на одной странице, но и по всему коду сайта.
- Встроенный файловый менеджер – позволяет выполнять навигацию по директориям сайта, не покидая программы Adobe Dreamweaver.
- Шаблоны – функция, которая создает шаблон выбранной веб-страницы и в дальнейшем дает возможность быстро создать веб-страницы с похожим дизайном.
- Вкладки и связанные файлы - функция, с которой стало удобнее вставлять ссылки с одной страницы на другую, а также перемешать контент из одной папки в другую.
- В последней версии Adobe Dreamweaver CS5 внедрен модуль Adobe BrowserLab – он избавляет вас от головной боли, при некорректном отображении сайта в разных браузерах.