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

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

Можете видети како склопиви панели хармонике садрже име, фотографију и преференције станишта сваке птице певачице на овој веб страници о природи. Резултат је да лако можете видети имена свих птица на једној страници. Да би погледао опис било које птице, корисник треба само да кликне на картицу на врху панела (где се појављује име птице) и панел се одмах отвара.

Фотографија и опис за наранџасто окруњену певачицу су отворени док су остали на страници затворени. Лепота јКуери-ја је у томе што страница не мора да се поново учитава да би се панели отворили или затворили. Кликните једном на картицу и панел ће се одмах отворити. Кликните на другу картицу и тај панел се отвара као што се затвара претходно отворени панел.

Склопиви панели се могу користити за приказ текста и слика, као и мултимедијалних датотека као што су аудио, видео и Фласх датотеке.

Да бисте видели панел хармонике (или многе друге напредне функције у Дреамвеавер-у) како ће се појавити у веб претраживачу, потребно је да кликнете на дугме Ливе виев у горњем левом углу Дреамвеавер радног простора.

Након што креирате скуп хармоника панела са јКуери УИ менијем у Дреамвеаверу, можете променити бројна подешавања панела помоћу Проперти инспектора, као што је приказано у упутствима која следе.

Следите ове кораке да бисте креирали сет хармонике:

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

Изаберите Инсерт→јКуери УИ→Хармоника или кликните на ставку Хармоника на панелу Уметање корисничког интерфејса јКуери.

На страници се појављује група панела склопивих хармоника са јКуери УИ са три панела.

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

Подразумевано, текст у области Таб је обичан текст, али то можете променити изменом одговарајућег ЦСС правила или форматирањем текста помоћу ХТМЛ ознака, као што су ознаке наслова.

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

Можете да налепите текст у таблу као што бисте налепили текст било где на страници. Слично томе, уметнете слике у панеле као што бисте то урадили било где другде на страници: Поставите курсор на таблу, изаберите Инсерт→Имаге→Имаге и изаберите ГИФ, ЈПЕГ или ПНГ датотеку коју желите да прикажете. Такође можете да изаберете Пхотосхоп датотеку ако желите да користите Дреамвеавер за оптимизацију слика.

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

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

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

Додајте или уклоните панеле помоћу поља Панели у Инспектору својстава.

Да бисте додали панел, кликните на знак плус (+) десно од поља Панели. Да бисте уклонили панел из сета хармонике, прво изаберите назив панела на падајућој листи Панели у Инспектору својстава, а затим кликните на знак минус (@@мин).

Можете додати још један панел тако што ћете поново кликнути на знак плус.

Промените начин на који се панели отварају помоћу падајућег менија Догађај.

Подешавања догађаја контролишу да ли се панели отварају када корисник кликне на картицу панела (Клик) или пређе курсором преко картице панела (Прелазак мишем).

Подесите друге опције панела, по жељи.

Опције хармонике у Инспектору имовине су опционе и укључују могућност онемогућавања било којег или свих панела (Онемогући) и анимирања начина на који се панели отварају и затварају (падајућа листа Анимирај).

Изаберите Датотека→Сачувај да бисте сачували страницу; када се појави дијалог Копирај зависне датотеке, кликните на ОК да генеришете све повезане датотеке.

Да би Спри функције функционисале, морате да отпремите ове датотеке на свој веб сервер када отпремите веб страницу.

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

Напомена: Не можете да уређујете одговарајуће стилове за хармоника панел док се страница не сачува и Дреамвеавер не генерише одговарајуће ЦСС и ЈаваСцрипт датотеке.

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

Када користите рачунар за преглед странице која има интерактивну функцију која захтева ЈаваСцрипт или неко друго програмирање, неки веб прегледачи, укључујући Интернет Екплорер, ће приказати упозорење да морате дозволити АцтивеКс контролама да виде страницу.

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