Tíu tímasparandi Dreamweaver vefhönnunarráð

Allar góðar vefsíður vaxa og þróast. Ef þú byrjar með sterka hönnun og fylgist vel með nokkrum grunnreglum um viðmót, siglingar og stíl, hefurðu betri grunn til að byggja á. Eftirfarandi hönnunarhugmyndir og Dreamweaver ráð geta hjálpað þér að spara tíma þegar þú býrð til vefsíður sem líta vel út fyrir alla gesti þína.

1Plan — það borgar sig.

Jafnvel ef þú finnur fyrir þrýstingi að fá vefsíðu á netinu hratt, muntu spara tíma til lengri tíma litið ef þú tekur smá tíma til að þróa áætlun fyrst.

Veraldarvefurinn er ekki að fara neitt. Jafnvel þótt þú þurfir að koma síðunni þinni á netið eins fljótt og auðið er, ætti markmið þitt að vera að hanna síðu sem raunverulega þjónar áhorfendum þínum, viðskiptum og markmiðum - og þessi markmið krefjast skipulagningar.

2 Skilgreindu markmið til að hjálpa þér að einbeita þér.

Ef þú byrjar vefsíðuna þína með það að markmiði að laða að milljónir gesta og selja tonn af vörum og þjónustu, ertu ekki nógu nákvæmur. Því nákvæmari sem þú getur lýst markmiðum þínum, því meiri möguleika hefurðu á að ná þeim. Þú ættir að takmarka þig við aðeins þrjú mörk.

3Settu fresti til að hjálpa þér að klára.

Eftir að þú ert með markmið þín og verkefnin sem þú þarft að klára áður en þú opnar vefsíðuna þína er kominn tími til að búa til tímalínu og setja tímamörk. Vertu viss um að gefa þér raunhæfan tímaramma til að gera gott starf og taka aðeins lengri tíma en þú heldur að þú þurfir, sérstaklega ef þú ert nýr í vefhönnun.

Jafnvel ef þú ert að vinna að vefsíðu sjálfur eða með mjög litlu teymi, þá er að setja tímafresti einn mikilvægasti hluti hvers verkefnisáætlunar - og gefur þér mun betri möguleika á að klára. Prófaðu að binda frest við sérstakan viðburð eða tilefni.


Tíu tímasparandi Dreamweaver vefhönnunarráð

4Hönnun fyrir áhorfendur.

Sama hversu tæknilega háþróuð vefsíða er eða hversu frábær skrifin eru, flestir taka fyrst eftir hönnuninni. Gakktu úr skugga um að þú skiljir eftir nægan tíma og fjárhagsáætlun til að þróa viðeigandi og aðlaðandi hönnun fyrir vefsíðuna þína. Rétt hönnun er sú sem hentar áhorfendum þínum best – og það þýðir kannski ekki mikið af flottri grafík og hreyfimyndum.

5Búðu til samræmda hönnun.

Flestar vefsíður virka best og auðveldast er að vafra um þær þegar þær fylgja samræmdu hönnunarþema. Dæmi: Flestir lesendur telja sjálfsagðan hlut að bækur breyti ekki hönnun sinni frá síðu til síðu og að dagblöð breyti ekki leturgerð og lógói fyrirsagna frá degi til dags.

Reyndar munu margir halda því fram að þegar notendur segja að eitthvað sé „innsæi í notkun,“ það sem þeir meina í raun er að það sé kunnuglegt. Samræmi er eitt helsta tólið sem notað er í hönnun til að hjálpa lesendum að finna kunnuglega síðu og gera það auðvelt að fylgjast með sögu eða röð flakkþátta.


Tíu tímasparandi Dreamweaver vefhönnunarráð

6Fylgdu reglunni um þrjá smelli.

Þriggja smella reglan segir að engar mikilvægar upplýsingar ættu nokkru sinni að vera meira en þremur smellum frá annars staðar á vefsíðunni þinni. Mikilvægustu upplýsingarnar ættu að vera enn nær við höndina. Til dæmis eru margir hönnuðir sammála um að tengiliðaupplýsingar ættu aldrei að vera meira en einum smelli frá.

