Kuidas SVG-dele läbipaistvust rakendada
Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.
Dreamweaver CS5 kõik-ühes LuckyTemplatesi petuleht
Dreamweaver CS5 võib oluliselt parandada tootlikkust ja muuta veebisaitide loomise viisi. Kõigi oluliste Dreamweaver CS5 klaviatuuri otseteede ja tavaliste HTML-i kodeerimisreeglite tundmine võib teie tõhusust kujundajana veelgi tõsta. Leidke Dreamweaveri tööruumis orienteerumine hõlpsasti meeldejäävate klaviatuuri otseteede ja levinud kodeerimisvihjete abil, et saaksite töötada kiiremini ja nutikamalt ning luua oma veebisaite hõlpsamini.
Säästke aega Dreamweaver CS5 klaviatuuri otseteede abil
Dreamweaver CS5 kasutamine on palju kiirem, kui teate otseteid. Kasutage neid kujundus-, poolitus- ja koodivaadetes klaviatuuri otseteid dokumentide kiireks loomiseks, redigeerimisülesannete täitmiseks, tööruumi funktsioonide peitmiseks ja kuvamiseks, lihtsa vormingu rakendamiseks, koodi redigeerimiseks, valikute tegemiseks, Dreamweaveri spikri juurde pääsemiseks, lehtede eelvaateks otsevaates ja brauseris. , ja veel.
| Klaviatuuri käsud | PC otsetee | Maci otsetee |
|---|---|---|
| Looge uus dokument | Control+N | Command+N |
| Avage olemasolev dokument | Control+O | Command+O |
| Salvestage avatud dokument | Control+S | Command+S |
| Sulgege avatud dokument | Control+W | Command+W |
| Sulgege kõik avatud dokumendid | Control+Shift+W | Command+Shift +W |
| Välju/lõpeta Dreamweaver | Control+Q või Alt+F4 | Command+Q või Opt+F4 |
| Võta tagasi | Control+Z või Alt+Tagasilükke | Valik + Kustuta |
| Tee uuesti | Control+Y või Control +Shift+Z |
Command+Y või Command+Shift+Z |
| Lõika | Control+X või Shift+Delete |
Command+X või Shift+Delete |
| Kopeeri | Control+C | Command+C |
| Kleebi | Control+V | Command+V |
| Kleepige spetsiaalselt | Control+Shift+V | Command+Shift+V |
| Vali kõik | Control+A | Command+A |
| Otsige ja asendage | Control+F | Command+F |
| Avage paneel Eelistused | Control+U | Command+U |
| Näita/peida joonlauad | Control+Alt+R | Command+Option+R |
| Näita/peida juhendeid | Control+; | Command+; |
| Näita/peida visuaalseid abivahendeid | Control+Shift+I | Command+Shift+I |
| Kuva/peida ruudustik | Control+Alt+G | Command+Option+G |
| Muuda lehe atribuute | Control+J | Command+J |
| Värskenda kujundusvaadet | F5 | F5 |
| Muuda valitud tekst paksuks | Control+B | Command+B |
| Muuda valitud tekst kaldkirjaks | Control+I | Käsk+I |
| Rakenda valitud tekstile lõigu vorming | Control+Shift+P | Command+Shift+P |
| Rakenda valitud tekstile pealkirja vorming (H1–H6). | Control+1 kuni 6 | Command+1 kuni 6 |
| Lisa uus lõik | Tagasi | Tagasi |
| Lisage reavahetus | Tõstuklahv+Tagasi | Tõstuklahv+Tagasi |
| Sisestage katkematu tühik | Command+Shift+tühikuklahv | Command+Shift+tühikuklahv |
| Objekti või teksti teisaldamine | Lohistage valik uude asukohta | Lohistage valik uude asukohta |
| Kopeeri objekt või tekst | Control-lohistage valik uude asukohta | Option-lohistage valik uude asukohta |
| Valige sõna | Topeltklõps | Topeltklõps |
| Valige rida või tekstiplokk | Kolmikklõps | Kolmikklõps |
| Sisesta pilt | Control+Alt+I | Command+Option+I |
| Sisesta tabel | Control+Alt+T | Command+Option+T |
| Käivitage õigekirjakontroll | Tõstuklahv+F7 | Tõstuklahv+F7 |
| Avage spikri aken | F1 | F1 |
| Suurenda | Control+= | Command+= |
| Suumi välja | Control+- | Command+- |
| Eelvaade peamises brauseris | F12 | Valik + F12 |
| Eelvaade teiseses brauseris | Shift+F12 või Control+F12 | Command+F12 |
| Otsevaade | Alt+F11 | Valik + F11 |
| Külmutage JavaScript | F11 | F11 |
| Kontrollige | Alt + Tõstuklahv + F11 | Option+Shift+F11 |
| Koodinavigaator | Control+Alt+N | Command+Option+N |
| Hangi | Control+Shift+D | Command+Shift+D |
| Pane | Control+Shift+U | Command+Shift+U |
| Registreeruge | Control+Alt+Shift+U | Command+ Option+Shift+U |
| Kontrollige | Control+Alt+Shift+D | Command+ Option+Shift+D |
HTML-, CSS- ja JavaScripti koodi vihjed
Veebidisainerina kasutate mõningaid HTML-, CSS- ja JavaScripti koodi bitte sageli, kuid mitte piisavalt sageli, et seda mälu säilitada. Järgmised HTML-koodi, CSS-stiili ja JavaScripti vihjed on kasulikud, kui lisate oma lehtedele erielemente, nagu nulllingid, metasildid ja olemid. Kasutage neid HTML-i, CSS-i ja JavaScripti koodi vihjeid koodivaates, atribuutide inspektoris ja oma CSS-i stiililehtedel.
| HTML-koodi vihje | Koodi otsetee | |
|---|---|---|
| Loo nulllink | # või javascript:; või javascript:void(0) nagu <> href=”#”>lingi lingi lingis |
|
| Loo nimega ankurlink | Link sihtmärgile link Target |
|
| Looge link nimega ankrule teisel lehel | link | |
| Sisestage reavahetus | ||
| Sulge aken JavaScript | Sulgege see aken |
|
| Vaadake uuesti x päeva pärast metasilti | ||
| Vahemälu metasilti pole | ||
| Meta link avalehele | ||
| Meta link saidiplaani lehele | ||
| Meta link otseteeikoonile | ||
| Meta link otseteeikoonile, kasutades ICO asemel GIF-i | href=”favicon.gif” /> | |
| Link välisele JS-failile | type=”text/javascript”> | |
| Link välisele CSS-ile | media=”ekraan”/> | |
| Import@ link välisele CSS-ile | ||
| CSS-i link IE-le, mis on väiksem kui IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
| Sisestage ALT atribuudiga pilt |  |
|
| Tühjenda pildi ALT atribuut | |
|
| Üksus tühja ruumi lisamiseks | või | |
| Autoriõiguse lisamise üksus | © või © | |
| Üksus kaubamärgi lisamiseks | ™ või ™ | |
| Üksus ampersandi lisamiseks | & või & | |
| Lisage NoScripti sildid | ||
| Linkide sihtmärgid | _blank _new _ise _parent _top |
|
| Rakendage CSS-i kohandatud stiili SPAN-märgendite abil | … | |
| Kommentaarimärgendid HTML-is ja JavaScriptis | ||
| Kommentaarimärgendid CSS-is | /* Sinu kommentaar siin */ | |
| CSS-i sildi struktuur määratleb uuesti stiili | tag { atribuut: väärtus; } |
|
| CSS-i ID stiili struktuur | #ID { atribuut: väärtus; } |
|
| CSS-i kohandatud stiili struktuur | .stylename { atribuut: väärtus; } |
|
| CSS lingi stiilide jaoks | a:link { atribuut: väärtus; } a:külastatud { atribuut: väärtus; } a:hover { atribuut: väärtus; } a:active { atribuut: väärtus;; } |
Piltidega töötamine Adobe XD-s
Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]
Kuidas kohandada teksti atribuute Adobe XD-s
Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]
Photoshop CC graafikaplaatidega töötamine
Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]
Kujundid ja hulknurgad InDesignis
Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]
Murdke tekst Adobe Illustrator CC-s
Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]
Kuidas Illustratoris kujundite suurust muuta
Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]
Kuidas luua InDesign CC-s QR-koode
InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]
Kuidas muuta uus foto Photoshop CS6-s vanaks
Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]
Adobe CS5 Illustratori Live Paint funktsioon
Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]