Ako použiť transparentnosť na SVG
Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.
Dreamweaver CS5 All-in-One pre LuckyTemplates Cheat Sheet
Dreamweaver CS5 môže výrazne zvýšiť produktivitu a zmeniť spôsob, akým vytvárate webové stránky. Poznanie všetkých dôležitých klávesových skratiek Dreamweaver CS5 a bežných pravidiel kódovania HTML môže ešte viac zvýšiť vašu efektivitu ako dizajnéra. Zorientujte sa v pracovnom priestore Dreamweaveru pomocou ľahko zapamätateľných klávesových skratiek a bežných rád pre kódovanie, aby ste mohli pracovať rýchlejšie a inteligentnejšie a vytvárať svoje webové lokality jednoduchšie.
Ušetrite čas pomocou klávesových skratiek Dreamweaver CS5
Používanie Dreamweaveru CS5 je oveľa rýchlejšie, keď poznáte skratky. Pomocou týchto klávesových skratiek v zobrazeniach Návrh, Rozdelenie a Kód môžete rýchlo vytvárať dokumenty, vykonávať úlohy úprav, skrývať a zobrazovať funkcie pracovného priestoru, používať jednoduché formátovanie, upravovať kód, robiť výbery, pristupovať k pomocníkovi Dreamweaveru, zobrazovať ukážky stránok v režime Live View a v prehliadači. , a viac.
| Príkazy klávesnice | PC skratka | Skratka pre Mac |
|---|---|---|
| Vytvorte nový dokument | Control+N | Command+N |
| Otvorte existujúci dokument | Control+O | Príkaz + O |
| Uložte otvorený dokument | Control+S | Command+S |
| Zatvorte otvorený dokument | Control+W | Command+W |
| Zatvorte všetky otvorené dokumenty | Control+Shift+W | Command + Shift + W |
| Ukončiť/ukončiť Dreamweaver | Control+Q alebo Alt+F4 | Command+Q alebo Opt+F4 |
| Vrátenie späť | Control+Z alebo Alt+Backspace | Option+Delete |
| Znovu | Control + Y alebo Control + Shift + Z |
Command+Y alebo Command+Shift+Z |
| Vystrihnúť | Control+X alebo Shift+Delete |
Command+X alebo Shift+Delete |
| Kopírovať | Control+C | Command+C |
| Prilepiť | Control+V | Command+V |
| Špeciálna pasta | Control+Shift+V | Command + Shift + V |
| Vybrať všetko | Control+A | Príkaz + A |
| Nájsť a nahradiť | Control+F | Command+F |
| Otvorte panel Predvoľby | Control+U | Príkaz + U |
| Zobraziť/skryť pravítka | Control+Alt+R | Command+Option+R |
| Zobraziť/skryť sprievodcov | Control+; | Command+; |
| Zobraziť/skryť vizuálne pomôcky | Control+Shift+I | Command + Shift + I |
| Zobraziť/skryť mriežku | Control+Alt+G | Command+Option+G |
| Upravte vlastnosti stránky | Control+J | Command+J |
| Obnoviť zobrazenie návrhu | F5 | F5 |
| Označiť vybraný text tučným písmom | Control+B | Command+B |
| Urobiť vybratý text kurzívou | Control+I | Príkaz + I |
| Použiť formátovanie odseku na vybratý text | Control + Shift + P | Command + Shift + P |
| Použiť formátovanie nadpisu (H1–H6) na vybratý text | Control+1 až 6 | Príkaz + 1 až 6 |
| Pridajte nový odsek | Návrat | Návrat |
| Pridajte zalomenie riadku | Shift+Return | Shift+Return |
| Vložte neprerušiteľnú medzeru | Command + Shift + medzerník | Command + Shift + medzerník |
| Presuňte objekt alebo text | Presuňte výber na nové miesto | Presuňte výber na nové miesto |
| Skopírujte objekt alebo text | Podržte kláves Control a potiahnite výber na nové miesto | Potiahnite výber na nové miesto |
| Vyberte slovo | Dvojité kliknutie | Dvojité kliknutie |
| Vyberte riadok alebo textový blok | Trojité kliknutie | Trojité kliknutie |
| Vložte obrázok | Control+Alt+I | Command+Option+I |
| Vložiť tabuľku | Control+Alt+T | Command+Option+T |
| Spustite kontrolu pravopisu | Shift+F7 | Shift+F7 |
| Otvorte okno Pomocníka | F1 | F1 |
| Priblížiť | Control+= | Príkaz + = |
| Oddialiť | Control+- | príkaz +- |
| Ukážka v primárnom prehliadači | F12 | Option+F12 |
| Ukážka v sekundárnom prehliadači | Shift+F12 alebo Control+F12 | Command + F12 |
| Live View | Alt+F11 | Option+F11 |
| Zmraziť JavaScript | F11 | F11 |
| Skontrolujte | Alt+Shift+F11 | Option+Shift+F11 |
| Navigátor kódu | Control+Alt+N | Command+Option+N |
| Získajte | Control+Shift+D | Command + Shift + D |
| Dajte | Control+Shift+U | Command + Shift + U |
| Prihlásiť sa | Control+Alt+Shift+U | Command + Option + Shift + U |
| Odhlásiť sa | Control+Alt+Shift+D | Command + Option + Shift + D |
Rady pre kódy HTML, CSS a JavaScript
Ako webový dizajnér používate niektoré časti kódu HTML, CSS a JavaScript často, ale nie dosť často na to, aby ste sa zapísali do pamäte. Nasledujúci kód HTML, štýl CSS a rady JavaScript sú užitočné, keď na svoje stránky pridávate špeciálne prvky, ako sú napríklad nulové odkazy, metaznačky a entity. Použite tieto rady pre kódy HTML, CSS a JavaScript v zobrazení kódu, v inšpektore vlastností a vo vašich hárkoch štýlov CSS.
| Tip pre HTML kód | Skratka kódu | |
|---|---|---|
| Vytvorte nulový odkaz | # alebo javascript:; alebo javascript:void(0) ako v<> href=”#”>odkaz link link |
|
| Vytvorte pomenovaný kotviaci odkaz | Odkaz na Cieľový odkaz Cieľ |
|
| Vytvorte odkaz na pomenovanú kotvu na inej stránke | odkaz | |
| Vložte zlom riadku | ||
| Zavrieť okno JavaScript | Zavrieť toto okno |
|
| Znova navštívte metaznačku po x dňoch | ||
| Žiadna metaznačka vyrovnávacej pamäte | ||
| Meta odkaz na domovskú stránku | ||
| Meta odkaz na stránku mapy webu | ||
| Meta odkaz na ikonu odkazu | ||
| Meta odkaz na ikonu odkazu pomocou GIF namiesto ICO | href=”favicon.gif” /> | |
| Odkaz na externý súbor JS | type=”text/javascript”> | |
| Odkaz na externý CSS | media=”screen”/> | |
| Import@ odkaz na externý CSS | ||
| Odkaz CSS pre prehliadače IE menšie ako IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
| Vložte obrázok s atribútom ALT |  |
|
| Prázdny atribút ALT pre obrázok | |
|
| Entita na pridanie prázdneho miesta | alebo | |
| Subjekt na pridanie autorských práv | © alebo © | |
| Subjekt na pridanie ochrannej známky | ™ alebo ™ | |
| Entita na pridanie znaku ampersand | & alebo & | |
| Pridajte značky NoScript | ||
| Ciele prepojenia | _blank _Nová _self _parent _top |
|
| Použite vlastný štýl CSS so značkami SPAN | … | |
| Značky komentárov v HTML a JavaScript | ||
| Značky komentárov v CSS | /* Váš komentár tu */ | |
| Štruktúra značky CSS predefinuje štýl | tag { atribút: hodnota; } |
|
| Štruktúra štýlu CSS ID | #ID { atribút: hodnota; } |
|
| Štruktúra vlastného štýlu CSS | .názov štýlu { atribút: hodnota; } |
|
| CSS pre štýly odkazov | a:link { atribút: hodnota; } a:navštívené { atribút: hodnota; } a:hover { atribút: hodnota; } a:active { atribút: value;; } |
Práca s obrázkami v Adobe XD
Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]
Ako upraviť vlastnosti textu v Adobe XD
Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]
Práca s umeleckými plátnami vo Photoshope CC
Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]
Tvary a mnohouholníky v InDesigne
Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]
Zalamovanie textu v aplikácii Adobe Illustrator CC
Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]
Ako zmeniť veľkosť tvarov v aplikácii Illustrator
Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]
Ako vytvoriť QR kódy v InDesign CC
InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]
Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6
Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]
Funkcia Live Paint v Adobe CS5 Illustrator
Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]