Če ste novi v spletnem oblikovanju ali že leta ustvarjate strani HTML, je Adobe Dreamweaver CS6 idealno orodje za izdelavo vašega spletnega mesta. V različici CS6 najdete nov pozdravni zaslon in podporo za najnovejše v kaskadnih slogovnih listah (CSS3) in HTML5. Dreamweaver je priljubljen program med profesionalnimi spletnimi oblikovalci, pa tudi ljudmi, ki želijo graditi spletna mesta za svoje hobije, klube, družine in mala podjetja.
Grafični vmesnik Dreamweaverja, ki je preprost za uporabo, in zmogljiv seznam funkcij omogočata, da je priljubljena izbira med profesionalnimi spletnimi oblikovalci in ljubitelji. Z vsako novo različico Dreamweaver CS6 ponuja nove funkcije, vendar boste še vedno našli znani pozdravni zaslon, ki vam bo pomagal začeti.
V Dreamweaverju CS6 lahko izboljšate svoje zasnove in dajete svojim stranem večjo globino, tako da dodate sence besedila s pravili CSS3, najnovejšo spletno tehnologijo. Dodajanje senc besedila olajša branje vaših besed, še posebej, če ima vaš dizajn zapleteno ozadje ali če barve ozadja in besedila nimajo kontrasta.
Zasluge: Paul Gual, istockphoto.com
Dreamweaver CS6 vključuje podporo za sence besedila CSS3, ko uporabljate podokno Lastnosti na plošči Slogi CSS. S sencami besedila lahko ustvarite sloge razreda ali ID-jev, obstoječim elementom HTML pa lahko dodate sence besedila z definiranjem sloga oznake, kot je slog naslova 1, uporabljen na sliki.
Koda CSS3, ki ustvari to senco besedila, je
h1 {besedilna senca: 2px 2px 3px #000;}
Številke v kodi določajo, da mora senca besedila razširiti 2 slikovni piki v desno in 2 slikovni piki pod besedilom z zamegljenostjo 3 slikovnih pik. Poleg tega se senca ustvari s črno barvo, določeno s skrajšano šestnajstiško barvno kodo #000.
Pri ustvarjanju pravil za sence besedila lahko podate do štiri vrednosti:
Vodoravno in navpično: prvi dve številski vrednosti sta obvezni in določata vodoravni in navpični odmik — razdaljo, na katero se senca razteza pod besedilom (vodoravno) in desno od besedila (navpično).
Polmer zamegljenosti: tretja vrednost določa količino zamegljenosti v senci. Če ne vključite polmera zamegljenosti, je privzeta vrednost 0, zaradi česar je senca videti enobarvna.
Barva: četrta vrednost določa barvo sence in jo je mogoče definirati s šestnajstiško barvno kodo ali barvno kodo RGBa.
Besedilno senco lahko dodate z uporabo podokna Lastnosti na dnu plošče Slogi CSS, kot je prikazano na sliki. Če želite to narediti, sledite tem korakom:
Kliknite povezavo Dodaj lastnost na levi strani podokna Lastnosti slogov CSS.
Vnesite ime slogovnega pravila CSS3, senco besedila ali izberite slogovno pravilo s spustnega seznama.
Ko se ime prikaže na levi strani, se na desni prikaže majhna puščica.
Kliknite, da izberete puščico na desni strani sence besedila.
Pojavi se polje.
Vnesite odmike X in Y, polmer zamegljenosti in barvo.
Izkušeni spletni oblikovalci – ne glede na to, ali uporabljajo Adobe Dreamweaver ali drugo programsko opremo za spletno oblikovanje – se pogosto sklicujejo na spletne vire, da bi bili v koraku s svojimi veščinami in svojim spletnim mestom dodali posebne funkcije. Ta seznam vam olajša iskanje nekaterih spletnih mest in spletnih virov, ki vam lahko pomagajo pri vaših projektih spletnega oblikovanja.
Storitve avdio in video gostovanja:
Blogging in CMS programi
Storitve za skupno rabo družbenih medijev
Storitve poročanja o prometu:
Priljubljeni spletni brskalniki:
Storitve testiranja spletnega brskalnika:
Peskovnik brskalnika Spoon (prej Xenocode)
Dreamweaver, CSS in viri za spletno oblikovanje:
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 […]
