Adobe Dreamweaver - такий потужний інструмент для веб-дизайнерів, тому що в ньому є багато речей, які ви можете з ним зробити. Звичайно, всі ті речі, які ви можете зробити, ускладнюють процес навчання. Дізнайтеся про багато можливостей Dreamweaver, в тому числі про зміни в останній версії CS5. І не забудьте перевірити, чого не вистачає в Dreamweaver CS5.
Визначення сайту
- Почати новий сайт
- Створити веб- сайт
- Налаштуйте тільки ті частини сайту, які вам потрібні, коли вони вам потрібні * Нове в CS5
- Налаштування віддалених серверів, серверів контролю якості та тестування для повніших робочих процесів * Нове в CS5
- Створити і публікувати нові теки
- Змініть тип документа
- Увімкнути метадані на ваших сторінках
Введення вашого сайту в прямому ефірі
- Визначити віддалений сайт
- Файли FTP на веб-сервер
- Використовуйте систему контролю версій для перевірки файлів у
- З'єднайтеся з Subversion для більш розширеного контролю версій * Нове в CS5
- Залиште нотатки для ваших товаришів по команді
Створення веб-сторінок
- Написати сторінку в режимі WYSIWYG
- Написати сторінку в HTML
- Створити нову сторінку з шаблону
- Створити нову сторінку з нуля
- Створити шаблон
- Збережіть файли до вашого каталогу сайту
- Визначте властивості сторінки
CSS
- Використовуйте таблиці стилів CSS
- Додавання вбудованих стилів
- Створити зовнішню таблицю стилів
- Прикріпити зовнішню таблицю стилів
- Створити клас, ІД, тег та складені селектори CSS
- Змінити існуючі правила CSS
- Створити CSS для друкарських сторінок
- Увімкнути і вимкнути властивості стилю * Новий у CS5
- Візуально перевірити блочну модель CSS * Нове в CS5
Текст
- Змінити текст
- Використовуйте різні шрифти
- Вставити розрив рядка
- Використовуйте спеціальні символи
- Увімкнути сьогоднішню дату
- Написати коментарі
- Застосувати теги HTML до тексту
- Додати атрибути HTML до тегів
зв'язки
- Текст посилання та зображення
- Перевірте посилання на сайті
- Змінити типові кольори посилання (посилання, відвідування, наведення, активний)
- Створюйте підказки за посиланнями
- Створити поштові посилання
- Створити якір веб-сторінок
Зображень
- Додати графіку до сторінки
- Редагувати зображення
- Змінити розмір зображення
- Додати альтернативний текст до зображень
- Додати додаткові можливості доступу до зображень
- Поєднайте зображення та текст
- Створити ролловер
- Використовуйте карти зображень
- Використовуйте зображення трасування
- Використовуйте заповнювачі зображення
- Вставити феєрверк HTML
- Вставте файли Photoshop
розкладка
- Використовуйте безкоштовні шаблони * Нові CSS початкові макети у CS5
- Вставте div для макета
- Редагувати div на панелі стилів CSS
- Вставте абсолютно розташовані елементи
- Форматувати абсолютно розташовані елементи в інспекторі властивостей
- Використовуйте лінійки, сітки та напрямні
Списки
- Додати маркіровані та нумеровані списки
- Налаштувати список маркерів і номерів
таблиці
- Створити таблицю
- Додати рядки заголовка і стовпчики
- Використовуйте прозорі зображення, щоб тримати комірки таблиці відкритими
- Створити стовпчики фіксованої ширини та гнучкої ширини
- Змінити стилі меж таблиць
- Вставити таблицю в таблицю
- Імпортувати табличні дані
форми
- Використовуйте форму mailto
- Визначити форму дій
- Додати текст, радіо, прапорець, файл, зображення, поля вибору та приховані поля форми
- Зробіть ваші форми доступними з полями fieldset і label
- Створення користувацьких кнопок надсилання
- Перевіряйте форми за допомогою JavaScript (Spry)
Бази даних та PHP скриптинг
- Приєднайте ваш сайт до бази даних
- Налаштуйте сайт PHP/mySQL
- Використовуйте елементи Spry для з'єднання з базою даних
- Вставте об'єкти даних на ваші сторінки
- Протестуйте і оновіть джерело даних Spry або дисплей
- Редагувати складні динамічні сайти в режимі конструктора
- Відкрийте для себе всі динамічно пов'язані файли для збирання сайтів PHP CMS (WordPress, Joomla і Drupal) * Нове в CS5
- Підказка для користувацьких класів для коду PHP, включаючи сторонні фреймворки, такі як фреймворк Zend * Нове в CS5
Рамки
- Створіть створений веб-сайт
- Редагувати вміст noframes
- Форматуйте та стилізуйте ваші рамки
- Встановити цільові посилання за замовчуванням між кадрами
Додати інтерактивність
- Створення фотоальбому (більше не в CS5)
- Додати звук на веб-сторінки
- Створити спадне меню
- Використовуйте поведінку Dreamweaver для відкриття спливаючих вікон, створення меню переходів, відтворення звуку, обміну зображеннями тощо.
- Додати RSS-канали на сайт
- Вставити Flash-текст як ролловер
- Вставити текст CSS як ролловер
- Вставте інші плагіни
- Додати рядок меню Spry, панелі вкладок, акордеон, підказку і складну панель
- Скористайтеся переглядачем Віджетів, щоб знайти нові віджети для вашого сайту, без необхідності знати JavaScript