Как да добавите изображение за проследяване към страница в Dreamweaver

Функцията Tracing Image в Dreamweaver е особено популярна сред дизайнерите. Концепцията, която датира от най-ранните дни на дизайна, ви позволява да използвате графики като ръководства за дизайна на вашите страници, както бихте могли да копирате карикатура през тънка прозрачна хартия.

Функцията Tracing Image е идеална за хора, които обичат първо да създадат дизайн в програма, като Photoshop или Fireworks, и след това да моделират своята уеб страница след него. С помощта на функцията за проследяване на изображение можете да вмъкнете всяко готово за уеб изображение във фона на всяка страница на Dreamweaver.

След това можете да позиционирате

тагове или вмъкнете таблици или други елементи върху изображението за проследяване, което улеснява пресъздаването на вашия дизайн в Dreamweaver. Можете да използвате JPG, GIF или PNG изображения като проследяващи изображения и можете да ги създавате във всяко графично приложение, което поддържа тези формати.

Въпреки че проследяващото изображение се появява на фона на страница, то не заема мястото на фоново изображение и няма да се появи в браузър.

За да добавите изображение за проследяване към страницата си, изпълнете следните стъпки:

Създайте нова страница или отворете съществуваща в Dreamweaver.

Изберете Преглед→ Проследяващо изображение→ Зареждане.

Отваря се диалоговият прозорец Избор на източник на изображение.

Изберете изображението, което искате да служите като изображение за проследяване, и щракнете върху OK.

Диалоговият прозорец Свойства на страницата се отваря с избрана категория на изображението за проследяване.

Кредит: Снимка от istockphoto.com

Щракнете върху бутона Преглед, за да намерите изображението, което искате да използвате като изображение за проследяване.

Появява се диалоговият прозорец Избор на източник на изображение.

Щракнете върху изображението, от което искате да проследите, и след това щракнете върху Приложи, за да прегледате как изглежда изображението зад страницата.

Задайте непрозрачността на изображението за проследяване с плъзгача Прозрачност.

Намаляването на нивото на прозрачност води до избледняване на изображението за проследяване, което прави разграничаването между проследяващото изображение и съдържанието на страницата лесно. Можете да зададете нивото на прозрачност, за да отговаря на вашите предпочитания, но някъде около 50 процента работи добре с повечето изображения.

Щракнете върху OK.

Изображението за проследяване се появява в прозореца на документа и диалоговият прозорец се затваря.

Имате няколко други опции с функцията за проследяване на изображение. Изберете View→Tracing Image, за да разкриете следните опции:

• Покажи: Скрива изображението за проследяване, ако искате да проверите работата си без изображението, но не искате да го премахнете.

• Подравняване с селекция: Позволява ви автоматично да подредите проследяващото изображение с избран елемент на страница.

• Регулиране на позицията: Позволява ви да използвате клавишите със стрелки или да въведете координати X, Y, за да контролирате позицията на изображението за проследяване зад страницата.

• Нулиране на позиция: Нулира изображението за проследяване на 0, 0 на координатите X, Y.

• Зареждане: Позволява ви да добавите или замените изображение за проследяване.

След като изображението за проследяване е на място, можете да го използвате като ръководство, докато проектирате страницата си. Тъй като изображението за проследяване е зад страницата, то няма да пречи на вашата дизайнерска работа и можете да добавите всякакви елементи върху изображението за проследяване, които бихте могли да добавите към всяка друга уеб страница. Използвайте изображението за проследяване като референция за вмъкване и позициониране

тагове, изображения и други елементи.