Adobe Dreamweaver CC 2018: Официален курс на Adobe Systems

Научете как да създавате уебстраници за модерната Web; да вграждате графики, текст, анимация и видео; да изграждате богати интерактивни приложения; да добавяте връзки към текст и изображения; да добавяте интерактивни елементи към сайтовете си, например съвместимо с HTML5 видео и анимация; да работите с кода и структурите на HTML5 и CSS3; да адаптирате дизайна на Web страниците към широко разнообразие от настолни компютри и мобилни устройства с минимално кодиране на ръка; и да публикувате завършен сайт в Web.

Най-бързият, най-лесният и най-задълбочен начин за усвояване на "Adobe Dreamweaver CC". Световната бестселърна поредица от практически самоучители за софтуер ви позволява да научите бързо и лесно функциите на съответния програмен продукт на Adobe. Тя ви предлага това, което не може да предложи никоя друга книга или програма за обучение.

"Adobe Dreamweaver CC: Официален курс на Adobe Systems" съдържа 12 урока. Книгата обхваща основните теми за усвояване на "Adobe Dreamweaver" и осигурява многобройни съвети и техники, които ще ви помогнат да работите по-продуктивно с програмата. Можете да прочетете цялата книга последователно от началото до края или да изберете само тези уроци, които ви интересуват.

От какво се нуждаете, за да ползвате тази книга: Програмата "Adobe Dreamweaver CC" за Windows или Mac OS. Софтуерът не е включен към книгата.

"Официален курс на Adobe Systems" не заменя документацията, поддръжката, актуализациите и други ползи от използването на регистрирана версия на Adobe Dreamweaver.

"Официален курс на Adobe Systems" е без съмнение най-добрият учебен материал на пазара. Включено е всичко, от което се нуждаете, за да усвоите програмата: ясни обяснения, указания стъпка по стъпка и файлове за практически проекти."
Барбара Байндър, Сертифициран преподавател по продуктите на "Adobe Rocky Mountain Training"

Книгата е част от поредицата "Официален курс на Adobe Systems" на издателство "АлексСофт".

Алекс-Софт Пъблишинг ЕООД
София, 1528
ул. Поручик Христо Топракчиев 11
cust_serv@alexsoft.net

Къде са файловете с уроците?
Да започнем

• За Classroom in a Book
• TinyURLs
• Предварителни изисквания
• Конвенции, използвани в тази книга
• Получерен текст
• Шрифт на кода
• Зачертаване
• Липсващи препинателни знаци
• Обръщения към елементи
• Инструкции за Windows спрямо инструкции за Mac OS
• Инсталиране на програмата
• Актуализация на Dreamweaver до най-новата версия
• Онлайн съдържание
• Препоръчван ред на уроците
• При първо стартиране
• Избор на цветова тема за програмата
• Настройка на работното пространство
• Дефиниране на сайт в Dreamweaver
• Проверка за актуализации
• Допълнителни ресурси
• Обучаващи центрове, подкрепяни от Adobe
• Преглед на урока

Потребителска настройка на работното ви пространство

• Обиколка на работното пространство
• Използване на екрана Start
• Recent
• CC Files
• Quick Start
• Starter Templates
• Create New и Open
• Learn25
• Изследване на указанията New Feature
• Настройка на предпочитанията към интерфейса
• Превключване и разделяне на изгледи
• Изглед Code
• Изглед Design
• Изглед Live
• Изглед Split
• Live Source Code
• Режим Inspect
• Селектиране на макет на работното пространство
• Работно пространство Standard
• Работно пространство Developer
• Работа с панели
• Намаляване на панелите до минимум
• Затваряне на панели и групи от панели
• Изтегляне
• Плаване
• Групиране, натрупване и закотвяне
• Персонализация на Dreamweaver
• Съхраняване на потребителско работно пространство
• Работа с Extract
• Работа с ленти с инструменти
• Лента с инструменти Document
• Лента с инструменти Standard
• Лента с инструменти Common
• Създаване на потребителски кратки клавишни комбинации
• Използване на инспектора Property
• Използване на раздела HTML
• Използване на раздела CSS
• Достъп до свойствата на изображение
• Достъп до свойствата на таблица
• Използване на интерфейса Related Files
• Използване на селектори на етикети
• Използване на CSS Designer
• Sources
• @Media
• Selectors
• Режими All и Current
• Използване на интерфейса Visual Media Query (VMQ)
• Използване на DOM Viewer
• Използване на диалозите, дисплеите и инспекторите за елементи
• Диалог Position Assist
• Element Display
• Image Display
• Text Display
• Задаване на контрол на версията в Dreamweaver
• Изследване, експериментиране и изучаване
• Преглед на урока

Основи на HTML

• Що е HTML?
• Къде започна HTML?
• Базова структура на HTML код
• Често използвани HTML елементи
• HTML етикети
• Обекти от HTML символи
• Какво е новото в HTML5
• Етикети на HTML5
• Семантичен Web дизайн
• Нови техники и технология
• Преглед на урока

Основи на CSS

• Що е CSS?
• HTML спрямо CSS форматиране
• Подразбиращи се стойности на HTML
• Подразбиращи се стойности на HTML5?
• Остарели браузъри
• CSS рамков модел
• Прилагане на CSS оформление
• Теория на каскадата
• Теория на унаследяването
• Теория на потомците
• Code Navigator
• CSSDesigner
• Множества, класове и идентификатори, божичко!
• Прилагане на форматиране към множество елементи
• Използване на съкратен запис на CSS
• Създаване на атрибути на клас
• Създаване на атрибути на идентификатор
• Свойства и ефекти на CSS3
• Преглед и поддържане на CSS3
• Преглед на урока

