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

Превртања су толико популарна функција да Дреамвеавер укључује посебан оквир за дијалог само за превртање: дијалог Уметање слике преокрета. Слике које се окрећу, као што назив имплицира, су дизајниране да реагују када неко пређе курсором преко слике. Ефекат може бити драматичан попут слике пса који је замењен сликом лава, или суптилан као што се мења боја речи.

Можете креирати сложеније ефекте слике при преласку помоћу опције Замени слику на панелу Понашање. Опција Замени слику вам омогућава да промените више слика у исто време.

Да бисте креирали једноставан ефекат превртања са две слике користећи Дреамвеавер-ов дијалог Инсерт Имаге Ролловер, следите ове кораке:

Поставите курсор на страницу на којој желите да се појави прелазак.

За ефекте превртања потребне су најмање две слике: једна за почетно стање и једна за стање преокретања. Можете користити две различите слике или две сличне, али обе треба да имају исте димензије. У супротном, видећете чудне ефекте скалирања јер обе слике морају бити приказане у потпуно истом простору на страници.

Изаберите Инсерт→Имаге→Ролловер Имаге.

Алтернативно, можете користити падајућу листу доступну са иконе Слике на панелу Цоммон Инсерт и изабрати Ролловер Имаге.

Појављује се оквир за дијалог Инсерт Ролловер Имаге.

У пољу Име слике дајте назив својој слици.

Пре него што примените понашање на елемент, као што је слика, елемент мора да има име тако да скрипта понашања може да га референцира. Елементима можете именовати шта год желите све док не користите размаке или специјалне знакове.

У пољу Оригинална слика наведите прву слику коју желите да буде видљива. Користите дугме Прегледај да бисте лоцирали и изабрали слику.

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

У поље Ролловер Имаге унесите слику коју желите да постане видљива када посетилац помери курсор преко прве слике.

Опет, можете користити дугме Прегледај да бисте лоцирали и изабрали слику.

Означите поље за потврду Прелоад Ролловер Имаге да бисте учитали све слике преокретања у кеш претраживача када се страница први пут учита.

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

У поље Алтернативни текст унесите опис слика.

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

У пољу Када се кликне, Иди на УРЛ, унесите било коју веб адресу или претражите да бисте лоцирали другу страницу на свом сајту на коју желите да се повежете.

Ако не наведете УРЛ, Дреамвеавер аутоматски убацује знак # као чувар места у коду.

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

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

Слике се аутоматски подешавају као преокрет.

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

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

Када прегледате страницу на свом рачунару која садржи слику преласка, неки веб прегледачи ће приказати упозорење да морате дозволити АцтивеКс контролама да прегледају страницу. Ово је безбедносно упозорење које се појављује само када се страница отвори на истом рачунару где је страница сачувана.

Ако објавите страницу на веб серверу, а затим је погледате преко интернет везе, ви и посетиоци вашег сајта нећете видети ову грешку.

Кредит: Уметничко дело истоцкпхото.цом