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

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

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

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

Пратите ове кораке да бисте креирали групу панела са картицама:

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

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

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

У главном радном простору изаберите редом текст Таб1, Таб2 и Таб 3 , а затим замените сваки наслов картице текстом који желите да се појави у области картица на табли.

Садржај картица можете уређивати само у радном простору, а не у Инспектору својстава. Подразумевано, текст у области картице је подебљан и црн, али то форматирање можете променити изменом одговарајућег ЦСС правила.

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

Када се изабере појединачна картица, Инспектор својстава приказује подешавања за ту картицу.

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

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

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

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

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

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

Да бисте додали картице, кликните на икону плус (+) у Инспектору својстава.

Нове картице се појављују у радном простору.

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

Називи панела се померају горе-доле по менију како се редослед мења. Панели и њихове одговарајуће картице појављују се на веб страници по редоследу којим се појављују у Инспектору имовине.

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

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

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

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

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

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