Vlákno a prepojenie textových rámov InDesign CS5
Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.
Ak s webovým dizajnom začínate alebo už roky vytvárate stránky HTML, Adobe Dreamweaver CS6 je ideálnym nástrojom na vytváranie vašich webových stránok. Vo verzii CS6 nájdete novú uvítaciu obrazovku a podporu pre najnovšie kaskádové štýly (CSS3) a HTML5. Dreamweaver je obľúbený program medzi profesionálnymi webovými dizajnérmi, ako aj ľuďmi, ktorí chcú vytvárať stránky pre svoje koníčky, kluby, rodiny a malé firmy.
Vďaka ľahko použiteľnému grafickému rozhraniu a výkonným zoznamom funkcií je Dreamweaver obľúbenou voľbou medzi profesionálnymi webovými dizajnérmi, ako aj medzi nadšencami. S každou novou verziou ponúka Dreamweaver CS6 nové funkcie, no stále tu nájdete známu uvítaciu obrazovku, ktorá vám pomôže začať.
V Dreamweaver CS6 môžete vylepšiť svoje návrhy a dať svojim stránkam väčšiu hĺbku pridaním tieňov textu pomocou pravidiel CSS3, najnovšej webovej technológie. Pridaním tieňov textu sa vaše slová ľahšie čítajú, najmä ak má váš návrh zložité pozadie alebo ak farby pozadia a textu nemajú kontrast.
Poďakovanie: Paul Gual, istockphoto.com
Dreamweaver CS6 obsahuje podporu pre tiene textu CSS3, keď použijete tablu Vlastnosti na paneli Štýly CSS. Môžete vytvoriť štýly triedy alebo ID s tieňmi textu a môžete pridať tiene textu k existujúcim prvkom HTML definovaním štýlu značky, ako je napríklad štýl nadpisu 1 použitý v obrázku.
Kód CSS3, ktorý vytvára tieň textu, je
h1 {text-shadow: 2px 2px 3px #000;}
Čísla v kóde určujú, že tieň textu by mal siahať 2 pixely doprava a 2 pixely pod text s 3-pixelovým rozostrením. Okrem toho je tieň vytvorený čiernou farbou špecifikovanou skráteným hexadecimálnym kódom farby #000.
Pri vytváraní pravidiel pre tiene textu môžete zadať až štyri hodnoty:
Horizontálne a vertikálne: Prvé dve číselné hodnoty sú povinné a určujú horizontálne a vertikálne posunutie – vzdialenosť, o ktorú vrhnutý tieň presahuje pod text (horizontálne) a napravo od textu (vertikálne).
Polomer rozostrenia: Tretia hodnota určuje mieru rozmazania v tieni. Ak nezahrniete polomer rozostrenia, predvolená hodnota je 0, vďaka čomu sa tieň zobrazí ako plná farba.
Farba: Štvrtá hodnota určuje farbu tieňa a možno ju definovať pomocou hexadecimálneho kódu farby alebo kódu farby RGBa.
Textový tieň môžete pridať pomocou tably Vlastnosti v spodnej časti panela Štýly CSS, ako je znázornené na obrázku. Ak to chcete urobiť, postupujte takto:
Kliknite na odkaz Pridať vlastnosť na ľavej strane tably Vlastnosti štýlov CSS.
Zadajte názov pravidla štýlu CSS3, tieň textu alebo vyberte pravidlo štýlu z rozbaľovacieho zoznamu.
Po zobrazení názvu na ľavej strane sa na pravej strane zobrazí malá šípka.
Kliknutím vyberte šípku napravo od tieňa textu.
Zobrazí sa rámček.
Zadajte odsadenia X a Y, polomer rozostrenia a farbu.
Skúsení webdizajnéri – či už používajú Adobe Dreamweaver alebo iný softvér na tvorbu webu – často odkazujú na online zdroje, aby udržali krok so svojimi schopnosťami a pridali na svoje webové stránky špeciálne funkcie. Tento zoznam vám uľahčuje vyhľadanie niektorých webových stránok a online zdrojov, ktoré vám môžu pomôcť s vašimi projektmi webového dizajnu.
Audio a video hostingové služby:
Blogovanie a CMS programy
Služby zdieľania sociálnych médií
Služby hlásenia premávky:
Populárne webové prehliadače:
Testovacie služby webového prehliadača:
Sandbox prehliadača od spoločnosti Spoon (predtým Xenocode)
Zdroje pre Dreamweaver, CSS a webový dizajn:
Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.
Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.
Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.
Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.
Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.
Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.
Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.
Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.
Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.