Интеграция на Adobe Photoshop и Dreamweaver CS3 - Софтуерни продукти
Отворете Dreamweaver CS3. За нормална работа на Dreamweaver е необходимо да настроите сайта, да посочите местоположението му на вашия компютър + някои допълнителни параметри. Ето защо, ако не сте направили подходящата настройка преди, нека го направим сега. За да направите това, отидете в менютоСайт >Нов сайт. ВместоСайт без име въведете името на вашия проект. Щракнете върхуНапред.
В следващия прозорец ще бъдем подканени да изберем използваната технология (PHP, ASP и т.н.), нека се спрем на класическата html версия и изберете Не. Не искам да използвам сървърна технология. Щракнете Напред.
Посочете местоположението на папката на сайта и щракнете върху Напред отново. В следващия прозорец изберете None от списъка. Кликнете върху бутона Напред. В последния прозорец ни се предлага да проверим посочената информация и или да отменим всичко, като щракнете върхуОтказ, или да потвърдите, като щракнете върхуГотово. Щракнете Готово. Кешът на сайта ще бъде създаден. Трябва да създадем начална страница. За да направите това, отидете в менютоФайл >Нов. В полетоТип страница посочете html, вОформление изберете Няма, вТип на документ задайте Няма. И го запазете с командатаФайл >Запиши като. Въведете index.html в полето за име на файл
Подготовката приключи. Сега да кажем, че имате готово оформление на PSD документ и искате да го интегрирате или част от него в уеб страница. ВDreamweaver отидете в менютоИзображение >Вмъкване и изберете вашия PSD файл с оформление.
След това пред вас ще се отвори диалоговият прозорецВизуализация на изображението, където трябва да посочите файловия формат, качеството на изображението. Ако е необходимо, посочете областта за експортиране (ако оформлението е голямо и трябва да добавите само бутон или отделно изображение от него).
Всички инструменти са интуитивниразбираемо. Те по същество изпълняват същите функции като във Photoshop с малки разлики. По-специално, локалният инструментExport Area е много подобен на обичайния Crop, нека се опитаме да го приложим тук и ще видите, че той отрязва ненужните външни области. След като сте решили изхода, щракнете върху бутона OK. предлага ни се да запазим изображението в директорията на сайта и да му дадем име. Е, нека го направим.
Нека добавим малко текст към нашата страница. А сега нека разгледаме допълнителни възможности за работа. Щракнете с левия бутон върху изображението и погледнете долната част на работното пространство на Dreamweaver. За улеснение погледнете екранната снимка.
РедътSRC се отнася до източника на изображението, т.е. в този случай, PSD файлът, от който е импортирано изображението. РедътAlign отговаря за подравняването на изображението спрямо текста. В редаEdit иконата на Photoshop CS3 не означава нищо повече от редактиране на цялото оформление в него.
- този бутон ви позволява ръчно да зададете размера на документа, качеството ще бъде избрано автоматично. Имайте предвид, че промените, направени от този бутон и други в този ред, се прилагат към импортираното изображение, а не към оформлението.
от ляво на дясно:
- Изрязване - извършва операция за изрязване, подобна на изрязването във Photoshop
- Resample - добавя или изважда пиксели от модифицирания JPEG или GIF файл, за да направи изображението възможно най-близо до оригинала. Тази функция намалява размера на файла и подобрява скоростта на изтегляне.
- Яркост и контраст - позволява ви да промените яркостта и контраста на изображението
- Sharpen - коригира остротата на изображението