Как да дефинирате атрибути в Dreamweaver

Инспекторът на свойствата на Dreamweaver е контекстно-чувствителен, което означава, че когато щракнете върху изображение, HTML атрибутите за това изображение се показват и могат да се редактират. Някои от редактируемите атрибути на изображението са по-„технически“, отколкото дизайнерски фактори.

Например, идентификаторът на изображението се използва, когато изображенията са свързани към програми или бази данни на JavaScript. Други атрибути на изображението в Properties Inspector включват ограничен набор от действителни инструменти за редактиране на изображения. Тези инструменти включват изрязване, редактиране на контраст и изостряне на изображения. Разгледайте най-важните от тези опции:

• Инструменти на областта на картата: Инструментите на областта на картата създават горещи точки с възможност за щракване върху избраното изображение и дефинират отделни връзки за различни горещи точки. Hotspot е част от изображение, която служи като връзка. Можете да използвате инструментите за гореща точка за правоъгълник, кръг и многоъгълник, за да нарисувате секции върху избрано изображение и след това да зададете конкретни връзки към тези горещи точки в Инспектора на свойствата.

  Четвъртият инструмент в този набор, инструментът Pointer Hotspot, се използва за избор, преместване или редактиране на съществуващи горещи точки.

• V Space и H Space: Определете хоризонтално и вертикално разстояние около избраното изображение.

• Подравняване: Използвайте този изскачащ прозорец, за да изберете между ляво или дясно подравняване. (Други опции са технически налични, но те са останки от епоха, когато графичните символи с размер на текст са били вмъкнати директно в редове от текст и не се използват днес при подравняване на изображението.)

• Src: Това поле идентифицира вграденото свързано изображение.

• Alt: Променете текста, който се показва или се чете на глас, когато изображението не се вижда.

• Граница: Определете ширината на границата (0 пиксела, по подразбиране) или 1 пиксел, ако изображението служи като връзка.

• Връзка: Определете връзка, която се отваря при щракване върху изображението. Ако е дефинирана връзка, можете да настроите връзката да се отваря в нов прозорец на браузъра, като изберете _blank от изскачащия прозорец Target.

• Клас: Използвайте този изскачащ прозорец, за да зададете стилове на CSS клас, ако има такива, които са дефинирани или свързани към страницата.

• W (ширина) и H (височина): Преоразмеряване на изображението. Премахването на иконата за превключване на ограниченията на размера отключва връзката между височина и ширина, което ви позволява да разтягате или смачквате изображението, вместо да поддържате оригиналното съотношение височина към ширина, докато преоразмерявате. Можете също да преоразмерите интерактивно, като щракнете и плъзнете манипулатора в долния десен ъгъл на избрано изображение. Задръжте натиснат клавиша Shift, докато преоразмерявате, за да запазите съотношението височина към ширина.

• Пресемплиране: Новите инструменти в CS6 ви позволяват да преобразувате преоразмерено (по-малко) изображение. Повторното семплиране елиминира ненужните данни и прави файла с изображение по-малък, а това означава, че изображението може да се изтегля по-бързо. Поставете отметка в квадратчето Commit Image Size, за да повторите семплирането на изображението, или щракнете върху бутона Възстановяване на оригиналния размер до него в Инспектора на свойствата, за да отмените преоразмеряването.