Основи на WEB дизайна

• Разработване на нов уебсайт
• Какво е предназначението на уебсайта?
• Какъв е съставът на аудиторията?
• Как достигат до там?
• Сценарий
• Работа с миниатюри и телени модели
• Създаване на миниатюри
• Създаване на дизайн на страница
• Създаване на телени модели
• Преглед на урока

Създаване на макет на страница

• Оценка на опциите за дизайн на страница
• Работа с предварително дефинирани макети
• Оформяне на съществуващ макет
• Оформяне на елементи с използване на панела Extract
• Извличане на текст от макет на Photoshop
• Отстраняване на неизправности в оформлението със CSS
• Извличане на оформление на текст от макет на Photoshop
• Създаване на градиентен фон с използване на Extract
• Извличане на изобразителни активи от макет
• Добавяне на фонови CSS ефекти към кода
• Завършване на схемата
• Преглед на урока

Работа с шаблони

• Създаване на шаблон от съществуващо подреждане
• Вмъкване на редактируеми региони
• Изграждане на семантично съдържание
• Вмъкване на HTML елементи
• Вмъкване на метаданни
• Проверка на HTML кода
• Създаване на дъщерни страници
• Създаване на нова страница
• Добавяне на съдържание към дъщерни страници
• Преместване на стилове CSS в свързан файл
• Актуализиране на шаблон
• Форматиране на съдържание в редактируеми региони
• Преглед на урока

Работа с текст, списъци и таблици

• Преглед на завършения файл
• Създаване и оформяне на текста
• Импортиране на текст
• Създаване на семантични текстови структури
• Създаване на заглавия
• Добавяне на други HTML структури
• Създаване на списъци
• Създаване на отместен текст
• Създаване и оформяне на таблици
• Създаване на таблици отначало
• Копиране и вмъкване на таблици
• Оформление на таблици със CSS
• Оформяне на клетките на таблица
• Контролиране на извеждането на таблицата
• Вмъкване на таблици от други източници
• Добавяне и форматиране на описателни елементи
• Проверка на правописа в Web страници
• Откриване и заместване на текст
• Допълнително упражнение със собствена скорост
• Преглед на урока

Работа с изображения

• Основи на Web изображенията
• Векторни графики
• Растерни графики
• Файлови формати за растерни изображения
• Предварителен преглед на завършените файлове
• Вмъкване на изображение
• Контролиране на позиции на изображения със CSS класове
• Работа с панела Insert
• Използване на менюто Insert
• Вмъкване на файлови типове, непредназначени за Web
• Работа със Photoshop Smart Objects (незадължително)
• Копиране и вмъкване на изображения от Photoshop (незадължително)
• Вмъкване на изображения чрез изтегляне и пускане
• Оптимизиране на изображения с инспектора Property
• Преглед на урока

Работа с навигация

• Основи на хипервръзките
• Вътрешни и външни хипервръзки
• Относителни спрямо абсолютни хипервръзки
• Предварителен преглед на завършения файл
• Създаване на вътрешни хипервръзки
• Създаване на относителни връзки
• Създаване на връзка към началото
• Актуализиране на връзките в дъщерни страници
• Създаване на външна връзка
• Създаване на абсолютна връзка в изглед Live
• Задаване на връзки за електронна поща
• Създаване на връзка чрез изображение
• Създаване на връзки чрез изображения с използване на Element Display
• Създаване на текстови връзки с използване на TextDisplay
• Насочване към елементи от страница
• Създаване на вътрешни насочени връзки
• Създаване на връзка към получател в Element Display
• Насочване към основани на идентификатори получатели на връзки
• Заключване на елемент на екрана
• Оформяне на менюто за навигация
• Проверка на страницата ви
• Добавяне на връзки за получател (допълнително)
• Преглед на урока

Добавяне на интерактивност

• Изучаване на поведенията на Dreamweaver
• Предварителен преглед на завършения файл
• Работа с поведения на Dreamweaver
• Прилагане на поведение
• Прилагане на поведение Swap Image Restore
• Отстраняване на приложени поведения
• Добавяне на поведения към хипервръзки
• Работа с джаджи Accordion на jQuery
• Вмъкване на джаджа Accordion на jQuery
• Оформление на Accordion на jQuery
• Прилагане на фонов ефект в раздел Accordion
• Форматиране на условно състояние за раздел в акордеона
• Използване на Live Code за идентифициране на динамично оформление
• Оформление на фона на съдържанието на акордеона
• Преглед на урока

Публикуване в WEB

• Дефиниране на отдалечен сайт
• Задаване на отдалечен FTP сайт
• Изграждане на отдалечен сайт в локален или мрежов
• Web сървър (допълнително)
• Покриване на папки и файлове
• Завършване на нещата
• Поставяне на сайта ви онлайн (допълнително)
• Синхронизиране на локални и отдалечени сайтове
• Преглед на урока

Работа с код

• Създаване на HTML код
• Ръчен запис на кода
• Автоматично записване на кода
• Работа с поддържане на множество курсори
• Поставяне на коментари в кода ви
• Работа с предварителни обработки (предпроцесори) на CSS
• Активиране на предпроцесор
• Създаване на изходен файл за CSS
• Компилиране на CSS код
• Влагане на CSS селектори
• Импортиране на други стилови страници
• Научете повече за предпроцесорите
• Поддържане на Linting
• Селектиране на кода
• Използване на номерата на редовете
• Използване на селектори на етикети
• Използване на родителски етикети
• Свиване на кода
• Разширяване на кода
• Достъп до изглед Split Code
• Предварителен преглед на активите в изглед Code

Приложение

• TinyURLs