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

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

Най-лесният начин да промените всичките си стилове на връзки наведнъж е да ги промените в диалоговия прозорец Свойства на страницата. Когато използвате тази опция, Dreamweaver автоматично създава съответните стилове за избор на етикети и ги изброява в панела CSS стилове. Други настройки за цялата страница в този диалогов прозорец работят по подобен начин и можете да редактирате всички тези опции с помощта на CSS инструментите.

За да промените хипервръзка и други стилове с диалоговия прозорец Свойства на страницата, отворете съществуваща страница или създайте нова и следвайте тези стъпки:

Изберете Промяна→ Свойства на страницата.

Като алтернатива можете да щракнете върху бутона Свойства на страницата в Инспектора на свойства. Появява се диалоговият прозорец Свойства на страницата.

Отляво на диалоговия прозорец Свойства на страницата изберете категорията Връзки (CSS).

Посочете шрифт и размер за вашите връзки.

Ако искате да използвате същия размер на шрифта и лице за връзките си, както използвате в останалата част от текста на страницата си, най-добре е да оставите тези опции празни. След това, ако промените настройките за текст за страницата, няма да се налага да ги променяте и за вашите връзки.

Задайте цветове за всяко състояние на хипервръзка, като щракнете върху съответния цвят и изберете цвят от диалоговия прозорец Цвят.

Можете да промените някои или всички настройки за цвета на връзката. Ако не посочите цвят на връзката, браузърът използва цвета на връзката по подразбиране. Ето обяснение на всяко от четирите състояния на връзката:

• Цвят на връзката: Цветът, в който се показват вашите връзки, когато страницата се зареди за първи път и свързаната страница все още не е посетена от браузъра. Съответният HTML таг е .

• Посетени връзки: Цветът на вашите връзки се променят, след като браузърът вече е прегледал свързаната страница. Съответният HTML таг е .

• Връзки при превъртане: Цветът на връзката се променя, когато потребителят премести курсора върху връзка. Съответният HTML таг е .

• Активни връзки: Цветът на връзката се променя, когато потребителят активно кликва върху връзка. Съответният HTML таг е .

Изберете стил от падащия списък Стил на подчертаване.

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

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

Диалоговият прозорец Свойства на страницата се затваря, настройките за стил се прилагат автоматично към всички връзки на страницата и съответните стилове се добавят към панела CSS стилове.

За да тествате напълно стиловете на връзките, прегледайте страницата си в уеб браузър или щракнете върху бутона Live View в горната част на работното пространство. Добра практика е да тествате настройките на връзката в браузър, когато правите промени като тези в предходното упражнение. Вижте как се показват вашите връзки.

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

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