Smelltu á tímasparandi Dreamweaver ráð

Jafnvel bestu forritin verða betri þegar þú veist hvernig á að nýta þau sem best. Gefðu þér augnablik til að skoða þessar ráðleggingar og sparaðu mikinn tíma við að þróa vefsíðuna þína. Flest þessara ráðlegginga eiga við um bæði Macintosh og Windows notendur. Þegar þeir eiga aðeins við um einn eða annan mun textinn segja þér hvort ábendingin eigi við um Windows eða Mac útgáfuna.

Að hreinsa draslið

Mörg spjöld Dreamweaver (kallaðar litatöflur í fyrri útgáfum) veita skjótan aðgang að vinsælustu eiginleikum þess, en þeir geta ruglað hönnunarsvæðinu. Til að koma þeim úr vegi þínum þegar þú vilt standa aftur og dást að verkum þínum (eða rífa í sundur einhvers annars), notaðu F4 takkann, flýtileið sem felur öll sýnileg spjöld í einu. Til að fá þá aftur, ýttu bara á F4 takkann aftur.

Til að kveikja og slökkva á spjöldum fyrir sig, notaðu flýtilykla sem úthlutað er hverju spjaldi. Veldu Gluggi í valmyndinni til að finna flýtivísa lyklaborðs við hlið hvers spjaldsnafns. Þú getur notað þessar flýtileiðir til að kveikja og slökkva á spjöldum fyrir sig. Þú getur líka notað ræsistikuna neðst í hægra horninu á hönnunarglugganum til að fá aðgang að vefsvæðinu, eignaspjaldinu, HTML stílspjaldinu, CSS stílspjaldinu, hegðunarspjaldinu og söguspjaldinu.

Að skipta yfirsýn: Vinna í kóðanum

Ef þú vilt skipta fram og til baka á milli HTML frumkóðans og WYSIWYG (það sem þú sérð er það sem þú færð) hönnunarsýn í Dreamweaver, muntu meta nýja valmöguleikann í útgáfu 4 sem gerir þér kleift að skipta glugganum svo þú getir skoða HTML upprunann og WYSIWYG hönnunarsvæðið á sama tíma. Til að skipta glugganum skaltu velja Skoða –> Kóði og hönnun.

Þú gætir líka kunnað að meta aukna eiginleika í Dreamweaver innbyggða textaritlinum, þar á meðal sjálfvirka inndrátt og möguleikann á að velja margar línur og draga þær inn. Þú munt líka uppgötva lifandi setningafræði litarefni sem birtist þegar þú skrifar - þú getur jafnvel greint litina fyrir HTML og JavaScript. Veldu Edit –> Preferences –> Code Colors flipann til að úthluta litum.

Leggðu fram hönnun þína

HTML töflur bjóða enn upp á bestu leiðina til að búa til flókna vefhönnun (vegna þess að eldri vafrar styðja enn ekki lög) og Dreamweaver 4 hefur gert það auðveldara en nokkru sinni fyrr að búa til töflur á sjónhönnunarsvæði sínu. Í nýja útlitsskjánum geturðu „teiknað“ töflur á síðu, dregið þær á sinn stað og jafnvel flokkað frumur í hreiðra töflu – án þess að hafa nokkurn tíma áhyggjur af því hversu margar línur og frumur þú hefur búið til. Þú getur jafnvel notað þennan eiginleika til að búa til töflur sem breytast með gluggastærðinni, frábær tækni til að tryggja að hönnun þín virki á öllum skjáum.

Veldu View –> Table View –> Layout View til að fá aðgang að nýju borðgerðarumhverfi Dreamweaver og dragðu síðan og slepptu til að búa til hvers kyns töflu. Þú getur fundið útlitsvalkosti fyrir reiti og töflu á Hlutaspjaldinu.

Umbreytir texta

Ef þú ert vanur að nota Paste as Text eiginleikann í Dreamweaver 3, ekki verða fyrir vonbrigðum þegar þú kemst að því að það vantar í Dreamweaver 4. Macromedia straumlínulagaði ferlið í nýjustu útgáfunni. Nú velurðu einfaldlega File -> Paste og sniðinn texti úr ritvinnsluskjali heldur sniðinu sínu - jæja, allt í lagi, það heldur að minnsta kosti línubilinu. Sannleikurinn er sá að Dreamweaver er enn frekar veikburða þegar kemur að því að breyta texta.

Þú getur bjargað þér frá því að þurfa að endursníða textann í Dreamweaver ef þú notar ritvinnslu- eða töflureikniforrit sem inniheldur Save As HTML eiginleika (Microsoft Word og margir aðrir bjóða upp á þennan eiginleika). Í stað þess að afrita og líma textann inn í Dreamweaver skaltu nota File –> Save As HTML eiginleika ritvinnsluforritsins, endurnefna skrána og síðan opna nýju skrána í Dreamweaver. Microsoft Word og Excel varðveita jafnvel töflusnið, raunverulegan tímasparnað ef þú ert að fást við stórar töflur af texta eða tölum.

Að finna virka leturgerðir

Hönnuðir verða svo spenntir þegar þeir komast að því að þeir geta notað hvaða letur sem er. Í raun og veru verða áhorfendur þínir að hafa leturgerðina á tölvum sínum til að hún birtist. Því algengari sem letrið er, því líklegra er að það birtist eins og þú ætlar þér. Ef þú vilt nota óvenjulegari leturgerð, farðu þá í það - vertu bara viss um að þú hafir líka valkost. Dreamweaver leturlisti inniheldur nú þegar söfn af algengum leturgerðum og þú getur alltaf búið til þinn eigin leturlista með því að velja Texti –> Leturgerð –> Breyta leturlista.

Windows er langalgengasta stýrikerfið á netinu. Til að tryggja bestu - og hraðvirkustu - niðurstöðurnar fyrir meirihluta notenda þinna skaltu skrá Windows leturgerð fyrst.

Að beina áhorfendum þínum

Að búa til margar síður er bilunaröruggasta lausnin til að tryggja að allir áhorfendur þínir séu ánægðir þegar þú notar nýjustu síðuhönnun fyllta með DHTML og CSS. Það þýðir að þú býrð til tvö eða fleiri sett af síðum: eina sem notar nýjustu eiginleikana og eina sem notar eldri, almennari studd HTML merki. En hvernig tryggir þú að áhorfendur komist á réttar síður? Notaðu hegðun Athuga vafra.

Athugaðu vafrahegðun er skrifuð í JavaScript og ákvarðar vafragerðina sem hver áhorfandi notar sem lendir á síðunni þinni. Hegðunin beinir síðan notendum að síðuhönnun sem hentar best vafraútgáfu þeirra. Til að nota þennan eiginleika skaltu velja Window –> Behaviours til að opna Behaviour spjaldið. Smelltu síðan á plús táknið (+) til að opna fellilistann yfir valkosti. Veldu Athugaðu vafra og þá opnast svargluggi þar sem þú getur tilgreint hvaða vafraútgáfur eigi að beina á hvaða síður á síðunni þinni. Þegar notendur koma á síðuna þína er þeim sjálfkrafa beint á þá síðu sem þú velur, byggt á vafragerð og útgáfu sem þú tilgreinir.


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