Adobe Dreamweaver - такой мощный инструмент для веб-дизайнеров, потому что у него есть так много всего, что вы можете с ним сделать. Конечно, все то, что вы можете сделать, усложняет учебу. Узнайте о многих вещах, которые может сделать Dreamweaver, включая изменения в последней версии CS5. И не забудьте проверить вещи, которые отсутствуют в Dreamweaver CS5.
Определение сайта
- Начать новый сайт
- Создать сайт
- Настройте только те части сайта, которые вам нужны, когда они вам понадобятся * Новое в CS5
- Настройка удаленного, QA и тестирования серверов для более полных рабочих процессов * Новое в CS5
- Создание и публикация новых каталогов
- Изменить тип документа
- Включите метаданные на своих страницах
Поместите свой сайт в Live
- Определение удаленного сайта
- Файлы FTP на веб-сервер
- Используйте систему контроля версий для проверки входящих и
- Подключение к Subversion для более расширенного управления версиями * Новое в CS5
- Оставьте заметки для своих товарищей по команде
Создание веб-страниц
- Запись страницы в режиме WYSIWYG
- Создать страницу в HTML
- Создать новую страницу из шаблона
- Создайте новую страницу с нуля
- Создать шаблон
- Сохранить файлы в каталоге вашего сайта
- Определение свойств страницы
CSS
- Использовать таблицы стилей CSS
- Добавление встроенных стилей
- Создайте внешнюю таблицу стилей
- Прикрепите внешнюю таблицу стилей
- Создание классов, идентификаторов, тегов и сложных селекторов CSS
- Редактирование существующих правил CSS
- Создание CSS для печатных страниц
- Включение и отключение свойств стиля * Новое в CS5
- Визуально визуализировать модель окна CSS * Новое в CS5
Текст
- Изменить текст
- Использовать разные шрифты
- Вставить разрыв строки
- Использовать специальные символы
- Включить сегодняшнюю дату
- Написать комментарий
- Применение тегов HTML к тексту
- Добавить атрибуты HTML в теги
связи
- Текст и изображения ссылок
- Проверить ссылки на сайты
- Изменение цвета ссылок по умолчанию (ссылка, посещение, зависание, активный)
- Создание подсказок по ссылкам на ссылки
- Создание ссылок mailto
- Создание привязок веб-страниц
Изображений
- Добавить графику на страницу
- Редактировать изображения
- Изменение размера изображений
- Добавить текст в текст
- Добавить дополнительные возможности для изображений
- Выравнивание изображений и текста
- Создание изображения опрокидывания
- Использовать карты изображений
- Использовать трассировочные изображения
- Использовать заполнители изображений
- Вставить фейерверк HTML
- Вставить файлы Photoshop
раскладка
- Используйте бесплатные шаблоны * Новые шаблоны для начинающих CSS в CS5
- Вставить div для макета
- Редактировать divs в панели стилей CSS
- Вставить абсолютно позиционированные элементы
- Форматировать абсолютно позиционированные элементы в инспекторе свойств
- Используйте линейки, сетки и направляющие
Списки
- Добавить маркированные и пронумерованные списки
- Настроить список маркеров и номеров
таблицы
- Создать таблицу
- Добавление строк и столбцов заголовков
- Используйте прозрачные изображения для хранения ячеек таблицы.
- Создание столбцов фиксированной ширины и гибкой ширины
- Изменение стилей границ таблиц
- Вставить таблицу в таблицу
- Импорт табличных данных
формы
- Используйте форму mailto
- Определение действий формы
- Добавить текст, радио, флажок, файл, изображение, поля выбора и скрытые поля формы.
- Сделайте ваши формы доступными с полями и полями меток
- Создание пользовательских кнопок отправки
- Проверка форм с помощью JavaScript (Spry)
Базы данных и скрипты PHP
- Прикрепите свой сайт к базе данных
- Настройка сайта PHP / mySQL
- Используйте элементы Spry для подключения к базе данных
- Вставьте объекты данных на свои страницы
- Тестирование и обновление источника данных Spry или отображения
- Редактирование сложных динамических сайтов в дизайне
- Откройте все динамически связанные файлы для сборки сайтов CMS PHP (WordPress, Joomla и Drupal) * Новое в CS5
- Пользовательский намек на класс для PHP-кода, включая сторонние структуры, такие как Zend framework * Новое в CS5
Рамки
- Создайте веб-сайт с рамкой
- Изменить содержание noframes
- Форматирование и стиль ваших кадров
- Настройка целевых ссылок по умолчанию между кадрами
Добавить интерактивность
- Создайте фотоальбом (больше не в CS5)
- Добавление звука на веб-страницы
- Создайте раскрывающееся меню
- Используйте поведение Dreamweaver для открытия всплывающих окон, создания меню перехода, воспроизведения звука, обмена фотографиями и т. Д.
- Добавление RSS-каналов на сайт
- Вставить Flash-текст в качестве опроса
- Вставить текст CSS в виде опрокидывания
- Вставить другие плагины
- Добавьте панель меню Spry, панели с вкладками, аккордеон, подсказку и складную панель
- Используйте Браузер Виджета, чтобы найти новые виджеты для своего сайта, без необходимости знать JavaScript
Проверьте свои страницы
- Проверьте свои страницы в режиме Live View, чтобы увидеть изменения из-за JavaScript и интерактивности. * Новое в CS5.
- Подтвердите свой HTML-код
- Предварительный просмотр ваших страниц в нескольких браузерах
- Используйте BrowserLab для предварительного просмотра ваших страниц в других операционных системах * Новое в CS5
- Используйте Device Central для проверки того, как страницы выглядят на мобильных устройствах
- Проверка совместимости браузера
- Измените настройки в соответствии с тем, что ваш сайт должен работать с
- Проверка внутренних ссылок на сайт
- Проверьте доступность вашего сайта (больше не в CS5)
- Преобразование документа Word в HTML
Настроить Dreamweaver
- Добавить расширения
- Отключить расширения
- Настройка Dreamweaver с помощью ярлыков
Повысьте эффективность
- Используйте встроенные сочетания клавиш
- Использовать фрагменты кода
- Создание и использование шаблонов
- Создание новых страниц из пользовательских шаблонов
- Обновление шаблонов
- Включить один файл в другой с помощью библиотеки Dreamweaver
- Обновление элементов библиотеки
- Включите один файл в другой, используя SSI
- Использовать поиск и замену