Þú getur auðveldað áhorfendum að finna upplýsingar með því að búa til yfirlitsstiku - sett af tenglum á alla helstu hluta síðunnar þinnar sem þú endurtekur á öllum síðum síðunnar þinnar. Leiðsögustika auðveldar gestum að fara frá einum hluta vefsvæðisins til annars.

Ef þú ert með fullt af síðum á síðunni þinni skaltu skipuleggja þær í hluta með undirköflum og nota síðan fellivalmynd.

7Hugsaðu þig um áður en þú bætir við flottum leturgerðum.

Hönnuðir verða svo spenntir þegar þeir komast að því að þeir geta nú notað hvaða leturgerð sem þeir vilja á vefsíðum. Því miður, eins og svo margt á vefnum, er notkun leturgerða flóknari en þú gætir búist við.

Til dæmis, jafnvel þótt þú hafir réttindi til að hýsa leturgerð á þínum eigin vefþjóni, getur verið að þú hafir ekki öll þau afbrigði af leturgerðinni sem þarf til að birta stafina rétt á Mac og Windows tölvum eða til að virka í öllum vöfrum. Þess vegna nota flestir vefhönnuðir leturþjónustu:

8Hafið oft notaða hluti við höndina.

Hefur þú einhvern tíma óskað þér að þú gætir geymt alla uppáhalds Dreamweaver eiginleikana þína á einum hentugum stað? Þú getur! Sérsníddu bara uppáhaldssafnið á Insert spjaldið.

Ræstu Dreamweaver og veldu Window→ Insert til að opna Common Insert spjaldið. Innsetningarspjaldið inniheldur nokkra hluta, þar á meðal uppbygging, miðlar, eyðublöð og eftirlæti.

Smelltu á örina á Setja inn spjaldið og veldu Uppáhalds úr fellilistanum. Uppáhaldsvalkosturinn er aftast í fellilistanum Setja inn spjaldið.

Til að sérsníða eftirlætisspjaldið með öllum uppáhalds eiginleikum þínum skaltu hægrismella (eða Control+smella á Mac) og velja Sérsníða eftirlæti. Notaðu Favorites Insert spjaldið sem þægilega leið til að halda öllum uppáhaldseiginleikum þínum við höndina. Þú getur jafnvel breytt því fyrir sérstök verkefni sem krefjast safns forritaeiginleika.


Tíu tímasparandi Dreamweaver vefhönnunarráð

9 Skiptu útsýninu.

Ef þú vilt skipta fram og til baka á milli kóðayfirlitsins og hönnunarskjásins í Dreamweaver, muntu meta möguleikann á að skipta glugganum þannig að þú getir skoðað bæði frumkóðann og síðuhönnunina á sama tíma. Til að skipta glugganum skaltu velja hnappinn Skipta útsýni efst til vinstri á vinnusvæðinu.

Frumkóði Dreamweaver er litakóðaður til að auðvelda að greina merki frá efni. Annar gagnlegur eiginleiki í Split view er að ef þú velur mynd, texta eða annan þátt á síðu í hönnunarskjánum er samsvarandi kóði sjálfkrafa auðkenndur í kóðaskjá.

10 Taktu öryggisafrit af vefsíðunni þinni.

Gakktu úr skugga um að þú sért með kerfi til að taka öryggisafrit af vefsíðunni þinni. Haltu alltaf afriti af öllum skrám á netþjóninum þínum á sérstökum stað og uppfærðu það reglulega til að tryggja að þú hafir afrit af nýjustu útgáfunni af síðunni þinni hverju sinni.

Til að búa til öryggisafrit af vefsíðu sem þú hefur búið til í Dreamweaver þarftu að afrita vefsíðumöppuna þar sem þú geymir allar skrárnar á vefsíðunni þinni. Helst ættir þú að afrita þá möppu yfir á ytri harða disk eða hlaða henni upp á afritunarkerfi á netinu (sem er hýst aðskilið frá vefþjóninum þínum).


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