Hvernig á að búa til eins dálks vökvakerfisskipulag í Dreamweaver

Áður en þú kafar í að búa til flókna hönnun á vökvaneti í Dreamweaver skaltu íhuga að prófa einfaldari. Byrjaðu á því að búa til einfalda, eins dálka vökvakerfisskipulag, fylgdu þessum einföldu leiðbeiningum:

Veldu Skrá→ Nýtt.

Nýtt skjal gluggi opnast. Athugið: Gakktu úr skugga um að þú hafir lokið uppsetningarferli vefsvæðisins áður en þú byrjar að vinna að nýju uppsetningu vökvanets.

Frá vinstri hlið skjásins, veldu Fluid Grid Layout.

Valmöguleikar Nýja skjalsgluggans breytast í valmöguleikana fyrir vökvanet.

Hvernig á að búa til eins dálks vökvakerfisskipulag í Dreamweaver

Tilgreindu fjölda dálka sem þú vilt í hverju af þremur uppsetningum.

Til að bæta við eða fjarlægja dálka, veldu textareitinn yfir hvern dálk af og til og sláðu inn fjölda dálka sem þú vilt.

Tilgreindu hlutfall vafragluggans sem þú vilt að hvert útlit nái yfir.

Veldu textareitinn fyrir neðan hvert útlit og sláðu inn tölu sem táknar hlutfall pláss sem þú vilt að útlitið nái þegar hönnunin er skoðuð í vafraglugga. Til dæmis, sjálfgefið er skrifborðsútlitið stillt til að taka upp 90 prósent af tiltæku plássi, en þú gætir breytt því í 95 prósent til að gefa þér meira hönnunarrými og minnka framlegð.

Breyttu prósentu dálkbreiddar til að breyta magni spássíu á milli hvers dálks.

Sjálfgefið er að Dreamweaver stillir hverja spássíu til að taka upp 25 prósent af tiltæku plássi.

Notaðu fellilistann til að tilgreina doctype.

Sjálfgefið er að útlit fyrir fljótandi rist er búið til með HTML5 doctype. Nema þú þurfir að breyta doctype til að vera samhæfari við annað snið sem notað er á vefsíðunni þinni, þá er HMTL5 ráðlagður valkostur fyrir móttækilega vefhönnun.

Smelltu á Búa til.

Vista sem glugginn opnast tilbúinn til að vista CSS skrá.

Sláðu inn nafn fyrir CSS skrána þína og smelltu á Vista.

Ný HTML skrá opnast í Dreamweaver vinnusvæðinu en er ekki enn vistuð. CSS skráin sem þú nefndir er vistuð og nafn hennar verður sýnilegt á Files spjaldinu.

Athugið: Ólíkt ferlinu við að búa til aðrar gerðir af síðum í Dreamweaver, er CSS skráin vistuð fyrst og HTML skráin vistuð í seinna skrefi.

Veldu Skrá→ Vista

Vista sem svarglugginn opnast.

Sláðu inn nafn fyrir HTML skrána þína og smelltu á OK.

Vista sem svarglugginn lokar og tilkynning birtist í Dreamweaver sem upplýsir þig um að útlit vökvanets þíns krefst tveggja viðbótarskráa: boilerplate.css og respond.min.js.

Smelltu á OK til að afrita boilerplate.css og respond.min.js skrárnar yfir í möppuna þína.

Öllum þremur skrám er bætt við Files spjaldið og þú ferð aftur í nýnefnda HTML skrána þína sem er opin í Dreamweaver vinnusvæðinu.

Hvernig á að búa til eins dálks vökvakerfisskipulag í Dreamweaver

Gefðu síðunni titil með því að slá inn texta í Titill reitinn efst á vinnusvæðinu.

Og það lýkur ferlinu við að búa til nýtt sett af skrám fyrir vökvakerfisskipulagið þitt.


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