Hvernig á að beita gagnsæi á SVG
Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.
Dreamweaver CS5 getur bætt framleiðni til muna og breytt því hvernig þú byggir upp vefsíður. Að þekkja alla mikilvægu Dreamweaver CS5 flýtilyklana og algengar HTML kóðareglur getur aukið skilvirkni þína sem hönnuður enn meira. Finndu leið þína um Dreamweaver vinnusvæðið með flýtilykla sem auðvelt er að muna og algengum kóðunarráðum svo þú getir unnið hraðar og snjallara og byggt upp vefsíður þínar á auðveldari hátt.
Að nota Dreamweaver CS5 er svo miklu hraðari þegar þú þekkir flýtivísana. Notaðu þessar flýtilykla í hönnun, skiptingu og kóða til að búa til skjöl á fljótlegan hátt, framkvæma klippingar, fela og sýna eiginleika vinnusvæðis, nota einfalda snið, breyta kóða, velja val, fá aðgang að Dreamweaver hjálp, forskoða síður í lifandi útsýni og í vafra , og fleira.
Lyklaborðsskipanir | PC flýtileið | Mac flýtileið |
---|---|---|
Búðu til nýtt skjal | Control+N | Skipun+N |
Opnaðu fyrirliggjandi skjal | Control+O | Command+O |
Vistaðu opið skjal | Control+S | Command+S |
Lokaðu opnu skjali | Control+W | Command+W |
Lokaðu öllum opnum skjölum | Control+Shift+W | Command+Shift+W |
Hætta/hætta í Dreamweaver | Control+Q eða Alt+F4 | Command+Q eða Opt+F4 |
Afturkalla | Control+Z eða Alt+Backspace | Valkostur+Eyða |
Endurtaka | Control+Y eða Control +Shift+Z |
Command+Y eða Command+Shift+Z |
Skera | Control+X eða Shift+Delete |
Command+X eða Shift+Delete |
Afrita | Control+C | Command+C |
Líma | Control+V | Command+V |
Límdu sérstakt | Control+Shift+V | Command+Shift+V |
Velja allt | Control+A | Command+A |
Finndu og skiptu út | Control+F | Command+F |
Opnaðu Preferences spjaldið | Control+U | Skipun+U |
Sýna/fela reglustikur | Control+Alt+R | Command+Option+R |
Sýna/fela leiðbeiningar | Control+; | Command+; |
Sýna/fela sjónræn hjálpartæki | Control+Shift+I | Command+Shift+I |
Sýna/fela rist | Control+Alt+G | Command+Option+G |
Breyta eiginleikum síðu | Control+J | Command+J |
Endurnýjaðu hönnunarsýn | F5 | F5 |
Gerðu valinn texta feitletraðan | Control+B | Skipun+B |
Gerðu valinn texta skáletraðan | Control+I | Skipun+I |
Notaðu málsgreinasnið á valinn texta | Control+Shift+P | Command+Shift+P |
Notaðu fyrirsagnarsnið (H1–H6) á valinn texta | Control+1 til 6 | Skipun+1 til 6 |
Bæta við nýrri málsgrein | Til baka | Til baka |
Bættu við línuskilum | Shift+Return | Shift+Return |
Settu inn órjúfanlegt bil | Command+Shift+Blástika | Command+Shift+Blástika |
Færa hlut eða texta | Dragðu valið á nýjan stað | Dragðu valið á nýjan stað |
Afritaðu hlut eða texta | Control-dragðu valið á nýjan stað | Valkostur-dragðu valið á nýjan stað |
Veldu orð | Tvísmella | Tvísmella |
Veldu línu eða textablokk | Þrísmella | Þrísmella |
Settu inn mynd | Control+Alt+I | Command+Option+I |
Settu inn töflu | Control+Alt+T | Command+Option+T |
Keyrðu villuleit | Shift+F7 | Shift+F7 |
Opnaðu hjálpargluggann | F1 | F1 |
Aðdráttur | Control+= | Skipun+= |
Aðdráttur út | Control+- | Command+- |
Forskoðun í aðalvafra | F12 | Valkostur+F12 |
Forskoðun í aukavafra | Shift+F12 eða Control+F12 | Skipun+F12 |
Live View | Alt+F11 | Valkostur+F11 |
Frystu JavaScript | F11 | F11 |
Skoðaðu | Alt+Shift+F11 | Valkostur+Shift+F11 |
Code Navigator | Control+Alt+N | Skipun+valkostur+N |
Fáðu | Control+Shift+D | Command+Shift+D |
Settu | Control+Shift+U | Command+Shift+U |
Innritun | Control+Alt+Shift+U | Command+ Valkostur+Shift+U |
Athuga | Control+Alt+Shift+D | Command+ Valkostur+Shift+D |
Sem vefhönnuður notar þú hluti af HTML, CSS og JavaScript kóða oft en ekki nógu oft til að bindast minni. Eftirfarandi HTML kóða, CSS stíll og JavaScript vísbendingar eru gagnlegar þegar þú ert að bæta sérstökum þáttum eins og núll tenglum, meta tags og einingum á síðurnar þínar. Notaðu þessar HTML, CSS og JavaScript kóða vísbendingar í kóðaskjánum, Eiginleikaeftirlitinu og CSS stílblöðunum þínum.
HTML kóða vísbending | Flýtileið kóða | |
---|---|---|
Búðu til núll tengil | # eða javascript:; eða javascript:void(0) eins og í<> href=”#”> link hlekkur |
|
Búðu til nafngreindan akkerartengil | Tengill á Target link Target |
|
Búðu til tengil á nafngreint akkeri á annarri síðu | hlekkur | |
Settu inn línuskil | ||
Lokaðu glugga JavaScript | Lokaðu þessum glugga |
|
Skoðaðu aftur eftir x daga meta tag | ||
Ekkert skyndiminni meta tag | ||
Metatengill á heimasíðuna | ||
Metatengill á vefkortssíðu | ||
Metatengill á flýtileiðartákn | ||
Metatengill á flýtileiðartákn með GIF í stað ICO | href="favicon.gif" /> | |
Tengill á ytri JS skrá | type="text/javascript"> | |
Tengill á ytri CSS | media="screen"/> | |
Import@ hlekkur á ytri CSS | ||
CSS hlekkur fyrir IE vafra minni en IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
Settu inn mynd með ALT eigindinni | ||
Tóm ALT eiginleiki fyrir mynd | ||
Eining til að bæta við auðu rými | eða | |
Aðili til að bæta við höfundarrétti | © eða © | |
Aðili til að bæta við vörumerki | ™ eða ™ | |
Eining til að bæta við merki | & eða & | |
Bættu við NoScript merkjum | ||
Tengja markmið | _blank _new _self _ PARENT _top |
|
Notaðu CSS sérsniðna stíl með SPAN merkjum | … | |
Athugasemdamerki í HTML og JavaScript | ||
Athugasemdamerki í CSS | /* athugasemd þín hér */ | |
Uppbygging CSS tags endurskilgreinir stíl | tag { eiginleiki: gildi; } |
|
Uppbygging CSS ID stíl | #ID { eigindi: gildi; } |
|
Uppbygging sérsniðins CSS stíl | .stylename { eiginleiki: gildi; } |
|
CSS fyrir tengistíla | a: hlekkur { eiginleiki: gildi; } a:visited { eiginleiki: gildi; } a:hover { eiginleiki: gildi; } a:virk { eiginleiki: gildi;; } |
Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.
Eftir að þú hefur flutt myndirnar þínar inn í Adobe XD hefurðu ekki mikla stjórn á klippingum, en þú getur breytt stærð og snúið myndum alveg eins og þú myndir gera í öðrum formum. Þú getur líka auðveldlega snúið hornin á innfluttri mynd með því að nota horngræjurnar. Maskaðu myndirnar þínar með því að skilgreina lokað form […]
Þegar þú ert með texta í Adobe XD verkefninu þínu geturðu byrjað að breyta textaeiginleikum. Þessir eiginleikar fela í sér leturfjölskyldu, leturstærð, leturþyngd, jöfnun, stafabil (kering og rakning), línubil (frama), Fylling, Border (strok), Skuggi (fallskuggi) og Bakgrunnsþoka. Svo skulum endurskoða hvernig þessar eignir eru notaðar. Um læsileika og leturgerð […]
Rétt eins og í Adobe Illustrator, bjóða Photoshop teikniborð möguleika á að byggja upp aðskildar síður eða skjái í einu skjali. Þetta getur verið sérstaklega gagnlegt ef þú ert að smíða skjái fyrir farsímaforrit eða lítinn bækling. Þú getur hugsað um listaborð sem sérstaka tegund af lagahópi sem búin er til með því að nota Layers spjaldið. Það er […]
Mörg verkfæranna sem þú finnur á InDesign Tools spjaldinu eru notuð til að teikna línur og form á síðu, svo þú hefur nokkrar mismunandi leiðir til að búa til áhugaverðar teikningar fyrir ritin þín. Þú getur búið til allt frá grunnformum til flókinna teikninga inni í InDesign, í stað þess að þurfa að nota teikniforrit eins og […]
Að pakka inn texta í Adobe Illustrator CC er ekki alveg það sama og að pakka inn gjöf – það er auðveldara! Textabrot þvingar texta til að vefja utan um grafík, eins og sýnt er á þessari mynd. Þessi eiginleiki getur bætt smá sköpunargáfu við hvaða verk sem er. Myndin neyðir textann til að vefja utan um hann. Fyrst skaltu búa til […]
Þegar þú hannar í Adobe Illustrator CC þarftu oft að lögun sé í nákvæmri stærð (til dæmis 2 x 3 tommur). Eftir að þú hefur búið til form er besta leiðin til að breyta stærð þess í nákvæmar mælingar að nota Transform spjaldið, sýnt á þessari mynd. Láttu hlutinn velja og veldu síðan Gluggi→ Umbreyta í […]
Þú getur notað InDesign til að búa til og breyta grafík QR kóða. QR kóðar eru strikamerki sem geta geymt upplýsingar eins og orð, tölur, vefslóðir eða annars konar gögn. Notandinn skannar QR kóðann með myndavélinni sinni og hugbúnaði á tæki, svo sem snjallsíma, og hugbúnaðurinn notar […]
Það gæti verið tími þegar þú þarft nýja mynd til að líta gömul út. Photoshop CS6 hefur þú fjallað. Svart-hvít ljósmyndun er nýrra fyrirbæri en þú gætir haldið. Daguerreotypes og aðrar fyrstu ljósmyndir höfðu oft brúnleitan eða bláleitan blæ. Þú getur búið til sepia-tóna meistaraverk á eigin spýtur. Tónaðar myndir geta búið til […]
Með því að nota Live Paint eiginleikann í Adobe Creative Suite 5 (Adobe CS5) Illustrator geturðu búið til myndina sem þú vilt og fyllt út svæði með lit. Live Paint fötuna greinir sjálfkrafa svæði sem samanstanda af sjálfstæðum skurðstígum og fyllir þau í samræmi við það. Málningin innan tiltekins svæðis helst lifandi og flæðir sjálfkrafa ef einhver […]