AP Divs Creation í Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver notar sýndarílát í CSS, eða kassa, búnir til með DIV merkinu til að staðsetja efni frjálslega á síðu. The DIV tag er einföld tag er notað til að búa til svæði fyrir efni á síðuna þína. Hvert DIV merki getur verið úthlutað einstökum auðkennisstíl til að stjórna staðsetningu þess, útliti og stærð.

Ferlið við að setja efni þarf oft tvö skref: að búa til DIV merkið og búa síðan til samsvarandi stíl þess. AP Div tólið gerir þér kleift að teikna kassa frjálslega á síðunni og setja efni inni.

AP Div er stytting á absolute-positioned DIV; hlutur með algjöra stöðu er fastur á tilteknum stað á síðunni. Þegar þú teiknar AP Div er staðsetning hennar venjulega stillt með því að nota efstu og vinstri CSS eiginleikana, með efsta vinstra horninu á síðunni sem viðmiðunarpunkt.

CSS meðhöndlar alla þætti á síðu sem kassa sem geymir efni; vísað til sem CSS Box líkanið. Þó að CSS geti litið svo á að kassi sé nánast hvaða þáttur sem er á síðu (svo sem töflu eða listi), eru DIV merki oftast notuð til að búa til sýndarkassa sem þú getur notað til að staðsetja texta, myndir og jafnvel aðra reiti.

Hver kassi getur haft sína eigin breidd, hæð, staðsetningu (með efri og vinstri eiginleika), ramma, spássíur og fyllingu; hver og einn er stilltur með CSS reglum.

Á Insert spjaldið, veldu Layout flokkinn.

Veldu Draw AP Div tólið.

Bendillinn birtist sem krosshár þegar þú færir hann aftur yfir síðuna.

Smelltu hvar sem er á síðunni og dragðu til að teikna nýtt AP Div; slepptu músarhnappnum.

AP Divs Creation í Adobe CS5 Dreamweaver

Smelltu og dragðu síðuna með Draw AP Div tólinu til að búa til kassa.

Færðu músarbendilinn yfir brún kassans þar til hann breytist í hönd; smelltu einu sinni og handföng birtast á öllum hliðum.

Smelltu og dragðu eitthvað af þessum handföngum til að breyta stærð kassans lóðrétt eða lárétt.

Til að færa kassann, smelltu og dragðu hann við flipann sem situr efst til vinstri og settu kassann þar sem þú vilt hafa hann á síðunni.

Skoðaðu fasteignaeftirlitið og þú sérð nafnið ásamt mörgum eignum DIV skráðar.

Ef CSS Styles spjaldið er ekki opið, veldu Gluggi→CSS Styles til að opna það; undir Allt spjaldið, smelltu vinstra megin við stílblaðið (

Smelltu í nýja reitinn til að slá inn, líma eða setja inn nýtt efni.

Þegar þú teiknar AP Div á síðunni setur Dreamweaver inn merki til að búa til kassann og býr til auðkennisval sem geymir staðsetningu, breidd, hæð og aðra eiginleika DIV. Eftir að þú hefur búið til AP Div geturðu slegið inn, límt eða sett inn efni beint inn í það. Þú getur líka úthlutað bekkjarreglu til hvaða DIV sem er frá eignaeftirlitinu.

Sérhver AP Div sem þú teiknar er sjálfkrafa skráð á AP Elements spjaldið (veldu Window→ AP Elements til að birta það. AP Elements spjaldið getur hjálpað þér að velja, fela og sýna hvaða AP Elements sem er á síðunni.

AP Divs Creation í Adobe CS5 Dreamweaver

Notaðu AP Elements spjaldið til að velja, fela og endurraða AP Divs á síðunni þinni.


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