Како да промените стилове везе са својствима странице у Дреамвеаверу

Ако сте попут многих дизајнера који користе Дреамвеавер, вероватно вам се не свиђа подвлачење које се аутоматски појављује испод целог повезаног текста на веб страници. Заиста је лако уклонити ту подвучену линију и променити боју, фонт и величину ваших веза помоћу Дреамвеавер-овог дијалога Својства странице. Такође можете да промените друга подешавања за целу страницу, као што су боја позадине и маргине странице, из дијалога Својства странице.

Најлакши начин да промените све стилове везе одједном је да их промените у дијалогу Својства странице. Када користите ову опцију, Дреамвеавер аутоматски креира одговарајуће стилове селектора ознака и наводи их на табли ЦСС стилова. Остала подешавања за целу страницу у овом дијалошком оквиру функционишу на сличан начин, а све ове опције можете да измените помоћу ЦСС алата.

Да бисте променили хипервезу и друге стилове помоћу дијалога Својства странице, отворите постојећу страницу или креирајте нову и следите ове кораке:

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

Алтернативно, можете кликнути на дугме Својства странице у Инспектору својстава. Појављује се дијалог Својства странице.

На левој страни дијалога Својства странице изаберите категорију Везе (ЦСС).

Одредите фонт и величину за своје везе.

Ако желите да користите исту величину фонта и лице за своје везе као што користите у остатку текста на страници, најбоље је да ове опције оставите празне. Затим, ако промените подешавања текста за страницу, нећете морати да се сетите да их промените и за своје везе.

Одредите боје за свако стање хипервезе тако што ћете кликнути на одговарајући бунар за боју и изабрати боју у дијалогу Боја.

Можете да промените било које или све поставке боје везе. Ако не наведете боју везе, претраживач користи подразумевану боју везе. Ево објашњења сваког од четири стања везе:

• Боја везе: Боја у којој се ваше везе појављују када се страница први пут учита, а повезану страницу још није посетио претраживач. Одговарајућа ХТМЛ ознака је .

• Посећене везе: Боја у коју се мењају ваше везе након што је прегледач већ прегледао страницу са линком. Одговарајућа ХТМЛ ознака је .

• Линкови за прелазак: Боја везе се мења када корисник пређе курсором преко везе. Одговарајућа ХТМЛ ознака је .

• Активне везе: Боја у коју се линк мења док корисник активно кликне на везу. Одговарајућа ХТМЛ ознака је .

Изаберите стил са падајуће листе Стил подвлачења.

Подразумевано, везе приказане у веб претраживачу су подвучене. Многи дизајнери више воле да уклоне подвучену линију која се аутоматски појављује испод повезаног текста одабиром Никада не подвлачи. Посетиоцима можете дати визуелни знак подвлачења, али само када преокрену курсор преко везе, па изаберите опцију Прикажи само подвучену линију при преласку.

Кликните на ОК.

Дијалог Својства странице се затвара, поставке стилова се аутоматски примењују на све везе на страници, а одговарајући стилови се додају на панел ЦСС стилова.

Да бисте у потпуности тестирали стилове веза, прегледајте своју страницу у веб прегледачу или кликните на дугме Ливе Виев на врху радног простора. Добра је пракса да тестирате подешавања везе у претраживачу када уносите промене попут оних у претходној вежби. Погледајте како се појављују ваше везе.

На пример, проверите да ли боје активне и посећене везе изгледају добро у односу на боју позадине странице. Запамтите да сви стилови које креирате помоћу дијалога Својства странице утичу на све везе на вашој страници осим ако посебно не примените другачији стил на појединачну везу која замењује редефинисани стил ознаке.

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