Com aplicar la transparència als SVG
Obteniu informació sobre com aplicar la transparència als gràfics SVG a Illustrator. Descobriu com publicar SVG amb fons transparents i aplicar efectes de transparència.
Full de trucs Dreamweaver CS5 All-in-One per a LuckyTemplates
Dreamweaver CS5 pot millorar molt la productivitat i canviar la manera de crear llocs web. Conèixer totes les dreceres de teclat importants de Dreamweaver CS5 i les regles de codificació HTML habituals poden augmentar encara més la vostra eficiència com a dissenyador. Busqueu el vostre camí per l'espai de treball de Dreamweaver amb dreceres de teclat fàcils de recordar i consells de codificació habituals perquè pugueu treballar de manera més ràpida i intel·ligent, i crear els vostres llocs web amb més facilitat.
Estalvieu temps amb les dreceres de teclat de Dreamweaver CS5
L'ús de Dreamweaver CS5 és molt més ràpid quan coneixeu les dreceres. Utilitzeu aquestes dreceres de teclat a les vistes Disseny, Divisió i Codi per crear ràpidament documents, realitzar tasques d'edició, amagar i mostrar funcions de l'espai de treball, aplicar un format senzill, editar codi, fer seleccions, accedir a l'ajuda de Dreamweaver, previsualitzar les pàgines en Live View i en un navegador. , i més.
| Ordres del teclat | Drecera de PC | Drecera de Mac |
|---|---|---|
| Creeu un document nou | Control+N | Ordre+N |
| Obre un document existent | Control+O | Ordre+O |
| Desa un document obert | Control+S | Ordre+S |
| Tanca un document obert | Control+W | Ordre+W |
| Tanqueu tots els documents oberts | Control+Maj+W | Ordre+Maj+W |
| Surt/Surt de Dreamweaver | Control+Q o Alt+F4 | Ordre+Q o Opt+F4 |
| Desfer | Control+Z o Alt+Retrocés | Opció+Suprimir |
| Refer | Control+Y o Control+Maj+Z |
Ordre+Y o Ordre+Maj+Z |
| Tallar | Control+X o Maj+Suprimir |
Ordre+X o Maj+Suprimir |
| Còpia | Control+C | Ordre+C |
| Enganxa | Control+V | Ordre+V |
| Enganxa especial | Control+Maj+V | Ordre+Maj+V |
| Seleccionar tot | Control+A | Ordre+A |
| Trobar i substituir | Control+F | Ordre+F |
| Obriu el tauler Preferències | Control+U | Ordre+U |
| Mostra/amaga les regles | Control+Alt+R | Ordre+Opció+R |
| Mostra/amaga les guies | Control+; | Comandament+; |
| Mostra/amaga les ajudes visuals | Control+Maj+I | Ordre+Maj+I |
| Mostra/amaga la graella | Control+Alt+G | Ordre+Opció+G |
| Edita les propietats de la pàgina | Control+J | Ordre+J |
| Actualitza la vista de disseny | F5 | F5 |
| Posa el text seleccionat en negreta | Control+B | Ordre+B |
| Feu que el text seleccionat sigui cursiva | Control+I | Ordre+I |
| Aplica el format de paràgraf al text seleccionat | Control+Maj+P | Ordre+Maj+P |
| Apliqueu el format de l'encapçalament (H1–H6) al text seleccionat | Control+1 a 6 | Ordre+1 a 6 |
| Afegeix un nou paràgraf | Tornar | Tornar |
| Afegiu un salt de línia | Maj+Retorn | Maj+Retorn |
| Inseriu un espai ininterromput | Ordre+Maj+barra espaiadora | Ordre+Maj+barra espaiadora |
| Mou objecte o text | Arrossegueu la selecció a una ubicació nova | Arrossegueu la selecció a una ubicació nova |
| Copia objecte o text | Control i arrossegueu la selecció a una ubicació nova | Opció i arrossegueu la selecció a una ubicació nova |
| Seleccioneu una paraula | Feu doble clic | Feu doble clic |
| Seleccioneu una fila o un bloc de text | Feu triple clic | Feu triple clic |
| Insereix imatge | Control+Alt+I | Ordre+Opció+I |
| Inserir taula | Control+Alt+T | Ordre+Opció+T |
| Executeu un control ortogràfic | Maj+F7 | Maj+F7 |
| Obriu la finestra d'ajuda | F1 | F1 |
| Ampliar | Control+= | Ordre+= |
| Disminuir el zoom | Control+- | Ordre+- |
| Vista prèvia al navegador principal | F12 | Opció+F12 |
| Vista prèvia al navegador secundari | Maj+F12 o Control+F12 | Ordre+F12 |
| Visualització en directe | Alt+F11 | Opció+F11 |
| Congela JavaScript | F11 | F11 |
| Inspeccionar | Alt+Maj+F11 | Opció+Maj+F11 |
| Navegador de codi | Control+Alt+N | Ordre+Opció+N |
| Aconseguir | Control+Maj+D | Ordre+Maj+D |
| Posa | Control+Maj+U | Ordre+Maj+U |
| Registrar | Control+Alt+Maj+U | Ordre+Opció+Maj+U |
| Fes una ullada | Control+Alt+Maj+D | Ordre+Opció+Maj+D |
Suggeriments de codi HTML, CSS i JavaScript
Com a dissenyador web, feu servir alguns fragments de codi HTML, CSS i JavaScript amb freqüència, però no amb prou freqüència per comprometre's a la memòria. El codi HTML, l'estil CSS i els consells de JavaScript següents són útils quan afegiu elements especials com ara enllaços nuls, metaetiquetes i entitats a les vostres pàgines. Utilitzeu aquests consells de codi HTML, CSS i JavaScript a la vista de codi, a l'inspector de propietats i als vostres fulls d'estil CSS.
| Suggeriment del codi HTML | Drecera de codi | |
|---|---|---|
| Crea un enllaç nul | # o javascript:; o javascript:void(0) com a <> href="#”> enllaç de l' enllaç |
|
| Crea un enllaç d'ancoratge amb nom | Enllaç a l'objectiu Enllaç a l' objectiu |
|
| Creeu un enllaç a l'àncora amb nom en una altra pàgina | enllaç | |
| Insereix un salt de línia | ||
| Tanca la finestra JavaScript | Tanca aquesta finestra |
|
| Reviseu després de x dies metaetiqueta | ||
| No hi ha metaetiqueta de memòria cau | ||
| Meta enllaç a la pàgina d'inici | ||
| Meta enllaç a la pàgina del mapa del lloc | ||
| Meta enllaç a la icona de drecera | ||
| Meta enllaç a la icona de drecera utilitzant GIF en lloc d'ICO | href="favicon.gif" /> | |
| Enllaç a un fitxer JS extern | tipus="text/javascript"> | |
| Enllaç a CSS extern | media="pantalla"/> | |
| Enllaç d'import@ a CSS extern | ||
| Enllaç CSS per a navegadors IE inferiors a IE 7 | type="text/css" href="ie.css" media="all"/> |
|
| Insereix una imatge amb l'atribut ALT |  |
|
| Atribut ALT buit per a la imatge | |
|
| Entitat per afegir espai en blanc | o | |
| Entitat per afegir drets d'autor | © o © | |
| Entitat per afegir marca comercial | ™ o ™ | |
| Entitat per afegir un comercial | & o & | |
| Afegeix etiquetes NoScript | ||
| Enllaçar objectius | _blank _new _self _parent _top |
|
| Apliqueu un estil personalitzat CSS amb etiquetes SPAN | … | |
| Etiquetes de comentaris en HTML i JavaScript | ||
| Etiquetes de comentaris en CSS | /* El teu comentari aquí */ | |
| L'estructura d'una etiqueta CSS redefineix l'estil | tag { atribut: valor; } |
|
| Estructura d'un estil d'ID CSS | #ID { atribut: valor; } |
|
| Estructura d'un estil personalitzat CSS | .stylename { atribut: valor; } |
|
| CSS per a estils d'enllaç | a:link { atribut: valor; } a:visited { atribut: valor; } a:hover { atribut: valor; } a:active { atribut: valor;; } |
Treballant amb imatges a Adobe XD
Després d'haver importat les vostres imatges a Adobe XD, no teniu gaire control d'edició, però podeu canviar la mida i girar les imatges com ho faríeu amb qualsevol altra forma. També podeu arrodonir fàcilment les cantonades d'una imatge importada mitjançant els ginys de cantonada. Enmascarar les vostres imatges Definint una forma tancada […]
Treballant amb taules de treball a Photoshop CC
Igual que a Adobe Illustrator, les taules de treball de Photoshop ofereixen la capacitat de crear pàgines o pantalles separades dins d'un sol document. Això pot ser especialment útil si esteu creant pantalles per a una aplicació mòbil o un petit fulletó. Podeu pensar en una taula de treball com un tipus especial de grup de capes creat mitjançant el tauler Capes. La seva […]
Formes i polígons a InDesign
Moltes de les eines que trobeu al tauler Eines d'InDesign s'utilitzen per dibuixar línies i formes en una pàgina, de manera que teniu diverses maneres diferents de crear dibuixos interessants per a les vostres publicacions. Podeu crear qualsevol cosa, des de formes bàsiques fins a dibuixos complexos dins d'InDesign, en lloc d'haver d'utilitzar un programa de dibuix com […]
Emboliqui el text a Adobe Illustrator CC
Embolicar text a Adobe Illustrator CC no és el mateix que embolicar un regal: és més fàcil! Un embolcall de text obliga el text a embolicar-se al voltant d'un gràfic, tal com es mostra en aquesta figura. Aquesta característica pot afegir una mica de creativitat a qualsevol peça. El gràfic obliga el text a envoltar-lo. Primer, crea […]
Com canviar la mida de les formes a Illustrator
Quan dissenyeu a Adobe Illustrator CC, sovint necessiteu una forma per tenir una mida exacta (per exemple, 2 x 3 polzades). Després de crear una forma, la millor manera de canviar-la a les mesures exactes és utilitzar el tauler Transformació, que es mostra en aquesta figura. Seleccioneu l'objecte i, a continuació, trieu Finestra→Transforma a […]
Com crear codis QR a InDesign CC
Podeu utilitzar InDesign per crear i modificar gràfics de codi QR. Els codis QR són una forma de codi de barres que pot emmagatzemar informació com ara paraules, números, URL o altres formes de dades. L'usuari escaneja el codi QR amb la seva càmera i el programari en un dispositiu, com ara un telèfon intel·ligent, i el programari fa servir […]
Com ajustar les propietats del text a Adobe XD
Quan tingueu text al vostre projecte Adobe XD, podeu començar a canviar les propietats del text. Aquestes propietats inclouen Família de tipus de lletra, Mida del tipus de lletra, Pes del tipus de lletra, Alineació, Espaiat entre caràcters (interlineat i seguiment), Interlineat (interlineat), Farciment, Vora (traç), Ombra (ombra vertical) i Desenfocament de fons. Per tant, revisem com s'apliquen aquestes propietats. Sobre la llegibilitat i el tipus de lletra […]
Com fer que una nova foto sembli antiga a Photoshop CS6
Pot ser que hi hagi un moment en què necessitis una foto nova per semblar antiga. Photoshop CS6 t'ha cobert. La fotografia en blanc i negre és un fenomen més nou del que podríeu pensar. Els daguerrotips i altres fotografies primerenques sovint tenien un to marró o blavós. Podeu crear les vostres pròpies obres mestres en tons sèpia. Les imatges tonificades poden crear […]
La funció Live Paint a Adobe CS5 Illustrator
Amb la funció Live Paint d'Adobe Creative Suite 5 (Adobe CS5) Illustrator, podeu crear la imatge que vulgueu i omplir regions amb color. La galleda de pintura en viu detecta automàticament les regions compostes per camins d'intersecció independents i les omple en conseqüència. La pintura dins d'una regió determinada continua viva i flueix automàticament si hi ha […]