Možnost zavihka uporabniškega vmesnika jQuery v Dreamweaverju omogoča preprosto dodajanje niza plošč, ki prikazujejo ali skrijejo vsebino, ki ustreza vrsti zavihkov. Podobno kot pri zložljivih ploščah vam ta funkcija uporabniškega vmesnika jQuery omogoča prikaz več informacij na manj prostora v oknu brskalnika.
Podobno kot plošče s harmoniko se lahko plošče z zavihki uporabljajo za prikaz besedila, slik in večpredstavnosti.
Ko ustvarite plošče z zavihki s pripomočkom jQuery UI v Dreamweaverju, lahko določite vrstni red zavihkov in učinkovito nadzorujete, kakšna vsebina se prikaže, ko se stran prvič naloži.
Sledite tem korakom, da ustvarite skupino plošč z zavihki:
Postavite kazalec na stran, kjer želite, da se prikaže plošča z zavihki.
Izberite Insert→ jQuery UI→ Tabs ali kliknite element Tabs na plošči Vstavljanje uporabniškega vmesnika jQuery.
Na stran je vstavljena plošča z zavihki in ustrezne datoteke CSS se prikažejo na plošči Source Designer CSS.
V glavnem delovnem prostoru izberite besedilo Tab1, Tab2 in Tab 3 in nato zamenjajte vsak naslov zavihka z besedilom, ki ga želite prikazati v območju zavihkov plošče.
Vsebino zavihkov lahko urejate samo v delovnem prostoru, ne v inšpektorju lastnosti. Privzeto je besedilo v območju zavihkov krepko in črno, vendar lahko to oblikovanje spremenite tako, da spremenite ustrezno pravilo CSS.
Če želite prilagoditi velikost posameznega zavihka, izberite zavihek in nato uporabite nastavitve višine in širine v inšpektorju lastnosti.
Ko je izbran posamezen zavihek, inšpektor lastnosti prikaže nastavitve posebej za ta zavihek.
Če želite dodati vsebino, izberite besedo Vsebina v glavnem območju katere koli izbrane plošče z zavihki in nato vnesite besedilo, slike ali večpredstavnost.
Besedilo lahko kopirate v ploščo tako, da ga prilepite tako, kot bi prilepili besedilo kamor koli drugje na strani. Podobno vstavite slike v plošče, tako kot kjer koli drugje na strani: Izberite Vstavi → Slika → Slika in nato izberite datoteko GIF, JPEG ali PNG, ki jo želite prikazati. Dodate lahko tudi večpredstavnostne ali Photoshop datoteke, če želite uporabiti Dreamweaver za optimizacijo slik.
Če želite spremeniti videz zavihka ali plošče, kot je obraz ali barva pisave, uredite ustrezno pravilo CSS.
Če želite na primer urediti barvo ali pisavo besedila na zavihkih, izberite polje okoli zavihka in polje okoli sloga se samodejno izbere na plošči Izbirnik oblikovalca CSS.
Če želite urediti število ali vrstni red plošč z zavihki, kliknite modri zavihek jQuery Tabs na vrhu nabora plošč v območju oblikovanja.
Ko kliknete modri zavihek, se nastavitve plošče prikažejo v inšpektorju lastnosti. Kliknite zunaj območja z modrim okvirjem in Inšpektor lastnosti se vrne na privzete nastavitve.
Če želite dodati zavihke, kliknite ikono znaka plus (+) v inšpektorju lastnosti.
V delovnem prostoru se prikažejo novi zavihki.
Če želite spremeniti vrstni red zavihkov, izberite ime zavihka v inšpektorju lastnosti in nato s puščicami v polju Plošče premaknite ploščo.
Imena plošč se premikajo navzgor in navzdol po meniju, ko se spremeni vrstni red. Plošče in njihovi ustrezni zavihki so prikazani na spletni strani v vrstnem redu, v katerem so prikazani v Inšpektorju lastnosti.
Na spustnem seznamu Panels izberite ploščo, ki jo želite prikazati, ko se stran naloži v spletni brskalnik.
Spustni seznam ustreza imenom, ki jih daste vsakemu zavihku v delovnem prostoru.
Izberite Datoteka→ Shrani, da shranite stran; ko se prikaže pogovorno okno Kopiraj odvisne datoteke, kliknite V redu, da samodejno ustvarite vse povezane datoteke.
Da bi funkcije uporabniškega vmesnika jQuery delovale, morate te datoteke naložiti na svoj spletni strežnik, ko naložite spletno stran.
Kliknite ikono globusa na vrhu delovnega prostora in izberite brskalnik za predogled svojega dela v brskalniku.
Odvisno od vašega spletnega brskalnika boste morda morali kontrolnikom ActiveX dovoliti predogled strani v vašem računalniku.
Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti.
Kako izvoziti datoteke JPEG in PNG iz dokumenta Adobe InDesign CS6. Koraki za uspešno izvoz potrebnih slikovnih formatov za tiskanje in spletno uporabo.
Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.
Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]
Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]
Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]
Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]
Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]
InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]
Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]
