Putan Html: tagradh, riochdachadh

Bidh luchd-cruthachaidh làrach tòiseachaidh (chan eil an fheadhainn a bhios a 'cleachdadh fuasglaidhean deiseil, is iad sin an fheadhainn a tha airson làrach-lìn a chruthachadh iad fhèin) ag ionnsachadh html, ach chan ann a-riamh tha e comasach tuigsinn gu bheil a h-uile càil de bhith a' cruthachadh làrach le do làmhan fhèin bhon chiad fhear.

Putan-bothair html anns an làrach a 'taghadh na stoidhle dealbhaidh

Ceangalan - is e seo an aon rud a dh 'fhaodadh gluasad bho aon duilleag gu fear eile, ach ceanglaichean sìmplidh - is e seo làn-làthaireachd modail dealbhaidh, agus mar sin feumaidh tu roghainnean a lorg airson mar a leasaicheas tu an ceangal agus coltas àlainn dha.

Putan airson an làrach html dà adhbhar: an toiseach, tha iad a 'toirt cothrom a dhol air a thoirt duilleag, agus san dàrna, tha dealbhadh a tha a' freagairt agus tha e ann an co-sheirm ris an iomlan stoidhle na duilleig.

Is e am putan a th 'ann am putan dìreach mar an aon iomradh, dìreach le sùil shònraichte agus, ma tha feum air, na h-atharrachaidhean no na cruth atharrachadh nuair a tha thu a' briogadh no a 'gluasad troimhe.

Mar a nì thu putan ann an html

Faodaidh tu putan a dhèanamh ann an dà dhòigh: fhèin no na seirbheisean gus putanan a chruthachadh.

Tha a 'chiad dòigh a' toirt cothrom dhut bunait na h-obrach gu lèir ionnsachadh agus a thuigsinn, agus an dàrna fear - dìreach airson an toradh fhaighinn, ach cuideachd cuingealaichte anns na cothroman.

Na putanan html airson an làraich - chan e obair dhoirbh a th 'ann cho mòr ri cruthachadh, cia mheud beothachadh saothair a th' anns a 'phutan. Tha am facal "ath-bheothachadh" a 'ciallachadh gum bi e freagrach a bhith a' briogadh, a 'gluasad no atharrachadh aig an àm a tha thu a' putadh, agus feumaidh tu CSS no JavaScript a chleachdadh.

Putan a 'cleachdadh an ìomhaigh

Simple putan Tha an cruth html ceanglaichean agus ìomhaighean a chruthachadh le inserting tag 'a' (iomradh) air an taga img (image).

Tha an eisimpleir seo, gu dearbh, na cheangal-dhealbhan sìmplidh, ach faodaidh e gnè sam bith a bhith a 'freagairt a-steach don dealbhadh, ach chan urrainn dhan phutan html "obrachadh", is e sin, atharraich an coltas ann an suidheachaidhean eadar-dhealaichte.

Gus am bi am putan airson coltas neo-àbhaisteach agus dh 'fhaodadh e atharrachadh a rèir an t-suidheachaidh, bu chòir dhut a coltas tùsail atharrachadh agus CSS a chur ris.

Putanan airson an làraich le CSS

'S e cànan prògramachaidh eile a th' ann an CSS nach eil ach freagairtean airson stoidhlichean agus canar duilleag stoidhle cascading ris.

Bidh coltas còd a 'phutain airson làrach html mar:

• <"A" h "r" e "f =" Bu chòir dhut seòladh na duilleige a shònrachadh air an eadar-lìn "class =" ">

Rabhadh! Nuair a bhios tu a 'cleachdadh eisimpleirean, cuir às an ìomhaigh "gus a dhol agus a href.

Tha an eisimpleir gu h-àrd na cheangal shìmplidh a thèid atharrachadh gu stoidhle a tha a dhìth le CSS, far a bheil an clas a 'mìneachadh ainm a' chlas ann an css gus am bi an còd air a chur ris an eileamaid sin air an duilleig.

• .topbutton {/ * clas a 'phutan * /
• Leithead: 111px; / * - is e leud a 'phutan 111 pixel * /
• Crìochan: 1px solid # 000; / * - 'se crìoch a' phutan 1 piogail, cruaidh agus dubh * /
• Cùl-fhiosrachadh: #red; / * - lìon am putan - dearg * /
• Text-align: left; / * - co-thaobhadh teacs air a 'phutan chun làimh chlì * /
• Closgaireachd: 10px; / * - dubhan bho eileamaidean air an taobh a-muigh air an duilleag * /
• Dath: #fff; / * - dath an teacsa, sa chùis seo geal * / /
• Teaghlach nan clò: verdana; / * - cruth teacs (faodar a fosgladh agus a thaghadh ann am Word) * /
• Font-size: 8px; / * - meud an teacsa air a 'phutan * /
• Radius a 'chrìch: 3px; / * - a 'cuairteachadh oiseanan a' phutan * /
• }

Note. / * Comment * / - gus an urrainn dhut beachdan fhàgail anns a 'chòd CSS.

Chan eil teagamh nach eil eadhon a 'cleachdadh an eisimpleir seo ach eadhon an còd-eòlaiche as bunaitiche, ach bu chòir a ràdh gu bheil còd beag air a chleachdadh an seo a leigeas leat am putan as sìmplidh a dhèanamh, agus airson stoidhlean a chur an sàs nuair a tha thu a' gluasad no a 'ceangal gnìomhachd, bu chòir dhut tagaichean agus paraimeatan a bharrachd a chur a-steach.

Putan nas iom-fhillte airson an làraich

Faodaidh putanan air an làrach a bhith a 'cleachdadh chan e a-mhàin CSS airson an coltas, ach cuideachd cànanan prògramachaidh a leigeas leat botan àrd-inbhe de làraich html a dhèanamh, mar eisimpleir JavaScript, a tha nas cumhachdaiche agus gun urrainn dhaibh beachdan nas inntinniche a chur an gnìomh airson an làraich.

Is e an aon eadar-dhealachadh eadar cànanan prògramachaidh an iom-fhillteachd anns a 'bhuileachadh, agus ma tha JavaScript nas cumhachdaiche, fa leth, agus bidh an sgrùdadh aige a' toirt barrachd ùine.

A bharrachd air obair shìmplidh ann an cruth ath-stiùireadh luchd-cleachdaidh gu seòlaidhean làrach-lìn eile, bidh am putan html cuideachd a 'dèanamh obair nas dorra, a tha a' gabhail a-steach a bhith a 'cur dàta bho fhoirm anns an do chuir an neach-cleachdaidh a-steach an dàta, mar eisimpleir, clàradh.

Is e còd a 'phutain html anns a' chùis seo:

• <"Inntrigeadh" type = "botton" name = "ainm a 'phutain airson php" value = "teacs a nochdas air a' phutan">

Rabhadh! Nuair a bhios tu a 'cleachdadh eisimpleirean, sguab às "airson faighinn a-steach.

Tha cur an gnìomh putan den t-seòrsa seo glè shìmplidh, agus tha an eisimpleir a 'sealltainn putan ag obair a chuireas an dàta a-steach bhon fhoirm.

• Seòrsa - a 'sònrachadh gur e putan a th' anns an eileamaid seo.
• Ainm - is e an eileamaid a nì am putan air leth.
• Luach - a 'taisbeanadh an sgrìobhadh air a' phutan.

Chan e an duilgheadas gu lèir a bhith a 'dèanamh a' phutan html, ach a bhith a 'cur an gnìomh a' phròiseas dàta a chuir an neach-cleachdaidh, a dh 'fheumas eòlas air cànan prògramachaidh nas iom-fhillte, ach aon de na cànanan prògraman as cumhachdaiche. Tha PHP a 'toirt cothrom dhut làraich fìor a dhèanamh agus, mar eisimpleir, tha cuid de CMS deiseil air an sgrìobhadh air.

Faodar putanan a chaidh a sgrìobhadh airson foirmean, a bharrachd air feadhainn àbhaisteach, atharrachadh gu an fhoirm riatanach, ach tha an adhbhar aca fìor chudromach agus a 'toirt barrachd uallaich.

A bharrachd air an dòigh-làimhe airson putan a chruthachadh, tha diofar sheirbheisean ann a bhios a 'cruthachadh bothan eadar-dhealaichte gu fèin-obrachail agus gan cleachdadh airson do bhlas, ach tha droch bhuaidh air an dòigh seo - gus na putanan sin a chleachdadh feumaidh tu html ionnsachadh.

Tha feum air Ionnsachadh html gus tuigsinn far a bheil putan na làraich air a stàladh - anns a 'chlàr-taice, am bloc a tha a' taisbeanadh an t-susbaint, no ann am bonn-coise na làraich.