Allwedd html: cais, cynhyrchu

crewyr safle Dechreuwyr (nid y rhai sy'n defnyddio atebion parod, sef y rhai sydd am greu eu safleoedd eu hunain) html astudio, ond nid bob amser y tro cyntaf i ddeall holl naws o greu safle gyda'ch dwylo eu hunain.

botwm html yn y dyluniad ddewislen arddull safle

Cysylltiadau - yr unig beth a all ganiatáu newid o un dudalen i'r llall, fodd bynnag, mae cyfeiriad syml - mae'n diffyg llwyr o batrymau dylunio, felly mae angen i chi chwilio am opsiynau ar sut i ddyrchafu y ddolen ac yn rhoi golwg brydferth.

Botwm ar gyfer safle html yn gwasanaethu dwy swyddogaeth: yn gyntaf, maent yn rhoi cyfle i fynd ar dudalen a roddir, ac yn ail, yn cael cynllun sy'n cyd-fynd ac yn mewn cytgord ag arddull cyffredinol y dudalen.

Button yn gynhenid yn unig yn yr un ddolen ymddangosiad dymunol ac, os dymunir, neu siâp sy'n newid arlliwiau o clic neu hofran drosto.

Sut i wneud botwm yn html

I wneud botwm mewn dwy ffordd: eich pen eich hun neu ddefnyddio'r gwasanaethau i greu botymau.

Y dull cyntaf yn eich galluogi i ddysgu a deall hanfod holl waith, a'r ail - dim ond i gael canlyniad, ond mae hefyd yn gyfyngedig o ran cwmpas.

html Botwm ar gyfer safle - nid yn gymaint o anodd o waith i sefydlu faint botwm adferiad cymryd llawer o amser. Mae'r gair "diwygiad" i fod i wneud yn clickable, arweiniad neu newid ar adeg gwasgu, mae angen i chi ddefnyddio CSS neu JavaScript.

gan ddefnyddio botwm delwedd

Mae botwm syml ar ffurf cysylltiadau html a delweddau a grëwyd gan fewnosod tag 'a' (Cyfeirnod) ar y img tag (delwedd).

Mae'r enghraifft hon, mewn gwirionedd, yn unig yw llun, dolen, ond gall fod o unrhyw fath, ac yn berffaith ffitio i mewn i'r cynllun, ond mae hyn yn botwm html ni all "gwaith", hynny yw newid y farn mewn gwahanol sefyllfaoedd.

I'r botwm mae golwg arfer a allai newid yn dibynnu ar y sefyllfa, dylai newid ei ffurf wreiddiol, ac ychwanegu CSS.

Botwm ar gyfer safle gyda CSS

CSS - mae'n iaith raglennu gwahanol, sy'n gyfrifol yn unig ar gyfer y arddulliau a elwir Taflenni Arddull Rhaeadrol.

Bydd cod html botwm ar gyfer y wefan ar:

• < "A" h "r" e "f =" Yma, mae angen nodi cyfeiriad y dudalen we "class =" ">

Rhybudd! Wrth ddefnyddio enghreifftiau, cael gwared ar yr eicon "i gael a href.

Mae'r enghraifft uchod - yn gyswllt syml a fydd yn cael ei drawsnewid i mewn i'r arddull a ddymunir gan ddefnyddio CSS, lle mae dosbarth yn nodi enw'r dosbarth yn y css, fod y côd wedi'i ddefnyddio yn benodol i eitem honno ar y dudalen.

• .topbutton {/ * Dosbarth botwm * /
• lled: 111px; / * - botymau lled o 111 picsel * /
• border: 1px solid # 000; / * - botwm Frame mewn 1 picsel, cadarn a du * /
• cefndir: #red; / * - preimio botwm - * coch /
• testun-alinio: gadael; / * - aliniad y testun ar y botwm ar y ymyl chwith * /
• padin: 10px; / * - y offsets rhag yr elfennau tu allan ar y dudalen * /
• lliw: #fff; / * - lliw y testun, yn yr achos gwyn * /
• font-deulu: Verdana; / * - y ffont testun (gallwch agor a dewis Word) * /
• font-size: 8PX; / * - maint y testun ar y botwm * /
• border-radiws: 3px; / * - botymau talgrynnu corneli * /
• }

Nodyn. / * Sylw * / - fel y gallwch adael sylwadau yn y cod CSS.

Siawns hyd yn oed y codydd mwyaf nofis yn deall ystyr yr enghraifft hon, ond mae'n werth dweud ei bod yn defnyddio cod bach sy'n eich galluogi i wneud y botwm mwyaf syml, ac ar gyfer y defnydd o arddulliau ychwanegol o dagiau a paramedrau i'w defnyddio pan fyddwch yn symud neu weithgaredd gyswllt.

Mwy o botwm cymhleth ar gyfer y safle

Gall botymau ar y safle yn cael ei ddefnyddio, nid yn unig CSS am eu hymddangosiad, hefyd, yn eich galluogi i wneud safleoedd html botwm ansawdd uchel, megis JavaScript a defnyddio ieithoedd rhaglennu eraill, sydd yn fwy pwerus ac yn gallu gwireddu syniadau mwy diddorol ar gyfer y safle.

Yr unig wahaniaeth rhwng ieithoedd rhaglennu - yw'r anhawster o ran gweithredu, ac os JavaScript - yn fwy pwerus, yn y drefn honno, ac mae'n cymryd mwy o amser i astudio.

Yn ychwanegol at y dasg syml o ailgyfeirio defnyddwyr i gyfeiriadau eraill y safle, botwm html Mae gan waith mwy difrifol, sef anfon data o'r ffurflen y mae'r defnyddiwr yn mynd i mewn eu data, megis cofrestru.

cod botwm html yn yr achos hwn wedi y ffurflen:

• < "Mewnbwn" math = "botton" Enw = "enw'r botwm ar gyfer php" gwerth = "testun sy'n ymddangos ar y botwm">

Rhybudd! Wrth ddefnyddio enghreifftiau, cael gwared "i dderbyn mewnbwn.

Gweithredu allweddol o'r math hwn yn syml iawn, ac mae'r enghraifft hon yn dangos y botwm gweithredu, a fydd yn perfformio y data mewnbwn anfon oddi wrth y ffurflen.

• Math - penderfynu bod yr eitem yn botwm.
• Enw - yw'r elfen sy'n ei gwneud yn botwm unigryw.
• Gwerth - yn dangos label y botwm i.

Nid yw'r broblem gyfan yn sut i wneud botwm html, ac i wireddu prosesu data fod defnyddiwr wedi anfon, sy'n gofyn am wybodaeth am y fwy cymhleth, ond un o'r iaith raglennu mwyaf pwerus. PHP yn eich galluogi i wneud y safleoedd hyn ac, er enghraifft, mae rhai CMS parod ysgrifennu arno.

Botymau yn cael eu hysgrifennu ar gyfer y ffurflenni, yn ogystal fel arfer, gellir eu trosi i ffurf a ddymunir, ond mae eu swyddogaeth yn bwysig iawn ac yn fwy cyfrifol.

Yn ychwanegol at y dull llaw o greu botymau, mae amryw o wasanaethau y gall yn awtomatig greu gwahanol fotymau ac yn eu addasu at eich dant, ond mae y dull hwn yn cael anfantais sylweddol - ar gyfer cael y defnydd o'r botymau hyn i ddysgu html.

angen i'r html astudio i ddeall lle i osod botwm safle - y fwydlen, yr uned sy'n allbynnu cynnwys, neu yn y troedyn (ar waelod y safle) safle.