Dreamweaver CS5 All-in-One For Lucky Templates Cheat Sheet

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.

Sparaðu tíma með Dreamweaver CS5 flýtilykla

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

HTML, CSS og JavaScript kóða vísbendingar

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 „Mín
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;;
}

Hvernig á að beita gagnsæi á SVG

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.

Vinna með myndir í Adobe XD

Vinna með myndir í Adobe XD

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 […]

Hvernig á að stilla textaeiginleika í Adobe XD

Hvernig á að stilla textaeiginleika í Adobe XD

Þ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ð […]

Vinna með teikniborð í Photoshop CC

Vinna með teikniborð í Photoshop CC

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 […]

Form og marghyrningar í InDesign

Form og marghyrningar í InDesign

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 […]

Vefja texta í Adobe Illustrator CC

Vefja texta í Adobe Illustrator CC

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 […]

Hvernig á að breyta stærð forms í Illustrator

Hvernig á að breyta stærð forms í Illustrator

Þ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 í […]

Hvernig á að búa til QR kóða í InDesign CC

Hvernig á að búa til QR kóða í InDesign CC

Þú 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 […]

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Þ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 […]

Live Paint eiginleiki í Adobe CS5 Illustrator

Live Paint eiginleiki í Adobe CS5 Illustrator

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 […]